/* This file will hold styles for the mobile version of your website (mobile first). */ /* This also can include ANY global CSS that applies site-wide. Unless overwritten by a more specific style rule, CSS declarations in global.css will apply site-wide. */ #canterbury-campaign h3, #canterbury-campaign a.download { font-family: 'Fjalla One'; text-transform: uppercase; } h1, h2, .link--centered, .canterbury-excesses .content a, .block-completed-last-week p, .block-home-repair-progress .content .figures strong, .campaign .link--centered, .checklist > h4, .profile h3, .c-publication--teaser .c-publication__body > h3, .bean-fix-fasten-panel .group-link, .block-link__title > span, .node-toolbox-talk.teaser .group-right > h3, .node-toolbox-talk.teaser .label-above, .node-toolbox-talk.teaser .date-display-single, .vocabulary-campaign-detail .group-right > h3, .block-detail-image h2, .block-detail-image h3, .block-detail-image h4 { font-family: 'GibsonLightBold'; font-weight: normal; } @font-face { font-family: 'GibsonRegular'; src: url("../fonts/gibson/gibson.woff2") format("woff2"), url("../fonts/gibson/gibson.woff") format("woff"); font-weight: normal; font-style: normal; } @font-face { font-family: 'GibsonLightBold'; src: url("../fonts/gibson/gibson-semibold.woff2") format("woff2"), url("../fonts/gibson/gibson-semibold.woff") format("woff"); font-weight: normal; font-style: normal; } @font-face { font-family: "Fjalla One"; src: url('../fonts/fjalla/fjallaone-regular-webfont.eot'); src: url('../fonts/fjalla/fjallaone-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/fjalla/fjallaone-regular-webfont.woff') format('woff'), url('../fonts/fjalla/fjallaone-regular-webfont.ttf') format('truetype'), url('../fonts/fjalla/fjallaone-regular-webfont.svg') format('svg'); font-weight: normal; font-style: normal; } body.environment-indicator-adjust.environment-indicator-left { margin: 0; } #environment-indicator { display: none; } h1, h2, h3, h4 { line-height: 1.2em; text-rendering: optimizeLegibility; } h1 { color: #1C5072; font-size: 30px; } h2 { color: #333333; font-size: 20px; margin: 25px 0 10px; } h3, h4 { font-family: Arial, sans-serif; color: #000000; font-weight: normal; margin: 25px 0 10px; } h3 { font-size: 18px; } h4 { font-size: 15px; } hr { display: block; width: 100%; clear: both; } p { color: #333333; font-size: 14px; margin-bottom: 14px; line-height: 20px; word-wrap: break-word; } p.intro { font-size: 18px; line-height: 22px; margin-bottom: 14px; text-rendering: optimizeLegibility; } p.intro object { display: none; } p.extra { font-style: italic; } p.more { position: relative; margin-top: -5px; margin-bottom: -5px; } p.more a { background: url('../images/eqc_more_arrow.png') right 7px no-repeat; display: inline-block; padding: 0 10px 0 0; font-weight: bold; } p.more a:hover, p.more a:focus { background: url('../images/eqc_more_arrow_hover.png') right 7px no-repeat; color: #df6f1d; } p.moreplus a { background: url('../images/eqc_more_arrow.png') right 7px no-repeat; position: absolute; bottom: 0; right: 0; } blockquote p { font-family: Arial, sans-serif; font-size: 16px; color: #666; border-top: 1px dotted #dedede; border-bottom: 1px dotted #dedede; padding: 10px 0; } hr + * { margin-top: 1em; } table.clean { border: 0; padding: 0; margin: 0; } table.clean th { background-color: inherit; border-bottom: none; color: inherit; font-weight: normal; padding: 0; } table.clean td { border-bottom: 1px; padding: 0; } .link--centered { display: inline-block; color: #1C5072; border-bottom: 1px #1C5072 solid; text-decoration: none !important; position: relative; left: 50%; -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); } .link--centered:hover, .link--centered:focus { border-bottom-color: #de6e1d; } .block + .block .link--centered { margin-top: 50px; } .no-margin-top { margin-top: 0; } .no-margin-bottom { margin-bottom: 0; } sub, sup { line-height: 0.5em; font-size: 0.8em; } sup { vertical-align: text-top; } sub { vertical-align: text-bottom; } .clear { clear: both; } .sitemap ul.menu li { float: none; } /* More arrows */ a.arrow-right { background: url('../images/eqc_more_arrow.png') right 6px no-repeat; display: inline-block; padding: 0 10px 0 0; } p.arrow-left, a.arrow-left { background: url('../images/eqc_more_arrow.png') left 6px no-repeat; display: inline-block; padding: 0 0 0 10px; } /* Lists */ .page ul, .cke_show_borders ul { list-style-image: url('../images/ul.gif'); margin-bottom: 16px; padding-left: 24px; font-size: 14px; line-height: 18px; color: #333333; } .page ul ul, .cke_show_borders ul ul { list-style-image: url('../images/ul-ul.gif'); margin: 0.75em 0; } .view-events-detail .view-content ul > li { position: relative; padding-left: 20px; } .view-events-detail .view-content ul > li:before { content: "\2013"; position: absolute; top: 0; left: 0; } .content .field-name-body ul li ~ li { margin-top: 0.65em; } .page ol, .cke_show_borders ol { list-style: decimal inside none; margin-bottom: 1em; margin-left: 0; padding-left: 24px; font-size: 14px; line-height: 18px; color: #333333; } .page ol ol, .cke_show_borders ol ol { list-style: upper-alpha inside none; margin: 0.75em 0; padding-left: 10px; } .page ol li, .cke_show_borders ol li { list-style-position: outside; margin-bottom: 0.5em; padding-left: 0; } #slider-wrapper li { list-style-type: none; list-style-position: inside; } /* Fieldsets in content */ .field-group-format { margin-bottom: 15px; } /* Tables */ table { border-bottom: 1px solid #dcdcdc; border-top: 1px solid #dcdcdc; border-left: none; border-right: none; margin: 10px 0 20px; width: 100%; } table caption { display: none; } table th, table thead th { border-bottom: 1px solid #dcdcdc; color: #333333; padding: 10px 10px; text-align: left; background-color: #e7e7e7; font-weight: bold; } table thead tr { border-bottom: none; } table tbody td { padding: 10px 10px; border-bottom: 1px solid #dcdcdc; } table tbody tr { border-bottom: none; } table tbody tr.even, table tbody tr.odd, table tbody tr.even td { background-color: #fff; } table tbody tr:last-child { border-bottom: medium none; } table.bare { border-bottom: none; border-top: none; } table.bare th { border-bottom: none; font-weight: bold; padding: 0; } table.bare tbody td { padding: 0; } table.bare tbody tr { border-bottom: none; } tr:hover td, tr.even:hover td.active, tr.odd:hover td.active { background-color: #fff; } /* WYSIWYG Tempalte Content images */ .image-caption p { font-style: italic; font-size: 11px; } .right-align { float: right; clear: right; margin: 3px 0 20px 20px; } .left-align { float: left; clear: left; margin: 3px 20px 20px 0; } .full-width { float: left; clear: both; margin: 10px 0 20px 0; } #zone-content-wrapper { padding-bottom: 20px; } .content a { text-decoration: none; } .content a:hover, .content a:focus, .content a:active { color: #de6e1d; } .region-content .field-name-body a, .views-field-body a { text-decoration: underline; } .region-content + .region-sidebar-second { margin-top: 20px; } @media (min-width: 750px) { .region-content + .region-sidebar-second { margin-top: 0; } } .section-content .block a[href^="http"], .region-content a.external, .region-content a[href^="http"], .related-external a { background: url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20768%20768%22%20width%3D%22768%22%20height%3D%22768%22%3E%3Cpath%20d%3D%22M640%2C640H128V129.91L256%2C128V0H0V768H768V448H640ZM384%2C0%2C512%2C128%2C320%2C320%2C448%2C448%2C640%2C256%2C768%2C384V0Z%22%20style%3D%22fill%3A%230062a0%22%2F%3E%3C%2Fsvg%3E') no-repeat right 0.15em; background-size: .5em .5em; padding-right: .75em; } .section-content .block a[href^=http]:hover, .region-content a.external:hover, .region-content a[href^=http]:hover, .related-external a:hover { background-image: url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20768%20768%22%20width%3D%22768%22%20height%3D%22768%22%3E%3Cpath%20d%3D%22M640%2C640H128V129.91L256%2C128V0H0V768H768V448H640ZM384%2C0%2C512%2C128%2C320%2C320%2C448%2C448%2C640%2C256%2C768%2C384V0Z%22%20style%3D%22fill%3A%23de6e1d%22%2F%3E%3C%2Fsvg%3E'); } a[href*="//www.eqc.govt.nz"], a[href*="sparksi"] { background: none !important; padding-right: 0 !important; } .region-content .block a img { max-width: 100%; height: auto !important; } .region-content td img, .region-content td a img, .region-content .block td a img { height: auto; max-width: inherit; } .field-name-body img { padding: 10px 0 0 0; max-width: 100%; height: auto !important; } .field-name-body iframe { max-width: 100%; } .field-name-body p > object { display: none; } .field-name-body h2 img { padding-left: 0; } .large-link a { font-size: 18px; } .quick-links { background-color: #FBEAE0; padding: 20px; } .quick-links *, .quick-links a { color: #de6e1d; } .quick-links a:focus, .quick-links a:hover { color: #333333; } .quick-links h4 { text-rendering: optimizeLegibility; font-family: 'GibsonLightBold', arial; margin: 0 0 10px 0; } .quick-links ul { margin: 0; padding: 0; list-style-image: none; list-style: none; } .quick-links ul li { padding-left: 15px; position: relative; } .quick-links ul li:last-child { margin-bottom: 0; } .quick-links ul li:before { position: absolute; content: '\bb '; left: 0; top: 0; } /* Some Shared Block Styles ---------------------------------------------------- */ /* Hide image on mobile site */ .block .left { display: none; float: left; margin: 0 20px 0 0px; } .block .right { float: left; margin: 0; position: relative; } /* Minimal style clean blocks eg sidebar homepage and canterbury earthquake sidebars */ .minimal h2 { color: #1C5072; background: none; padding-left: 0; border-bottom: solid 1px #ccc; font-size: 20px; margin-bottom: 7px; } .minimal h2 a { color: #1c5072; } .minimal h2 a:hover, .minimal h2 a:focus { color: #df6f1d; } /* highlighted block */ .highlighted { background-color: #F0F1F1; margin: 0 0 20px 0; border: solid 1px #E8EAEA; } .highlighted .col { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; float: left; width: 100%; } .highlighted .block-inner { padding: 20px; } .highlighted p { padding: 0; margin: 0; } .highlighted ul { margin: 0; padding: 0 20px; } .highlighted img { border: 1px solid #e8eaea; padding: 5px; background-color: #fff; text-align: center; margin-bottom: 10px; } .grey-box { background-color: #F0F1F1; padding: 15px; margin-bottom: 20px; } /* Tidy list */ .block .content ul.tidy-list { list-style: none; list-style-image: none; list-style-type: none; margin: 0; padding: 0; } .block .content ul.tidy-list li { border-bottom: 1px solid #dbdede; list-style-type: none; margin: 0; } .block .content ul.tidy-list li.last { border-bottom: none; } .block .content ul.tidy-list li.last a:hover { color: #df6f1d; } .block .content ul.tidy-list a { background-image: url('../images/eqc_more_arrow.png'); background-repeat: no-repeat; background-position: right 12px; display: inline-block; text-decoration: none; font-size: 14px; padding: 5px 11px 5px 0; color: #0081c6; } .block .content ul.tidy-list a:hover, .block .content ul.tidy-list a:focus { background-image: url('../images/eqc_more_arrow_hover.png'); } /* two column blocks */ .two-columns-left, .two-columns-right { width: 100%; } /* two column blocks */ .two-columns-left { float: none; } /* two column blocks */ .two-columns-right { float: none; } #block-search-form { margin-right: 0px; } #edit-search-block-form--2 { height: 36px; line-height: 30px; margin: 1px 0 0 21px; width: 175px; background: #F0F1F1; } #search-block-form .form-submit { background: #1C5072; height: 36px; width: 36px; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; text-indent: -3000px; background-image: url('../images/search.svg'); background-repeat: no-repeat; background-position: center center; background-size: 50% auto; margin-right: 0px; border: 0; margin-top: 1px; } #search-block-form .form-submit:hover, #search-block-form .form-submit:focus { background-color: #df6f1d; } #region-branding { margin: 0 0 0 0; } #zone-branding { padding-top: 17px; } /* Breadcrumbs */ .page .breadcrumb { font-size: 11px; font-family: Arial, sans-serif; color: #666; list-style: none; list-style-image: none; list-style-type: none; margin: 0; padding: 0; } .page .breadcrumb li { margin-right: 0.2em; } .page .breadcrumb a { text-decoration: none; color: #0062a0; } /* Menus ---------------------------------------------------- */ #region-menu { margin: 0; } ul.menu { list-style: none; list-style-image: none; list-style-type: none; margin: 0; padding: 0; } ul.menu li { list-style-type: none; display: block; margin: 0 0 0 0; } ul.menu a { padding: 5px; text-decoration: none; } li.expanded, li.collapsed, li.leaf { padding: 0; } /* Utility Links - Header */ .utility-links-header .menu li { margin-top: 9px; float: left; } .utility-links-header .menu li a { font-size: 12px; -moz-transition: all 0.1s ease; -o-transition: all 0.1s ease; -webkit-transition: all 0.1s ease; transition: all 0.1s ease; } /* Primary Menu - Header */ /* Disable on Mobile Site */ .primary-menu-header, .secondary-navigation-desktop { display: none; } .primary-menu-header { margin: -10px 0 20px 0; } .primary-menu-header .content a { background: #1C5072; color: white; font-size: 14px; font-weight: bold; text-transform: uppercase; display: block; margin: 3px 0 0 0; margin: 0; line-height: 26px; text-indent: 6px; border-top: 1px solid white; -moz-transition: all 0.1s ease; -o-transition: all 0.1s ease; -webkit-transition: all 0.1s ease; transition: all 0.1s ease; } .primary-menu-header .content a:hover, .primary-menu-header .content a:active, .primary-menu-header .content a.active { background-color: #df6f1d; } /* Main Menu Anchor Link */ .main-menu-anchor { background: #1C5072; width: 100%; clear: both; margin: 10px 0; } .main-menu-anchor p { margin-bottom: 0; } .main-menu-anchor .content a { color: #fff; text-decoration: none; padding: 10px; display: block; background: url('../images/icon-main-menu.png') right 10px no-repeat; font-weight: bold; text-transform: uppercase; } .main-menu-footer { display: none; } .main-menu-footer .content a { background: #1C5072; color: white; font-size: 14px; text-transform: uppercase; display: block; border-bottom: 1px solid #FFF; font-weight: bold; padding: 10px; margin: 0 -10px; } .block-breadcrumb { margin-top: 20px; } /* Secondary Navigation */ .secondary-navigation { background: #F0F1F1; padding: 0 0 10px 0; padding: 0 0 10px 0; margin: 15px 0 30px 0; } .secondary-navigation .menu-name-main-menu { position: relative; } .secondary-navigation .content ul { padding: 10px 0 0 0 !important; overflow: hidden; } .secondary-navigation .content ul ul { padding: 0; margin: 0; } .secondary-navigation .content li { display: block; float: left; width: 100%; } .secondary-navigation .content a { display: block; border: none; text-decoration: none; color: white; padding: 11px 50px 15px 34px; font-weight: bold; color: #0081c6; background: #F7F7F7; margin: 1px 10px; padding: 10px; } .secondary-navigation .content .active.active-trail a, .secondary-navigation .content .active.active-trail li a, .secondary-navigation .content .active.active-trail li li a, .secondary-navigation .content .active.active-trail li li li a { background: #F0F1F1; } .secondary-navigation .content ul.menu li.expanded ul.menu li.active a { background: #F0F1F1; } .context-canterbury-earthquakes .secondary-navigation h2, .secondary-navigation h2 { background: #df6f1d; color: white; padding: 5px 10px; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .secondary-navigation ul.menu li.expanded.active { background: url('../images/arrow_nav_down.png') no-repeat 280px 15px; } .secondary-navigation ul.menu li.expanded.active-trail a.active-trail { background: url('../images/menu-arrow-active-trail.jpg') 24px bottom no-repeat; padding: 11px 50px 15px 34px; } .secondary-navigation ul.menu li.expanded.active-trail a.active { background: url('../images/menu-arrow-active.jpg') no-repeat left center; padding: 11px 50px 15px 34px; } .secondary-navigation ul.menu li.expanded.active-trail ul li a.active-trail { background: url('../images/menu-arrow-active-trail_sub_menu.png') 24px bottom no-repeat; padding: 11px 50px 15px 50px; } .secondary-navigation ul.menu li.expanded ul.menu li.leaf a { background: url('../images/menu-no-arrow.jpg') 24px bottom no-repeat; display: block; border: none; text-decoration: none; padding: 11px 50px 15px 50px; font-weight: bold; color: #0081c6; } .secondary-navigation .content .active-trail li a { background: url('../images/menu-bg-level-two.jpg') 24px bottom no-repeat; padding: 11px 50px 11px 44px; } .secondary-navigation .content .active-trail li li a { background: url('../images/menu-bg-level-three.jpg') 24px bottom no-repeat; padding: 11px 50px 11px 54px; } .secondary-navigation .content .active-trail li li li a { background: url('../images/menu-bg-level-three.jpg') 24px bottom no-repeat; padding: 8px 50px 8px 64px; font-weight: normal; } .secondary-navigation .content .active.active-trail a, .secondary-navigation .content .active.active-trail li a, .secondary-navigation .content .active.active-trail li li a, .secondary-navigation .content .active.active-trail li li li a { background: url('../images/menu-arrow-active.jpg') left center no-repeat; } .secondary-navigation .content ul.menu li.expanded ul.menu li.active a { background: url('../images/menu-arrow-active.jpg') left center no-repeat; } .secondary-navigation .content a.active { color: #df6f1d; } .secondary-navigation ul.menu li.expanded ul.menu li.collapsed a { background: url('../images/menu-no-arrow.jpg') no-repeat scroll 24px bottom transparent; border: medium none; color: #0081C6; display: block; font-weight: bold; padding: 11px 50px 15px 50px; text-decoration: none; } .secondary-navigation ul.menu li.expanded ul.menu li.expanded ul.menu li a { padding: 11px 50px 15px 70px; background: url('../images/menu-no-arrow_ul.jpg') no-repeat scroll 24px bottom transparent; border: medium none; color: #0081C6; } .secondary-navigation .content ul.menu li.expanded ul.menu li.expanded ul.menu a { background: url('../images/menu-no-arrow_ul.jpg') no-repeat scroll 24px bottom transparent; border: medium none; color: #0081C6; display: block; font-weight: bold; padding: 11px 50px 15px 70px; text-decoration: none; } .secondary-navigation .content ul.menu li.expanded ul.menu li.expanded ul.menu a:hover { color: #df6f1d; } .secondary-navigation .content ul.menu li.active-trail ul.menu li a:hover { color: #df6f1d; } .secondary-navigation .content ul.menu li.expanded ul.menu li.expanded ul.menu li a.active { background: url('../images/menu-arrow-active.jpg') no-repeat scroll left center transparent; border: medium none; color: #df6f1d; display: block; font-weight: bold; padding: 11px 70px 15px; text-decoration: none; } .secondary-navigation ul.menu li.expanded ul.menu li.leaf a.active-trail { color: #df6f1d; } #block-menu-block-5 li li li.active-trail > a { color: #df6f1d; } #block-menu-block-5 li li li li a { font-weight: normal; padding: 5px 40px 6px 80px; font-size: 13px; } .secondary-navigation ul.menu li.expanded ul.menu li.leaf a.active-trail { color: #df6f1d; } /* WYSIWYG IMAGES */ .image-right { padding-left: 15px; } .image-left { padding-right: 15px; } /* Homepage ---------------------------------------------------- */ /* Hide the slideshow on the homepage */ .front #zone-preface-wrapper .block.homepage-banner { display: block; } /* Hide image on mobile site */ .cke_show_borders .manual-teaser .left { display: block; } /* Homepage Teaser Blocks */ .manual-teaser { text-decoration: none; clear: both; } .manual-teaser .right { width: 277px; } .manual-teaser .right p { display: block; } .manual-teaser p { display: none; } .manual-teaser h3 { margin: 0 0 8px 0; color: #1C5072; font-size: 22px; font-family: 'GibsonLightBold'; font-weight: normal; line-height: 25px; } .manual-teaser h3 a { color: #1C5072; } .manual-teaser p { font-size: 14px; } .manual-teaser span { font-weight: bold; color: #0081c6; } /* Useful links */ .useful-links-homepage { display: none; } .useful-links-homepage h2 { margin-top: 0; } /* Canterbury Earthquake Block Homepage */ .canterbury-quake-info .content ul.tidy-list li { width: 255px; } .canterbury-quake-info p { margin-bottom: 5px; } .canterbury-quake-info img { float: left; } .canterbury-quake-info h3 { font-size: 24px; line-height: 1em; margin: 0 0 8px; color: #1c5072; font-family: 'GibsonLightBold'; font-weight: normal; } .canterbury-quake-info h3 a { color: #1c5072; } /* Useful Links Block */ .useful-links-homepage .content ul { list-style: none; list-style-image: none; list-style-type: none; margin: 0; padding: 0; } .useful-links-homepage .content li { padding: 0; list-style-type: none; margin: 0; } .useful-links-homepage .content .description { font-size: 14px; display: block; color: #0062a0; } .useful-links-homepage .content a { padding: 12px; background: white url('../images/arrow-home-links.gif') right 30px no-repeat; border-bottom: solid 1px #dbdede; margin-bottom: 2px; display: block; } .useful-links-homepage .content a:hover, .useful-links-homepage .content a:focus { background: #df6f1d url('../images/arrow-home-links-hover.gif') right 30px no-repeat; } .useful-links-homepage .content a:hover p, .useful-links-homepage .content a:hover .title, .useful-links-homepage .content a:hover .description, .useful-links-homepage .content a:focus p, .useful-links-homepage .content a:focus .title, .useful-links-homepage .content a:focus .description { color: #fff; } .useful-links-homepage .content .title { font-size: 22px; color: #1C5072; font-family: 'GibsonLightBold'; font-weight: normal; line-height: 25px; display: block; } /* Latest News and Updates View .front .view-news-listings { padding: 0; position: relative; h2 { margin-bottom: 14px!important; } .all-news { text-align: center; display: block; margin-bottom: 8px; position: absolute; top:3px; right:0; &:after { content : ' \bb'; } } } */ .block__image-only .content { margin-bottom: 20px; } .block__image-only .content p { margin: 0; } #block-views-news-listings-block-1 span.date-display-single, .front .in-the-media .date-display-single { padding: 2px 0 0 0; font-size: 10px; color: #666; display: block; font-weight: bold; white-space: nowrap; } .front .in-the-media img { max-width: 100%; } /* #block-views-news-listings-block-1 .content .view-header a.all-news { margin: -25px 0 20px 221px; display: block; }*/ /* On this Site Block */ .on-this-site { /*padding: 0 10px;*/ padding: 0; } .on-this-site ul { list-style: none; list-style-image: none; list-style-type: none; margin: 0; padding: 0; } .on-this-site li { list-style-type: none; float: left; display: inline-block; padding: 3px 0px; margin-right: 25px; } .on-this-site h2 { margin-bottom: 8px; } .on-this-site .content a { color: #0081C6; background: url('../images/eqc_more_arrow_b.png') right 5px no-repeat; padding: 0 10px 0 0; margin-left: 0px; } .on-this-site .content a:hover, .on-this-site .content a:focus { background: url('../images/eqc_more_arrow_b_hover.png') right 5px no-repeat; color: #df6f1d; } .front aside h2:after { display: none; } /* News Listing ---------------------------------------------------- */ .page-node-17 .intro-box h1 { display: none; } .page-node-17 .news-title-inline { background-color: #df6f1d; margin: 0; color: #FFF; padding: 20px 20px 0 20px; } #block-eqc-utils-news-listings .view-filters { background: #d25311 url('../images/news_filter_bg.png'); color: #FFF; border: 0px; padding-top: 0; } #block-eqc-utils-news-listings .view-filters form label { color: #FFF; font-weight: bold; } input#edit-submit-news-listings { background: #a5410e; color: #FFF; } input#edit-submit-news-listings:hover { background-color: #0D5B76; } .page-news article { padding: 20px; background: #F0F1F1; margin-bottom: 10px; } .page-news article h2 { font-family: Arial, sans-serif; font-size: 20px; } /* Section Landing Page ---------------------------------------------------- */ .block-eqc-intro-block + .block { margin-top: 2vmin; } /* Intro Box */ .intro-box { border-top: solid 3px #df6f1d; font-size: 16px; margin: 0; } .intro-box p { font-size: 18px; line-height: 22px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; } .intro-box img { max-width: 100%; margin-bottom: 10px; } .page-node-9 .intro-box { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2UwNzExZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2NkNDYwYyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e0711f), color-stop(100%, #cd460c)); background-image: -moz-linear-gradient(#e0711f, #cd460c); background-image: -webkit-linear-gradient(#e0711f, #cd460c); background-image: linear-gradient(#e0711f, #cd460c); background-size: cover; background-position-y: bottom; background-repeat: no-repeat; padding: 25px; color: white; margin: 0 0 20px 0; border: none; } .page-node-9 .intro-box, .page-node-9 .intro-box * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .page-node-9 .intro-box > h1, .page-node-9 .intro-box p { color: white; } .page-node-9 .intro-box > h1 { padding-top: 0; } .page-node-10 .intro-box { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2UwNzExZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2NkNDYwYyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e0711f), color-stop(100%, #cd460c)); background-image: -moz-linear-gradient(#e0711f, #cd460c); background-image: -webkit-linear-gradient(#e0711f, #cd460c); background-image: linear-gradient(#e0711f, #cd460c); background-size: cover; background-position-y: bottom; background-repeat: no-repeat; padding: 25px; color: white; margin: 0 0 20px 0; border: none; } .page-node-10 .intro-box, .page-node-10 .intro-box * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .page-node-10 .intro-box > h1, .page-node-10 .intro-box p { color: white; } .page-node-10 .intro-box > h1 { padding-top: 0; } .page-node-11 .intro-box { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2UwNzExZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2NkNDYwYyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e0711f), color-stop(100%, #cd460c)); background-image: -moz-linear-gradient(#e0711f, #cd460c); background-image: -webkit-linear-gradient(#e0711f, #cd460c); background-image: linear-gradient(#e0711f, #cd460c); background-size: cover; background-position-y: bottom; background-repeat: no-repeat; padding: 25px; color: white; margin: 0 0 20px 0; border: none; } .page-node-11 .intro-box, .page-node-11 .intro-box * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .page-node-11 .intro-box > h1, .page-node-11 .intro-box p { color: white; } .page-node-11 .intro-box > h1 { padding-top: 0; } .page-node-12 .intro-box { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2UwNzExZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2NkNDYwYyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e0711f), color-stop(100%, #cd460c)); background-image: -moz-linear-gradient(#e0711f, #cd460c); background-image: -webkit-linear-gradient(#e0711f, #cd460c); background-image: linear-gradient(#e0711f, #cd460c); background-size: cover; background-position-y: bottom; background-repeat: no-repeat; padding: 25px; color: white; margin: 0 0 20px 0; border: none; } .page-node-12 .intro-box, .page-node-12 .intro-box * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .page-node-12 .intro-box > h1, .page-node-12 .intro-box p { color: white; } .page-node-12 .intro-box > h1 { padding-top: 0; } .page-node-38 .intro-box { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2UwNzExZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2NkNDYwYyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e0711f), color-stop(100%, #cd460c)); background-image: -moz-linear-gradient(#e0711f, #cd460c); background-image: -webkit-linear-gradient(#e0711f, #cd460c); background-image: linear-gradient(#e0711f, #cd460c); background-size: cover; background-position-y: bottom; background-repeat: no-repeat; padding: 25px; color: white; margin: 0 0 20px 0; border: none; } .page-node-38 .intro-box, .page-node-38 .intro-box * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .page-node-38 .intro-box > h1, .page-node-38 .intro-box p { color: white; } .page-node-38 .intro-box > h1 { padding-top: 0; } .page-node-39 .intro-box { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2UwNzExZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2NkNDYwYyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e0711f), color-stop(100%, #cd460c)); background-image: -moz-linear-gradient(#e0711f, #cd460c); background-image: -webkit-linear-gradient(#e0711f, #cd460c); background-image: linear-gradient(#e0711f, #cd460c); background-size: cover; background-position-y: bottom; background-repeat: no-repeat; padding: 25px; color: white; margin: 0 0 20px 0; border: none; } .page-node-39 .intro-box, .page-node-39 .intro-box * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .page-node-39 .intro-box > h1, .page-node-39 .intro-box p { color: white; } .page-node-39 .intro-box > h1 { padding-top: 0; } .page-node-57 .intro-box { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2UwNzExZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2NkNDYwYyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e0711f), color-stop(100%, #cd460c)); background-image: -moz-linear-gradient(#e0711f, #cd460c); background-image: -webkit-linear-gradient(#e0711f, #cd460c); background-image: linear-gradient(#e0711f, #cd460c); background-size: cover; background-position-y: bottom; background-repeat: no-repeat; padding: 25px; color: white; margin: 0 0 20px 0; border: none; } .page-node-57 .intro-box, .page-node-57 .intro-box * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .page-node-57 .intro-box > h1, .page-node-57 .intro-box p { color: white; } .page-node-57 .intro-box > h1 { padding-top: 0; } .page-node-863 .intro-box { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2UwNzExZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2NkNDYwYyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e0711f), color-stop(100%, #cd460c)); background-image: -moz-linear-gradient(#e0711f, #cd460c); background-image: -webkit-linear-gradient(#e0711f, #cd460c); background-image: linear-gradient(#e0711f, #cd460c); background-size: cover; background-position-y: bottom; background-repeat: no-repeat; padding: 25px; color: white; margin: 0 0 20px 0; border: none; } .page-node-863 .intro-box, .page-node-863 .intro-box * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .page-node-863 .intro-box > h1, .page-node-863 .intro-box p { color: white; } .page-node-863 .intro-box > h1 { padding-top: 0; } .page-node-872 .intro-box { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2UwNzExZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2NkNDYwYyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e0711f), color-stop(100%, #cd460c)); background-image: -moz-linear-gradient(#e0711f, #cd460c); background-image: -webkit-linear-gradient(#e0711f, #cd460c); background-image: linear-gradient(#e0711f, #cd460c); background-size: cover; background-position-y: bottom; background-repeat: no-repeat; padding: 25px; color: white; margin: 0 0 20px 0; border: none; } .page-node-872 .intro-box, .page-node-872 .intro-box * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .page-node-872 .intro-box > h1, .page-node-872 .intro-box p { color: white; } .page-node-872 .intro-box > h1 { padding-top: 0; } .page-node-1532 .intro-box { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2UwNzExZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2NkNDYwYyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e0711f), color-stop(100%, #cd460c)); background-image: -moz-linear-gradient(#e0711f, #cd460c); background-image: -webkit-linear-gradient(#e0711f, #cd460c); background-image: linear-gradient(#e0711f, #cd460c); background-size: cover; background-position-y: bottom; background-repeat: no-repeat; padding: 25px; color: white; margin: 0 0 20px 0; border: none; } .page-node-1532 .intro-box, .page-node-1532 .intro-box * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .page-node-1532 .intro-box > h1, .page-node-1532 .intro-box p { color: white; } .page-node-1532 .intro-box > h1 { padding-top: 0; } .page-node-1554 .intro-box { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2UwNzExZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2NkNDYwYyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e0711f), color-stop(100%, #cd460c)); background-image: -moz-linear-gradient(#e0711f, #cd460c); background-image: -webkit-linear-gradient(#e0711f, #cd460c); background-image: linear-gradient(#e0711f, #cd460c); background-size: cover; background-position-y: bottom; background-repeat: no-repeat; padding: 25px; color: white; margin: 0 0 20px 0; border: none; } .page-node-1554 .intro-box, .page-node-1554 .intro-box * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .page-node-1554 .intro-box > h1, .page-node-1554 .intro-box p { color: white; } .page-node-1554 .intro-box > h1 { padding-top: 0; } /* Welcome */ div.welcome h2 { font-size: 16px; color: #df701f; font-weight: normal; } div.welcome p { font-size: 14px; color: #4f4f4f; } /* Canterbury Earthquakes */ .page-node-39 .intro-box { min-height: 285px; width: 620px; background: url('../images/intro-box.jpg') no-repeat center; margin: 0 0 20px 0; padding: 0; position: relative; display: none; } .page-node-39 .intro-box h1, .page-node-39 .intro-box p { position: absolute; background: url('../images/shade-70.png') repeat; left: 20px; width: 282px; } .page-node-39 .intro-box h1 { top: 46px; padding: 20px 20px 0 20px; font-size: 22px; } .page-node-39 .intro-box p { font-size: 14px; line-height: 1.4; padding: 10px 20px 20px 20px; top: 102px; } /* Table layout on node 396 */ .page-node-396 .region-content table { margin-bottom: 0; } .page-node-396 .region-content table h2 { margin: 0; } .page-node-396 .region-content table:first-child tr td:first-child { display: none; width: 100%; } /* Last Updated */ div.last-updated { margin-top: 20px; } div.last-updated, div.last-updated * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } div.last-updated p { background: #e8eaea; padding: 3px 10px; font-size: 12px; color: #888; } .page-node-39 .block .right { width: 343px; } /* What we do ---------------------------------------------------- */ .context-what-we-do .view .item-list ul .views-row { padding: 20px; margin-bottom: 20px; } .context-what-we-do .views-row .left { float: left; } .context-what-we-do .views-row .right:after { content: ""; clear: both; display: block; } .context-what-we-do .block .right { width: 343px; } .form-select { -moz-appearance: none; -webkit-appearance: none; } .form-select::-ms-expand { display: none; } /* Research Papers / News ---------------------------------------------------- */ /* hide normal node edit links .. because they got messed up by messing around with the menu and show our own ones */ .research-paper #zone-content .tabs { display: none; } .research-paper #zone-content #block-system-main .tabs { display: block; } /* Back Link */ .view-all-items .content a { display: block; padding: 10px 10px 10px 25px; color: white; background: #df6f1d url('../images/arrow-back.jpg') 10px 13px no-repeat; font-weight: bold; } .view-all-items .content p { margin-bottom: 0; } .node-type-research-paper #region-preface-first, .node-type-news #region-preface-first { margin-bottom: 10px; } .node-type-research-paper .intro-box, .node-type-news .intro-box { border: none; margin: 0 0 0 0; } .intro-box > h1 { margin: 0; padding-top: 10px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; line-height: 1; } .intro-box > h1 + * { margin-top: 8px; } .intro-box p { margin-bottom: 0; line-height: 1.45; } .intro-box p ~ p { margin-top: 10px; } /* Forms ---------------------------------------------------- */ /* Generic Form Styles */ .webform-client-form, .view-filters { padding: 20px; font-size: 14px; border: solid 1px #E8EAEA; } .webform-client-form legend { width: 100%; padding: 0 0 20px 0; } .webform-component-fieldset .webform-component-fieldset legend { padding: 0 0 10px 0; } .webform-component-fieldset span.fieldset-legend { width: 100%; display: block; color: #666; font-weight: bold; font-size: 14px; border-bottom: 1px solid #999; } .webform-component-fieldset .webform-component-fieldset span.fieldset-legend { font-size: 12px; border-bottom: 0px; } .webform-client-form { background-color: #f0f1f1; } .view-filters { background: #df6f1d url('../images/news_filter_bg.png') repeat scroll 0 0; } .webform-client-form .form-item, .webform-client-form .form-actions { margin: 0 0 25px 0; } .webform-client-form .form-type-checkbox { margin-bottom: 0px !important; } .webform-client-form .form-type-checkbox input { height: auto; /* IE Fix */ } .node-webform label { font-weight: normal; } .webform-client-form textarea, .view-filters textarea, .webform-client-form select, .view-filters select, .webform-client-form input, .view-filters input { background-color: #FAFAFA; border-color: #C6C6C6 #DADADA #EAEAEA; color: #999999; font-family: inherit; font-size: 14px; } .webform-client-form input, .view-filters input { height: 35px; } .webform-client-form textarea, .view-filters textarea, .webform-client-form input, .view-filters input { padding: 0px 3px; } .webform-client-form input, .view-filters input { padding: 8px 3px; /* ie8 */ } .webform-client-form select, .view-filters select { padding: 7px 33px 7px 3px; height: auto; background-image: url('../images/arrow-dropdown.gif'); background-position: right center; background-repeat: no-repeat; } .no-csstransitions .webform-client-form select, .no-csstransitions .view-filters select { padding-right: 3px; background-image: none; } .webform-client-form textarea:hover, .view-filters textarea:hover, .webform-client-form select:hover, .view-filters select:hover, .webform-client-form input:hover, .view-filters input:hover { color: #666; background-color: #fff; border-color: #c6c6c6; } .webform-client-form textarea:focus, .view-filters textarea:focus, .webform-client-form select:focus, .view-filters select:focus, .webform-client-form input:focus, .view-filters input:focus { color: #333333; background-color: #fff; border-color: #659ec9 #70aedd #a8cfec; outline: 0; } .webform-client-form label, .view-filters label { color: #2B2B2B; font-size: 14px; vertical-align: middle; height: auto; margin: 0.2em 0 0.1em; font-weight: normal; } .webform-client-form label.option { margin-left: 5px; padding-top: 0.1em; } .webform-client-form .description { font-size: 12px; margin: 0.3em 0; } .webform-client-form .fieldset-description { font-size: 12px; color: #6A6A6A; margin-bottom: 5px; } input.form-submit { background: #1c5072; border: 0 none; color: #fff; font-size: 14px; height: 42px; line-height: 42px; text-align: center; text-decoration: none; text-transform: uppercase; padding: 0 15px; text-shadow: transparent 0 0 0; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } input.form-submit:hover, input.form-submit:focus { background-color: #df6f1d; border: 0 none; color: #fff; } .view-filters .views-exposed-form input.form-submit { background: none repeat scroll 0 0 #A5410E; color: #FFFFFF; height: 35px; line-height: 35px; margin-top: 25px; } .view-filters .views-exposed-form input.form-submit:hover { background-color: #0D5B76; } #edit-field-paper-number-value-wrapper { display: none; } #edit-title-wrapper input { width: 130px; } /* Contact Us form */ #webform-client-form-57 .webform-component-textfield, #webform-client-form-57 .webform-component-email { width: 45%; float: left; padding: 0 5% 0 0; } #webform-client-form-57 .webform-component-textfield input, #webform-client-form-57 .webform-component-email input { width: 100%; } /* Position the Mandatory fields text */ .float-right { float: right; } /* Research form */ .webform-component-fieldset fieldset { clear: left; margin: 0 0 20px 0; padding: 0; } #webform-component-order-details div.webform-component-textfield { margin: 0; padding: 0; } #webform-component-order-details label { float: left; margin-right: 5px; line-height: 30px; } #webform-component-order-details input { float: left; margin-right: 10px; width: 200px; } /* Search ---------------------------------------------------- */ .page-search-site .intro-box .intro-box h1 { display: none; } .page-search-site .intro-box input#edit-keys { width: 300px; padding: 0 3px; height: 35px; background-color: #FAFAFA; border-style: solid; border-width: 1px; border-color: #C6C6C6 #DADADA #EAEAEA; color: #999999; font-family: inherit; font-size: 14px; margin-right: 30px; } .page-search-site .intro-box input.form-submit { background: none repeat scroll 0 0 #A5410E; color: #FFFFFF; height: 35px; line-height: 35px; } .page-search-site .intro-box input.form-submit:hover, .page-search-site .intro-box input.form-submit:focus { background: none repeat scroll 0 0 #1C5072; } .page-search-site .intro-box h2.search-form-title { color: #FFF; font-size: 27px; margin: 0px; padding: 20px 0; } .page-search-site .intro-box .apachesolr_search-results { list-style: none; padding-left: 0; } .search-results .search-snippet-info { padding: 0px; } .page-search-node .intro-box { background: #df6f1d; margin-bottom: 0; padding: 17px 20px 0 24px; } .page-search-node .intro-box h1 { font-size: 25px; } div.spelling-suggestions { margin-top: 0px; background-color: #D65A15; } div.spelling-suggestions dl.form-item { margin: 0; padding: 0 0 0 25px; color: #FFF; line-height: 30px; } div.spelling-suggestions dl.form-item dt { float: left; margin-right: 20px; } div.spelling-suggestions dl.form-item dd { margin: 0; padding-bottom: 10px; background-color: #D65A15; font-size: 16px; color: #FFF; } div.spelling-suggestions dl.form-item dd a { font-size: 18px; line-height: 30px; } div.spelling-suggestions dl.form-item dd a:hover, div.spelling-suggestions dl.form-item dd a:focus { color: #FFF; } .page-search-node label { display: none; } .page-search-node #edit-keys { height: 35px; width: 100px; } .page-search-node .form-submit { -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; border: none; color: white; text-transform: uppercase; padding: 10px; } .block-facetapi { display: block; margin-bottom: 20px; background-color: #F0F1F1; } .block-facetapi .facetapi-block-title { background: url('../images/signup_header_bg.png') no-repeat scroll 0 0 transparent; color: #F0F1F1; height: 39px; padding: 5px 10px 20px 10px; font-family: 'GibsonLightBold'; font-size: 20px; font-weight: normal; margin: 0 0 10px; } .block-facetapi .facetapi-block-content { padding: 0 20px 20px; } #region-sidebar-second .block-facetapi .facetapi-block-content h2.block-title { font-family: Arial, sans-serif; font-size: 18px; font-weight: bold; color: #333333; border-bottom: 1px solid #FFF; margin: 0px; padding-bottom: 15px; } .front #region-preface-first { margin: 0 0 20px 0; } .front #region-sidebar-second h2, .front #region-sidebar-second h3 { font-family: 'GibsonLightBold'; } .front #region-sidebar-second h3.img-wrap { margin-top: 0; } .front .in-the-media { background: #F0F1F1; padding: 14px 20px 20px 20px; } .front .in-the-media .content > a { display: block; font-family: 'GibsonLightBold'; font-size: 17px; } .front .in-the-media .content > a > img { max-width: 100%; height: auto; display: none; } @media (min-width: 750px) { .front .in-the-media .content > a > img { display: block; } } .front .in-the-media .content > a strong { display: block; margin-top: 8px; } #region-sidebar-second .in-the-media h2 { color: #1c5072; margin-bottom: 5px; } ul#facetapi-facet-apachesolrsolr-block-bundle { padding-left: 0px; } ul#facetapi-facet-apachesolrsolr-block-bundle li { list-style: none none; margin: 0px; border-bottom: 1px solid #FFF; font-size: 16px; font-weight: bold; line-height: 46px; } ul#facetapi-facet-apachesolrsolr-block-bundle li.last { border-bottom: none; } .facetapi-checkbox { margin-bottom: 5px; } .container-inline .form-item-retain-filters { display: none; } /* Keep up to date */ /*#region-sidebar-second #block-block-22 h2.block-title { //background: image-url('signup_header_bg.png') no-repeat; color:#FFF; padding:10px 10px 10px 10px; line-height: 1; background: $orange; margin-bottom: 25px; position: relative; &:after { content: ''; width: 20px; height: 20px; position: absolute; bottom:-10px; left: 65px; @include triangle(10px,$orange, 'down'); } }*/ #region-sidebar-second .standard-sidebar-block { background: #F0F1F1; } #region-sidebar-second .standard-sidebar-block h2.block-title { color: #FFF; padding: 10px 10px 10px 10px; line-height: 1; background: #de6e1d; margin-bottom: 25px; position: relative; } #region-sidebar-second .standard-sidebar-block h2.block-title:after { content: ''; width: 20px; height: 20px; position: absolute; bottom: -10px; left: 65px; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #de6e1d; } #region-sidebar-second .standard-sidebar-block .content { padding: 0 15px 15px 15px; } #region-sidebar-second #block-block-22 .block-inner .content { padding: 0 15px 15px 15px; } /* #region-sidebar-second #block-block-22 p { margin-bottom: 10px; background: $orange2; color: white; padding: 5px 10px 10px 10px; } */ #newsletter-signup { color: #666666; clear: both; margin-top: 20px; padding: 20px; } #newsletter-signup label { color: #2B2B2B; font-size: 14px; font-weight: normal; height: auto; margin: 0.2em 0 0.1em; vertical-align: middle; } #newsletter-signup input[type=text] { width: 100%; padding: 8px 3px; height: 35px; background-color: #FAFAFA; border-color: #C6C6C6 #DADADA #EAEAEA; color: #666; font-family: inherit; font-size: 14px; } #newsletter-signup .left, #newsletter-signup .right { width: 260px; padding-bottom: 20px; } #newsletter-signup input.blue_button_280, #zone-content a.blue_button_280 { background: #1C5072; padding: none; text-align: left; margin: 0; color: #FFF; font-weight: bold; font-size: 14px; text-shadow: none; text-transform: uppercase; height: 42px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; border: 0 none; display: block; } #newsletter-signup input.blue_button_280:hover, #newsletter-signup input.blue_button_280:focus, #zone-content a.blue_button_280:hover, #zone-content a.blue_button_280:focus { background: #df6f1d; } #zone-content a.blue_button_280 { line-height: 42px; padding: 0 10px; margin-top: 10px; width: 100px; } /* Research Papers ---------------------------------------------------- */ #block-eqc-utils-eqc-research-paper-search .views-row { padding: 0; background: none; border: none; margin-bottom: 30px; } #block-eqc-utils-eqc-research-paper-search .views-row h2 { font-weight: normal; font-family: Arial, sans-serif; } .view-research-papers { font-size: 14px; color: #666; } .view-research-papers .views-field-field-paper-number { font-size: 11px; color: #727B7F; margin: 0 0 5px 0; } .view-research-papers .view-footer .pager-outer { border-top: 1px solid #e8eaea; border-bottom: none; padding-top: 5px; } .node-research-paper .field-label { color: #666; } .node-research-paper .field-items { color: #999; } /* Search Form ---------------------------------------------------- */ .search-results .search-snippet-info { padding: 0px; } .view-research-papers .views-field-field-paper-number, .view-research-papers .views-field-field-date-issued { font-size: 11px; color: #727B7F; margin: 0; } /* Paper ---------------------------------------------------- */ .pager { border: none; background: none; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; } .pager-outer { margin: 30px 0 20px 0; border-bottom: 1px solid #e8eaea; padding-bottom: 5px; } .pager-outer .result-count { font-size: 12px; font-weight: bold; text-align: center; } .pager-outer .pager-wrapper .pager { text-align: center; } div.view-footer div.pager-outer, div.footer-pager div.pager-outer { margin: 30px 0 20px 0; border-top: 1px solid #e8eaea; border-bottom: none; padding-top: 5px; } .item-list .pager li, .item-list .pager ul li { border: none; float: none; } .pager li.pager-last, .pager li.pager-next.last { position: relative; top: inherit; right: inherit; } .pager li a { background: none; border-radius: 0; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; color: #0081c6; } .pager li.pager-first a, .pager li.pager-previous a, .pager li.pager-next a, .pager li.pager-last a { width: inherit; } .pager li.first, .pager li.first a, .pager li.first a:hover { -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; } .pager li.pager-previous, .pager li.pager-next { text-transform: uppercase; } .pager li.pager-previous { margin-right: 20px; } .pager li.pager-next { margin-left: 20px; } .pager li.pager-current { background: none; color: #666666; } /* Recent Events ---------------------------------------------------- */ .view-recent-events .views-row, .view-news-listings .views-row { clear: both; } .view-recent-events h2, .view-news-listings h2 { font-family: 'GibsonLightBold'; font-weight: normal; font-size: 22px; } .view-recent-events img, .view-news-listings img { border: 1px solid #E8EAEA; padding: 5px; background-color: white; } /* FAQ ---------------------------------------------------- */ .context-faqs .item-list ul { padding: 10px; background: #F0F1F1; } .context-faqs h3 { font-family: 'GibsonLightBold'; margin: 30px 0 10px 0; color: #333333; } .context-faqs .view-content a { color: #0081c6; } .context-faqs .view-content a.open { color: #df6f1d; background: #fff url('../images/minus-faq.gif') 9px 8px no-repeat; border-bottom: none; } .context-faqs .field-content { display: none; } .context-faqs .field-content p { background: #F0F1F1; font-size: 12px; padding: 10px 10px 6px 30px; } .context-faqs .view .item-list ul li.views-row { margin: 5px 0 0 0; border: none; padding: 0; background: transparent; } .faq-question { background: #fff url('../images/plus-faq.gif') 9px 8px no-repeat; display: block; padding: 6px 10px 6px 30px; border-bottom: 1px solid #dbdede; } /* Disable Translated Material Block For Mobile */ .translated-material { display: none; } /* Related Boxes */ .related-box { background: #f0f1f1; border: 1px solid #dedede; padding: 20px; margin-top: 15px; } .related-box h2 { color: #1c5072; margin-bottom: 10px; } .related-box a { font-size: 14px; } /* Footer ---------------------------------------------------- */ #section-footer { padding-bottom: 20px; } /* Footer first */ .region-footer-first { color: white; margin-bottom: 10px; } .region-footer-first .region-inner { padding: 20px; background: #666666; overflow: hidden; } /* Disable Footer Menu Primary Block For Mobile */ .footer-menu-primary { overflow: hidden; *zoom: 1; display: none; position: relative; } .footer-menu-primary *, .footer-menu-primary { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .footer-menu-primary + .block { margin-top: 15px; } .footer-menu-primary .menu-block-wrapper > .menu { display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-direction: row; -webkit-flex-direction: row; flex-direction: row; } .footer-menu-primary .menu-block-wrapper > .menu > li { -ms-flex: 1; -webkit-flex: 1; flex: 1; margin: 0; } .footer-menu-primary .menu-block-wrapper > .menu > li ~ li { margin-left: 15px; } .footer-menu-primary .menu-block-wrapper > .menu > li a { color: white; line-height: 1; display: block; padding: 0; } .footer-menu-primary .menu-block-wrapper > .menu > li a:hover, .footer-menu-primary .menu-block-wrapper > .menu > li a:focus { color: #ccc; } .footer-menu-primary .menu-block-wrapper > .menu > li a:focus { text-decoration: underline; } .footer-menu-primary .menu-block-wrapper > .menu > li > a { border-bottom: 1px solid #888888; font-weight: bold; padding-bottom: 8px; } .footer-menu-primary .menu-block-wrapper > .menu > li > .menu > li { float: none; } .footer-menu-primary .menu-block-wrapper > .menu > li > .menu > li ~ li { margin-top: 10px; } .footer-menu-primary .menu-block-wrapper > .menu > li .menu a { font-size: 12px; font-weight: normal; line-height: 1.4; } /* .footer-menu-primary .content { li { float: left; width: 150px; li { float: none; margin: 0; a { } } a { font-size: 14px; font-weight: bold; } &.last { width: 130px; a { margin-right: 0px; } } } }*/ /* #block-menu-block-4 .menu-mlid-550 { display: none; // will be shown and placed by JS position: absolute; }*/ /* Footer second */ #region-footer-second { margin: 0; } .footer-utilities-menu .menu { display: block; border-top: 1px solid #888; clear: both; width: 100%; margin: 0; padding: 10px 0; list-style: none; } .footer-utilities-menu .menu > li ~ li { margin-top: 8px; } .footer-utilities-menu .menu > li > a { color: white; } .footer-utilities-menu .menu > li > a:hover, .footer-utilities-menu .menu > li > a:focus { color: rgba(255, 255, 255, 0.8); } .fb-twitter { float: left; padding-left: 10px; } .fb-twitter .content p { font-size: 12px; margin: 0; line-height: 24px; } .fb-twitter .content p span { line-height: 24px; display: inline-block; float: left; } .fb-twitter .content p a.twitter { float: left; } .nz-govt { padding-right: 10px; float: right; clear: none; } .nz-govt .content a { background-image: url('../images/logo_nz_govt.jpg'); background-repeat: no-repeat; text-indent: -3000px; display: block; width: 136px; } .nz-govt .content a:hover, .nz-govt .content a:focus { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity: 0.8; } a.twitter { background-image: url('../images/Twitter_logo_white.png'); background-image: url('../images/Twitter_logo_white.svg'); background-size: 16px 16px; background-color: #55acee; background-position: center; background-repeat: no-repeat; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; display: inline-block; height: 24px; width: 24px; margin: 0 5px 0; text-indent: -119988px; overflow: hidden; text-align: left; text-transform: capitalize; } a.twitter:hover, a.twitter:focus { background-color: #de6e1d; } a.facebook { background-image: url('../images/eqc_facebook.png'); background-repeat: no-repeat; display: inline-block; height: 24px; width: 24px; margin: 0 5px 0; text-indent: -3000px; } @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (min-device-pixel-ratio: 1.5) { .nz-govt .content a { background-image: url('../images/new-zealand-govt-logo.jpg'); background-size: 136px 22px; background-repeat: no-repeat; } } /* Canterbury Earthquakes Landing Page ---------------------------------------------------- */ .context-canterbury-earthquakes .block-views { clear: both; } .context-canterbury-earthquakes h2 { color: #333333; font-size: 20px; margin-bottom: 10px; clear: both; } /* Canterbury News sidebar block */ #region-sidebar-second .sidebar-news { margin-top: 30px; } #region-sidebar-second .sidebar-news h2.block-title { font-family: Arial, sans-serif; font-size: 13px; color: #df6f1d; font-weight: bold; border-bottom: solid 1px #df6f1d; padding-bottom: 7px; } #region-sidebar-second .sidebar-news .view-header { border-bottom: solid 1px #CCC; overflow: hidden; } #region-sidebar-second .sidebar-news .view-header h3 { font-family: 'GibsonLightBold'; font-weight: normal; color: #333333; font-size: 20px; margin: 0 0 5px; padding: 8px 0 4px; float: left; } #region-sidebar-second .sidebar-news .view-header a { margin: 0; float: right; line-height: 38px; } #region-sidebar-second .sidebar-news .view-header a:after { content: '\bb'; margin-left: 3px; } .sidebar-news .content .view-header a { display: block; } .sidebar-news .views-row { background: transparent; padding: 0; margin: 0; border: none; } .sidebar-news .views-row h3 { font-family: 'GibsonLightBold'; font-weight: normal; color: #0081c6; font-size: 16px; margin: 10px 0 0; } .sidebar-news p { margin: 4px 0 20px; font-size: 13px; } .sidebar-news p .read-more a { color: #0081C6; background: url('../images/eqc_more_arrow_b.png') right 5px no-repeat; padding: 0 10px 0 0; } .sidebar-news p .read-more a:hover, .sidebar-news p .read-more a:focus { background: url('../images/eqc_more_arrow_b_hover.png') right 5px no-repeat; color: #df6f1d; } .sidebar-news .date { font-size: 10px; color: #666; font-weight: bold; } /* Get it Done Online sidebar block */ .get-it-done-online { margin-bottom: 20px; } .get-it-done-online h3 { font-family: 'GibsonLightBold'; font-weight: normal; color: #333333; font-size: 20px; margin: 0; padding: 0; } .get-it-done-online p { margin-bottom: 0; } .get-it-done-online .get-it-done-item { background: #f5f5f5 url('../images/bg-get-it-done-item.gif') 0 bottom repeat-x; padding: 15px 10px; margin-top: 10px; } .get-it-done-online a.more { color: #0081C6; background: url('../images/eqc_more_arrow_b.png') right 6px no-repeat; padding: 0 10px 0 0; } .get-it-done-online a.more:hover, .get-it-done-online a.more:focus { background: url('../images/eqc_more_arrow_b_hover.png') right 6px no-repeat; color: #df6f1d; } #region-sidebar-second .get-it-done-online h2.block-title { font-family: Arial, sans-serif; font-size: 13px; color: #df6f1d; font-weight: bold; border-bottom: solid 1px #df6f1d; padding-bottom: 7px; margin-bottom: 20px; } /* translated material menu */ #materials-languages li { margin-bottom: 0; } #materials-languages a.chinese, #materials-languages a.korean, #materials-languages a.arabic, #materials-languages a.hindi { display: inline-block; width: 40px; height: 20px; text-indent: -9999px; border: 1px dotted transparent; box-sizing: border-box; } #materials-languages a.chinese:focus, #materials-languages a.korean:focus, #materials-languages a.arabic:focus, #materials-languages a.hindi:focus { border-color: #0062a0; } #materials-languages a.chinese { background: transparent url('../images/icon_lang_chinese.png') left top no-repeat; } #materials-languages a.korean { background: transparent url('../images/icon_lang_korean.png') left top no-repeat; } #materials-languages a.arabic { background: transparent url('../images/icon_lang_arabic.png') left top no-repeat; } #materials-languages a.hindi { background: transparent url('../images/icon_lang_hindi.png') left top no-repeat; } /* Collapsible Headlines */ h3.collapsible { cursor: pointer; background: url('../images/icon-plus.jpg') right 7px no-repeat; padding-right: 24px; } h3.collapsed { background: url('../images/icon-minus.jpg') right 7px no-repeat; } .hidden { display: none; } /* Slider */ .basic-slider { position: relative; overflow: hidden; } .page-node-39 .counter { display: none; } /* Land Tool */ #map { display: none; } /* FAQ */ h3.collapsible { cursor: pointer; background: url('../images/icon-plus.jpg') left top no-repeat; line-height: 19px; padding-left: 24px; font-weight: normal; } h3.open { background: url('../images/icon-minus.jpg') left top no-repeat !important; } div.accordion { display: none; } /* temporary slider replacement */ p#slider-replacement a { display: block; width: 941px; height: 367px; position: relative; background: url('../images/slider_replacement.jpg') left top no-repeat; } p#slider-replacement a span { display: block; position: absolute; top: 240px; left: 27px; color: #FFF; font-size: 18px; font-family: 'GibsonLightBold'; font-weight: normal; } p#slider-replacement a:hover span { color: #1C5072; } .sidebar-quote { background: url('../images/arrow-down.png') no-repeat center bottom; color: #fff; padding-bottom: 9px; } .sidebar-quote .block-inner { padding: 16px; background: #df6f1d; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI1OCUiIHN0b3AtY29sb3I9IiNkZjZmMWQiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjY2E2OTAwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==); background: -moz-linear-gradient(top, #df6f1d 68%, #ca6900 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(68%, #df6f1d), color-stop(100%, #ca6900)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #df6f1d 68%, #ca6900 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #df6f1d 68%, #ca6900 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #df6f1d 68%, #ca6900 100%); /* IE10+ */ background: linear-gradient(to bottom, #df6f1d 68%, #ca6900 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$orange2', endColorstr='#ca6900',GradientType=0 ); /* IE6-8 */ } .sidebar-quote h2.block-title, .sidebar-quote p { color: #fff !important; } #region-sidebar-second .block { margin-bottom: 20px; } #region-sidebar-second .link-list h2.block-title { font-family: Arial, sans-serif; font-size: 13px; color: #df6f1d; font-weight: bold; border-bottom: solid 1px #df6f1d; padding-bottom: 7px; margin-bottom: 0px; } #region-sidebar-second .link-list ul { list-style: none; padding: 0; margin: 0; } #region-sidebar-second .link-list ul li { margin: 0; } #region-sidebar-second .link-list ul a { display: block; padding: 11px 0; border-bottom: 1px solid #E8EAEA; font-family: 'GibsonLightBold', sans-serif; font-size: 16px; } #accordion { clear: both; } #accordion div { background: #F0F1F1; padding: 10px 40px 10px 40px; display: none; } #accordion h3 { font-family: 'GibsonLightBold', sans-serif; margin: 2px 0 0 0; line-height: 46px; display: block; background: #F0F1F1 url('../images/expand-contract.png') no-repeat 590px 15px; } #accordion h3.selected { background-position: 590px -50px; } #accordion h3 a { padding-left: 40px; display: block; background: url('../images/customer-categories.png') no-repeat top left; } #accordion .tick { background-position: 7px -145px; } #accordion .blue { background-position: 7px center; } #accordion .grey { background-position: 7px 8px; } #key { overflow: hidden; list-style: none; padding: 0; margin: 0; font-size: .9em; line-height: 32px; display: block; padding-bottom: 20px; } #key li { float: left; padding-left: 32px; margin: 0 20px 0 0; background: url('../images/customer-categories.png') no-repeat top left; } #key li.tick { background-position: left -151px; } #key li.blue { background-position: center left; } #key li.grey { background-position: left 2px; } .section_custom { border-top: 1px solid #dcdcdc; overflow: hidden; padding: 25px 10px; clear: both; } .section_custom h2 { margin-top: 0; } .section_custom p img { padding: 0; width: 100%; height: auto; } .homepage-banner img { width: 100%; height: auto; } .footer-utilities-menu { float: none; } /* Canterbury Fix Fasten page block */ .ff-canterbury-intro { position: relative; margin-bottom: 20px; padding-top: 1px; } .ff-canterbury-intro .content p { margin-bottom: 0; } .ff-canterbury-intro .content img { width: 100%; height: auto; } .ff-canterbury-intro .content ul { list-style: none; margin: 0; padding: 10px; background: #ECECEC; } .ff-canterbury-intro .content ul li { margin: 0; list-style: none; } .ff-canterbury-intro .content ul a { display: block; border-bottom: 1px solid #CFCFCF; padding: 5px 0; color: #333333; } .ff-canterbury-intro .content ul a:active, .ff-canterbury-intro .content ul a:hover, .ff-canterbury-intro .content ul a:focus { color: #df6f1d; } .ff-canterbury-intro .content ul li:last-child a { border: none; } /* Default block banner style that resizes full width/height images responsively */ .banner-image-responsive .content img { width: 100%; height: auto; } /* Campaign Pages */ .context-test-campaign-page .intro-box { display: none; } /* Campaign landing page (node 957) */ #canterbury-campaign { border-bottom: 1px #333 solid; } #canterbury-campaign img { padding: 0; width: 100%; height: auto; } #canterbury-campaign p { margin: 0; font-size: 18px; } #canterbury-campaign h3 { margin-top: 0; font-size: 25px; background-image: url('../images/canterbury-campaign-icon-sprite.png'); background-repeat: no-repeat; } #canterbury-campaign a { color: #de6e1d; } #canterbury-campaign a:hover, #canterbury-campaign a:active, #canterbury-campaign a:focus { color: #fff; } #canterbury-campaign a[href^="http"] { background: none; padding-right: 0; } #canterbury-campaign .dark { background: #2B2E30; overflow: hidden; } #canterbury-campaign .dark p, #canterbury-campaign .dark h3 { color: #fff; } #canterbury-campaign blockquote { padding-bottom: 25px; margin-bottom: 20px; border-bottom: 1px #fefefe solid; color: #fff; font-family: 'GibsonLightBold'; } #canterbury-campaign blockquote p { border: none; line-height: 1.3 !important; font-weight: normal; font-family: 'GibsonLightBold'; padding: 0; } #canterbury-campaign blockquote p img { margin: 0 0 -8px 8px; display: none; } #canterbury-campaign blockquote small { font-size: 17px; } #canterbury-campaign .left-col { border-right: 1px solid #4A4D4F; } #canterbury-campaign .left-col p { margin-bottom: 18px; line-height: 1.4; } #canterbury-campaign .right-col aside { margin-bottom: 20px; font-size: 14px; border-bottom: 1px solid #fff; padding-bottom: 20px; clear: both; overflow: hidden; } #canterbury-campaign .right-col aside img { margin-bottom: 8px; } #canterbury-campaign .right-col aside a { display: block; } #canterbury-campaign a.download { display: block; color: #fff; font-size: 17px; } #canterbury-campaign a.download:hover, #canterbury-campaign a.download:active, #canterbury-campaign a.download:focus { background-position: bottom; } #canterbury-campaign footer { padding: 25px 0 28px 0; } .sidebar_tv a:hover img { opacity: 0.8; } .sidebar_tv h3 { background-position: 190px top; } .sidebar_radio h3 { background-position: 206px -132px; } .sidebar_print h3 { background-position: 220px -79px; } .sidebar_print a span { width: 9px; height: 10px; display: inline-block; margin: 5px 0 0 5px; background: url('../images/canterbury-campaign-download-icon.png') no-repeat top; } .sidebar_print a:hover span { background-position: bottom; } /* Comments */ .links ul li.comment-add a, .links ul li.comment-reply a { -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; background: #1c5072; border: none; text-shadow: none; text-transform: uppercase; color: #fff; padding: 5px 9px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .links ul li.comment-add a:hover, .links ul li.comment-reply a:hover { background: #df6f1d; } .comment-form .form-text, .comment-form .form-textarea { max-width: 100%; border: 1px solid #bdbdbd; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; } .comment-form .filter-help, .comment-form .filter-guidelines { float: none; padding: 0; } .comment-form .filter-help a, .comment-form .filter-guidelines a { background: none; } .comment-form .grippie { display: none; } .comment-form .description, .comment-form .tips, .comment-form .filter-help p { color: #acacac; font-size: .85em; } article.comment h3 { margin-bottom: 0; } article.comment footer { border-bottom: 1px solid #bdbdbd; color: #acacac; margin: 0 0 5px 0; padding: 2px 0; font-size: .85em; } /* Campaign landing page (node 957) */ #canterbury-campaign .left-col, #canterbury-campaign .right-col { padding: 20px; } #canterbury-campaign blockquote p { font-size: 20px; } .advertisement { display: inline-block; position: relative; width: 100%; height: 102px; overflow: hidden; background-color: #FFFFF9; margin-bottom: 20px; } .advertisement, .advertisement * { box-sizing: border-box; } .advertisement div { position: absolute; width: 100%; height: 102px; top: 0; left: 0; } .advertisement .txt { position: absolute; top: 0px; left: 10px; width: 300px; height: 30px; } .advertisement .hidden { display: none; } .advertisement .animation, .advertisement .overlay { background-color: #FFFFF9; } .advertisement .overlay { display: block; position: absolute; width: 100%; height: 102px; top: 0; right: 0; } .advertisement .animation { z-index: 10; } .advertisement .intro { z-index: 1; } .advertisement .intro a { display: block; background: url("/sites/public_files/images/advertisements/link.png?v=3") no-repeat center !important; background-size: contain !important; width: 100%; height: 102px; text-indent: -5000em; } .advertisement_lg { display: inline-block; position: relative; width: 100%; height: 414px; overflow: hidden; background: #FFFFF9 url("http://eqc.govt.nz/sites/public_files/images/advertisements/large-bg.jpg") no-repeat center; margin-bottom: 20px; } .advertisement_lg div { position: absolute; width: 100%; height: 414px; top: 0; left: 0; } .advertisement_lg .txt { position: absolute; top: 0px; left: 40px; } .advertisement_lg .skyline { top: 174px; position: relative; width: 100%; } .advertisement_lg .hidden { display: none; } .advertisement_lg .overlay { display: block; position: absolute; width: 100%; height: 72px; top: 174px; right: 0; background-color: #FFFFF9; } .advertisement_lg .animation { z-index: 10; } .advertisement_lg .intro { z-index: 1; } .advertisement_lg a { display: none; width: 100%; height: 414px; text-indent: -5000em; position: absolute; top: 0; left: 0; z-index: 1000; } .advertisement_lg a:after { content: ''; position: absolute; bottom: 10px; right: 10px; background-image: url("/sites/public_files/images/advertisements/large-link.png?v=3"); width: 271px; height: 51px; } .article.teaser { padding: 0; } .article.teaser > .group-link { padding: 20px; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; color: #333; font-weight: normal; } @media (min-width: 740px) { .article.teaser > .group-link { -ms-flex-direction: row; -webkit-flex-direction: row; flex-direction: row; } } .article.teaser > .group-link:hover h2, .article.teaser > .group-link:focus h2, .article.teaser > .group-link:hover h3, .article.teaser > .group-link:focus h3 { color: #de6e1d; } .article.teaser h2, .article.teaser h3 { margin: 0; color: #1C5072; } .article.teaser h2 + .field, .article.teaser h3 + .field { margin-top: .25em; } .article.teaser h2 { font-size: 18px; line-height: 1.3; } .article.teaser .field ~ .field { margin-top: 4px; } .article.teaser .field-name-field-teaser-image { -ms-flex: 0 0 33%; -webkit-flex: 0 0 33%; flex: 0 0 33%; } .article.teaser .field-name-field-teaser-image + article { margin-top: 10px; } @media (min-width: 740px) { .article.teaser .field-name-field-teaser-image img { width: 100%; height: auto; } .article.teaser .field-name-field-teaser-image + article { margin-top: 0; padding-left: 5%; } } .article.teaser--short { background: none; border: none; } .article.teaser--short > .group-link { font-size: 13px; padding: 0; } .article.teaser--short h3 { font-size: 16px; } .article.teaser--short .field-name-field-teaser-image { -ms-flex: 1 0 25%; -webkit-flex: 1 0 25%; flex: 1 0 25%; } * ~ * > .article.teaser--short { margin-top: 10px; } .article.view-mode-full .field + .field-name-body { margin-top: 1rem; } .article time { font-weight: bold; } .article .prose > * { line-height: 1.611; } #block-views-news-listings-latest .block-title { margin: 0 !important; position: absolute; } .view-news-listings.view-display-id-latest { display: -webkit-flex; display: flex; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; } .view-news-listings.view-display-id-latest > .view-content { -ms-flex-order: 2; -webkit-order: 2; order: 2; } .view-news-listings.view-display-id-latest > .more-link { -ms-flex-order: 1; -webkit-order: 1; order: 1; border-bottom: solid 1px #ccc; display: block; padding-bottom: 8px; } .view-news-listings.view-display-id-latest > .more-link > a { white-space: nowrap; line-height: 1; } .view-news-listings.view-display-id-latest > .more-link > a:after { content: '\bb'; margin-left: .1em; } /* Homepage EQC by numbers grid */ .block-by-numbers { width: 100%; position: relative; font-family: 'GibsonRegular', sans-serif; height: auto; margin-bottom: 10px; } .block-by-numbers strong, .block-by-numbers b, .block-by-numbers .figure { font-family: 'GibsonLightBold', sans-serif; } .block-by-numbers .intro { width: 100%; position: absolute; z-index: 100; background-color: rgba(255, 255, 255, 0.8); background: #fff; text-align: center; display: none; color: #1C5072; } .block-by-numbers .intro h1 { font-weight: bold; text-transform: uppercase; } .block-by-numbers .intro strong { display: block; font-size: 22px; font-weight: normal; font-family: 'GibsonRegular', sans-serif; line-height: 1; } .block-by-numbers .content p.timestamp { text-align: right; display: block; margin: 5px 0 0 0; font-size: 13px; color: #1C5072; } .block-by-numbers .content ul { padding: 0; margin: 0; } .block-by-numbers .content li { display: block; margin-bottom: 0; background: url('../images/shade-30.png') repeat; background: rgba(0, 0, 0, 0.3); border-bottom: 1px #fff solid; color: #fff; position: relative; -webkit-transition: background 0.2s linear; -moz-transition: background 0.2s linear; -ms-transition: background 0.2s linear; -o-transition: background 0.2s linear; transition: background 0.2s linear; text-align: center; overflow: hidden; } .block-by-numbers .content li:hover, .block-by-numbers .content li:focus, .block-by-numbers .content li.glow { background: transparent; } .block-by-numbers .content li .figure { display: none; text-align: center; line-height: 1; width: 100%; opacity: 0; } .block-by-numbers .content li .figure strong { display: block; width: 100%; } .block-by-numbers .content li:hover { cursor: pointer; } .block-by-numbers .content li .detail { filter: alpha(opacity=0); width: 100%; height: 100%; background: #de6e1d; top: 0; left: 0; text-align: center; line-height: 1.3; text-shadow: none; cursor: default; } .block-by-numbers .content li .detail b { font-weight: normal; } .block-by-numbers .content li .detail span { width: 100%; z-index: 100; padding: 5px 0; display: block; } .canterbury-excesses { margin-bottom: 20px; } .canterbury-excesses .content p { display: block; margin: 0; padding: 0; position: relative; } .canterbury-excesses .content img { width: 100%; height: auto; } .canterbury-excesses .content a { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 100; color: #fff; font-size: 23px; line-height: 1.3; -webkit-font-smoothing: antialiased; } .canterbury-excesses .content a span { background: url('../images/shade.png') repeat; display: inline-block; padding: 20px; position: absolute; bottom: 0; } .canterbury-excesses .content a b { font-size: 30px; } .canterbury-excesses .content a:hover, .canterbury-excesses .content a:focus { color: rgba(255, 255, 255, 0.9); } .canterbury-figure { margin-bottom: 20px; background: url('../images/canterbury-figure-background.jpg') no-repeat top center; position: relative; overflow: hidden; height: auto; padding: 20px; } .canterbury-figure .content { background: url('../images/shade-70.png') repeat; background: rgba(0, 0, 0, 0.5); text-align: center; padding: 10px; overflow: hidden; } .canterbury-figure .content p { color: #fff; font-family: 'GibsonLightBold'; font-size: 17px; line-height: 1.4; } .canterbury-figure .content p strong { display: block; font-size: 58px; line-height: 1; margin-bottom: 4px; } .block-canterbury-ii { margin-bottom: 20px; display: none; } .block-canterbury-ii .block-inner { position: relative; } .block-canterbury-ii .block-inner ul { list-style: none; padding: 0; margin: 0; } .block-canterbury-ii .block-inner ul.bjqs { position: relative; height: auto; overflow: hidden; } .block-canterbury-ii .block-inner ul.bjqs li img { width: 100%; height: auto; } .block-canterbury-ii .block-inner ul.bjqs a { background-image: none; box-sizing: border-box; padding: 0; display: block; } .block-canterbury-ii .block-inner ol.bjqs-markers { margin: 0; z-index: 20; text-align: center; width: 100%; } .block-canterbury-ii .block-inner ol.bjqs-markers li { float: none; display: inline-block; } .block-canterbury-ii .block-inner ol.bjqs-markers a { -moz-border-radius: 13px; -webkit-border-radius: 13px; border-radius: 13px; width: 12px; height: 12px; background-color: #de6e1d; } .block-canterbury-ii .block-inner ol.bjqs-markers li.active-marker a { background-color: #1c5072; } .context-canterbury #facebox .content { background: #fff; } .context-canterbury #facebox .close { display: block; height: 22px; width: 22px; line-height: 8px; top: -10px; right: -10px; -moz-border-radius: 22px; -webkit-border-radius: 22px; border-radius: 22px; background: #1c5072 url('../images/x.png') no-repeat center; } .context-canterbury #facebox .close:hover { background-color: #de6e1d; } .context-canterbury #facebox .close img { display: none; } .block-completed-last-week { border: 2px solid #B2CDE0; margin-bottom: 20px; background-repeat: no-repeat; position: relative; } .block-completed-last-week .block-inner { padding: 20px; } .block-completed-last-week .block-title { color: #de6e1d; font-size: 24px; font-size: 1.5rem; margin-bottom: 20px; text-align: center; } .block-completed-last-week p { color: #1c5072; font-size: 21px; font-size: 1.3125rem; line-height: 1.1; text-align: center; } .block-completed-last-week p span { display: inline-block; width: 150px; margin-top: 18px; } .block-completed-last-week p strong { font-size: 120px; font-size: 7.5rem; font-weight: bold; line-height: 100px; display: block; float: left; margin-right: 20px; width: 246px; text-align: center; } .block-completed-last-week p a { display: none; font-size: 15px; font-size: 0.9375rem; margin: 8px 0 0 0; } .block-completed-last-week p a:after { content: '\bb'; margin-left: 4px; } .block-completed-last-week p small { position: absolute; bottom: 4px; right: 4px; font-size: 13px; font-weight: normal; font-family: 'GibsonRegular', sans-serif; } .context-canterbury .block-completed-last-week p span { margin: 0; width: auto; display: inline; } .context-canterbury .block-completed-last-week p a { display: block; } .block-home-repair-progress { margin: 0 10px; } .block-home-repair-progress .content { border: 2px solid #B2CDE0; } .block-home-repair-progress .content h2 { color: #1c5072; margin: 0 0 8px 0; font-size: 20px; font-size: 1.25rem; } .block-home-repair-progress .content .graphic, .block-home-repair-progress .content .figures { padding: 20px; overflow: hidden; } .block-home-repair-progress .content .graphic { padding-bottom: 0; } .block-home-repair-progress .content .graphic a, .block-home-repair-progress .content .graphic h2 { float: left; display: block; max-width: 50%; clear: left; } .block-home-repair-progress .content .graphic a { font-weight: bold; font-size: 13px; } .block-home-repair-progress .content .graphic a:after { content: '\bb'; margin-left: 4px; } .block-home-repair-progress .content .graphic img { z-index: 1; } .block-home-repair-progress .content .graphic .animation { float: right; position: relative; height: 111px; width: 126px; background-image: url('../images/house-home.png'); background-size: 126px 111px; } @media (-webkit-min-device-pixel-ratio: 2), (-moz-min-device-pixel-ratio: 2) { .block-home-repair-progress .content .graphic .animation { background-image: url('../images/house-home@2x.png'); background-size: 126px 111px; } } .block-home-repair-progress .content .graphic .animation img { display: none; } .block-home-repair-progress .content .graphic .animation .overlay { content: ''; position: absolute; top: 0; left: 0; height: 100%; width: 100%; background: url('../images/white-shade-80.png') repeat; background: rgba(255, 255, 255, 0.8); z-index: 100; } .block-home-repair-progress .content .figures { clear: both; padding-top: 0; } .block-home-repair-progress .content .figures ul { list-style: none; padding: 0; margin: 10px 0 0 0; font-weight: bold; } .block-home-repair-progress .content .figures li { overflow: hidden; } .block-home-repair-progress .content .figures strong, .block-home-repair-progress .content .figures span { display: table-cell; vertical-align: middle; } .block-home-repair-progress .content .figures strong { text-align: right; font-size: 44px; font-size: 2.75rem; padding-right: 13px; font-weight: bold; line-height: 42px; width: 70%; } .block-home-repair-progress .content .figures span { line-height: 1.2; } .block-home-repair-progress .content .figures li.first { color: #de6e1d; margin-bottom: 10px; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -moz-transition: opacity 1s ease; -o-transition: opacity 1s ease; -webkit-transition: opacity 1s ease; transition: opacity 1s ease; } .block-home-repair-progress .content .figures li.first.reveal { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; } .block-home-repair-progress .content .figures li.last { color: #1c5072; } .block__latest-quake { margin-bottom: 20px; background-color: #b9c6c5; background-color: rgba(20, 64, 63, 0.3); padding: 20px; overflow: hidden; *zoom: 1; position: relative; color: #14403f; } .block__latest-quake .block-title { font-size: 24px; line-height: 1em; color: #f10027; } .block__latest-quake .content a { background-image: none !important; color: #14403f; } .block__latest-quake * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .block__latest-quake .content > p { display: none; } .block__latest-quake .geonet-map { display: none; background: none !important; } .no-flexbox .block__latest-quake .geonet-map > img { width: 100% !important; height: auto !important; } .block__latest-quake .thumbnails { list-style: none; padding: 0; margin: 0; } .block__latest-quake .thumbnails > li { margin: 0; } .block__latest-quake .thumbnails > li > a { display: block; } .block__latest-quake .quake-table { margin: 0; border: none; } .block__latest-quake .quake-table tr:hover td, .block__latest-quake .quake-table tr.even:hover td.active, .block__latest-quake .quake-table tr.odd:hover td.active { background-color: inherit; } .block__latest-quake .quake-table tbody td { border: none; padding: 0px; } .block__latest-quake table i { font-style: normal; } #geonet-paste { margin: 15px 0 0 0; overflow: hidden; *zoom: 1; } #geonet-paste > em { font-style: normal; display: inline-block; position: absolute; top: 0; right: 0; padding: 4px 10px; color: white; background-color: #14403f; font-family: 'GibsonLightBold'; } #geonet-paste > p { display: block; text-align: center; line-height: 75px; height: 75px; width: 100%; color: #ebebeb; font-size: 20px; font-family: 'GibsonLightBold'; } .magnitude-key { border: none; table-layout: fixed; width: 100%; font-size: 11px; margin: 0; } .magnitude-key tr:first-child { display: none; } .magnitude-key tr { margin-top: 10px; } .magnitude-key tr, .magnitude-key td { display: block; } .magnitude-key tbody { text-align: center; } .magnitude-key tbody td { border: none; vertical-align: middle; padding: 8px 6px 0 5px; } .magnitude-key tbody tr:hover td { background: transparent; } .magnitude-key tbody a.geonet__detail { padding-right: 0; display: block; font-weight: bold; } .region-content .magnitude-key tbody .geonet__detail img { width: 100px !important; height: 40px !important; margin-top: 10px; } .badge { display: inline-block; padding: 1px 5px; text-shadow: none; margin-bottom: 2px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; color: white; font-size: 12px; } .badge.unnoticeable { background-color: #a9a9a9; } .badge.weak { background-color: #696969; } .badge.light { background-color: dodgerblue; } .badge.moderate { background-color: green; } .badge.strong { background-color: orange; } .badge.severe { background-color: red; } #geonet-paste .popup { position: absolute; top: 0; left: 0; opacity: 0; display: block; padding: 10px; z-index: -100; color: #ffffff; background: url('../images/shade-70.png') repeat; background: rgba(0, 0, 0, 0.7); -moz-transition: all 0.1s linear; -o-transition: all 0.1s linear; -webkit-transition: all 0.1s linear; transition: all 0.1s linear; top: 50%; left: 50%; width: 95%; -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); font-size: 12px; } #geonet-paste .popup.open { opacity: 1; z-index: 100; } .no-rgba #geonet-paste .popup { margin-left: -260px; margin-top: -120px; } #geonet-paste dt { font-size: 12px; width: 25%; margin-right: 2%; float: left; clear: both; text-align: center; } #geonet-paste dt, #geonet-paste dd { display: block; margin: 3px 0; } #geonet-paste dd { font-style: normal; padding: 1px 0; margin: 3px 0; width: 73%; float: right; } .popup > button { position: absolute; background: none; border: none; color: #ffffff; font-size: 24px; line-height: 12px; height: 20px; width: 16px; display: inline-block; top: 6px; right: 6px; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; -webkit-font-smoothing: antialiased; outline: none; text-shadow: none; padding: 0; } /* .help-icon:after { content: '?'; display: inline-block; font-weight: bold; font-size: 11px; width: 18px; height: 18px; line-height: 18px; text-align: center; background-color: #f5f5f5; @include border-radius(50%); }*/ .block-videos-block .views-row { padding: 0; border: none; overflow: hidden; *zoom: 1; } .block-videos-block .clear { display: none; } .block-videos-block video { float: left; width: 100%; height: auto; background-color: #1a1a1a; color: #ffffff; background-position: center; background-repeat: no-repeat; background-size: cover; } .block--showcase .block-title { color: #de6e1d; text-transform: uppercase; font-size: .85rem; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .block--showcase .block-title ~ .content { margin-top: 1.5rem; } .block + .block--showcase { border-top: 1px #cccccc solid; padding-top: 2rem; } .block--showcase .menu { display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; font-size: 20px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: GibsonRegular; } .block--showcase .menu > li ~ li { margin-top: .8rem; } .block--showcase .menu a { padding: 0 20px 0 0; } .block--showcase .menu a.active { color: #333; } .block--showcase .menu a.active:before { content: '\2013'; margin-right: .5em; } .block--inline, .block--inline * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } @media (min-width: 740px) { .block--inline { width: 50%; float: left; } .block--inline > .block-inner { width: 66.66667%; float: right; } } .block--inline + .block { clear: both; float: left; width: 100%; margin-top: 6vmin; } @media (min-width: 740px) { .block--inline + .block--inline { float: right; clear: none; width: 50%; margin-top: 0; } .block--inline + .block--inline > .block-inner { float: left; } } .btn { text-shadow: none; text-transform: uppercase; color: white; background: #de6e1d; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; border: none; padding: 10px 16px; line-height: 1; font-family: 'GibsonLightBold'; font-weight: normal; font-size: 15px; } .btn:hover, .btn:focus { background-color: #0062a0; } .campaign, .campaign * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .campaign.view-mode-full .field-name-body ~ .field, .campaign.view-mode-full .field-name-field-associated-details ~ .field { margin-top: 40px; } @media (min-width: 980px) { .campaign.view-mode-full .field-name-body, .campaign.view-mode-full .field-name-field-associated-details { max-width: 75%; margin-left: auto; margin-right: auto; } } .campaign .field-name-field-associated-details { padding-top: 40px; border-top: 3px #de6e1d solid; } .campaign .intro { font-size: 1.6em; line-height: 1.6; color: #1C5072; font-family: 'GibsonRegular'; -webkit-font-smoothing: antialiased; margin: 0; } .campaign .intro + * { margin-top: 1em; } .campaign .link--centered { display: inline-block; color: #1C5072; border-bottom: 1px #1C5072 solid; text-decoration: none !important; position: relative; left: 50%; -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); } .campaign .link--centered:hover, .campaign .link--centered:focus { border-bottom-color: #de6e1d; } .node-type-campaign .block-main ~ .block-bean { margin-top: 40px; } @media (min-width: 980px) { .node-type-campaign .block-main ~ .block-bean { max-width: 75%; margin-left: auto; margin-right: auto; } } .campaign__banner { position: relative; } .campaign__banner + * { margin-top: 30px; } .campaign__banner > img { max-width: 100%; height: auto; } .campaign__banner__intro { margin-top: 14px; padding-bottom: 14px; border-bottom: 1px #d2dce3 solid; } @media (min-width: 740px) { img + .campaign__banner__intro { position: absolute; top: 50%; left: 50%; z-index: 100; margin-top: 0; -moz-transform: translateY(-50%) translateX(-50%); -ms-transform: translateY(-50%) translateX(-50%); -webkit-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); width: 90%; border-bottom: 0; padding-bottom: 0; } img + .campaign__banner__intro > h1, img + .campaign__banner__intro > .field-name-field-campaign-intro { text-shadow: 0 0 5px rgba(0, 0, 0, 0.4); color: white; } } @media (min-width: 980px) { img + .campaign__banner__intro { top: 50%; left: 4em; z-index: 100; -moz-transform: translateY(-50%) translateX(0); -ms-transform: translateY(-50%) translateX(0); -webkit-transform: translateY(-50%) translateX(0); transform: translateY(-50%) translateX(0); width: 40%; } } .campaign__banner__intro > h1 { font-size: 2rem; } .campaign__banner__intro > h1 + .field-name-field-campaign-intro { margin-top: 18px; } .campaign__banner__intro > .field-name-field-campaign-intro { font-size: 1.7em; } .campaign__reveal > span { display: inline-block; border: 1px #0085C2 solid; padding: 10px 15px 8px 15px; font-family: 'GibsonRegular'; font-size: 1.1em; line-height: 1; cursor: pointer; color: #0085C2 !important; } .campaign__reveal > span:active { color: #0085C2; } .campaign__reveal > span:after { content: ''; background-image: url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%207%204%22%20width%3D%227%22%20height%3D%224%22%3E%3Cpath%20d%3D%22M0%2C.5V0H.5l3%2C3%2C3-3H7V.5L3.5%2C4Z%22%20style%3D%22fill%3A%230062a0%22%2F%3E%3C%2Fsvg%3E'); background-repeat: no-repeat; background-position: center; background-size: 100% auto; width: 12px; height: 6px; display: inline-block; margin-left: 6px; vertical-align: middle; margin-top: -3px; } .campaign__reveal > span:hover { color: white !important; background-color: #0085C2; } .campaign__reveal > span:hover:after { background-image: url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%207%204%22%20width%3D%227%22%20height%3D%224%22%3E%3Cpath%20d%3D%22M0%2C.5V0H.5l3%2C3%2C3-3H7V.5L3.5%2C4Z%22%20style%3D%22fill%3A%23ffffff%22%2F%3E%3C%2Fsvg%3E'); } .revealed .campaign__reveal > span { position: absolute; bottom: 0; } .revealed .campaign__reveal > span:after { background-image: url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%207%204%22%20width%3D%227%22%20height%3D%224%22%3E%3Cpath%20d%3D%22M7%2C3.5V4H6.5l-3-3L.5%2C4H0V3.5L3.5%2C0Z%22%20style%3D%22fill%3A%230062a0%22%2F%3E%3C%2Fsvg%3E'); } .revealed .campaign__reveal > span:hover:after { background-image: url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%207%204%22%20width%3D%227%22%20height%3D%224%22%3E%3Cpath%20d%3D%22M7%2C3.5V4H6.5l-3-3L.5%2C4H0V3.5L3.5%2C0Z%22%20style%3D%22fill%3A%23ffffff%22%2F%3E%3C%2Fsvg%3E'); } .checklist { border: 1px solid rgba(222, 110, 29, 0.2); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; padding-bottom: 5px; } * + .checklist { margin-top: 1.5rem !important; } .checklist > h4 { display: block; padding: 15px; margin: 0; background-color: rgba(222, 110, 29, 0.05); color: #DE6E1D; font-size: 1.2rem; } .node .checklist > ul { padding: 15px; margin: 0; list-style: none; line-height: 1.5; } .node .checklist > ul > li { padding-left: 30px; position: relative; } .node .checklist > ul > li:before { content: ''; position: absolute; width: 18px; height: 18px; display: inline-block; background: url('../images/checklist.svg') no-repeat center; background-size: 100% auto; top: 1px; left: 0; } .comment-form .filter-wrapper { padding-bottom: 0; } .comment-form .tips { margin-bottom: 0; } .c-figure, .c-figure * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .field .c-figure > img { padding: 0; border: 4px #f3f7f6 solid; } .block .c-figure > img { border: 2px #f3f7f6 solid; } .c-figure > img { -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.25); -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.25); box-shadow: 0 0 8px rgba(0, 0, 0, 0.25); } @media (min-width: 750px) { .c-figure { margin-bottom: 25px; } } @media (min-width: 750px) { .c-figure--right { float: right; margin-left: 25px; } } @media (min-width: 750px) { .c-figure--left { float: left; margin-right: 25px; } } .flex { display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; margin-left: -15px !important; margin-right: -15px !important; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; } .flex, .flex * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } @media (min-width: 740px) { .flex { -ms-flex-direction: row; -webkit-flex-direction: row; flex-direction: row; } } .flex > * { padding-left: 15px; padding-right: 15px; } .flex--3-col > * ~ * { margin-top: 3vmin; } @media (min-width: 740px) { .flex--3-col > * { width: 33.33333%; } .flex--3-col > *:nth-child(-n+3) { margin-top: 0; } } .can-be-full-screen { position: relative; } .content .full-screen { position: fixed; top: 50%; left: 50%; -moz-transform: translateY(-50%) translateX(-50%); -ms-transform: translateY(-50%) translateX(-50%); -webkit-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); z-index: 499; padding: 2px; width: auto; height: auto; max-width: 88vw; max-height: 100vh; background-color: #333333; -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.25); -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.25); box-shadow: 0 0 8px rgba(0, 0, 0, 0.25); -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; color: white; } .content .full-screen > img, .content .full-screen video { margin-left: auto; margin-right: auto; display: block; width: auto; height: auto; max-height: 100vh; max-width: 100%; } .content .full-screen video { width: 100%; } .content .full-screen > img { max-height: 90vh; } .content .full-screen.feature { width: 100%; } body.full-screen-is-active:before { content: ''; width: 100%; height: 100%; position: fixed; background-color: rgba(51, 51, 51, 0.75); top: 0; left: 0; z-index: 10; } .webform--induction-form { overflow: hidden; *zoom: 1; } .webform--induction-form, .webform--induction-form * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .webform--induction-form .form-item .form-text { width: 100%; } @media (min-width: 980px) { .webform--induction-form .form-item .form-text { width: auto; } } .webform--induction-form .form-radios > .form-item { margin: 0 15px 0 0; display: inline-block; position: relative; overflow: hidden; } .webform--induction-form .form-radios > .form-item .option { margin: 0; padding: 0; line-height: 1; cursor: pointer; } .webform--induction-form .form-radios > .form-item input, .webform--induction-form .form-checkboxes > .form-item input { position: absolute; left: -1000px; top: 0; } .webform--induction-form .form-radios > .form-item .option:before, .webform--induction-form .form-checkboxes > .form-item .option:before { content: ''; width: 13px; height: 13px; display: inline-block; margin-right: 6px; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; border: 2px #de6e1d solid; background-color: #f9e0ce; vertical-align: top; margin-top: 3px; } .webform--induction-form .form-radios > .form-item input:checked + .option:before, .webform--induction-form .form-checkboxes > .form-item input:checked + .option:before { background-color: #de6e1d; } .webform--induction-form .form-checkboxes > .form-item .option:before { -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; border-width: 1px; } .webform--induction-form .form-managed-file .file-icon { display: none; } .webform--induction-form .form-managed-file .file > a:before { content: ''; width: 24px; height: 24px; background: url('../images/upload-ok.svg?v=3') no-repeat center; background-size: 100% auto; display: inline-block; margin-right: 6px; vertical-align: middle; } .webform--induction-form .webform-component-markup img { background-color: white; padding: 5px; border: 1px #eee solid; float: none !important; } @media (min-width: 740px) { .webform--induction-form .webform-component-markup img.image-right { float: right !important; margin-left: 20px; } .webform--induction-form .webform-component-markup img.image-left { float: left !important; margin-right: 20px; } } .induction-confirmation { text-align: center; padding: 20px; max-width: 80%; border: 2px solid #0062a0; margin-left: auto; margin-right: auto; margin-bottom: 30px; } .induction-confirmation h1 { margin: 0; line-height: 1; font-size: 3.2em; } .induction-confirmation h1 + p { margin-top: 20px; } .induction-confirmation p { font-size: 1.7em; line-height: 1.5; margin: 0; -webkit-font-smoothing: antialiased; } .induction-confirmation p ~ p { margin-top: 1em; } .c-form--inline { vertical-align: top; } @media (min-width: 980px) { .c-form--inline { display: inline-block; } .c-form--inline ~ .form-item { padding-left: 20px; } } .c-form--inline .form-text { max-width: 100%; } @media (min-width: 980px) { .c-form--third { max-width: 33%; } } .c-form--clear { padding-left: 0 !important; clear: both; } /* Header ---------------------------------------------------- */ .logo-img { margin-top: 3px; width: 25vw; margin-left: 10px; max-width: 153px; } @media (min-width: 740px) { .logo-img { width: 100%; margin-left: 0; } } .logo-img a { display: block; width: 100%; } .logo-img svg { width: 100%; height: 100%; vertical-align: top; } @media (min-width: 980px) { .logo-img svg { width: 153px; height: 75px; } } .logo-img svg > path { fill: #45738f; -moz-transition: fill 0.1s ease; -o-transition: fill 0.1s ease; -webkit-transition: fill 0.1s ease; transition: fill 0.1s ease; } .logo-img a:hover path, .logo-img a:focus path { fill: #1C5072; } .media, .media * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .media > figcaption { font-size: .75rem; color: #707070; font-style: normal; background-color: #f7f7f7; border-bottom: 1px solid #e1e1e1; padding: 9px 15px 7px; } .media--inline { display: inline-block; vertical-align: top; max-width: 49%; } .media--half { max-width: 50%; } .media--image, .media--infographic { display: table; } .field .media--image > img, .field .media--infographic > img { padding: 0; vertical-align: top; } .media--image figcaption, .media--infographic figcaption { display: table-caption; color: #707070; caption-side: bottom; } .media--cinema, .media--video { display: none; } .video .media--cinema, .video .media--video { display: block; } .media--cinema video, .media--video video { width: 100%; height: auto; background-color: black; vertical-align: top; } .media--cinema video:-webkit-full-screen, .media--video video:-webkit-full-screen { width: 100%; height: 100%; } .media__cc-btn, .media__full-screen-btn, .media__video-btn { background: none; border: none; padding: 0; outline: none; -moz-appearance: none; -webkit-appearance: none; } .media__video-btn { -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; width: 100%; position: relative; } .media__video-btn:after { content: ''; position: absolute; z-index: 100; width: 70px; height: 70px; border: 3px white solid; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; bottom: 50%; right: 50%; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; -moz-transform: translateY(50%) translateX(50%); -ms-transform: translateY(50%) translateX(50%); -webkit-transform: translateY(50%) translateX(50%); transform: translateY(50%) translateX(50%); background: url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2040.38%2044.42%22%20width%3D%2240%22%20height%3D%2244%22%3E%3Cpath%20d%3D%22M1.44%2C44a2.86%2C2.86%2C0%2C0%2C0%2C1.44.42A2.86%2C2.86%2C0%2C0%2C0%2C4.33%2C44L38.94%2C24.57a2.85%2C2.85%2C0%2C0%2C0%2C1.44-2.36%2C2.67%2C2.67%2C0%2C0%2C0-1.44-2.36L4.33.42a2.71%2C2.71%2C0%2C0%2C0-2.88%2C0A2.85%2C2.85%2C0%2C0%2C0%2C0%2C2.78V41.65A2.67%2C2.67%2C0%2C0%2C0%2C1.44%2C44Z%22%20style%3D%22fill%3A%23fff%22%2F%3E%3C%2Fsvg%3E') no-repeat center; background-size: 33% auto; opacity: 0.5; } .media__video-btn.is-playing:after { -moz-transform: scale(0.5) translateY(-50%) translateX(-50%); -ms-transform: scale(0.5) translateY(-50%) translateX(-50%); -webkit-transform: scale(0.5) translateY(-50%) translateX(-50%); transform: scale(0.5) translateY(-50%) translateX(-50%); background-image: url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2032%22%20width%3D%2224%22%20height%3D%2232%22%3E%3Crect%20width%3D%228%22%20height%3D%2232%22%20style%3D%22fill%3A%23fff%22%2F%3E%3Crect%20x%3D%2216%22%20width%3D%228%22%20height%3D%2232%22%20style%3D%22fill%3A%23fff%22%2F%3E%3C%2Fsvg%3E'); right: -20px; bottom: -20px; } .media__video-btn:hover { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .media__video-btn:hover:after { opacity: 1; } .media__cc-btn, .media__full-screen-btn { position: absolute; top: 20px; border: 2px white solid; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; z-index: 100; height: 35px; width: 35px; display: block; text-indent: -5000px; opacity: 0.5; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; outline: none; } .touch .media__cc-btn, .touch .media__full-screen-btn { z-index: 499; } .media__cc-btn:hover, .media__full-screen-btn:hover { opacity: 1; } .media__full-screen-btn { right: 20px; background: url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%20width%3D%2232%22%20height%3D%2232%22%3E%3Cpolygon%20points%3D%2227.41%2024.59%2022.83%2020%2020%2022.83%2024.59%2027.41%2020%2032%2032%2032%2032%2020%2027.41%2024.59%22%20style%3D%22fill%3A%23fff%22%2F%3E%3Cpolygon%20points%3D%2212%200%200%200%200%2012%204.59%207.41%209.13%2011.95%2011.96%209.13%207.41%204.59%2012%200%22%20style%3D%22fill%3A%23fff%22%2F%3E%3Cpolygon%20points%3D%2212%2022.83%209.17%2020%204.59%2024.59%200%2020%200%2032%2012%2032%207.41%2027.41%2012%2022.83%22%20style%3D%22fill%3A%23fff%22%2F%3E%3Cpolygon%20points%3D%2232%200%2020%200%2024.59%204.59%2020.04%209.13%2022.87%2011.95%2027.41%207.41%2032%2012%2032%200%22%20style%3D%22fill%3A%23fff%22%2F%3E%3C%2Fsvg%3E') no-repeat center; background-size: 50% auto; } .full-screen .media__full-screen-btn { background-image: url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%20width%3D%2232%22%20height%3D%2232%22%3E%3Cpolygon%20points%3D%2224.59%2027.41%2029.17%2032%2032%2029.17%2027.41%2024.59%2032%2020%2020%2020%2020%2032%2024.59%2027.41%22%20style%3D%22fill%3A%23fff%22%2F%3E%3Cpolygon%20points%3D%220%2012%2012%2012%2012%200%207.41%204.59%202.88%200.04%200.05%202.87%204.59%207.41%200%2012%22%20style%3D%22fill%3A%23fff%22%2F%3E%3Cpolygon%20points%3D%220%2029.17%202.83%2032%207.41%2027.41%2012%2032%2012%2020%200%2020%204.59%2024.59%200%2029.17%22%20style%3D%22fill%3A%23fff%22%2F%3E%3Cpolygon%20points%3D%2220%2012%2032%2012%2027.41%207.41%2031.96%202.87%2029.13%200.04%2024.59%204.59%2020%200%2020%2012%22%20style%3D%22fill%3A%23fff%22%2F%3E%3C%2Fsvg%3E'); } .media--image .media__full-screen-btn { background-image: url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%20width%3D%2232%22%20height%3D%2232%22%3E%3Cpolygon%20points%3D%2227.41%2024.59%2022.83%2020%2020%2022.83%2024.59%2027.41%2020%2032%2032%2032%2032%2020%2027.41%2024.59%22%20style%3D%22fill%3A%231C5072%22%2F%3E%3Cpolygon%20points%3D%2212%200%200%200%200%2012%204.59%207.41%209.13%2011.95%2011.96%209.13%207.41%204.59%2012%200%22%20style%3D%22fill%3A%231C5072%22%2F%3E%3Cpolygon%20points%3D%2212%2022.83%209.17%2020%204.59%2024.59%200%2020%200%2032%2012%2032%207.41%2027.41%2012%2022.83%22%20style%3D%22fill%3A%231C5072%22%2F%3E%3Cpolygon%20points%3D%2232%200%2020%200%2024.59%204.59%2020.04%209.13%2022.87%2011.95%2027.41%207.41%2032%2012%2032%200%22%20style%3D%22fill%3A%231C5072%22%2F%3E%3C%2Fsvg%3E'); border-color: #1C5072; top: 3%; right: 3%; } .media--image.full-screen .media__full-screen-btn { background-image: url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%20width%3D%2232%22%20height%3D%2232%22%3E%3Cpolygon%20points%3D%2224.59%2027.41%2029.17%2032%2032%2029.17%2027.41%2024.59%2032%2020%2020%2020%2020%2032%2024.59%2027.41%22%20style%3D%22fill%3A%231C5072%22%2F%3E%3Cpolygon%20points%3D%220%2012%2012%2012%2012%200%207.41%204.59%202.88%200.04%200.05%202.87%204.59%207.41%200%2012%22%20style%3D%22fill%3A%231C5072%22%2F%3E%3Cpolygon%20points%3D%220%2029.17%202.83%2032%207.41%2027.41%2012%2032%2012%2020%200%2020%204.59%2024.59%200%2029.17%22%20style%3D%22fill%3A%231C5072%22%2F%3E%3Cpolygon%20points%3D%2220%2012%2032%2012%2027.41%207.41%2031.96%202.87%2029.13%200.04%2024.59%204.59%2020%200%2020%2012%22%20style%3D%22fill%3A%231C5072%22%2F%3E%3C%2Fsvg%3E'); } .media__cc-btn { left: 20px; background: url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2036%2032%22%20width%3D%2236%22%20height%3D%2232%22%3E%3Cpath%20d%3D%22M32%2C0H4A4%2C4%2C0%2C0%2C0%2C0%2C4V28a4%2C4%2C0%2C0%2C0%2C4%2C4H32a4%2C4%2C0%2C0%2C0%2C4-4V4A4%2C4%2C0%2C0%2C0%2C32%2C0ZM16%2C14H13V13H9v6h4V18h3v2a2%2C2%2C0%2C0%2C1-2%2C2H8a2%2C2%2C0%2C0%2C1-2-2V12a2%2C2%2C0%2C0%2C1%2C2-2h6a2%2C2%2C0%2C0%2C1%2C2%2C2Zm14%2C0H27V13H23v6h4V18h3v2a2%2C2%2C0%2C0%2C1-2%2C2H22a2%2C2%2C0%2C0%2C1-2-2V12a2%2C2%2C0%2C0%2C1%2C2-2h6a2%2C2%2C0%2C0%2C1%2C2%2C2Z%22%20fill%3D%22%23ffffff%22%20%2F%3E%3C%2Fsvg%3E') no-repeat center; background-size: 55% auto; text-shadow: none; } .media__cc-btn:after { text-transform: uppercase; color: white; -moz-transform: translateY(22px); -ms-transform: translateY(22px); -webkit-transform: translateY(22px); transform: translateY(22px); display: block; text-indent: 0; font-size: 11px; font-weight: normal; } .media__cc-btn[data-cc="1"]:after, .media__cc-btn[data-cc="hidden"]:after { content: 'Off'; } .media__cc-btn[data-cc="2"]:after, .media__cc-btn[data-cc="showing"]:after { content: 'On'; } @media (min-width: 740px) { .cke_editable .media--left, .cke_editable .media--right, .node .field .media--left, .node .field .media--right { margin-bottom: 20px; } .cke_editable .media--left + *, .cke_editable .media--right + *, .node .field .media--left + *, .node .field .media--right + * { margin-top: 20px; } } @media (min-width: 740px) { .cke_editable .media--left, .node .field .media--left { float: left; margin-right: 20px; } .cke_editable .media--left.media--offset, .node .field .media--left.media--offset { margin-left: -20px; } } @media (min-width: 740px) { .cke_editable .media--right, .node .field .media--right { float: right; margin-left: 20px; } .cke_editable .media--right.media--offset, .node .field .media--right.media--offset { margin-right: -20px; } } .showcase.teaser, .page.teaser { padding: 0; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .showcase.teaser, .showcase.teaser *, .page.teaser, .page.teaser * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .showcase.teaser .more-unlinked, .page.teaser .more-unlinked { font-weight: bold; color: #0081c6; } .showcase.teaser .more-unlinked:after, .page.teaser .more-unlinked:after { content: '\bb'; margin-left: .25em; } .showcase.teaser h2, .showcase.teaser .more-unlinked, .page.teaser h2, .page.teaser .more-unlinked { -moz-transition: all 0.1s linear; -o-transition: all 0.1s linear; -webkit-transition: all 0.1s linear; transition: all 0.1s linear; } .showcase.teaser .group-link, .page.teaser .group-link { padding: 20px; display: block; overflow: hidden; border: 1px transparent solid; color: #333333; -moz-transition: all 0.1s linear; -o-transition: all 0.1s linear; -webkit-transition: all 0.1s linear; transition: all 0.1s linear; } .showcase.teaser .group-link:hover, .showcase.teaser .group-link:focus, .page.teaser .group-link:hover, .page.teaser .group-link:focus { border-color: #1C5072; } .showcase.teaser .group-link:hover h2, .showcase.teaser .group-link:hover .more-unlinked, .showcase.teaser .group-link:focus h2, .showcase.teaser .group-link:focus .more-unlinked, .page.teaser .group-link:hover h2, .page.teaser .group-link:hover .more-unlinked, .page.teaser .group-link:focus h2, .page.teaser .group-link:focus .more-unlinked { color: #de6e1d; } .showcase.teaser .field-name-title ~ .field, .page.teaser .field-name-title ~ .field { margin-top: .75em; } .showcase.teaser h2, .page.teaser h2 { color: #1C5072; margin: 0; } .showcase.teaser .prose, .page.teaser .prose { line-height: 1.5; } .showcase.teaser img, .page.teaser img { float: none; margin: 0; } .page.teaser .field-name-field-teaser-image + .field, .showcase.teaser .field-name-field-teaser-image + .field, .showcase.teaser .field-name-field-banner-image + .field { margin-top: 1em; } @media (min-width: 740px) { .page.teaser .field-name-field-teaser-image, .showcase.teaser .field-name-field-teaser-image, .showcase.teaser .field-name-field-banner-image { float: left; width: 35%; } .page.teaser .field-name-field-teaser-image + .field, .showcase.teaser .field-name-field-teaser-image + .field, .showcase.teaser .field-name-field-banner-image + .field { margin-top: 0; } .page.teaser .field-name-field-teaser-image ~ .field, .showcase.teaser .field-name-field-teaser-image ~ .field, .showcase.teaser .field-name-field-banner-image ~ .field { width: 65%; float: right; padding-left: 20px; } } .profile { overflow: hidden; *zoom: 1; } .profile ~ .profile { margin-top: 16px; padding-top: 16px; border-top: 1px solid #F0F1F1; } .profile, .profile * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .field .profile img { padding: 0; } .profile h3 { margin: 0; border: none; } .profile p { margin: 0; } .profile * + h3, .profile * + p { margin-top: 15px; } .field .profile .profile__modal { /*color: rgba($white,.9); background-color: $dark_blue; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0062a0), color-stop(100%, #213753))!important; background-image: -moz-linear-gradient(#0062a0, #213753)!important; background-image: -webkit-linear-gradient(#0062a0, #213753)!important; background-image: linear-gradient(#0062a0, #213753)!important; line-height: 1; padding: 7px 12px!important; text-shadow: 0 0 3px rgba(0,0,0,.5); display: inline-block; @include border-radius(3px); &:hover, &:focus { color: $white; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #213753), color-stop(100%, #0062a0))!important; background-image: -moz-linear-gradient(#213753, #0062a0)!important; background-image: -webkit-linear-gradient(#213753, #0062a0)!important; background-image: linear-gradient(#213753, #0062a0)!important; }*/ } .c-publication { display: block; } .c-publication--teaser { width: 100%; } @media (min-width: 750px) { .c-publication--teaser { display: table; table-layout: fixed; } } .c-publication--teaser ~ .c-publication--teaser { margin-top: 20px; } .c-publication--teaser:hover h3, .c-publication--teaser:hover .c-publication__link, .c-publication--teaser:focus h3, .c-publication--teaser:focus .c-publication__link { color: #de6e1d; } .c-publication--teaser .c-publication__body > p { margin: 0; } .c-publication--teaser .c-publication__body > p ~ p { margin-top: 6px; } .c-publication--teaser .c-publication__body > h3 { margin-top: 0; margin-bottom: 0; font-weight: bold; } .c-publication--teaser .c-publication__body > h3 + p { margin-top: 2px; } .c-publication--teaser .c-publication__link { font-size: 14px; } .block-bean .c-publication--teaser .c-publication__image > img { -moz-box-shadow: 0 0 6px rgba(51, 51, 51, 0.6); -webkit-box-shadow: 0 0 6px rgba(51, 51, 51, 0.6); box-shadow: 0 0 6px rgba(51, 51, 51, 0.6); -moz-transform: translateX(3px) translateY(3px); -ms-transform: translateX(3px) translateY(3px); -webkit-transform: translateX(3px) translateY(3px); transform: translateX(3px) translateY(3px); border: 2px white solid; } @media (min-width: 750px) { .c-publication__image { width: 25%; height: auto; display: table-cell; vertical-align: top; max-width: 40px; } .c-publication__image + .c-publication__body { width: 75%; display: table-cell; vertical-align: top; padding-left: 18px; } } .c-publication__body h3 { color: #0062A0; } .c-publication__body h3 + * { margin-top: 2px; } .c-publication__link { font-style: normal; display: block; color: #0062A0; } * + .c-publication__link { margin-top: 2px; } .c-publication__link:after { content: '\bb'; margin-left: 5px; } .search-form { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RlNmUxZCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2RmNmYxZCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #de6e1d), color-stop(100%, #df6f1d)); background-image: -moz-linear-gradient(#de6e1d, #df6f1d); background-image: -webkit-linear-gradient(#de6e1d, #df6f1d); background-image: linear-gradient(#de6e1d, #df6f1d); margin: 0; } .search-form, .search-form * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .search-form > div { padding: 25px; } .search-form .container-inline { display: table; } .search-form .container-inline > .form-item, .search-form .container-inline > .form-submit { display: table-cell; vertical-align: top; } .search-form .container-inline > .form-item + .form-submit { -moz-border-radius-topleft: 0; -webkit-border-top-left-radius: 0; border-top-left-radius: 0; -moz-border-radius-bottomleft: 0; -webkit-border-bottom-left-radius: 0; border-bottom-left-radius: 0; } .search-form .search-form-title { margin: 0 0 .65em 0; color: white; display: table-caption; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .search-form + .search-help { margin-top: -25px; } .search-form .form-text { height: 42px; font-size: 17px; padding-left: 5px; padding-right: 5px; line-height: 42px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; border: 1px white solid; } .search-form .form-submit:hover, .search-form .form-submit:focus { background-color: #0085C2; } .search-help ul { background-color: #df6f1d; list-style-image: none; color: white; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; padding: 25px; } .search-help ul > li { margin-left: 25px; } .sitemap .menu-block-wrapper { margin-top: 1rem; } .sitemap .menu-block-wrapper, .sitemap .menu-block-wrapper * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .sitemap .menu-block-wrapper a { display: block; padding: 6px 10px; } .sitemap .menu-block-wrapper .menu { margin: 0; } .sitemap .menu-block-wrapper .menu .menu a { border-top: 1px solid rgba(0, 0, 0, 0.05); } .sitemap .menu-block-wrapper .menu .menu .menu a { padding-left: 26px; } .sitemap .menu-block-wrapper .menu .menu .menu a:before { content: '\2013'; margin-right: .4em; display: inline-block; } .sitemap .menu-block-wrapper .menu .menu .menu .menu a { padding-left: 40px; } .sitemap .menu-block-wrapper .menu .menu .menu .menu .menu a { padding-left: 56px; } .sitemap .menu-block-wrapper > .menu > li > a { font-weight: bold; padding-bottom: 5px; border-bottom: 1px solid #888888; } .sitemap .menu-block-wrapper > .menu .menu { font-size: .93em; background-color: rgba(100, 100, 100, 0.05); } @media (min-width: 980px) { .sitemap .menu-block-wrapper > .menu { display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-direction: row; -webkit-flex-direction: row; flex-direction: row; -ms-align-items: flex-start; -webkit-align-items: flex-start; align-items: flex-start; -webkit-flex-wrap: wrap; flex-wrap: wrap; } .sitemap .menu-block-wrapper > .menu > li { -webkit-flex: 1 0 25%; flex: 1 0 25%; max-width: 25%; /*&:nth-child(-n+4){ margin-top: 0; } &:nth-child(4n+1){ border-left: none; }*/ } .sitemap .menu-block-wrapper > .menu > li ~ li { border-left: 10px solid white; } } .sitemap .menu-block-wrapper > .menu > li:nth-child(5) { order: 4; } .sitemap .menu-block-wrapper > .menu > li:nth-child(4) { order: 5; } .flexslider { margin-bottom: 20px; border: none; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .block-slider-block { overflow: visible !important; } .view-slider, .view-slider * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .view-slider .content img { padding: 0; margin-right: 0; } .view-slider img + .text-description { position: absolute; z-index: 100; top: 50%; left: 50%; -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); max-width: 80%; } .view-slider .text-description { color: white; font-family: GibsonLightBold; line-height: 1; } .view-slider .title-desc { font-size: 72px; } .view-slider .body-desc { color: white; font-size: 34px; } .view-slider .body-desc p { color: white; font-size: 32px; line-height: 1.2; margin: 0; } .node-slider { position: relative; } .node-slider .field-name-field-slider-image > img { padding: 0; border: none; float: left; vertical-align: top; margin-right: 0; margin-bottom: 0; } @-moz-keyframes travel { 0%, 20% { background-position: 50% center; opacity: 1; } 30% { background-position: 40px center; opacity: 0; } 40% { background-position: -4px center; opacity: 0; } 50% { background-position: 50% center; opacity: 1; } } @-webkit-keyframes travel { 0%, 20% { background-position: 50% center; opacity: 1; } 30% { background-position: 40px center; opacity: 0; } 40% { background-position: -4px center; opacity: 0; } 50% { background-position: 50% center; opacity: 1; } } @keyframes travel { 0%, 20% { background-position: 50% center; opacity: 1; } 30% { background-position: 40px center; opacity: 0; } 40% { background-position: -4px center; opacity: 0; } 50% { background-position: 50% center; opacity: 1; } } .slider__text { z-index: 100; font-family: GibsonLightBold; line-height: 1.2; padding: 20px; background-color: #333333; text-shadow: 0 0 4px rgba(0, 0, 0, 0.5); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; width: 100%; float: left; position: relative; } @media (min-width: 740px) { .slider__text { margin-bottom: 0; } } @media (min-width: 750px) { .slider__text { background-color: rgba(0, 0, 0, 0.5); padding: 30px; width: 100%; } .field + .slider__text { position: absolute; bottom: 0; left: 0; } } .slider__text .field { color: rgba(255, 255, 255, 0.9); } .slider__text .field-name-field-slider-small-preface { background-color: #1C5072; text-transform: uppercase; position: absolute; top: 0; left: 20px; line-height: 1; padding: 6px 8px; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 100; } @media (min-width: 740px) { .slider__text .field-name-field-slider-small-preface { left: 30px; } } .slider__text .field-name-body { font-size: 24px; font-weight: bold; } .slider__text .field-name-body + .field-name-field-slider-medium-text { margin-top: 4px; } .slider__text .field-name-field-slider-medium-text { font-family: 'GibsonRegular'; font-size: 15px; } .slider__link:hover .slider__text .field, .slider__link:focus .slider__text .field { color: white; } .slider__text .field img { max-width: 50% !important; height: auto; } .slider__link { display: block; background-image: none !important; padding: 0 !important; } @media (min-width: 740px) { .no-touch .slider__link:hover > .slider__text:before { background-color: rgba(222, 110, 29, 0.9); } .no-touch .slider__link:hover > .slider__text:after { -moz-animation: travel 2s 1; -webkit-animation: travel 2s 1; animation: travel 2s 1; } .no-touch .slider__link:hover > .slider__text .field-name-body { text-decoration: underline; } } .table { width: 100%; font-size: 14px; border-collapse: collapse; } .table + .table { margin-top: 30px; } .table thead th { background-color: #1C5072; color: white; } .table td, .table th { width: auto !important; height: auto !important; } .table-striped tbody tr:nth-child(odd), .table-striped tbody tr:nth-child(odd) td { background-color: #f7f7f7 !important; } .table-bordered thead th { border: 1px rgba(255, 255, 255, 0.15) solid; } .table-bordered tbody th, .table-bordered tbody td { border: 1px solid #dcdcdc; } .views-row, .view .item-list ul li.views-row { padding: 20px; background: #F0F1F1; margin: 0 0 20px 0; border: 1px solid #e8eaea; position: relative; clear: both; } .view ul { list-style: none; list-style-image: none; list-style-type: none; margin: 0; padding: 0; } .view .item-list ul li { margin: 0; } .views-row h2 { margin-bottom: 4px; margin-top: 0; clear: both; } .views-row h2 a { color: #1c5072; } .view img { border: 1px solid #E8EAEA; padding: 5px; background-color: white; float: left; margin-right: 20px; margin-bottom: 10px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .views-field-body * + ul, .views-field-body * + p { margin-top: .88em; margin-bottom: 0; } .views-field-body * + h2, .views-field-body * + h3, .views-field-body * + h4 { margin-top: 1.4em; } .view.reset .views-row, .view.reset .item-list .views-row { padding: 0; background: transparent; margin: 0; border: none; } @media (min-width: 740px) { .webform-client-form .form-item--half { width: 49%; margin-right: 2%; float: left; } .webform-client-form .form-item--half + .form-item--half { margin-right: 0; } .webform-client-form .form-item--half + .form-item--clear { margin-right: 2%; } .webform-client-form .form-item--half .form-text { width: 100%; } } .form-item--inline { clear: both; } .form-item--inline label, .form-item--inline .form-text { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .form-item--inline > label { width: 23%; display: inline-block; margin: 0; height: 35px; line-height: 35px; } .form-item--inline > label + .form-text { width: 76%; } .form-actions { clear: both; } .webform-client-form .form-select { -webkit-appearance: none; -moz-appearance: none; text-indent: 1px; text-overflow: ''; } .webform-client-form .form-select::-ms-expand { display: none; } .form-item--checkboxes .form-type-checkbox, .form-item--radios .form-type-radio { display: inline-block; margin-right: 14px; overflow: hidden; margin-bottom: 0; } .form-item--checkboxes .form-type-checkbox > label, .form-item--radios .form-type-radio > label { margin-bottom: 5px; } .form-item--checkboxes .form-type-checkbox input, .form-item--radios .form-type-radio input { left: -1000px; position: absolute; height: 0; } .form-item--checkboxes .form-type-checkbox label.option, .form-item--radios .form-type-radio label.option { line-height: 20px; padding: 0; vertical-align: middle; height: 20px; } .form-item--checkboxes .form-type-checkbox label:before, .form-item--radios .form-type-radio label:before { content: ''; width: 20px; height: 20px; border: 1px #C6C6C6 solid; background-color: #FAFAFA; float: left; margin-right: 2px; line-height: 1; } .form-item--checkboxes .form-type-checkbox input:checked + label:before, .form-item--radios .form-type-radio input:checked + label:before { background-color: #f3c3a1; border-color: #de6e1d; } .form-item--radios .form-type-radio label:before { -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; } .webform-progressbar-outer { border-color: transparent; margin-bottom: 70px; } .webform-progressbar-inner { background-color: #de6e1d; } .webform-progressbar-page { border-color: transparent; } .webform-progressbar-page .webform-progressbar-page-label { font-size: 11px; text-transform: uppercase; width: 100px; left: -25px; display: table-cell; top: 13px; vertical-align: middle; height: 48px; line-height: 1.2; } .webform-progressbar-page.completed, .webform-progressbar-page.current { background-color: #de6e1d; border-color: transparent; } input.webform-previous, input.webform-next, input.webform-submit { background-repeat: no-repeat; background-size: 8px auto; outline: none; } input.webform-previous { -moz-border-radius-topright: 0; -webkit-border-top-right-radius: 0; border-top-right-radius: 0; -moz-border-radius-bottomright: 0; -webkit-border-bottom-right-radius: 0; border-bottom-right-radius: 0; background-image: url('../images/form--prev.svg'); background-position: 14px center; padding-left: 35px; } input.webform-previous + .webform-next, input.webform-previous + .webform-submit { -moz-border-radius-topleft: 0; -webkit-border-top-left-radius: 0; border-top-left-radius: 0; -moz-border-radius-bottomleft: 0; -webkit-border-bottom-left-radius: 0; border-bottom-left-radius: 0; border-left: 1px #fff solid; padding-right: 35px; background-position: right 14px center; background-image: url('../images/form--next.svg'); } input.webform-next { padding-right: 35px; background-position: right 14px center; background-image: url('../images/form--next.svg'); } .form-item--hidelbl > label { visibility: hidden; } .webform-client-form .webform-calendar { height: auto; background-color: transparent; } .webform-client-form .js-warning { list-style: none; padding: 0; margin: 0; } .webform-client-form .js-warning > li { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; background-size: 40px 40px; background-image: linear-gradient(135deg, rgba(255, 255, 255, 0.05) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 255, 0.05) 50%, rgba(255, 255, 255, 0.05) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0)); width: 100%; border: 1px solid #d99a36; color: #fff; padding: 15px; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5); background-color: #de6e1d; display: block; } .webform-client-form .js-warning > li ~ li { margin-top: 6px; } .webform-component-markup > *:first-child { margin-top: 0; } .webform-client-form .form-managed-file { display: table; } .webform-client-form .form-managed-file, .webform-client-form .form-managed-file * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .webform-client-form .form-managed-file .form-file { float: left; } .webform-client-form .form-managed-file .form-submit { margin-left: 8px; } .webform-client-form .form-managed-file .file, .webform-client-form .form-managed-file .form-submit { display: table-cell; vertical-align: middle; } .webform-client-form .form-radios > .form-type-radio { margin-bottom: 0; display: inline-block; vertical-align: top; } .webform-client-form .form-radios > .form-type-radio ~ .form-type-radio { margin-left: 15px; } .webform-component--budget-estimate .field-prefix { width: 3%; display: inline-block; vertical-align: top; line-height: 35px; text-align: center; } .webform-component--budget-estimate .field-prefix + input { width: 96% !important; display: inline-block; vertical-align: top; } .embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container, .embed-container * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 1px black solid; background-color: #1a1a1a; } .entity-bean { overflow: hidden; *zoom: 1; } .entity-bean, .entity-bean * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .entity-bean.has-padding { padding: 20px; } .entity-bean.has-grey-background { background-color: #F0F1F1; border: solid 1px #E8EAEA; } .entity-bean > h3 { font-family: 'GibsonLightBold'; font-size: 22px; font-weight: normal; line-height: 25px; margin: 0; color: #1c5072; } .entity-bean > h3 + * { margin-top: 8px; } .entity-bean .field-name-field-teaser-copy > *:last-child { margin-bottom: 0; } /*.feature { padding: 20px; background-color: #F0F1F1; border: solid 1px #E8EAEA; }*/ .feature__link { display: block; } .feature__link img { max-height: 20vh; width: auto; border: 1px solid #e8eaea; padding: 5px; background-color: #fff; text-align: center; } @media (min-width: 750px) { .feature__link img { max-height: inherit; padding: 0; } } .feature__title { font-family: 'GibsonLightBold'; font-size: 17px; font-weight: normal; line-height: 25px; margin: 0; } * + .feature__title { margin-top: 10px; } .feature__link:hover + .feature__title > a { color: #de6e1d; } .feature--with-background { color: white; background-color: #1C5072; } .feature--with-background .feature__link { display: block; overflow: hidden; *zoom: 1; } .feature--with-background .feature__link:hover, .feature--with-background .feature__link:focus { background-color: #de6e1d !important; } .feature--with-background .feature__link * { color: white; } .feature--with-background .feature__link img { border: none; padding: 0; width: 100%; height: auto; max-height: inherit; } .feature--with-background .feature__title { font-size: 2rem; line-height: 1.15; -webkit-font-smoothing: antialiased; } .feature--with-background .more-unlinked { margin: 20px; padding-bottom: 2px; display: block; font-weight: 600; border-bottom: 1px white solid; } .feature--with-background .field-name-field-intro-text { padding: 20px; -webkit-font-smoothing: antialiased; } .feature--with-background .field-name-field-intro-text > p { margin: 0; line-height: 1.6; } .feature--with-background .field-name-field-intro-text > p ~ p { margin-top: 10px; } .feature--with-background .field-name-field-intro-text + .more-unlinked { margin-top: -10px; margin-bottom: 30px; float: left; clear: both; } .feature__heading { position: relative; } .feature__heading img + .feature__title { position: absolute; bottom: 20px; padding-left: 20px; padding-right: 20px; width: 100%; text-shadow: 0 0 8px rgba(0, 0, 0, 0.4); } .figure { position: relative; } .figure > img { max-width: 100%; height: auto; z-index: 1; position: relative; } .figure > img + .field > a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 100; text-indent: -5000px; } .bean-fix-fasten-panel { padding: 30px; color: white; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzM2NzJhNyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzI0NTQ3MyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #3672a7), color-stop(100%, #245473)); background-image: -moz-linear-gradient(left, #3672a7, #245473); background-image: -webkit-linear-gradient(left, #3672a7, #245473); background-image: linear-gradient(to right, #3672a7, #245473); display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; } .bean-fix-fasten-panel, .bean-fix-fasten-panel * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .bean-fix-fasten-panel svg { max-width: 100%; height: 50px; display: block; margin-left: auto; margin-right: auto; vertical-align: top; } @media (min-width: 740px) { .bean-fix-fasten-panel svg { margin: 0; } } @media (min-width: 740px) { .bean-fix-fasten-panel { -ms-flex-direction: row; -webkit-flex-direction: row; flex-direction: row; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -ms-flex-pack: space-between; -webkit-justify-content: space-between; justify-content: space-between; } .bean-fix-fasten-panel .group-left { min-width: 40%; } } .bean-fix-fasten-panel .group-link { color: white; padding: 10px !important; border: 2px white solid; background: none !important; font-size: 1.2rem; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: block; text-align: center; margin-top: 20px; } @media (min-width: 740px) { .bean-fix-fasten-panel .group-link { margin-top: 0; padding: 20px !important; } } @media (min-width: 980px) { .bean-fix-fasten-panel .group-link { font-size: 1.4rem; padding: 20px 40px !important; } } .bean-fix-fasten-panel .group-link:hover, .bean-fix-fasten-panel .group-link:focus { background: white !important; color: #1C5072; } .block .block-link__anchor { display: table !important; color: white !important; background-color: #de6e1d !important; width: 100% !important; padding: 25px; } .block .block-link__anchor > .field { display: table-cell; vertical-align: middle; } .block .block-link__anchor .field-name-field-block-teaser-image { width: 25%; } .block .block-link__anchor .field-name-field-block-teaser-image + .field { width: 75%; padding-left: 5%; } .block .block-link__anchor .field-name-field-block-teaser-image img { max-width: 100%; height: auto; } .block-link__title { width: 100%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .block-link__title > span { border: 2px white solid; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; display: inline-block; padding: 12px 25px; font-size: 1.5em; } .block-link__anchor:hover .block-link__title > span, .block-link__anchor:focus .block-link__title > span { background-color: white; color: #de6e1d; } #block-bean-foundations-campaign-block { margin-bottom: 3em; } .teaser { padding: 20px; background-color: #F0F1F1; border: solid 1px #E8EAEA; } .teaser > .group-left, .teaser > .group-right { overflow: hidden; *zoom: 1; } .teaser > .group-left + .group-right { margin-top: 15px; } @media (min-width: 740px) { .teaser > .group-left, .teaser > .group-right { display: inline-block; vertical-align: top; } .teaser > .group-left { width: 33.33333%; } .teaser > .group-left + .group-right { width: 66.66667%; padding-left: 20px; margin-top: 0; } .teaser > .group-left:empty + .group-right { width: 100%; padding-left: 0; } } .teaser img { border: 1px solid #e8eaea; padding: 5px; background-color: #fff; text-align: center; margin-bottom: 10px; max-height: 20vh; width: auto; } @media (min-width: 750px) { .teaser img { max-height: inherit; } } .block + .block .teaser { margin-top: 20px; } .teaser__link { display: block; } .teaser__title { font-family: 'GibsonLightBold'; font-size: 22px; font-weight: normal; line-height: 25px; } .group-right > .teaser__title { margin: 0 0 8px 0; } /* Recent event node */ .node-type-disaster.not-logged-in ul.tabs, .node-type-disaster .last-updated { display: none; } .node-type-disaster .region-preface-first { position: relative; } .node-type-disaster .block-breadcrumb { margin-bottom: 20px; } .node-type-disaster .view-events-detail { position: relative; } .node-type-disaster .view-events-detail .attachment { z-index: 100; } .node-type-disaster .view-events-detail .views-row { padding: 0; margin: 0; border: none; background: none; } .node-type-disaster .group-banner { position: relative; margin-bottom: 20px; overflow: hidden; *zoom: 1; } .node-type-disaster .field-name-field-banner-image img { width: 100%; height: auto; padding: 0; border: none; } .node-type-disaster .group-detail .field { font-size: 15px; } .node-type-disaster .group-detail .field-label { font-weight: normal; font-size: 12px; line-height: 1; } .node-type-disaster .group-detail .field-item { font-weight: bold; } .node-type-disaster .group-detail .field-name-field-claim-status { color: #de6e1d; font-weight: bold; line-height: normal; } .node-type-disaster .group-detail .field-name-field-claim-status .field-label { font-weight: bold; font-size: 15px; } .node-type-disaster .field-name-field-resources { padding: 0 6px; } .node-type-disaster .field-name-field-resources img { display: none; } .node-type-disaster .field-name-field-resources .field-item { line-height: 1; } .node-type-disaster .field-name-field-resources .field-item a { background: url('../images/download.png') no-repeat left 8px; padding-left: 22px; font-weight: bold; font-size: 14px; font-size: 0.875rem; display: block; padding: 7px 0 7px 22px; } .node-type-disaster .field-name-field-resources .field-item a:hover, .node-type-disaster .field-name-field-resources .field-item a:focus { background-position: left -30px; } .view-toolbox-talk .views-row { padding: 0; background: transparent; margin: 0; border: none; } .node-toolbox-talk.teaser { background-color: transparent; border: none; border-top: 1px #e8e9e9 solid; margin-top: 0 !important; } .views-row ~ .views-row .node-toolbox-talk.teaser { margin-top: 20px; } .node-toolbox-talk.teaser, .node-toolbox-talk.teaser * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .node-toolbox-talk.teaser .group-link { display: block; } .node-toolbox-talk.teaser .group-left img { -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.4); box-shadow: 0 0 8px rgba(0, 0, 0, 0.4); max-width: 100%; height: auto; } @media (min-width: 740px) { .node-toolbox-talk.teaser .group-left + .group-right { padding-left: 38px; } } .node-toolbox-talk.teaser .group-right > h3, .node-toolbox-talk.teaser .label-above, .node-toolbox-talk.teaser .date-display-single { font-weight: bold; } .node-toolbox-talk.teaser .group-right > * + * { margin-top: 6px; } .node-toolbox-talk.teaser .group-right > h3 { margin: 0; font-size: 21px; } .node-toolbox-talk.teaser p { margin: 0; } .node-toolbox-talk.teaser p ~ * { margin-top: 6px; } .node-toolbox-talk.teaser .label-above { font-size: 17px; } .node-toolbox-talk.teaser .file > .file-icon { display: none; } .vocabulary-campaign-detail { display: table; width: 100%; table-layout: fixed; position: relative; } .vocabulary-campaign-detail ~ .vocabulary-campaign-detail { margin-top: 30px; } .vocabulary-campaign-detail, .vocabulary-campaign-detail * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .vocabulary-campaign-detail .group-header { display: table-header-group; } .vocabulary-campaign-detail .group-footer { display: table-caption; caption-side: bottom; margin-top: 1.4em; } .js .vocabulary-campaign-detail .group-footer { height: 0; overflow: hidden; } .vocabulary-campaign-detail .group-footer p, .vocabulary-campaign-detail .group-footer ul, .vocabulary-campaign-detail .group-footer ol, .vocabulary-campaign-detail .group-footer table, .vocabulary-campaign-detail .group-footer blockquote { font-size: 16px; line-height: 1.5; } .vocabulary-campaign-detail .group-footer > p { margin: 0; line-height: 1.625; } .vocabulary-campaign-detail .group-footer > p ~ p { margin-top: 1em; } .vocabulary-campaign-detail .group-footer > ul { margin-bottom: 1.5em; } .vocabulary-campaign-detail .group-footer > ul > li ~ li { margin-top: .5em; } .vocabulary-campaign-detail .group-footer > ul ul { margin-top: .25em; } .vocabulary-campaign-detail .group-footer > * + ul { margin-top: 1em; } .vocabulary-campaign-detail.revealed .group-footer { height: auto; padding-bottom: 3.6em; } .vocabulary-campaign-detail .group-left, .vocabulary-campaign-detail .group-right { display: table-cell; vertical-align: top; } .vocabulary-campaign-detail .group-left { width: 18%; } .vocabulary-campaign-detail .group-left > img { width: 100%; height: auto; } .vocabulary-campaign-detail .group-left + .group-right { width: 82%; padding-left: 22px; } .vocabulary-campaign-detail .group-right > h3 { margin-top: 0; margin-bottom: .5em; color: #1C5072; font-size: 1.75em; } .vocabulary-campaign-detail .taxonomy-term-description { font-family: 'GibsonRegular'; margin: .9em 0 0 0; } .vocabulary-campaign-detail .taxonomy-term-description > p { font-size: 1.5em; line-height: 1.5; color: #1C5072; -webkit-font-smoothing: antialiased; } .vocabulary-campaign-detail dl { color: #333333; } .vocabulary-campaign-detail dt, .vocabulary-campaign-detail dd, .vocabulary-campaign-detail dd * { font-size: 16px; } .vocabulary-campaign-detail dt, .vocabulary-campaign-detail dd { display: inline; } .vocabulary-campaign-detail dt { margin-right: 5px; font-weight: bolder; } .vocabulary-campaign-detail dt ~ dt { clear: both; } .vocabulary-campaign-detail dd { font-style: normal; padding: 0; *zoom: 1; } .vocabulary-campaign-detail dd:after { content: ""; display: table; clear: both; } .field-name-field-campaign-intro { font-family: 'GibsonRegular'; font-size: 1.5em; line-height: 1.4; color: #1C5072; -webkit-font-smoothing: antialiased; } .field-name-field-meta ul { list-style: none; padding: 0; margin: 0; font-size: .9em; font-family: 'GibsonRegular'; line-height: 1; color: #1C5072; } .field-name-field-meta ul > li { display: inline-block; vertical-align: top; margin: 0; background-color: #d2dce3; -moz-border-radius: 12px; -webkit-border-radius: 12px; border-radius: 12px; padding: 6px 12px; } .field-name-field-meta ul > li ~ li { margin-left: 8px; } .view-news-listings .views-exposed-widget .description { display: none !important; } .view-recent-events .views-row { padding: 0; border: none; } .view-recent-events .left-wrapper p { margin-bottom: 3px; } .view-recent-events .right-wrapper { font-size: 16px; font-weight: bold; display: none; } .view-recent-events .right-wrapper .label { font-size: 11px; font-weight: normal; } .view-recent-events .right-wrapper p:last-child { margin-bottom: 0 !important; } .view-recent-events .claim-status { font-size: 14px; font-weight: bold; } .view-recent-events .claim-status .Open { color: #1c5072; } .view-recent-events .claim-status .Closed { color: #de6e1d; } .view-recent-events .more-info a { text-align: center; display: block; padding: 6px 14px; text-transform: uppercase; color: #ffffff; background-color: #1c5072; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; margin-top: 10px; font-weight: bold; text-rendering: optimizeLegibility; -moz-transition: background-color 0.1s linear; -o-transition: background-color 0.1s linear; -webkit-transition: background-color 0.1s linear; transition: background-color 0.1s linear; } .view-recent-events .more-info a:after { content: '\25b8'; margin-left: 5px; font-size: 16px; } .view-recent-events .more-info a:hover, .view-recent-events .more-info a:focus { background-color: #de6e1d; } .node-disaster.view-mode-teaser { width: 100%; } .node-disaster.view-mode-teaser, .node-disaster.view-mode-teaser * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .node-disaster.view-mode-teaser .group-left, .node-disaster.view-mode-teaser .group-middle, .node-disaster.view-mode-teaser .group-right { padding: 20px; } .node-disaster.view-mode-teaser .group-middle, .node-disaster.view-mode-teaser .group-right { padding-top: 0; } @media (min-width: 750px) { .node-disaster.view-mode-teaser { display: table; table-layout: fixed; } .node-disaster.view-mode-teaser .group-left, .node-disaster.view-mode-teaser .group-middle, .node-disaster.view-mode-teaser .group-right { padding: 20px; display: table-cell; vertical-align: top; border: 1px solid #e8eaea; } .node-disaster.view-mode-teaser .group-left { width: 25%; border-right: none; padding-right: 0; } .node-disaster.view-mode-teaser .group-middle { width: 50%; border-right: 1px solid white; border-left: none; } .node-disaster.view-mode-teaser .group-right { width: 25%; border: 1px solid #e8eaea; } } .node-disaster.view-mode-teaser .group-left img { float: none; vertical-align: top; margin: 0; } .node-disaster.view-mode-teaser .group-middle .field-name-body { font-size: 14px; line-height: 20px; word-wrap: break-word; color: #333333; } .node-disaster.view-mode-teaser .group-middle .field-name-body *:first-child { margin-top: 0; } .node-disaster.view-mode-teaser .group-middle .field-name-body *:last-child { margin-bottom: 0; } .node-disaster.view-mode-teaser .group-right .field { font-size: 16px; font-weight: bold; line-height: 20px; } .node-disaster.view-mode-teaser .group-right .field > .label-above { font-size: 11px; font-weight: normal; margin-bottom: 2px; line-height: normal; } .node-disaster.view-mode-teaser .group-right .field ~ .field { margin-top: 10px; } .event__title { font-family: 'GibsonLightBold'; font-weight: normal; font-size: 22px; margin-bottom: 4px; margin-top: 0; } .event__claim-status { font-weight: bold; font-size: 14px; line-height: 1; } .event__claim-status label { display: inline-block; } * + .event__claim-status { margin-top: 10px; } .event__claim-status span { color: #1c5072; } .event__claim-status span[data-status="Closed"] { color: #de6e1d; } * + .event__more { margin-top: 10px; } .event__more > a { display: inline-block; background-color: #1c5072; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; color: white; font-size: 14px; } .event__more > a:hover, .event__more > a:focus { background-color: #de6e1d; color: white; } .event__more > a:after { content: '\25b8'; margin-left: 5px; font-size: 16px; } .block-detail-image { padding: 20px; background: #F1F1F1; border: 1px #E8EAE9 solid; overflow: hidden; margin-bottom: 20px; } .block-detail-image h2, .block-detail-image h3, .block-detail-image h4 { color: #1C5072; font-size: 24px; font-size: 1.5rem; line-height: 1; } .block-detail-image a { text-decoration: none; } .block-detail-image p { margin: 0; } .block-detail-image p img { padding: 5px; width: 100%; height: auto; background-color: #ffffff; border: 1px solid #e8eaea; } .block-detail-image .r h3 { margin: 0 0 6px 0; } .block-detail-image .r ul { padding-left: 15px; margin-bottom: 0; } .block-detail-image .r ul li { list-style-image: url('../images/ul.gif'); } .block-detail-image .r ul li a:after { content: '\bb'; margin-left: 3px; } .orange-intro { background: #de6e1d; padding: 18px 20px; margin-bottom: 20px; } .orange-intro * { color: #ffffff; font-size: 17px; font-size: 1.0625rem; line-height: 1.4; } .orange-intro p:last-child { margin-bottom: 0; }