/* Theme Name: Northland Road Safety Author: Big Fish Creative /* ---------------------------------------------------------------- RESET -----------------------------------------------------------------*/ /* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, field set, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, fig caption, footer, header, group, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ article, aside, details, fig caption, figure, footer, header, group, menu, nav, section { display: block; } html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; background: #fff; } body { line-height: 1; } ul { list-style: none; } blockquote, q { quotes: none; } block quote:before, block quote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } :focus { outline: 0;} [hidden] { display: none; } html { font-family: sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } textarea { overflow: auto; vertical-align: top; } input[type="text"], input[type="email"], input[type="password"], textarea { -webkit-appearance: none; -webkit-border-radius: 0; border-radius: 0; } input[type="submit"], input[type="reset"] { -webkit-appearance: none; } .input-block-level { display: block; width: 100% !important; min-height: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;} .clearfix { display: inline-block; *zoom:1;} * html .clearfix { height: 1%;} /* Hides from IE-mac \*/ .clearfix { display: block;} /* ---------------------------------------------------------------- STRUCTURE -----------------------------------------------------------------*/ .wrapper { overflow: hidden; padding: 30px 0; } .container { width: 960px; margin: 0 auto; position: relative; } .inset { padding: 20px; } .align-left { float: left; } .align-right { float: right; } .col-full { width: 100%; } .col-half { width: 48%; } .col-one-third { width: 30.63%; } .col-two-third { width: 65.33%; } .col-one-fourth { width: 22%; } .col-three-fourth { width: 74%; } .col-one-fifth { width: 16.8%; } .col-two-fifth { width: 37.6%; } .col-three-fifth { width: 58.4%; } .col-four-fifth { width: 79.2%; } .col-one-sixth { width: 13.33%; } .col-five-sixth { width: 82.67%; } .col-full, .col-half, .col-one-third, .col-two-third, .col-three-fourth, .col-one-fourth, .col-one-fifth, .col-two-fifth, .col-three-fifth, .col-four-fifth, .col-one-sixth, .col-five-sixth { display: block; position: relative; margin-right: 4%; margin-bottom: 50px; float: left; } .col-full { clear: both; float: none; margin-right: 0; } .col-last { margin-right: 0; clear: right; } .content-column.one_half { width: 48%; margin-right: 4%; } .content-column.one_half.last_column { margin-right: 0; } /* ---------------------------------------------------------------- REPEATABLE PATTERNS -----------------------------------------------------------------*/ body { background: #ffffff; border-top: 10px solid #1ea9ee; } body#turquoise { border-top: 10px solid #11bdc8; } body.page-id-9 { border-top: 10px solid #1ea9ee !important; } iframe { border: 5px solid #fff; } #pp_full_res iframe { border: none; } /* LISTS */ ul, ol { margin: 0 0 1.625em 2.5em; } ul { list-style: square; } ul.list-reset { list-style: none; margin: 0; padding: 0; } ol { list-style-type: decimal; } ol ol { list-style: upper-alpha; } ul li, ol li { margin-bottom: 10px; } li.clear { width: 100%; clear: both; height: 1px; } /* TABLES */ table { border-top: 1px solid #bababa; border-left: 1px solid #bababa;} th { text-align: left; background: #1ea9ee; font-weight: bold; color: #fff; } th, td { border-bottom: 1px solid #bababa; border-right: 1px solid #bababa; padding: 3px 8px; } /* FORMS */ fieldset { border: 1px solid #c7c7c7; padding: 20px; } legend { padding: 0 4px; font-size: 0.9em; letter-spacing: 1px; text-transform: uppercase; } label { cursor: pointer; margin-bottom: 2px; display: inline-block; color: #7b7b7b; font-size: 0.9em; font-weight: 600; padding-bottom: 3px; } label span { color: red; } small span { color: red; font-size: 1.3em; font-style: normal; } input[type=text], input[type=email], textarea { font-family: 'Source Sans Pro', sans-serif; border: 1px solid #c0c0c0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 8px; background: #fafafa; color: #7e7e7e; -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1); -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1); box-shadow: inset 0 1px 1px rgba(0,0,0,0.1); line-height: normal; font-size: 0.9em; -webkit-transition: background 0.2s ease-in-out; -moz-transition: background 0.2s ease-in-out; -o-transition: background 0.2s ease-in-out; transition: background 0.2s ease-in-out; } textarea { width: 96%; line-height: 1.4em; } input:focus, textarea:focus { color: #1ea9ee; border: 1px solid #1ea9ee; background: #f6fcff; } body#turquoise input:focus, body#turquoise textarea:focus { color: #11bdc8; border: 1px solid #11bdc8; background: #f7ffff; } input#contact-captcha { width: 60px; } input[type="submit"] { font-family: 'Source Sans Pro', sans-serif; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; text-transform: uppercase; font-weight: 600; color: #fff; background: #1ea9ee; border: none; padding: 10px 18px; display: inline-block; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; outline: none; font-size: 16px; cursor: pointer; } body#turquoise input[type="submit"] { background: #11bdc8; } input[type="submit"]:hover, input[type="submit"]:active { background: #11bdc8; color: #fff; } body#turquoise input[type="submit"]:hover, body#turquoise input[type="submit"]:active { background: #1ea9ee; color: #fff; } div.wpcf7-response-output { margin: 2em 0 1em 0 !important; padding: 10px 15px !important; border-width: 1px !important; background: #fffef0 !important; font-size: 15px !important; line-height: 21px !important; color: #656565 !important; line-height: 20px; } div.wpcf7-validation-errors { border: 1px solid #ff0000 !important; background: #ffe7e7 !important; color: red !important; text-shadow: none; } span.wpcf7-not-valid-tip { font-size: 12px !important; font-style: italic; width: 180px !important; padding: 3px 8px; color: red !important; text-shadow: none; font-weight: 400; } div.wpcf7-mail-sent-ok { background: #f1ffeb !important; color: #398F14 !important; } #form-recaptcha { margin-bottom: 20px; } #wpcf7-f2715-o1 textarea { height: 60px; } #wpcf7-f2715-o1 div.wpcf7-mail-sent-ok { display: none !important; } /* IMAGES */ img { max-width: 100%; height: auto; } .alignleft, .alignright, .aligncenter, .alignnone { margin-bottom: 10px; width: auto !important; display: inline; } .alignleft { margin-right: 15px; float: left; } .alignright { margin-left: 15px; float: right; } .wp-caption { margin-top: 5px; margin-bottom: 15px; } .wp-caption { padding: 5px 0; } .wp-caption img { display: block; margin: 0 auto; line-height: 0; } .wp-caption-text { color: #666; font-style: italic; font-size: 0.75em; padding: 5px; margin-bottom: 0; display: inline-block; } /* TEASERS */ .teaser-list li:last-child .teaser { border-bottom: none; } .teaser { border-bottom: 1px solid #c0c0c0; padding-bottom: 20px; margin-bottom: 20px; } .teaser h3 { margin-bottom: 10px; } .teaser p { margin-bottom: 8px; } /* BUTTONS */ .btn { font-family: 'Source Sans Pro', sans-serif; font-size: 17px; line-height: 23px; font-weight: 600; text-transform: uppercase; background-color: #1ea9ee; color: #fff; display: inline-block; padding: 10px 20px; margin: 20px 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; position: relative; cursor: pointer; border: 0; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .btn.btn-inverse { background-color: #fff; color: #7e7e7e; } .btn:hover { background-color: #11BDC8; color: #fff; } .btn.btn-inverse:hover { background-color: #7e7e7e; } .btn.btn-wire { border: 2px solid #1ea9ee; background-color: transparent; color: #1ea9ee; } .btn.btn-wire:hover { background-color: #1ea9ee; color: #fff; } /* MODALS */ .modal-dialog { width: 600px; overflow: hidden; } .modal-open { overflow: hidden; } .modal { display: none; overflow: hidden; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 10050; -webkit-overflow-scrolling: touch; outline: 0; background: rgba(0,0,0,0.6); } .modal.fade .modal-dialog { -webkit-transform: translate3d(0, -25%, 0); -moz-transform: translate3d(0, -25%, 0); transform: translate3d(0, -25%, 0); -webkit-transition: -webkit-transform 0.3s ease-out; -moz-transition: -moz-transform 0.3s ease-out; -o-transition: -o-transform 0.3s ease-out; transition: transform 0.3s ease-out; } .modal.in .modal-dialog { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .modal-open .modal { overflow-x: hidden; overflow-y: auto; } .modal-dialog { position: relative; margin: 2% auto 0 auto; } .modal-content { position: relative; -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); background-clip: padding-box; outline: 0; } .modal-content .close { position: absolute; top: 10px; right: 10px; outline: none; display: block; width: 30px; height: 30px; border: none; cursor: pointer; background-color: #fff; } .modal-content .close span { display: block; width: 30px; height: 30px; padding: 0; position: absolute; top: 0; left: 0; } .modal-content .close i { font-size: 30px; line-height: 30px; color: #1ea9ee; } .modal-content .close .sr-only { text-indent: -5000px; display: block; } .modal-content .close:hover .fa-times-circle { color: #11BDC8; } .modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background-color: #404041; } .modal-backdrop.fade { opacity: 0; filter: alpha(opacity=0); } .modal-backdrop.in { opacity: 0.9; filter: alpha(opacity=90); } .modal-header { background-color: #fff; min-height: 16.42857143px; padding: 25px 30px 0 30px; } .modal-header h3 { width: 90%; margin-bottom: 0; } .modal-header hr { margin: 10px 0 0 0; } .modal-title { margin: 0; line-height: 1.42857143; } .modal-body { background-color: #fff; position: relative; padding: 25px 30px; overflow: hidden; } .modal-footer { background-color: #fff; min-height: 50px; position: relative; border-top: 2px solid #e1e1e1; } .modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; } /* ---------------------------------------------------------------- TYPOGRAPHY -----------------------------------------------------------------*/ body { font-family: 'Source Sans Pro', sans-serif; color: #7e7e7e; font-size: 1.05em; line-height: 1.45em; font-weight: 400; } strong { font-weight: bold; } em { font-style: italic; } small { font-size: 0.8em; font-style: italic; } caption { text-align: left; } p, ul, ol, blockquote, table, fieldset, form { margin-bottom: 18px; } .kicker { font-size: 1.2em; line-height: 1.4em; color: #8e8e8e; } .centered { text-align: center;} .upper { text-transform: uppercase; } .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); width: 1px; height: 1px; overflow: hidden; position: absolute !important; } /* HEADINGS */ h1, h2, h3, h4, h5, h6 { font-family: 'Source Sans Pro', sans-serif; color: #1ea9ee; margin-bottom: 12px; clear: both; font-weight: 600; } h1 { font-family: 'Arvo', serif; font-size: 2.3em; line-height: 1.1em; } h2 { font-size: 1.5em; line-height: 1.2em; } h2.section-heading { text-transform: uppercase; border-bottom: 1px solid #c0c0c0; padding: 25px 0 10px 0; margin-bottom: 30px; } .home h2 { font-family: 'Arvo', serif; font-size: 1.9em; line-height: 1.2em; } h3 { font-size: 1.3em; line-height: 1.1em; } h4 { font-size: 1.2em; } h5 { font-size: 1em;} h6 { font-size: 0.85em; color: #7b7b7b; } body#turquoise #content h2, body#turquoise #content h3, body#turquoise #content h3 a, body#turquoise #content h4, body#turquoise #content h5 { color: #11BDC8; } /* LINKS */ a { text-decoration: none; color: #1ea9ee; -webkit-transition: color 0.15s ease-in-out; -moz-transition: color 0.15s ease-in-out; -o-transition: color 0.15s ease-in-out; transition: color 0.15s ease-in-out; } a:hover, a:active { color: #11BDC8; } a.more { font-weight: 600; } a.more:hover { text-decoration: underline; } body#turquoise #content a { color: #11BDC8; } body#turquoise #content a:hover { color: #1ea9ee; } a[target="_blank"] { display: inline; background:url(gfx/ico-external-link.png) center right no-repeat; padding-right: 16px; } /* ---------------------------------------------------------------- MASTHEAD -----------------------------------------------------------------*/ #masthead { position: relative; z-index: 990; overflow: hidden; } /* LOGO */ #logo a { padding: 12px 0; display: block; } #logo a.retina-logo { display: none; } /* FONT SIZE */ #font-size { margin-top: 8px; } #font-size li { float: left; } #font-size a { display: block; text-indent: -3000px; width: 19px; height: 19px; } #font-size a.decrease-font { background: url(gfx/btn-font-decrease.gif) no-repeat; } #font-size a.reset-font { background: url(gfx/btn-font-reset.gif) no-repeat; } #font-size a.increase-font { background: url(gfx/btn-font-increase.gif) no-repeat; } #font-size a { background-position: 0 19px; margin-left: 6px; } #font-size a:hover { background-position: 0 -19px; } body#blue #font-size a { background-position: 0 -19px; margin-left: 6px; } body#blue #font-size a:hover { background-position: 0 0; } body.page-id-9 #font-size a { background-position: 0 -19px; margin-left: 6px; } body.page-id-9 #font-size a:hover { background-position: 0 0; } /* MAIN NAV */ #responsive-nav { display: none; } #main-nav { clear: both; display: block; z-index: 99999; border-top: 1px solid #1ea9ee; } body#turquoise #main-nav { border-top: 1px solid #11BDC8; } body.page-id-9 #main-nav { border-top: 1px solid #1ea9ee !important; } #menu-main-navigation { font-size: 0.95em; list-style: none; position: relative; top: -5px; } #menu-main-navigation li { float: left; position: relative; margin: 0; } #menu-main-navigation li.current-menu-item, #menu-main-navigation li.current-menu-parent, body.category li#menu-item-1792, body.single-post li#menu-item-1792, body.single-nrs_project li#menu-item-1804 { background: url(gfx/bg-nav-circle.gif) no-repeat top center; } body#turquoise #menu-main-navigation li.current-menu-item, body#turquoise #menu-main-navigation li.current-menu-parent, body#turquoise.category li#menu-item-1792, body#turquoise.single-post li#menu-item-1792, body#turquoise.single-nrs_project li#menu-item-1804 { background: url(gfx/bg-nav-circle-turquoise.gif) no-repeat top center; } body.page-id-9 #menu-main-navigation li.current-menu-item { background: url(gfx/bg-nav-circle.gif) no-repeat top center !important; } #menu-main-navigation a, body.single-nrs_project #menu-main-navigation li.current_page_parent a, body#turquoise.single-nrs_project #menu-main-navigation li.current_page_parent a { display: block; color: #7b7b7b; padding: 12px 16px; font-weight: 600; position: relative; top: 5px; } #menu-main-navigation ul { display: none; list-style: none; float: left; margin: 0; position: absolute; top: 53px; left: 0; width: 260px; z-index: 99999; background: #f8f8f8; -moz-box-shadow: 0 3px 3px rgba(0,0,0,0.2); -webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.2); box-shadow: 0 3px 3px rgba(0,0,0,0.2); font-size: 1.3em; border-top: 1px solid #c0c0c0; } #menu-main-navigation ul li { padding: 0; width: 258px; margin: 0; border-left: 1px solid #c0c0c0; border-right: 1px solid #c0c0c0; } #menu-main-navigation li.current-menu-parent .sub-menu li, #menu-main-navigation .sub-menu li.current-menu-parent, body#turquoise #menu-main-navigation li.current-menu-parent .sub-menu li, body#turquoise #menu-main-navigation .sub-menu li.current-menu-parent { background-image: none; } #menu-main-navigation ul a { border-bottom: 1px solid #c0c0c0; padding: 10px 10px 10px 20px; font-size: 0.7em; width: 228px; position: relative; top: 0; } #menu-main-navigation li:hover > a, #menu-main-navigation li.current_page_item a, #menu-main-navigation li.current_page_parent a, #menu-main-navigation li.current-menu-item a, #menu-main-navigation li.current-page-ancestor a, body.single-nrs_project #menu-main-navigation li.current_page_parent:hover > a, body.single-nrs_project li#menu-item-1804 a { color: #1ea9ee; } #menu-main-navigation ul ul a:hover, #menu-main-navigation .sub-menu li.current-menu-item a, body#turquoise #menu-main-navigation .sub-menu li.current-menu-item a { background: #fff; } body#turquoise #menu-main-navigation li:hover > a, body#turquoise #menu-main-navigation li.current_page_item a, body#turquoise #menu-main-navigation li.current_page_parent a, body#turquoise #menu-main-navigation li.current-menu-item a, body#turquoise #menu-main-navigation li.current-page-ancestor a, body#turquoise.single-nrs_project #menu-main-navigation li.current_page_parent:hover > a, body#turquoise.single-nrs_project li#menu-item-1804 a { color: #11BDC8; } body.page-id-9 #menu-main-navigation a:hover, body.page-id-9 #menu-main-navigation li.current_page_item a, body.page-id-9 #menu-main-navigation li.current_page_parent a, body.page-id-9 #menu-main-navigation li.current-page-ancestor a { color: #1ea9ee !important; } #menu-main-navigation li.current_page_item .sub-menu a, #menu-main-navigation li.current_page_parent .sub-menu a, #menu-main-navigation li.current-page-ancestor .sub-menu a, body#turquoise #menu-main-navigation li.current_page_item .sub-menu a, body#turquoise #menu-main-navigation li.current_page_parent .sub-menu a, body#turquoise #menu-main-navigation li.current-page-ancestor .sub-menu a { color: #7b7b7b; } #menu-main-navigation li.current_page_item .sub-menu a:hover, #menu-main-navigation li.current_page_parent .sub-menu a:hover, #menu-main-navigation li.current-page-ancestor .sub-menu a:hover, #menu-main-navigation .sub-menu li.current-menu-item a { color: #1ea9ee; } body#turquoise #menu-main-navigation li.current_page_item .sub-menu a:hover, body#turquoise #menu-main-navigation li.current_page_parent .sub-menu a:hover, body#turquoise #menu-main-navigation li.current-page-ancestor .sub-menu a:hover, body#turquoise #menu-main-navigation .sub-menu li.current-menu-item a { color: #11BDC8; } #menu-main-navigation li:hover > ul { display: block; } /* SOCIAL */ #masthead .social-links { position: absolute; top: 25px; right: 0; } .social-links a { display: inline-block; width: 40px; height: 40px; text-indent: -5000px; padding-right: 0; margin: 0 3px; } .social-links a.link-fb { background: url(gfx/icon-fb.png) no-repeat 0 0; } .social-links a.link-twitter { background: url(gfx/icon-twitter.png) no-repeat 0 0; } .social-links a.link-youtube { background: url(gfx/icon-youtube.png) no-repeat 0 0; } .social-links a.link-neighbourly { background: url(gfx/icon-neighbourly.png) no-repeat 0 0; } .social-links a:hover { background-position: 0 -40px; } /* ---------------------------------------------------------------- SLIDER -----------------------------------------------------------------*/ #slider { z-index:100; background: #33363b; width: 100%; overflow: hidden; } #slides-wrapper, #slides li { width: 1340px; height: 400px; margin: 0 auto; position: relative; text-align: center; } #slides li { position: relative; margin: 0; line-height: 0; } /* Text Overlay */ .slide-overlay { position: absolute; left: 190px; bottom: 0; color: #fff; width: 520px; padding: 10px 20px; background: #11bdc8; background: rgba(17,189,200,0.6); text-align: left; } .slide-overlay h3 { color: #fff; font-family: 'Arvo', serif; font-size: 1em; line-height: 1.2em; margin-bottom: 5px; } .slide-overlay p { margin-bottom: 0; font-size: 0.9em; line-height: 1.3em; } .slide-overlay a { background: url(gfx/arrow-slide-more.png) no-repeat center right; display: inline-block; padding-right: 16px; color: #fff; border-bottom: 1px solid transparent; } .slide-overlay a:hover { color: #000; } /* Prev/Next buttons */ #slides-wrapper .bx-controls-direction { position: absolute; right: 180px; bottom: 25px; margin: 0; z-index: 999; } #slides-wrapper .bx-controls-direction a { display: block; text-indent: -6000px; width: 38px; height: 38px; background-position: 0 0; float: left; margin-left: 10px; } #slides-wrapper a.bx-prev { background: url(gfx/btn-slide-prev.png) no-repeat; } #slides-wrapper a.bx-next { background: url(gfx/btn-slide-next.png) no-repeat; } #slides-wrapper .bx-controls-direction a:hover { background-position: 0 -38px; } /* ---------------------------------------------------------------- MAIN CONTENT WRAPPER -----------------------------------------------------------------*/ /* HERO HEADER -------------------------------------------------------------- */ #page-intro-wrapper { background: #1ea9ee; padding: 30px 0; min-height: 285px; overflow: hidden; } body#turquoise #page-intro-wrapper { background: #11bdc8; } body.page-id-9 #page-intro-wrapper { background: #1ea9ee !important; } #page-intro-wrapper .container { position: relative; } .page-template-template-full-width #page-intro-wrapper { min-height: 1px; } /* Page Title and kicker */ #page-header { width: 34.8%; margin-bottom: 0; } .page-template-template-full-width #page-header { width: 100%; } #page-header h1 { color: #fff; font-size: 2em; } #page-header p { font-style: italic; color: #fff; font-weight: 200; font-size: 1.15em; line-height: 1.35em; } .no-image a { border-bottom: 1px solid #fff; color: #fff; } .no-image a:hover { border-bottom: none !important; } /* Header Image */ #header-image { width: 60.4%; margin-bottom: 0; height: 285px; position: absolute; top: 0; right: 0; } #header-image img { padding: 8px; background: #fff; border: 1px solid #e7e7e7; line-height: 0; } /* SIDEBAR LEFT -------------------------------------------------------------- */ #sidebar-left { width: 34.8%; } .sidebar-item { margin-bottom: 40px; overflow: hidden; } .subnav h2 { font-size: 1.1em; color: #6c6c6c; font-weight: 600; } .subnav ul { list-style: none; margin: 0; border-top: 1px solid #a5ddf8; } body#turquoise .subnav ul { border-top: 1px solid #b4e7e0; } .subnav li { border-bottom: 1px solid #a5ddf8; margin-bottom: 0; } body#turquoise .subnav li { border-bottom: 1px solid #b4e7e0; } .subnav a { color: #7b7b7b; display: block; padding: 8px 15px 8px 0; } .subnav a:hover, .subnav li.current_page_item a, .subnav li.current-cat a { color: #1ea9ee; background: url(gfx/arrow-subnav-more.gif) no-repeat center right; } body#turquoise .subnav a:hover, body#turquoise .subnav li.current_page_item a, body#turquoise .subnav li.current-cat a { color: #11bdc8; background: url(gfx/arrow-subnav-more.gif) no-repeat center right; } /* MAIN CONTENT -------------------------------------------------------------- */ #main-content { overflow: hidden; } #content { float: right; width: 60.4%; } /* HOME PAGE */ /* Alternative banner */ .altBanner { overflow: hidden; background-size: cover; background-position: center; padding-top: 80px; padding-bottom: 35px; position: relative; } .altBanner .container { z-index: 2; } .altBanner:before { background: #1c1c1c; opacity: 0.7; width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; z-index: 1; content: " "; } .altBanner h1 { color: #25bdc7; font-size: 58px; text-shadow: 0 0 10px rgba(0, 0, 0, 0.2); line-height: 60px; } .altBanner p { color: white; font-size: 24px; line-height: 32px; font-weight: 600; text-shadow: 0 0 10px rgba(0, 0, 0, 0.2); } .altBanner .btn { text-transform: none; background: #25bdc7; padding: 10px 40px 12px; font-size: 18px; text-shadow: 0 0 10px rgba(0, 0, 0, 0.2); } @media screen and (max-width: 979px) { .altBanner .col-three-fifth { width: 100%; margin-right: 0; } } @media screen and (max-width: 767px) { .altBanner h1 { font-size: 46px; line-height: 48px; } .altBanner p { font-size: 20px; line-height: 28px; } } #home-intro, #current-road-toll { margin-bottom: 20px; } /* Current Toll */ #northland-road-toll { float: right; } #northland-road-toll, #northland-road-toll th, #northland-road-toll td { border: none; } #northland-road-toll th { background: #fff; font-weight: normal; text-transform: uppercase; color: #000; font-size: 12px; line-height: 15px; padding: 0; } #northland-road-toll td { padding: 4px; width: 25%; } #northland-road-toll .region { vertical-align: middle; text-align: right; text-transform: uppercase; padding: 0 10px 0 0; font-size: 13px; } .digits { background: #000; padding: 7px 4px; text-align: right; } .digits div { text-align: left; position: relative; width: 21px; height: 34px; display: inline-block; margin: 0 4px; } .digits div span { opacity: 0; position: absolute; background-color: #fff; border-color: #fff; } .digits div span:before, .digits div span:after { content: ''; position: absolute; width: 0; height: 0; border: 5px solid transparent; } .digits .d1 { height: 3px; width: 10px; top: 0; left: 5px; } .digits .d1:before { border-width: 0 3px 3px 0; border-right-color: inherit; left: -3px;} .digits .d1:after { border-width:0 0 3px 3px; border-left-color: inherit; right: -3px;} .digits .d2 { height: 3px; width: 10px; top: 18px; left: 6px; } .digits .d2:before { border-width: 1px 3px 2px; border-right-color: inherit; left: -6px;} .digits .d2:after { border-width: 1px 3px 2px; border-left-color: inherit; right: -6px;} .digits .d3 { height: 3px; width: 10px; top: 36px; left: 6px; } .digits .d3:before { border-width: 3px 3px 0 0; border-right-color: inherit; left: -3px;} .digits .d3:after { border-width: 3px 0 0 3px; border-left-color: inherit; right: -3px;} .digits .d4 { width: 3px; height: 10px; top: 5px; left: 0; } .digits .d4:before { border-width: 0 3px 3px 0; border-bottom-color: inherit; top: -3px; } .digits .d4:after { border-width: 0 0 3px 3px; border-left-color: inherit; bottom: -3px; } .digits .d5 { width: 3px; height: 10px; top: 5px; right: 0; } .digits .d5:before { border-width: 0 0 3px 3px; border-bottom-color: inherit; top: -3px; } .digits .d5:after { border-width: 3px 0 0 3px; border-top-color: inherit; bottom: -3px; } .digits .d6 { width: 3px; height: 10px; top: 24px; left: 0; } .digits .d6:before { border-width: 0 3px 3px 0; border-bottom-color: inherit; top: -3px; } .digits .d6:after { border-width :0 0 3px 3px; border-left-color: inherit; bottom: -3px; } .digits .d7 { width: 3px; height: 10px; top: 24px; right: 0; } .digits .d7:before { border-width: 0 0 3px 3px; border-bottom-color: inherit; top: -3px; } .digits .d7:after { border-width: 3px 0 0 3px; border-top-color:inherit; bottom: -3px; } /* 1 */ .digits .digit-1 .d5, .digits .one .d5, .digits .digit-1 .d7, .digits .one .d7 { opacity: 1; } /* 2 */ .digits .digit-2 .d1, .digits .two .d1, .digits .digit-2 .d5, .digits .two .d5, .digits .digit-2 .d2, .digits .two .d2, .digits .digit-2 .d6, .digits .two .d6, .digits .digit-2 .d3, .digits .two .d3 { opacity: 1; } /* 3 */ .digits .digit-3 .d1, .digits .three .d1, .digits .digit-3 .d5, .digits .three .d5, .digits .digit-3 .d2, .digits .three .d2, .digits .digit-3 .d7, .digits .three .d7, .digits .digit-3 .d3, .digits .three .d3 { opacity: 1; } /* 4 */ .digits .digit-4 .d5, .digits .four .d5, .digits .digit-4 .d2, .digits .four .d2, .digits .digit-4 .d4, .digits .four .d4, .digits .digit-4 .d7, .digits .four .d7 { opacity: 1; } /* 5 */ .digits .digit-5 .d1, .digits .five .d1, .digits .digit-5 .d2, .digits .five .d2, .digits .digit-5 .d4, .digits .five .d4, .digits .digit-5 .d3, .digits .five .d3, .digits .digit-5 .d7, .digits .five .d7 { opacity: 1; } /* 6 */ .digits .digit-6 .d1, .digits .six .d1, .digits .digit-6 .d2, .digits .six .d2, .digits .digit-6 .d4, .digits .six .d4, .digits .digit-6 .d3, .digits .six .d3, .digits .digit-6 .d6, .digits .six .d6, .digits .digit-6 .d7, .digits .six .d7 { opacity: 1; } /* 7 */ .digits .digit-7 .d1, .digits .seven .d1, .digits .digit-7 .d5, .digits .seven .d5, .digits .digit-7 .d7, .digits .seven .d7 { opacity: 1; } /* 8 */ .digits .digit-8 .d1, .digits .eight .d1, .digits .digit-8 .d2, .digits .eight .d2, .digits .digit-8 .d3, .digits .eight .d3, .digits .digit-8 .d4, .digits .eight .d4, .digits .digit-8 .d5, .digits .eight .d5, .digits .digit-8 .d6, .digits .eight .d6, .digits .digit-8 .d7, .digits .eight .d7 { opacity: 1; } /* 9 */ .digits .digit-9 .d1, .digits .nine .d1, .digits .digit-9 .d2, .digits .nine .d2, .digits .digit-9 .d3, .digits .nine .d3, .digits .digit-9 .d4, .digits .nine .d4, .digits .digit-9 .d5, .digits .nine .d5, .digits .digit-9 .d7, .digits .nine .d7 { opacity: 1; } /* 0 */ .digits .digit-0 .d1, .digits .zero .d1, .digits .digit-0 .d3, .digits .zero .d3, .digits .digit-0 .d4, .digits .zero .d4, .digits .digit-0 .d5, .digits .zero .d5, .digits .digit-0 .d6, .digits .zero .d6, .digits .digit-0 .d7, .digits .zero .d7 { opacity: 1; } /* CLOCK */ #clock { position: relative; clear: both; margin-right: 4px; } #clock:after { content:''; position: absolute; width: 100%; } #clock .display { padding: 40px 0 0 0; float: right; position: relative; } #clock .digits { padding: 10px 32px 10px 35px; } /* DOTS */ #clock .digits .dots { width: 3px; } #clock .digits .dots:before, #clock .digits .dots:after { width: 3px; height: 3px; content: ''; position: absolute; left: 0; top: 10px; background: #fff; } #clock .digits .dots:after { top: 28px; } /* WEEKDAYS */ #clock .weekdays { font-size: 12px; position: absolute; width: 100%; top: 10px; left: 0; text-align: right; } #clock .weekdays span { padding: 0 8px; } #clock .weekdays span.active { color: #ed1847; font-weight: bold; } /* AM/PM */ #clock .ampm { position: absolute; bottom: 0; right: 10px; font-size: 12px; color: #fff; } #event-countdown { padding-top: 20px; clear: both; } #event-countdown h4 { margin: 0 0 20px 30px; } #event-countdown h4 span { color: #494949; font-size: 18px; } #countdown { clear: both; float: right; margin-right: 4px; } .figure { float: left; margin-left: 8px; text-align: center; } .figure div { background: #1ea9ee; color: #fff; width: 76px; padding: 30px 0; font-size: 28px; font-family: 'Arvo', serif; letter-spacing: 1px; } .figure span { font-size: 13px; } #current-road-toll h3, #current-road-toll h5, #current-road-toll a { color: #ed1847; } #current-road-toll h3 { font-size: 1.4em; background: url(gfx/ico-cross.png) no-repeat center left; padding: 0 0 0 28px; margin: 0 0 20px 30px; line-height: 1.1em; } #current-road-toll h5 { padding: 10px 0 0 0; margin-bottom: 5px; } #current-road-toll li { display: inline-block; margin: 0 10px 0 0; font-size: 0.9em; } #current-road-toll-text { width: 170px; background: url(gfx/bg-section-arrow-red.png) no-repeat center left; padding: 3px 0 0 35px; } #current-road-toll-text p, #current-road-toll-text a { font-size: 0.85em; line-height: 1.2em; margin-bottom: 3px; } #current-deaths { color: #ed1847; text-transform: uppercase; padding: 30px 12px 0 0; font-size: 1.1em; margin-bottom: 5px; } #current-deaths span { font-size: 3.7em; font-weight: 200; text-align: center; display: block; } #current-road-toll span.comparative-figure { font-size: 1.2em; font-weight: bold; } /* Safety Message */ #road-safety-message { padding: 0 0 40px 0; } #safety-message-banner { padding: 50px 0 20px 30px; background-color: #f37021; border: 3px solid #f37021; box-sizing: border-box; position: relative; overflow: hidden; } #safety-message-banner p { font-family: 'Source Sans Pro', sans-serif; font-style: italic; font-size: 42px; font-weight: 600; color: #fff; margin-bottom: 25px; max-width: 670px } #safety-message-banner p strong { font-weight: 900; } #safety-message-banner span { display: block; font-style: italic; color: #fff; } #safety-message-banner div { background-color: #fff; position: absolute; right: 0; top: 0; height: 100%; padding: 0 65px 0 25px; margin-right: -50px; -webkit-transform: skewX(-12deg); -moz-transform: skewX(-12deg); transform: skewX(-12deg); } #safety-message-banner img { max-width: 180px; position: relative; top: 50%; margin-top: -28px; -webkit-transform: skewX(12deg); -moz-transform: skewX(12deg); transform: skewX(12deg); } /* Safe System */ #safe-system { background-color: #fafafa; } .system-themes { background-color: #888; display: table; width: 100%; border-top: 1px solid #aaa; border-right: 1px solid #aaa; clear: both; margin-bottom: 10px; } .system-themes div, .system-themes ul { display: table-cell; vertical-align: middle; } .system-themes div { color: #fff; text-align: center; width: 30%; } .system-themes strong { padding: 0 15px; display: block; } .system-themes ul { background-color: #fff; width: 70%; } .system-themes li { margin-bottom: 0; padding: 8px 12px; border-bottom: 1px solid #aaa; font-size: 15px; } #safe-system-diagram { position: relative; overflow: hidden; font-weight: 700; } #safe-system-diagram a { display: table; float: left; margin: 1%; width: 48%; height: 220px; color: #fff; text-align: center; -webkit-transition: background 0.3s ease-in-out; -moz-transition: background 0.3s ease-in-out; transition: background 0.3s ease-in-out; } #safe-system-diagram #segment-1 { background-color: #3c4064; } #safe-system-diagram #segment-1:hover { background-color: #535cad; } #safe-system-diagram #segment-2 { background-color: #b44650; } #safe-system-diagram #segment-2:hover { background-color: #df3847; } #safe-system-diagram #segment-1 span, #safe-system-diagram #segment-2 span { padding-bottom: 30px; } #safe-system-diagram #segment-3 { background-color: #3b73ba; } #safe-system-diagram #segment-3:hover { background-color: #2476df; } #safe-system-diagram #segment-4 { background-color: #ee9228; } #safe-system-diagram #segment-4:hover { background-color: #ffac00; } #safe-system-diagram #segment-3 span, #safe-system-diagram #segment-4 span { padding-top: 30px; } #safe-system-diagram span { display: table-cell; vertical-align: middle; padding: 0 20px; line-height: 1.3; } #safe-system-diagram div { display: table; border: 10px solid #fff; position: absolute; top: 50%; left: 50%; width: 200px; height: 200px; margin: -110px 0 0 -110px; background-color: #fdde00; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-box-shadow: 0 0 30px rgba(0,0,0,0.3); -moz-box-shadow: 0 0 30px rgba(0,0,0,0.3); box-shadow: 0 0 30px rgba(0,0,0,0.3); } #safe-system-diagram div span { color: #3b3935; text-transform: uppercase; } /* Map */ #road-safety-map { background-color: #fafafa; overflow: hidden; } #map-content { width: 450px; } #map-wrapper .map { margin: 0 auto 30px auto; } #map-data th, #map-data td { padding: 8px 12px; } #map-data th { font-weight: 400; font-size: 16px; line-height: 20px; vertical-align: middle; } #map-data td { background-color: #fff; } .tooltip { display: none; position: absolute; border: 1px solid #11bdc8; background-color: #33363b; border-radius:5px; padding: 5px 10px; color:#fff; font-size: 14px; z-index: 10000; white-space: pre-wrap; max-width: 320px; } /* Promises */ #road-safety-promises { padding-top: 55px; width: 100%; clear: both; overflow: hidden; background-color: #fafafa; } #road-safety-promises h2, #road-safety-promises div { margin-bottom: 30px; } #road-safety-promises .btn { border: 2px solid #1ea9ee; margin-right: 10px; } #road-safety-promises .btn:hover { border-color: #11bdc8; background-color: #11bdc8; } #fb-video[target="_blank"] { background: none; padding-right: 0; display: block; position: relative; line-height: 0; margin-bottom: 10px; } #fb-video i { position: absolute; top: 50%; left: 50%; font-size: 70px; margin-left: -30px; margin-top: -35px; color: #fff; color: rgba(255,255,255,0.7); } #fb-video:hover i { color: rgba(255,255,255,1); } /* Feature Teasers */ #home-teasers { overflow: hidden; padding-top: 55px; clear: both; } #home-teasers p { font-size: 0.9em; line-height: 1.4em; } /* Road Conditions */ #road-conditions { width: 34%; } #road-conditions-text { padding-left: 100px; } #road-conditions-text h3 span { font-size: 0.8em; } #road-conditions-text h5 { color: #494949; } #road-conditions-text h5 span { font-size: 0.95em; } #road-conditions-text a { text-decoration: underline; } #road-conditions-text a:hover { text-decoration: none; } /* Roadworks Update */ #roadworks-update { background: url(gfx/ico-roadworks.png) no-repeat 0 0; width: 34%; } #roadworks-text { padding-left: 86px; position: relative; } #roadworks-text h3 { color: #f7941d; } #roadworks-text h5 { color: #494949; } #roadworks-text h5 span { color: #f7941d; font-size: 1.6em; } #roadworks-text p { margin-bottom: 6px; } #roadworks-text a { color: #f7941d; font-weight: 600; } #roadworks-text a { text-decoration: underline; } #roadworks-text a:hover { text-decoration: none; } #roadworks-text ul { font-size: 0.9em; line-height: 1.2em; margin-left: 1.5em; } #roadworks-text li { margin-bottom: 3px; } /* Latest Blog post */ .home #latest-blog-post { width: 24%; } #latest-blog-post h5 { margin-bottom: 6px; color: #494949; } #latest-blog-post h4 { margin-bottom: 6px; } #latest-blog-post p { font-size: 0.9em; margin-bottom: 8px; line-height: 1.4em; } #latest-blog-post .more { font-size: 0.9em; } #seasonal-risk-factors { border: 1px solid #1ea9ee; background: #f6fcff; color: #494949; margin-bottom: 30px; padding: 20px; clear: both; } #seasonal-risk-factors h3 { font-family: 'Arvo', serif; } #seasonal-risk-factors h3 span { font-size: 0.7em; } #seasonal-risk-factors p { margin-bottom: 10px; font-weight: 600; font-size: 1.2em; } /* 5 Year Road Toll */ #road-toll-wrapper { background: #11bdc8; padding: 0; } #road-toll-text { background: url(gfx/arrow-road-toll.gif) no-repeat top left; padding-top: 40px; } #road-toll-wrapper h2, #road-toll-wrapper p, #road-toll-wrapper a { color: #ffffff; } #visualization_wrap { border:1px solid gray; position: relative; padding-bottom: 80%; height: 0; overflow:hidden; } #visualization { position: absolute; top: 0; left: 0; width:100%; height:100%; } /* 5 Year Road Crashes */ #road-crashes-wrapper { background: #fafafa; } #road-crashes-total h2 { margin-bottom: 15px; } #road-crashes-total h2 span { font-size: 0.6em; } #road-crashes-text { padding-top: 60px; } /* Hospitalisations */ #northland-hospitalisations { background: url(gfx/bg-section-arrow.png) no-repeat center right; } #northland-hospitalisations .col-full, #northland-hospitalisations .col-half { margin-bottom: 20px; } #northland-hospitalisations h2, #northland-hospitalisations a { color: #f7941d; } .total-hospitalisations { font-weight: 200; padding: 10px 0; } .total-hospitalisations p { color: #f7941d; font-size: 1.5em; line-height: 2.1em; } .total-hospitalisations span { font-size: 2.8em; } /* STATISTICS PAGE */ .statistic { margin-bottom: 60px; overflow: hidden; } .statistic.responsive { display: none; } .statistic h2 { margin-bottom: 0; } /* Northland Road Toll to date */ #northland-toll .col-one-fifth, #northland-toll .col-four-fifth { margin-bottom: 0; } #northland-toll-text p { margin-bottom: 0; } #northland-toll-deaths { background: url(gfx/bg-section-arrow-blue.png) no-repeat center left; color: #1ea9ee; text-transform: uppercase; font-size: 1.1em; } #northland-toll-deaths p { padding: 40px 0 0 35px; } #northland-toll-deaths span { font-size: 3.7em; font-weight: 200; } /* Monthly Toll */ #monthly-toll-graph { position: relative; padding: 12px 0 22px 0; overflow: hidden; } #monthly-toll-graph h4 { position: absolute; left: 28px; font-size: 0.85em; font-weight: 600; color: #5f5f5f; } h4#monthly-total-north { top: 5px; color: #7E7E7E; } h4#monthly-total-comparative { bottom: 4px; color: #7E7E7E; } h4#monthly-total-north span, h4#monthly-total-comparative span { font-size: 1.3em; color: #5F5F5F; display: inline-block; padding: 2px 0 0 5px; } .monthly-toll { width: 100%; clear: both; } .monthly-toll li { width: 49px; text-align: center; margin-bottom: 0; } #monthly-toll-north li { padding: 25px 0 7px 0; } #monthly-toll-comparative li { padding: 7px 0 25px 0; } #monthly-toll-north li#northland-toll-1, #toll-month li#month-1, #monthly-toll-comparative li#comparative-toll-1 { width: 43px; } #monthly-toll-north li#northland-toll-12, #toll-month li#month-12, #monthly-toll-comparative li#comparative-toll-12 { width: 36px; } #monthly-toll-north li, #monthly-toll-comparative li { color: #1ea9ee; font-size: 1.4em; } #toll-month li { font-size: 0.745em; font-weight: 600; background: url(gfx/bg-graph-toll.gif) no-repeat center center; height: 47px; } #toll-month li#month-1 { background: url(gfx/bg-graph-toll-left.gif) no-repeat center left; } #toll-month li span { padding: 12px 0 13px 0; display: block; } #monthly-toll-north li#northland-toll-1 { background: url(gfx/bg-graph-toll-top-left.gif) no-repeat bottom left; } #monthly-toll-comparative li#comparative-toll-1 { background: url(gfx/bg-graph-toll-bottom-left.gif) no-repeat top left; } /* Contributing Factors */ #contributing-factors { padding-top: 10px; } #contributing-factors li { float: left; width: 33.33%; text-align: center; margin-bottom: 22px; border-bottom: 1px solid #1ea9ee; padding-bottom: 15px; font-size: 0.9em; } #contributing-factors li#factor-7, #contributing-factors li#factor-8, #contributing-factors li#factor-9 { border-bottom: none; } #contributing-factors span { color: #1ea9ee; font-size: 2.8em; padding-left: 28px; } #contributing-factors li#factor-1 span { background: url(gfx/ico-alcohol.png) no-repeat 12px 15px; } #contributing-factors li#factor-2 span { background: url(gfx/ico-speed.png) no-repeat left 15px; } #contributing-factors li#factor-3 span { background: url(gfx/ico-giveway.png) no-repeat left 16px; } #contributing-factors li#factor-4 span { background: url(gfx/ico-weather.png) no-repeat -3px 13px; } #contributing-factors li#factor-5 span { background: url(gfx/ico-fatigue.png) no-repeat left 13px; } #contributing-factors li#factor-6 span { background: url(gfx/ico-judgement.png) no-repeat left 14px; } #contributing-factors li#factor-7 span { background: url(gfx/ico-observation.png) no-repeat left 16px; } #contributing-factors li#factor-8 span { background: url(gfx/ico-restraint.png) no-repeat 3px 15px; } #contributing-factors li#factor-9 span { background: url(gfx/ico-other.png) no-repeat left 14px; } /* Vehicle Types */ #casualty-type { margin-bottom: 30px; } #vehicle-types { padding-top: 15px; } #vehicle-types li { text-align: center; background-repeat: no-repeat; background-position: 0 0; line-height: 1.2; margin-bottom: 30px; } #vehicle-types li span { display: block; padding: 60px 0 20px 0; font-size: 1.8em; color: #fff; } #vehicle-types li em { font-size: 0.8em; } #vehicle-types li#vehicle-type-1 { background-image: url(gfx/ico-car.png); } #vehicle-types li#vehicle-type-2 { background-image: url(gfx/ico-motorcycle.png); } #vehicle-types li#vehicle-type-3 { background-image: url(gfx/ico-bicycle.png); } #vehicle-types li#vehicle-type-4 { background-image: url(gfx/ico-pedestrian.png); margin-right: 0; } #vehicle-types li#vehicle-type-5 { background-image: url(gfx/ico-go-kart.png); clear: left; } #vehicle-types li#vehicle-type-6 { background-image: url(gfx/ico-unknown.png); } #casualty-age table { margin-top: 20px; } #casualty-age th, #casualty-age td { padding: 6px 12px; } #casualty-age th { background-color: #fff; color: #5F5F5F; } #casualty-age td { text-align: center; background-color: #1ea9ee; font-weight: bold; color: #fff; border-color: #fff; } #casualty-age td.last { border-color: #bababa; } /* NEWS & EVENTS */ .news-teaser h3 { margin-bottom: 0; } .wp-pagenavi { padding-top: 15px; } .wp-pagenavi .pages { border: none; padding-left: 0; margin-left: 0; } .wp-pagenavi a, .wp-pagenavi span { padding: 4px 8px; margin: 0 4px; } .wp-pagenavi a:hover, .wp-pagenavi a:active, .wp-pagenavi span.current { background: #1ea9ee; border: 1px solid #1ea9ee; color: #fff; } body#turquoise .wp-pagenavi a:hover, body#turquoise .wp-pagenavi a:active, body#turquoise .wp-pagenavi span.current { background: #11BDC8; border: 1px solid #11BDC8; color: #fff !important; } .nav-single { overflow: hidden; } .nav-single li { width: 33.33%; float: left; font-size: 16px; line-height: 22px; font-weight: 600; text-transform: uppercase; } .nav-single li#tab-prev { text-align: left; } .nav-single li#tab-all { text-align: center; } .nav-single li#tab-next { text-align: right; } .nav-single a { display: inline-block; outline: none; } .nav-single li#tab-prev a { padding: 15px 20px 15px 0; } .nav-single li#tab-all a { padding: 15px 20px; } .nav-single li#tab-next a { padding: 15px 0 15px 20px; } /* MEDIA */ h3.media-title { margin-bottom: 10px !important; } .media-container { padding: 10px 0 5px 0; } .media-container iframe { border: none; } .pagination { padding-top: 20px; } .page-numbers { padding: 4px 8px; margin: 0 2px 10px 2px; border: 1px solid #BFBFBF; display: inline-block; } .page-numbers.current { font-weight: 600; } .page-numbers.current, .page-numbers:hover, .page-numbers:active { color: #fff; background: #1ea9ee; border-color: #1ea9ee; } body#turquoise .page-numbers.current, body#turquoise .page-numbers:hover, body#turquoise .page-numbers:active { color: #fff !important; background: #11BDC8; border-color: #11BDC8; } .page-numbers.dots { padding: 0; margin: 0; border: none; } .page-numbers.dots:hover { color: #7E7E7E; background: none; } /* PROJECT */ #gallery { margin-bottom: 20px; overflow: hidden; } #gallery li { margin-bottom: 20px; } #gallery a { display: block; line-height: 0; } #gallery img { width: 88%; border: 1px solid #7e7e7e; padding: 5%; } /* PROMISE */ .page-id-2631 #page-intro-wrapper { min-height: 1px; } .page-id-2631 #content { float: left; padding-top: 30px; } .page-id-2631 .mejs-audio { margin-bottom: 40px; } .page-id-2631 #sidebar-left { padding-top: 30px; } .page-id-2631 .bx-controls { display: none; } .page-id-2631 #slides { line-height: 0; } .page-id-2631 #slides li { margin: 0; height: auto; } .page-id-2631 #slides img { width: 100%; } .promise { margin-bottom: 20px; } .promise span { display: inline-block; margin-top: 5px; font-weight: 600; } .promise-content { background-color: #1ea9ee; position: relative; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .promise-content:after { content: ""; font-size: 0; line-height: 0; width: 0; border-left: 20px solid #1ea9ee; border-bottom: 20px solid transparent; position: absolute; bottom: -20px; right: 25px; } .promise-content strong { font-style: normal; display: inline-block; margin-bottom: 5px; } .promise-content p { margin: 0; padding: 15px 20px 20px 20px; color: #fff; font-size: 18px; line-height: 22px; font-style: italic; } /* SIDEBAR LEFT -------------------------------------------------------------- */ #sidebar-left #current-road-toll h3 { margin-left: 0; } ul#sidebar-contact { margin-bottom: 15px; padding-top: 5px; } ul#sidebar-contact li { margin-bottom: 2px; } #recent-promises .promise { width: 100%; margin-right: 0; } #recent-promises li.clear { display: none; } /* ---------------------------------------------------------------- TESTIMONIALS -----------------------------------------------------------------*/ body#turquoise #testimonials { background: #11BDC8; } #testimonials, body#turquoise.page-id-9 #testimonials { background: #1EA9EE; } #testimonials { padding: 40px 0; } #testimonial-list li, #testimonials blockquote { margin-bottom: 0; color: #fff;} #testimonials p { font-style: italic; font-size: 1.3em; line-height: 1.3em; } #testimonials cite { font-style: normal; font-weight: 200; } /* ---------------------------------------------------------------- FOOTER -----------------------------------------------------------------*/ #global-footer { background: #fafafa; padding: 50px 0 20px 0; position: relative; z-index: 100; } #footer-meta.col-two-third { width: 69.33%; margin-bottom: 0; } /* Menu */ #footer-nav { overflow: hidden; margin-bottom: 10px; } #footer-nav li { border-right: 1px solid #7b7b7b; line-height: 14px; float: left; } #footer-nav #menu-item-464 { border-right: none; } #footer-nav a { color: #7b7b7b; padding: 0 16px; font-size: 0.85em; } #footer-nav #menu-item-43 a { padding-left: 0; } #footer-nav a:hover, #footer-nav li.current-menu-item a { color: #1EA9EE; } body#turquoise #footer-nav a:hover { color: #11BDC8; } /* Logos */ #footer-logos { clear: both; } #footer-logos a[target="_blank"] { background: none; padding: 0; } #footer-logos li { float: left; } #footer-logos img { margin-right: 20px; } /* Social */ #footer-meta .social-links { clear: both; padding-top: 10px; } /* Contact */ #footer-contact.col-one-third { width: 26.63%; margin-bottom: 0; } #footer-contact div { padding: 5px 0 10px 35px; border-left: 1px solid #c0c0c0; font-size: 0.9em; } #footer-contact h5 { font-size: 1em; color: #7e7e7e; } #footer-contact li { margin-bottom: 2px; } #footer-contact a { color: #1EA9EE; } #footer-contact a:hover { color: #11BDC8; } body#turquoise #footer-contact a { color: #11BDC8; } body#turquoise #footer-contact a:hover { color: #1EA9EE; } body.page-id-9 #footer-contact a { color: #1EA9EE !important; } body.page-id-9 #footer-contact a:hover { color: #11BDC8 !important; } /* Credit */ #site-credit { clear: both; padding-top: 20px; font-size: 0.8em; text-align: right; } #site-credit p { margin-bottom: 0; } #site-credit a { background: url(gfx/bf-logo.png) no-repeat center right; padding-right: 20px; color: #1EA9EE; } #site-credit a:hover { color: #11BDC8; } body#turquoise #site-credit a { color: #11BDC8; } body#turquoise #site-credit a:hover { color: #1EA9EE; } body.page-id-9 #site-credit a { color: #1EA9EE !important; } body.page-id-9 #site-credit a:hover { color: #11BDC8 !important; } /* ---------------------------------------------------------------- BACK TO TOP -----------------------------------------------------------------*/ #back-to-top { display: none; z-index: 999; position: fixed; width: 40px; height: 40px; top: auto; left: auto; right: 30px; bottom: 30px; cursor: pointer; background: url(gfx/sprite-btn-btt.png) no-repeat 0 0; } body#turquoise #back-to-top { background-position: 0 -40px } #back-to-top:hover, #back-to-top:active { background-position: 0 -40px; } body#turquoise #back-to-top:hover, body#turquoise #back-to-top:active { background-position: 0 0; } #back-to-top span { display: block; text-indent: -10000px; } .grecaptcha-badge { display: none; z-index: 10000; } .grecaptcha-badge iframe { border: none; } .page-id-16 .grecaptcha-badge, .page-id-2729 .grecaptcha-badge { display: block; } .page-id-16 #back-to-top, .page-id-2729 #back-to-top { display: none !important; }