@charset "UTF-8"; /* Theme Name: Green Dot Custom Theme for Coastal Risk Consulting Theme URI: Description: Based on HTML5 Blank WordPress Theme Version 1.4.3 Version: 1 Author: Green Dot Advertising Author URI: https://www.greendotadvertising.com Tags: License: MIT License URI: http://opensource.org/licenses/mit-license.php */ /* CSS Document Fonts ---------------------------- font-family: 'Roboto Slab', serif; font-family: 'Roboto', sans-serif; font-family: 'Montserrat', sans-serif; /Users/scribblesomething/Dropbox/__Files/Clients/COASTAL RISK CONSULTING/CRC16-0183 - Website Development/Output/cr.gdproof.com [CP_CONTACT_FORM_PAYPAL id="3"] http://rpc.pingomatic.com/ Colors ---------------------------------- @media only screen and (max-width:767px) { } */ @font-face { font-family: "untitled-font-1"; src:url("Fonts/untitled-font-1.eot"); src:url("Fonts/untitled-font-1.eot?#iefix") format("embedded-opentype"), url("Fonts/untitled-font-1.woff") format("woff"), url("Fonts/untitled-font-1.ttf") format("truetype"), url("Fonts/untitled-font-1.svg#untitled-font-1") format("svg"); font-weight: normal; font-style: normal; } [data-icon]:before { font-family: "untitled-font-1" !important; content: attr(data-icon); font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } [class^="icon-"]:before, [class*=" icon-"]:before { font-family: "untitled-font-1" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-close:before { content: "\61"; } .icon-menu:before { content: "\62"; } .icon-facebook-square:before { content: "\63"; } .icon-linkedin-square:before { content: "\64"; } .icon-twitter-square:before { content: "\65"; } .icon-instagram:before { content: "\66"; } /* Normalize and reset ----------------------------- */ 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, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; vertical-align: baseline; background: transparent; /* font-weight:normal; font-style:normal; */ } body { padding:0; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; /*This needs to be set or some font faced fonts look bold on Mac. */ } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote::before, blockquote::after, q::before, q::after { content: ''; content: none; } :focus { outline: 0; } ins { text-decoration: none; } del { text-decoration: line-through; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: collapse; border-spacing: 0; } sup { font-size:50%; vertical-align: baseline; position: relative; bottom: 0.75em; } a { color:inherit; text-decoration:none; } a:hover { text-decoration: underline; } button::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="reset"]::-moz-focus-inner { padding: 0 !important; border: 0 none !important; } @-ms-viewport{ /* this fixes an IE issue see:http://mattstow.com/responsive-design-in-ie10-on-windows-phone-8.html*/ width: device-width; } img {display:block} .clear, .zone { clear:both; } .clear:after, .zone:after { content:' '; display:block; clear:both; height:0; width:0; overflow: hidden; } .nobr,.Nobr {white-space:nowrap;} @media only screen and (max-width:700px) { .nobr {white-space:normal;} } /* End normalize Global scaling for different viewport sizes when keeping the desktop layout. Mobile layout adjustments are coded next to the element that changes. To work correctly, sizes need to be declared in em units. For this site 1em == 16px for a standard desktop viewport. ------------------------ */ html {font-size:100%;} /* @media only screen and (max-width:1700px) { html { font-size:.9375vw;}} @media only screen and (max-width:2560px) { html { font-size:.625vw;}} */ @media only screen and (max-width:2560px) { html { font-size:.625vw;}} /* there is JS in scripts.js for all the in-between sizing */ @media only screen and (max-width:2000px) { html { font-size:.75vw;}} @media only screen and (max-width:767px) { html { font-size:75%; overflow-x: hidden;} body { overflow-y: auto; overflow-x: hidden; } } @media only screen and (max-width: 570px) { html { -webkit-text-size-adjust:100%; } } /* Site Styles ---------------------------- */ body{ font-family: 'Roboto Slab', serif; font-weight:300; color:#58595b; opacity:0; -webkit-transition: all .25s linear; -moz-transition: all .25s linear; -o-transition: all .25s linear; transition: all .25s linear; background:#fff; } /* Structure ========================= */ .hld { display:block; width:100%; overflow: hidden; max-width:160em; /*2560 */ margin:0 auto; background:#fff; -webkit-transition: all 0s linear; -moz-transition: all 0s linear; -o-transition: all 0s linear; transition: all 0s linear; z-index:1; background:#fff; padding-top:0; box-shadow:0 0 1em rgba(5,63,120,0); } .page-template-page-image-above .hld{ padding-top:0; } @media only screen and (min-width:2560px) { .hld { box-shadow:0 0 1em rgba(5,63,120,.27); } } @media only screen and (max-width:767px) { .hld { overflow:hidden; display: block; position:relative; margin:0; background:#fff; z-index:5; padding-top:38px; } } .header_image { width: 100%; height: 0; position: relative; overflow: hidden; padding: 0 0 0 0; -webkit-transition: all .5s linear; -moz-transition: all .5s linear; -o-transition: all .5s linear; transition: all .5s linear; font-size: 1em; } .header_image a:hover { text-decoration: none !important; } /* @media only screen and (max-width:1598px) { .header_image { font-size:1vw; } } @media only screen and (max-width:767px) { .header_image { font-size:1.75vw; } } */ span.image { display: inline-block; overflow: hidden; } span.image>img { width: 100%; height: 0 !important; display: block; margin: 0; opacity: 0; -webkit-transition: opacity .25s linear; -moz-transition: opacity .25s linear; -o-transition: opacity .25s linear; transition: opacity .25s linear; } span.image img.b-loaded { /* */ opacity: 1; padding: 0 !important; height: auto !important; } .block>span.image, .zone>span.image { } .block>span.image>img.b-loaded, .zone>span.image>img.b-loaded { } .header_image.slide { position: absolute; top: 0; left: 0; bottom:0; -webkit-transition: all 0s linear !important; -moz-transition: all 0s linear !important; -o-transition: all 0s linear !important; transition: all 0s linear !important; } .slider { display: block; position: relative; z-index: 1; } .header_image>a ,.slider>a { display:block; position:absolute; top:0; left:0; right:0; bottom:0; } .thin_image { padding: 0 0 25% 0; } .big_image { padding: 0 0 55% 0; } /* @media only screen and (max-width:767px) { .hld { min-height:100%; min-height: calc( 100% - 115px ); } } */ .block { width: 100%; position: relative; } .zone { display: block; position: relative; width: 100em; /* 1600 */ margin: 0 auto; -o-box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; max-width: 95%; padding: 5em 0 !important; height:100%; font-size:125%; } @media only screen and (max-width:767px) { .block .zone .box ,.block .zone .image { width:100% !important; float:none !important; margin-right:auto !important; margin-left:auto !important; } .block .zone .box { } .zone { padding: 2em 0 !important; } } .navbar .zone { width: 100em; /* 1600 */ max-width: 100%; } .block.navbar .zone ul { margin:0; } .block .box { padding: 1px 0; display: block; } .box :last-child { margin-bottom:0; } @media only screen and (max-width:767px) { .block .box { /*text-align:left; */ } } .block.half_half .zone .box { width: 100%; -o-box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .half_half .background { width:100%; display:block; } .half_half { position: relative; } .half_half .half_image { position: absolute; top: 0; bottom: 0; z-index:10; } .half_half.half_right .half_image { left: 50%; right: 0; background-position: left top !important; } .half_half.half_left .half_image { left: 0; right: 50%; background-position: right top !important; } .half_half.half_right .half_image.contain, .half_half.half_left .half_image.contain { background-position: center center !important; background-repeat: no-repeat !important; } .block.half_half.half_right .box { padding-right: 54% !important; padding-left: 8% !important; } .block.half_half.half_left .box { padding-left: 54% !important; padding-right: 8% !important; } @media only screen and (max-width:767px) { .block.half_half.half_right .box ,.block.half_half.half_left .box { padding-right: 0 !important; padding-left: 0 !important; width:100%; margin:0 auto; max-width:423px; float:none; } .half_half .half_image { position:relative; width:100%; height:0; padding:0 0 50% 0; top:0; bottom:0; left:0 !important; right:0 !important; } } @media only screen and (max-width:767px) { .zone { width:90%; } } @media only screen and (max-width:400px) { } .zone>img, .zone>span.image { height: auto; } .two_column .box, .box.two_column { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 3em; -moz-column-gap: 3em; column-gap: 3em; margin-bottom: 3em; } .three_column .box, .box.three_column { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; -webkit-column-gap: 1em; -moz-column-gap: 1em; column-gap: 1em; margin-bottom: 3em; } .one_column .box { text-align: left; width: 60%; margin-left:4.5%; } .center_column_lg .box { width: 100%; margin: 0 auto; text-align: center; } .center_column { text-align: center; } .center_column .box { width: 54%; margin: 0 auto; text-align: center; } @media only screen and (max-width:767px) { .center_column .box, .center_column_lg .box, .one_column .box { width:100%; } .center_column .box { max-width:570px; } .one_column .box, .center_column_lg .box { max-width:618px; margin-left:auto; } .two_column .box, .box.two_columnl{ -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; -webkit-column-gap: 0; -moz-column-gap: 0; column-gap: 0; max-width:450px; margin:0 auto; } .two_column .zone>h2 { margin-left: calc( 50% - 225px ) } } @media only screen and (max-width:450px) { .two_column .zone>h2 { margin-left:0; } } .split .box { width:42%; max-width:500px; float:left; } .split .box1 { margin-left:8%; margin-right:4%; } @media only screen and (max-width:767px) { .split .box { width:100%; margin:0 auto !important; max-width:440px; float:none; } } .split_7030 .box { float: left; } .split_7030 .box:nth-child(odd) { width: 70%; padding-right: 1.5em; } .split_7030 .box:nth-child(even) { width: 30%; padding-left: 1.5em; } .split_6040 .box { float: left; } .split_6040 .box:nth-child(odd) { width: 60%; padding-right: 1.5em; } .split_6040 .box:nth-child(even) { width: 40%; padding-left: 1.5em; } .split_4060 .box { float: left; -o-box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .split_4060 .box:nth-child(odd) { width: 44%; padding-right: 1.5em; } .split_4060 .box:nth-child(even) { width: 56%; padding-left: 1.5em; } .split_5545 .box { float: left; } .split_5545 .box:nth-child(odd) { width: 50%; padding-right: 1.5em; } .split_5545 .box:nth-child(even) { width: 45%; padding-left: 1.5em; } .split_3366 .box { float: left; } .split_3366 .box:nth-child(odd) { width: 33%; padding-right: 1.5em; } .split_3366 .box:nth-child(even) { width: 66%; padding-left: 1.5em; } .split_3333 .box { float: left; width: 33%; padding-left: 2em; } .split_3333 .box:first-child { width: 33%; padding-left: 0; } @media only screen and (max-width:767px) { .split_4060 .box { width:100% !important; float:none; margin:0 auto; } .split_4060 .box:nth-child(odd) { padding:0 0 0 0 !important; max-width:440px; } .split_4060 .box:nth-child(even) { padding:0 0 0 0 !important; max-width:592px; } } @media only screen and (max-width:767px) { .split .box , .split_5545 .box , .split_3366 .box , .split_3333 .box , .split_6040 .box , .split_7030 .box ,.split_3333 .box:first-child ,.split_4060 .box { width:100% !important; float:none; margin:1em auto; } .split .box:nth-child(odd) , .split .box:nth-child(even) ,.split_7030 .box:nth-child(odd) ,.split_7030 .box:nth-child(even) ,.split_6040 .box:nth-child(odd) ,.split_6040 .box:nth-child(even) , .split_5545 .box:nth-child(odd) , .split_5545 .box:nth-child(even) ,.split_3366 .box:nth-child(odd) ,.split_3366 .box:nth-child(even) ,.split_3333 .box:first-child ,.split_4060 .box:nth-child(odd) ,.split_4060 .box:nth-child(even) { padding:0 0 0 0 !important; } .up3_5 { margin:0; } } .center_column .zone>h2 { text-align: center; } .zone .box { -o-box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .img { display: block; position: relative; -o-box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .img img { display: block; width: 100%; height: auto; } .split .img { width: 48.5%; float: left; box-shadow: 0 .125em .25em rgba(0,0,0,.3); } .split .img:nth-child(odd) { margin-right: 3%; } .img .capt { font-size: .75em; color: #fff; display: block; position: absolute; bottom: 0; width: 100%; padding: .5em; line-height: 1.5em; left: 0; background: rgba(0,0,0,.7); -o-box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .img .capt strong { display: block; text-transform: uppercase; font-weight: 400; color: #fff; } /* Background Colors */ .bk_white { background-color: #fff; } .bk_grey { background-color: #e6eaed; } .bk_grey.dark { background-color: #a7a9ac; } .bk_blue { background-color: #259cce; } .bk_orange { background-color: #f2c79d; } .dark { color: #fff; } .blue { color:#259cce; } .orange { color: #f2c79d; } /* Background image strech ========================================*/ .contain, .covered, .cover { position: relative; -o-box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; background-position: center center; background-repeat: no-repeat; } .covered, .cover { /* background-size: auto 100%;*/ -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .covered.home_header { -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .covered, .cover { opacity: 0; -webkit-transition: opacity .25s linear; -moz-transition: opacity .25s linear; -o-transition: opacity .25s linear; transition: opacity .25s linear; } .fixed { background-attachment: fixed !important; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .contain { opacity: 1; } .contain.b-loaded { opacity: 0; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain; } .covered.b-loaded, .cover.b-loaded { opacity: 1; } .covered>img, .cover>img, .covered>a>img, .cover>a>img, .covered>span.image, .cover>span.image { width: 100%; height: auto; z-index: 0; opacity: 0; position: relative; display: none; } .covered.autoimg { background-size: 100% 100%; display: block; } .covered.autoimg>img, .covered.autoimg>span.image { position: relative; width: 100%; height: auto; display: block; } @media only screen and (max-width:767px) { .covered>img , .cover>img , .covered>span.image , .cover>span.image { position:relative; } } /* ##### PARALLAX AREA ##### */ .parallax, .parallax_left, .parallax_right, .parallax2, .parallax3, .parallax4 ,.parallax5 ,.parallax6 ,.parallax7 ,.parallax8 ,.parallax1 { background-attachment: fixed !important; background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; position: relative; } .parallax:before, .parallax:after, .parallax_left:before, .parallax_right:before, .parallax2:before, .parallax3:before, .parallax4:before, .parallaxleft:after, .parallaxright:after, .parallax2:after, .parallax3:after, .parallax4:after ,.parallax5:after ,.parallax6:after ,.parallax7:after ,.parallax8:after ,.parallax1:after { content: ' '; display: block; width: 100%; height: 2em; overflow: hidden; background: url(img/bk_shad.png) center top no-repeat; background-size: 100% 2em; position: absolute; z-index: 10; bottom: 0 !important; left: 0; top: auto; -ms-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); opacity: .8; } .covered.parallax, .parallax2 { background-position: center top; } .covered.parallax_left { background-position: left top; } .covered.parallax_right { background-position: right top; } @media only screen and (max-width:1024px) { .fixed { background-attachment:scroll; } } @media only screen and (max-width:1024px) { .parallax , .parallax_left , .parallax_right , .parallax2, .parallax3, .parallax4 ,.parallax5 ,.parallax6 ,.parallax7 ,.parallax8 ,.parallax1 { background-attachment: scroll !important; } .parallax:before, .parallax:after , .parallaxleft:before , .parallaxright:before , .parallax2:before, .parallax3:before, .parallax4:before , .parallaxleft:after , .parallaxright:after , .parallax2:after, .parallax3:after, .parallax4:after ,.parallax5:after ,.parallax6:after ,.parallax7:after ,.parallax8:after ,.parallax1:after{ background:none !important; display:none !important; } } .covered.image_left { background-position: left center; } .covered.image_right { background-position: right center; } .contain>img, .contain>span.image { width: 100%; height: auto; opacity: 0; position: relative; } .zone .contain { width: 42%; height: 100%; position: absolute; top: 0; bottom: 0; overflow: hidden; } /* Form formating */ .block .zone .box ul.sd_frm { margin-bottom:0; } .sd_frm li { background: none !important; margin: 0 0 0 0; padding: 0 0 .5em 0!important; text-align: left; display:block; } .block .sd_frm li:before { display: none !important; background: none !important; } .sd_frm .input input, .sd_frm .input textarea, .sd_frm .select select { font-family: 'Roboto Slab', serif; font-size: 1em; line-height:1.25em; border: none; display: block; background: #fff; width: 100%; border: 1px solid #eee; padding: .25em 0 .25em .5em; margin: 0 0 0 0; -o-box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-weight: 300 !important; -webkit-font-smoothing: antialiased; -webkit-appearance: none; -moz-appearance: none; text-transform: none !important; border-radius:0; } .sd_frm .select option { color:inherit; font-size:inherit; } .sd_frm .input textarea { height: calc( 10.5em + 6.5px ) !important; } @media only screen and (max-width:767px) { .sd_frm .input input, .sd_frm .input textarea { font-size: 16px!important} } .sd_frm .input label, .sd_frm .select label { display: none; } .sd_frm .input input:focus, .sd_frm .input textarea:focus { color: #08236e !important; font-weight: 300 !important; } .sd_frm .bt { font-family: 'Montserrat', sans-serif;; margin-bottom:0; /*font-size: 1.125em; display: inline-block; width: auto; text-align: center; font-weight: 400; padding-left: 0; padding-right: 0; padding-left: 1em; padding-right: 1em; border-radius: 0; */ white-space:nowrap; } .sd_frm li.addr { display: none; } .sd_frm li.txt { font-size: .75em; } .sd_frm .phone { font-size:1.5em; padding: .25em 0 0 0; line-height: 1em; font-family: 'Montserrat', sans-serif; font-weight:700; display:inline-block; } @media only screen and (max-width:767px) { .sd_frm .phone { font-size: 1em; padding: .3125em 0 0 0; } } /* Gallery */ .gallery>a { display:block; overflow: hidden; width:20%; height:auto; float:left; background-position: center center; padding:0; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; -o-box-sizing:border-box; -ms-box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; } .gallery>a:before { content:' '; display:block; width:100%; height:0 !important; overflow:hidden; padding:0 0 90% 0; } .gallery>a:after { content:' '; display:block; width:100%; height:100%; position:absolute; top:0; right:100%; bottom:0 !important; opacity:0; -webkit-transition: all .25s linear; -moz-transition: all .25s linear; -o-transition: all .25s linear; transition: all .25s linear; background:rgba(0,0,0,.65) url(img/magnifyingglass.png) center center no-repeat; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain; z-index:2; box-shadow:inset 0 0 10% rgba(0,0,0,.9); } .gallery>a:hover:after { right:0; opacity:1; bottom:0 !important; } @media only screen and (max-width:767px) { .zone .contain { width:30%; height:auto; position:relative !important; bottom:auto; top:auto; top:1em; } } /* work gallery * / .work_gallery { padding-bottom:5em; } @media only screen and (max-width:767px) { .work_gallery { padding-bottom:25px; } } .work_gallery .gallery>a { display:block; overflow: hidden; width:20%; height:0; float:left; background-position: center center; padding:20% 0 0 0; position:relative; background-color:#000; } .work_gallery .gallery>a.hidden { display:none; } .work_gallery .gallery>a:after { content:' '; display:block; width:100%; height:100%; position:absolute; opacity:0; top:0; left:0; -webkit-transition: all .5s linear; -moz-transition: all .5s linear; -o-transition: all .5s linear; transition: all .5s linear; } .work_gallery .gallery>a:hover:after { opacity:1; } /* big element special drop shaddows ========================================*/ .top_shade { position:relative; } .top_shade:before { content: ' '; display:block; width:100%; height:2em; overflow:hidden; background:url(img/bk_shad.png) center top no-repeat; background-size:100% 2em; position:absolute; z-index:10; top:0; left:0; opacity:.8; } @media only screen and (max-width:767px) { .top_shade:before { font-size:.5em; } } /* Text ========================= */ .zone strong { font-weight:700; } .green { color:#053f78; } h1,h2,h3,h4,h5,h6, p, ul,ol , blockquote { display:block; -o-box-sizing:border-box; -ms-box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; font-weight:inherit; } h1,h2,h3,h4,h5,h6 { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .blog blockquote { background: #f4f4f4; padding: 1em 2em; border-left: 7px #78a22f solid; margin-bottom: 3em; font-style: italic; } .blog blockquote:last-child p { margin-bottom:0 !important; } h1, h2 { font-size:3em; /* 60 pt */ margin:.3125em 0 ; margin:.75em auto .75em auto; font-weight:800; font-family: 'Montserrat', sans-serif; text-transform:uppercase; } h1:first-child, h2:first-child { margin:.25em auto .75em auto; } @media only screen and (max-width:767px) { h1, h2 { font-size:2em; } } h3 { font-size:2em; margin:1em 0; line-height:1em; font-weight:800; text-transform:uppercase; font-family: 'Montserrat', sans-serif; } @media only screen and (max-width:767px) { h3{ font-size:1.5em; } } h4 { font-size:2.25em; line-height:1.125em; margin:1em auto 1em 0; font-weight:700; text-transform:uppercase; color:#004d79; } @media only screen and (max-width:767px) { h4 { font-size:1.25em; } } h5 { font-size:1.5em; margin:1em 0; font-weight:200; color:#004d79; line-height:1em; text-transform:uppercase; } h6 { font-size:1.5em; font-weight:800; font-style:normal; margin: 1em 0 .25em 0; line-height: 1.5em; } h6 em { text-transform:none !important; font-style:normal !important; } h1 strong,h2 strong,h3 strong,h4 strong,h5 strong,h6 strong { font-weight:800; } .dark h1, .dark h2, .dark h1 strong, .dark h2 strong, .dark h3, .dark h4, .dark h5, .dark h6, .dark { color:#fff; } .yellow , h1.yellow , h2.yellow , h3.yellow , h4.yellow , h5.yellow , h6.yellow { color:#f2c105; } .black , h1.black , h2.black , h3.black , h4.black , h5.black , h6.black { color:#414042; } .zone p, .box p { width:100%; font-size:1.5em; /* 24 */ margin:0 0 2em 0; line-height:1.25em; /* 30 */ } .zone p a { text-decoration:underline; } .intro { font-size:150%; color:#259cce; } @media only screen and (max-width:767px) { .intro { font-size:100%; } .zone p, .box p { font-size:1em; } } .dark .intro { color:#fff; } .box2 img { width: 100%; } .box ul, .box ol { display:block; margin:0 0 3em 0; -o-box-sizing:border-box; -ms-box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; line-height:1.66666666666667em; /* 30 */ } @media only screen and (max-width:767px) { .box ul, .box ol { font-size:1em; margin:0 0 2em 0; } } ol { counter-reset: thecounter; } li { margin:0 0 .25em 0; display: block; position:relative !important; width:100%; padding:0 0 0 1em; -o-box-sizing:border-box; -ms-box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; font-size:1.5em; line-height:1.25em; /* 30 */ } li li ,li p{ font-size:1em !important; } @media only screen and (max-width:767px) { li { font-size:1.125em; } } li strong { } ol>li { margin:0 0 0em 0; padding:.25em .25em .25em 2em; line-height:1.5em; } ol>li:before { counter-increment: thecounter; content:counter(thecounter)'.'; color:#259cce; display:block; position:absolute; top:.25em; left:0; text-align: right; width: 1.25em; } ul>li { line-height:1.125em; padding:.25em .25em .25em .75em; display:block; position:relative; } ul>li:before { display:block; color:#259cce; content:'•'; overflow: hidden; position:absolute; left:0em; top:.3125em; font-weight:800; } .dark>ul li:before { background: none; color:#fff; } /* Menus ========================= */ .jump_menu { text-align:center; font-size:1.125em; padding:1em 0; color:#777; } .jump_menu a { display:inline-block; padding:.75em; } @media only screen and (max-width:767px) { .jump_menu { display:none; } } @media only screen and (max-width:479px) { .jump_menu { display:none; } } .navbar, #sticky-wrapper { position:relative !important; } /* #sticky { bottom:-100%; height:12.1875em; -webkit-transition: all .25s linear; -moz-transition: all .25s linear; -o-transition: all .25s linear; transition: all .25s linear; } .close .sticky-wrapper, .close #sticky { overflow:visible; height:100% !important; display:inline; top:0; bottom:0; width: 100%; z-index: 1000; , .sticky-wrapper.is-sticky .navbar ,.sticky-wrapper .navbar.close }*/ .navbar.is-sticky ,#sticky.is-sticky ,.navbar { width:100%; z-index:2100; position:fixed !important; top:0; left:0; padding:0 !important; } .nav_holder { width:100%; position:relative; max-width:160em; /* 2560 */ margin:0 auto; position:relative; background:none; padding:0; height: 8.8125em; -o-box-sizing:border-box; -ms-box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; /* padding-right:16px; */ padding-top:1px; padding-bottom:1px; } .nav_holder.spacer { font-size:1em; height:0; } .sticking .nav_holder.spacer { height: 8.8125em; height:0; overflow:hidden; } .navbar .nav_holder { background:rgba(255,255,255,.96); box-shadow:0 .25em .25em -.125em rgba(1,52,95,.5); } @media only screen and (max-width:767px) { .nav_holder ,.navbar , .sticky-wrapper.is-sticky .navbar ,#sticky.is-sticky ,.sticky-wrapper .navbar.close { height:40px; padding-right:0; } .navbar.close .nav_holder { -webkit-transition: all .125s linear; -moz-transition: all .125s linear; -o-transition: all .125s linear; transition: all .125s linear; box-shadow:0 8px 15px rgba(255,255,255,1); background:#fff; } .navbar .nav_holder { } } .sticky-wrapper { /* margin-bottom:-4.75em; margin-top:-4.75em;*/ height: auto !important; } .close .nav_holder { padding-right:32px; } @media only screen and (max-width:1024px) { .close .nav_holder { padding-right:16px; } } .navbar .zone { padding:0 !important; text-align:center; } @media only screen and (max-width:767px) { .navbar .zone { /* padding:0 20px 0 0 !important; */ } } .phone { display:inline-block; font-size:2.25em; } @media only screen and (max-width:767px) { .phone { font-size:1.75em; } } .phone a { text-decoration:none !important; padding:0; margin:0; color:inherit !important; } .navbar .phone { font-size:1.9375em; position:absolute; right:0; top:1.25em; display:block; text-align:right; color:#259cce; font-weight:700; } .navbar .phone:before { content:'Got Questions? Call '; display:inline-block; font-size:.75em; vertical-align:middle; margin:0 .25em .25em 0; color: #58595b; font-weight:300; } @media only screen and (max-width:767px) { .navbar .phone:before { content:normal; } .navbar .phone { right:1em; top:1em; font-size:14px; } } /* .navbar .phone { font-size: 1.4375em; font-weight:700; position:absolute; top:5em; background:rgb(11,148,68); color:#fff; right:0; box-shadow:inset 0 .25em .25em -.25em rgba(0,0,0,.3), 0 .25em .5em -.25em rgba(0,0,0,.3); padding: .4375em .5em .3125em .5em; padding: .3125em .5em .3125em .5em; line-height:1em; text-shadow:0 3px 6px rgba(0,0,0,.5); background: #68d3fb; background: -moz-linear-gradient(top, #68d3fb 0%, #68d3fb 30%, #3daae7 70%, #3daae7 100%); background: -webkit-linear-gradient(top, #68d3fb 0%,#68d3fb 30%,#3daae7 70%,#3daae7 100%); background: linear-gradient(to bottom, #68d3fb 0%,#68d3fb 30%,#3daae7 70%,#3daae7 100%); border-bottom:.1875em solid #fff; border-left:.1875em solid #fff; border-right:.1875em solid #fff; -o-box-sizing:border-box; -ms-box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; } .navbar.close .phone { opacity:0; } @media only screen and (max-width:767px) { .navbar .phone { position:absolute; right:10px; top:51px; padding:3px 6px 5px 6px; font-size:14px; margin:0; } .navbar .phone a{ text-decoration:none; } } */ .mnu { } .sticky-wrapper .mnu { position:absolute; } .sticky-wrapper.is-sticky .mnu { } .navbar .mnu { padding:0; margin:0; text-align:right; position:absolute; top:0; right:1em; } .navbar .soc { padding:0; margin:0; display:inline-block; margin-left:2em; } .mnu li { float: none; margin: 0; padding: 0 !important; background: none !important; display:inline-block !important; width:auto; } .mnu li.mobile { display:none !important; } .mnu li:after { font-size:1.3125em; content:'|'; display:inline-block; font-family: 'Roboto', sans-serif; color:#269cce; line-height:1em; margin:-.125em 0 0 0; vertical-align:middle; } /**/ .mnu li:last-child:after { content:normal; } .mnu li:before { display: none !important; background: none !important; } .mnu a { font-family: 'Roboto', sans-serif; font-size:1em; font-size:.9875em; line-height:1em; width: auto; display: inline-block; -o-box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; clear: both; -webkit-transition: all 0s linear; -moz-transition: all 0s linear; -o-transition: all 0s linear; transition: all 0s linear; background:none; border:none; margin-bottom:0; text-decoration:none; box-shadow:none; color:#808285; vertical-align:middle; margin:0; padding: 1.85em .3125em; text-transform:uppercase; } .navbar .mnu a { position:absolute; top:4.02em; right:0; background:#259cce; color:#fff; padding:.5em 1em; display:block; white-space:nowrap; z-index:-1; box-shadow:0 0 .25em rgba(0,0,0,.3),0 0 .125em rgba(0,0,0,.3); } .navbar .mnu .bt_ftr { display:none !important; } .navbar .soc a{ font-size:2.5em; line-height:1em; width: auto; display: inline-block; color:#fff; padding: 0.875em 0; } .navbar .soc a:hover{ text-decoration:none; } /* .is-sticky .mnu a { padding: 1.6875em .75em; -webkit-transition: all .25s linear; -moz-transition: all .25s linear; -o-transition: all .25s linear; transition: all .25s linear; } .is-sticky .mnu li ul { -webkit-transition: all .25s linear; -moz-transition: all .25s linear; -o-transition: all .25s linear; transition: all .25s linear; } .is-sticky .mnu li li a { padding: 1em 0; } */ .mnu li ul { display:none; } .mnu a:hover { text-decoration:underline; } .ftr .mnu li.current_page_item>a ,.ftr .mnu li.current_page_item>a:hover ,.ftr .mnu li.current_page_ancestor>a ,.ftr .mnu li.current_page_ancestor>a:hover { font-weight:600; text-decoration:none; color:#259cce; } .ftr .mnu li.current_page_item>a ,.ftr .mnu li.current_page_item>a:hover { color:#259cce !important; } .mnu .menu li.current-menu-item> a:hover:before { content:normal; } .mnu li.current-menu-item>a:hover { text-decoration: none; cursor: default; } @media only screen and (max-width:767px) { .navbar .mnu { display:none; } } .navbar ul { display:inline-block; vertical-align: middle; } .navbar ul ul { position:absolute; top:3.75em; background:rgba(0,54,92, .88); display:none; padding:0 1em; box-shadow:0 .25em .25em -.125em rgba(0,0,0,.5); text-align:left; left:0; z-index:10; } /* .navbar.is-sticky ul ul { top:4.9375em; } */ .navbar ul ul li{ display:block; white-space:nowrap; width:100%; font-size:1em; } .navbar ul ul li a{ display:block; padding:1em 0; border-bottom: 1px solid rgba(5, 63, 120, .27); } .navbar ul ul li:last-child a{ border-bottom:none; } .navbar ul ul li:after { content:normal; } @media only screen and (max-width:767px) { } /* =========================== */ .ftr { text-align:center; padding-bottom:4em; } .ftr p{ font-weight:400; margin:1em 0; } .ftr .cpy{ font-size:.75em; margin-top:2em; } @media only screen and (max-width:767px) { .ftr .cpy{ font-size:.625em; } } .ftr .zone { padding:0 !important; } .ftr_logo { display:block; float:right; width:10em; margin-right:6.5%; } .ftr_logo img{ width:100%; height:auto; } .ftr .soc { text-align:right; position:absolute; right:4em; top:1.75em; } .ftr .soc h4{ font-size:1.125em; font-weight:700; display:block; margin:0; } .ftr .mnu a{ font-size:.875em; } .ftr .soc a{ font-size:2.25em; color:#259cce; display:inline-block; margin: 0 0 0 .125em; padding:0; } .ftr .soc a:hover { text-decoration:none; opacity:.9; } .ftr .mnu { text-align: center; margin-top:1.5em; } .ftr .mnu ul { text-align:center; position:relative; } @media only screen and (max-width:767px) { /* .ftr { position:fixed; top:-20%;; padding-top:0; left:0; width:100%; bottom:100%; overflow:hidden; background:#f4fcfe url(img/bk-ftr.png) center top no-repeat; background-size: 768px 120px; z-index:100; -webkit-transition: all .25s linear; -moz-transition: all .25s linear; -o-transition: all .25s linear; transition: all .25s linear; } .ftr .mnu:after { width:100%; } */ .ftr .bt_logo { display:none; } .ftr .zone { width:100%; } .ftr .soc { text-align:center; position:relative; right:auto; top:auto; margin:1em auto; } .mnu li.current_page_item>a ,.mnu li.current_page_item>a:hover { text-decoration:none; font-weight:700; } .ftr.close { bottom:0; overflow-y:scroll; top:0; } .ftr.close .mnu{ display:block; border:none !important; } .ftr .mnu li { display:block !important; } .ftr .mnu li a { margin: 0 0; color:#053f78; display:block; float:none; padding:.75em 0; } .ftr .mnu li li a { padding-left:15px; } .ftr .mnu li:after { content:normal; } .ftr .mnu { float:none; width:100%; margin-top:1em;; /* margin:140px auto 3em auto; margin-top: calc( 60px + 1.5em ); text-align:center; font-size: 5vw; width: 16em;*/ } .ftr .soc a { margin: .125em .25em .125em 0; } .ftr .soc h4 { color:#1c65a8; font-size:1em; } /* adjustments for click to open menu ======================================= */ .mnu li.dropdown { position:relative; } .mnu li.dropdown.current-menu-item:after { content:normal; } .mnu li.dropdown.current-menu-item> a:hover { text-decoration:none; cursor: default; } .mnu li.dropdown > a:after { letter-spacing: normal; font-weight:400; font-size: 1.3125em; font-size: 1.5em; content: '+'; position: absolute; top: .3125em; left: -1.3em; display: block; color:#fff; overflow:hidden; height:1em; width:1em; line-height: .93125em; text-align:center; box-shadow: inset 0 .25em .5em rgba(255,255,255,.2); text-shadow: none !important; border-radius:.5em; color:rgba(255,255,255,.8); background:rgba(0,65,185,.2); } .mnu li.dropdown > a.active:after { content: "–"; line-height:.75em; box-shadow:inset 0 -.25em .5em rgba(255,255,255,.1), inset 0 -.125em .125em rgba(255,255,255,.2); color:rgba(255,255,255,.8); } .mnu ul li.dropdown ul { display: inherit; position: relative; left: auto; top:auto; box-shadow: none; border:none; } .mnu li.dropdown > ul { display:block; height:0; min-height:0; max-height:0; overflow:hidden; background:rgba(255,255,255,.1); -webkit-transition: all .5s linear; -moz-transition: all .5s linear; -o-transition: all .5s linear; transition: all .5s linear; } .mnu li.dropdown > ul.active { height:auto; min-height:.0625em; max-height:100em; } .mnu li.current-menu-parent ul , .mnu li.current-page-parent u , .mnu li.current-post-parent ul , .mnu li.current-post-ancestor ul , .mnu li.current_page_parent ul ,.category-news .mnu li.bt_company >ul ,.category-press .mnu li.bt_company > ul { height:auto; min-height:.0625em; max-height:100em; } .mnu li.current-menu-parent > a:after , .mnu li.current-menu-ancestor > a:after , .mnu li.on > a:after ,.category-news .mnu li.bt_company a:after ,.category-press .mnu li.bt_company a:after { content:normal; } .mnu li.current-menu-parent > a:hover , .mnu li.current-menu-ancestor > a:hover ,.category-news .mnu li.bt_company a:hover ,.category-press .mnu li.bt_company a:hover { text-decoration:none; cursor: default; } /* ================================= */ } .block_footer .box{ width:41.53846153846154%; margin:0 auto; } .block_footer .box img{ display:block; width:24em; height:auto; margin-left:-6.5em; margin-bottom:.5em; } .block_footer .box p{ padding:0; } .block_footer { padding:3em 0; } @media only screen and (max-width:767px) { .block_footer .box{ width:100%; padding:0 0 0 62px; max-width:440px; } .block_footer .box img{ width:230px; margin:0 0 5px -62px; } .block_footer { padding:1.5em 0 0 0; } } /* .hld.close { } .mnu { -webkit-transition: all 0s linear; -moz-transition: all 0s linear; -o-transition: all 0s linear; transition: all 0s linear; } .mnu.close { left: 0; top: 0; height: 100%; bottom:0; position:fixed; padding: 6em 0 6em 0; overflow-y: auto; color:#fff; background: url(img/bk-menu-4000.png) center top no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; -webkit-transition: all .25s linear; -moz-transition: all .25s linear; -o-transition: all .25s linear; transition: all .25s linear; } @media only screen and (max-width:2880px) { .mnu.close { background: url(img/bk-menu-2880.png) center top no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } } @media only screen and (max-width:1920px) { .mnu.close { background: url(img/bk-menu-1920.png) center top no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } } @media only screen and (max-width:1024px) { .mnu.close { background: url(img/bk-menu.png) center top no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } } @media only screen and (max-width:767px) { .mnu .zone { max-width:100%; width:100%; padding-left:16px; } } /* Page Specific Styles =========================== */ .cpy { text-align:center; font-size:.875em; } .cpy .box { line-height:1.25em; padding:0 0 1em 0; margin-top:0; } .cpy a { } @media only screen and (max-width:767px) { .cpy { color:#053f78; } } /* .mnu a { } .mnu li.current-menu-item>a { } .mnu_soc a{ display:inline-block; font-size:4em; margin:.25em .0625em 0 .0625em; padding:0; clear:none; } .mnu_soc a:hover { } .mnu_soc a:first-child { margin-left:0; } .mnu_soc a:last-child { margin-right:0; } .mnu_soc { display:block; border-top:.125em solid rgba(255,255,255,1); float:right; margin: .75em .75em .75em 0; text-align:right; } .mnu .legal { float: right; clear:both; margin-right: .75em; } .mnu .legal a{ font-size:1em; display:inline-block; } .mnu .legal a:hover { text-decoration:underline; } /* buttons ========================= */ /* .navbar .bt_logo { display:block; width:100%; height:4.75em; left:0; z-index:10; position:absolute; color:#231f20; } */ .bt_logo { display:block; width: 13.375em; position:absolute; top: .5em; left:2em; /* cursor:pointer; */ cursor:pointer; } /* .is-sticky .bt_logo { top: .125em; width: 10em; -webkit-transition: all .25s linear; -moz-transition: all .25s linear; -o-transition: all .25s linear; transition: all .25s linear; } */ .bt_logo img{ width:100%; height:auto; display:block; } @media only screen and (max-width:767px) { .ftr_logo { display:none; } .bt_logo, .is-sticky .bt_logo { width:100%; margin: 5px auto 0 auto; -webkit-transition: all 0 linear; -moz-transition: all 0 linear; -o-transition: all 0 linear; transition: all 0 linear; top:0; left:0; } .bt_logo img{ width: 90px; height: auto; margin: -6px auto; } /* .navbar .bt_logo:after { content: "\62"; font-family: "untitled-font-1"; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display:inline-block; font-size:2.25em; font-size:1.5em; position:absolute; left:10px; top: 4px; -webkit-transition: all .25s linear; -moz-transition: all .25s linear; -o-transition: all .25s linear; transition: all .25s linear; color:#259cce; } .navbar .bt_logo:hover:after { } .navbar.close .bt_logo:after { content: "\61"; } */ .navbar.close { position:fixed !important; top:0; left:0; z-index:1000; } } /* .bt_logo .logo_holder { width:8.9375em; height:auto; display:block; margin-top:1.21875em; overflow:hidden; } .bt_logo .logo_holder .logo_image{ width:8.9375em; height:auto; display:block; } .bt_logo .logo_holder .logo_image img{ width:100%; display:block; height:auto; } .is-sticky .bt_logo .logo_holder { width: 1.65em; margin-top: .5em; } .is-sticky .bt_logo .logo_holder .logo_image{ width: 12em } @media only screen and (max-width:767px) { .navbar .bt_logo { left: 2% !important; } .bt_logo .logo_holder { left: 18px; position: relative; } } .bt_logo .the_page_title { display:block; position:absolute; top: 1.03125em; line-height: 1em; right:2em; font-size:1.5em; color:#0b9444; white-space:nowrap; opacity:1; z-index:200; -webkit-transition: all .25s linear; -moz-transition: all .25s linear; -o-transition: all .25s linear; transition: all .25s linear; } .close .bt_logo .the_page_title { opacity:0; } @media only screen and (max-width:767px) { .page-template-page-landing-template .bt_logo .the_page_title { display:none; } .bt_logo .the_page_title { display:none; } } @media only screen and (max-width:400px) { .bt_logo .the_page_title { display:none; } } .bt_logo img { -webkit-transition: all 0s linear; -moz-transition: all 0s linear; -o-transition: all 0s linear; transition: all 0s linear; } .navbar .bt_logo:before { -webkit-transition: all 0s linear; -moz-transition: all 0s linear; -o-transition: all 0s linear; transition: all 0s linear; } */ .bt_arrow { display:inline-block; font-size:1.33333333333333em; font-weight:700; color:#053f78; vertical-align:middle; text-decoration:none !important; } .bt_arrow:after { content:' '; overflow:hidden; display:inline-block; width:2.79166666666667em; height:2.79166666666667em; background:url(img/arrow-green.png) center center no-repeat; background-size:100% 100%; vertical-align:middle; margin-left:.5em; } .dark .bt_arrow { color:#fff; } .dark .bt_arrow:after { background:url(img/arrow-white.png) center center no-repeat; background-size:100% 100%; } .searchsubmit, .pbSubmit, .single_add_to_cart_button , .woocommerce input.button.alt , .woocommerce-cart .wc-proceed-to-checkout a.checkout-button , .bt { font-family: 'Montserrat', sans-serif; font-weight:800; text-align:center; display: inline-block; padding: .75em 3em .75em 3em !important; color: #fff !important; font-size: inherit; line-height: 1em; margin-bottom: 1em; text-decoration: none !important; position: relative; border: none; overflow:visible; -o-box-sizing:border-box; -ms-box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; z-index: 1; text-transform:none; vertical-align: middle; background: #259cce !important; background: -moz-linear-gradient(top, #259cce 5%, #1d8bc4 50%, #1880bd 95%) !important; background: -webkit-gradient(linear, left top, left bottom, color-stop(5%,#259cce), color-stop(50%,#1d8bc4), color-stop(95%,#1880bd)) !important; background: -webkit-linear-gradient(top, #259cce 5%,#1d8bc4 50%,#1880bd 95%) !important; background: -o-linear-gradient(top, #259cce 5%,#1d8bc4 50%,#1880bd 95%) !important; background: -ms-linear-gradient(top, #259cce 5%,#1d8bc4 50%,#1880bd 95%) !important; background: linear-gradient(to bottom, #259cce 5%,#1d8bc4 50%,#1880bd 95%) !important; text-transform:uppercase !important; float:none !important; border-radius:0 !important; width:auto; } .bt.orange { background: #f2c79d !important; background: -moz-linear-gradient(top, #f2c79d 5%, #f0be91 50%, #eeb889 95%) !important; background: -webkit-gradient(linear, left top, left bottom, color-stop(5%,#f2c79d), color-stop(50%,#f0be91), color-stop(95%,#eeb889)) !important; background: -webkit-linear-gradient(top, #f2c79d 5%,#f0be91 50%,#eeb889 95%) !important; background: -o-linear-gradient(top, #f2c79d 5%,#f0be91 50%,#eeb889 95%) !important; background: -ms-linear-gradient(top, #f2c79d 5%,#f0be91 50%,#eeb889 95%) !important; background: linear-gradient(to bottom, #f2c79d 5%,#f0be91 50%,#eeb889 95%) !important; } .bt_cart { font-size:1.5em; font-family: 'Roboto', sans-serif; position: absolute; top: 4.5625em; right: 0; background: #259cce; color: #fff; padding: .5em 1em; display: block; white-space: nowrap; z-index: -1; box-shadow: 0 0 .25em rgba(0, 0, 0, .3), 0 0 .125em rgba(0, 0, 0, .3); text-transform:uppercase; } .dark .bt, .bt.light { background:#0383d5; } @media only screen and (max-width:767px) { .searchsubmit, .bt { font-size:1.25em; padding: .75em 1.5em .75em 1.5em !important; } .bt_cart { height:40px; font-size:10px; left:0; right:auto; top:-1px; background: rgba(0,0,0,.6) !important; padding:16px 10px !important; display:block; background: rgba(0,0,0,.4) !important; z-index:1; box-shadow:none; -o-box-sizing:border-box; -ms-box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; } } .zone p a.bt { margin-bottom:0; } .searchsubmit:hover, .bt:hover, .pbSubmit:hover { text-decoration: none; } .bt.learnmore:before { content: 'Learn More: '; text-transform: uppercase; font-size: .975em; opacity: .75; } input.bt, .searchsubmit, .pbSubmit { -webkit-appearance: none; -moz-appearance: none; -webkit-font-smoothing: antialiased; font-family: 'Montserrat', sans-serif; cursor:pointer; } input.bt:hover, .searchsubmit:hover { text-decoration: underline; } .no_click>a { cursor: none; } .bt_login a { font-weight:700; position:absolute; right:-15em; top: 3.43em; top: 3.38em; color:#fff; -o-box-sizing:border-box; -ms-box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; padding:.625em 1em; background:#053f78; display:block; box-shadow:inset 0 -3px 6px -3px rgba(0,0,0,.5); white-space:nowrap; } .is-sticky .bt_login a { padding:.625em 1em; top: 1.9375em; -webkit-transition: all .25s linear; -moz-transition: all .25s linear; -o-transition: all .25s linear; transition: all .25s linear; } .bt_login a:hover { color:#fff; } .mnu li.bt_login:after { content:normal; } .bt_pdf.big { text-align:center; display:block; font-family: 'Montserrat', sans-serif; font-weight:800; text-decoration:underline; } .bt_pdf.big:hover { text-decoration:none; } .bt_pdf.big:before { content:' '; text-decoration:none; display:block; width:6.25em; height:5.04166666666667em; background:url(img/PDF-large.png) center center no-repeat; background-size:100% 100%; margin:0 auto .5em auto; } @media only screen and (max-width:767px) { .bt_logo { left:0; } .bt_login a{ position:relative; background:none; padding: .75em 0; top:auto; left:auto; right:auto; height:auto; box-shadow:none !important; font-weight:300; } .navbar .zone { width:100%; } .navbar .bt_logo { } .navbar { left:0; } } /* Google map =========================== */ .acf-map { height: 25em; } .imghldr { position:relative; } /* Animation ============================== */ .fade_in_start , .fade_left, .fade_left2, .fade_left3, .fade_left4, .fade_left5, .fade_left6, .fade_left7, .fade_left8 , .fade_in, .fade_in2, .fade_in3, .fade_in4, .fade_in5, .fade_in6, .fade_in7, .fade_in8 , .fade_right, .fade_right2, .fade_right3, .fade_right4, .fade_right5, .fade_right6, .fade_right7, .fade_right8 , .fade_top , .fade_top2, .fade_top3, .fade_top4, .fade_top5, .fade_top6, .fade_top7, .fade_top8 , .fade_top_start { /*, .item_fade_in , .block*/ opacity:0; -webkit-transition: all .25s linear; -moz-transition: all .25s linear; -o-transition: all .25s linear; transition: all .25s linear; } .fade_left, .fade_left2, .fade_left3, .fade_left4, .fade_left5, .fade_left6, .fade_left6, .fade_left7, .fade_left8 , .fade_right, .fade_right2, .fade_right3, .fade_right4, .fade_right5, .fade_right6, .fade_right7, .fade_right8 , .fade_top , .fade_top2, .fade_top3, .fade_top4, .fade_top5, .fade_top6, .fade_top6, .fade_top7, .fade_top8 , .fade_top_start { position: relative; } .fade_left, .fade_left2, .fade_left3, .fade_left4, .fade_left5, .fade_left6, .fade_left6, .fade_left7, .fade_left8 { left:-2rem; } .fade_right, .fade_right2, .fade_right3, .fade_right4, .fade_right5, .fade_right6, .fade_right7, .fade_right8 { left:2rem; } .fade_top, .fade_top_start, .fade_top2, .fade_top3, .fade_top4, .fade_top5, .fade_top6, .fade_top6, .fade_top7, .fade_top8 { top:-2rem; } /* @media only screen and (max-width:1024px) { .fade_in_start, .fade_in , .fade_in2, .fade_in3, .fade_in4, .fade_in5, .fade_in6, .fade_in7, .fade_in8 { opacity:1; } .fade_left, .fade_left2, .fade_left3, .fade_left4, .fade_left5, .fade_left6, .fade_left6, .fade_left7, .fade_left8 , .fade_right, .fade_right2, .fade_right3, .fade_right4, .fade_right5, .fade_right6, .fade_right7, .fade_right8 , .fade_top , .fade_top2, .fade_top3, .fade_top4, .fade_top5, .fade_top6 , .fade_top_start { opacity:1; left:0; top:0; } } */ .block.filler { height:42em; } .img_fpo { margin: 1em auto 3em auto; box-shadow: 0 .125em .25em rgba(0,0,0,.3), 0 .25em .5em -.25em rgba(0,0,0,.4); width: 100%; } .vid_frame { margin: 2em 0 2em 0; padding: 0 0 56.25% 0 !important; display: block; position: relative; box-shadow: 0 .125em .25em rgba(0,0,0,.3), 0 .25em .5em -.25em rgba(0,0,0,.4); height:0 !important; } @media only screen and (max-width:767px){ .vid_frame{ margin-top:1em !important; margin-bottom:3em; } } .vid_frame.map { width:100%; } .vid_frame.map .acf-map ,.vid_frame.map .the_map { display:block; top:0; left:0; bottom:0; right:0; position:absolute; } .vid_frame.ratio4x3 { padding:0 0 75% 0; } .vid_frame iframe, .vid_frame p { width:100%; height: 100%; position:absolute; top:0; left:0; bottom:0; right:0; margin:0 !important; padding:0 !important; font-size:1em !important; } .bx_vid_frm .zone, .bx_vid_side .zone , .bx_vid_top .zone { padding-left:7%; -o-box-sizing:border-box; -ms-box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; } .bx_vid_frm .desc { width:57.5%; display:block; float:left; margin:0; padding:0; } .bx_vid_frm .sd_frm{ float:left; margin:6em 0 2em 4em; } .bx_vid_side .vid_hld { width:56%; float:left; margin-bottom:4em; } .bk_video { /* padding:0 0 39.859320046893% 0; height:0; */ position:relative; overflow:hidden; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position:center center; background-repeat:no-repeat; margin-bottom: -1px !important; z-index: 0; } .bk_video .video_button { position:absolute; z-index:105; top:0; bottom:0; left:0; right:0; cursor:pointer; background:url(img/audio.gif) right bottom no-repeat; background-size:7.8125em 2.34375em; opacity:.5 } .bk_video iframe { position:absolute; top:-45.9147424511545%; bottom:-45.9147424511545%; top:-47.5%; bottom:-47.5%; border:none !important; left:0%; right:0%; width:100%; height:191.829484902309%; height:195%; display:block; background:#000; margin:0 !important; -o-box-sizing:border-box; -ms-box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; padding: .5em 0 !important; z-index:100; } @media only screen and (max-width:2560px) { .bk_video iframe { left: calc( 50% - 80em); right: calc( 50% - 80em); width:160em; } } @media only screen and (max-width:767px) { .bk_video iframe { left: 0; right: 0; width:100%; } } #player { opacity:0; -webkit-transition: opacity 1.5s linear; -moz-transition: opacity 1.5s linear; -o-transition: opacity 1.5s linear; transition: opacity 1.5s linear; } .bk_video:after { content:' '; display:block; position:absolute; overflow:hidden; top:0; bottom:0; left:0; right:0; width:100%; height:100%; z-index:100; } @media only screen and (max-width:639px) { .bx_vid_side .vid_hld, .bx_vid_side .desc, .bx_vid_frm .desc, .bx_vid_side .desc { width:100%; float:none; clear: both; margin: .5em 0 ; } .bx_vid_frm .sd_frm{ margin:1em auto 2em auto; float:none; } } .bx_vid_top .vid_hld { width:70%; margin-bottom:5em; } .bx_vid_top h2 { color:#0f0708; } .bx_vid_top h2,.bx_vid_top p { width:50%; } @media only screen and (max-width:767px) { .bx_vid_top .vid_hld { width:100%; margin-bottom:2em; } .bx_vid_top h2,.bx_vid_top p { width:100%; } } .image.alt_pic,.image.alt_image { width:100%; max-width:420px; border:10px solid #fff; background:#fff; box-shadow:0 .125em .5em rgba(0,0,0,.3); display:none; margin:0 auto; -o-box-sizing:border-box; -ms-box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; } .image.alt_pic.left,.image.alt_image.left { -ms-transform: rotate(-4deg); -moz-transform: rotate(-4deg); -o-transform: rotate(-4deg); -webkit-transform: rotate(-4deg); transform: rotate(-4deg); } .image.alt_pic.right, .image.alt_image.right{ -ms-transform: rotate(4deg); -moz-transform: rotate(4deg); -o-transform: rotate(4deg); -webkit-transform: rotate(4deg); transform: rotate(4deg); } /* Blog formating =================================== */ #content { } @media only screen and (max-width:767px) { #content { padding-top:0; } } .single-post h2 ,.single-post h3 ,.single-post h4 ,.single-post h5 ,.single-post h6 ,.sidebar h3{ } .single-post h3 { /* font-size:2em; */ } .single-post h3, .single-post h4 { /* font-weight:700; */ } .single-post .intro { font-size:100%; color:#0051a0; font-weight:bold; } .header_image .box1 h1.heading_top { margin-top: 36% !important; margin-left: 40% !important; width: 80%; } @media only screen and (max-width:767px){ .header_image .box1 h1.heading_top { margin-top: 16% !important; margin-left: 23% !important; } #content { padding-top: 0 !important; } } .header_image.empty { height:4.75em; } .category_heading { margin-top: 0 !important; } @media only screen and (max-width:767px){ .category_heading { margin-top: 3em !important; } .header_image.empty { height:0; } } .blog1.story .zone { padding-top:0 !important; } .blog1 .box1 { width: 57.5%; float: left; margin-left: 4.5% } .blog1 .box0 { width:50%; float:left; margin-left:0; padding:0; margin-bottom:0 !important; } .blog1 .box { margin-bottom:3em; } .blog1 .box.clear { margin-bottom:0; } .blog1 .box0 h2{ margin-bottom:0; } .blog1 .box2 { width: 34%; float: left; margin-left: 4%; padding-left: 4%; border-left: 5px solid #ebebeb; -o-box-sizing:border-box; -ms-box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; } .sidebar>div { margin-bottom:3em; } @media only screen and (max-width:767px){ .blog1 .box2 { } .story .zone .box {padding:0 !important; } } .blog1 .box2 h3 { margin: 0 0 1em 0 !important; } .block_bk_img { background: url(/wp-content/uploads/2015/11/blog-bkgd.jpg) center top repeat-y; background-size: 100% 100%; } .blog0 .box1 { margin-left:9%; width:97%; text-align:center; margin-top: 0; } .blog0 h1{ margin-top:.75em; width:85%; display:block; margin-bottom: 0 !important; } .blog1 .box h2 ,.blog1 .box h3 ,.blog1 .box h4{ } .blog1 .box h2 { font-size:3.5em; } .blog1 .box h3 { } .blog1 .box h4{ } @media only screen and (max-width:767px) { .blog1 .box1 { width:100%; margin:0 auto; max-width:528px; float:none; } .blog1 .box2 { width:100%; margin:0 auto; max-width:315px; padding:2em 0 0 0; border-left:none; max-width:528px; float:none; } .blog0 h1{ width:100%; font-size: 3em; } .blog0 .box1 { width:100%; margin:0 auto; } .single-post .bt_logo .the_page_title { display:none; } } .sidebar :first-child h3 { margin-top:0em; } .post .bt { font-size:1.5em; } .post .xx .bt:after { content:'Read More'; } .blog1 .post a{ text-decoration: none !important; } .post h3 { } .blog1 .post .postinfo { color:#2a5b99; display:block; float:right; font-size:1.125em; display:none; } @media only screen and (max-width:767px) { .blog1 .post .postinfo { display:none; } } .blog1 .post .postinfo a:hover { text-decoration:underline !important; } .blog1 .post .postinfo .tag{ background:#2e5aa4; text-transform:uppercase; font-size:1.33333333333333em; margin-right:.25em; padding:.25em .5em; display:inline-block;color:#fff; } .blog1 .post { margin-bottom:3em; } .sidebar h3 { font-size:1.5em; padding:.125em 0; line-height:1em; display:block; float:left; clear:both; clear:both; left:0; position:relative; -webkit-transition: all .125s linear; -moz-transition: all .125s linear; -o-transition: all .125s linear; transition: all .125s linear; } .sidebar { padding-bottom:1em; } .sidebar ul { clear:both; } .feat_image { display:block; width:100%; height:auto; margin-bottom:1em; } .aligncenter, .alignnone { display:block; margin:0 auto; max-width:100%; height:auto; } .alignright { display:block; float:right; height:auto; max-width:50%; margin:0 0 .5em 1em; } .alignleft { display:block; float:left; height:auto; max-width:50%; margin:0 1em .5em -4%; } .aligncenter img, .alignnone img, .alignleft img , .alignright img { display:block; width:100%; height:auto; } .wp-caption-text { font-size:.975em !important; font-weight:400; text-align:center; background:#f5f5f6; line-height:1.125em !important; padding:.3125em 0; } @media only screen and (max-width:767px) { img.alignleft { margin-left:-5%; } img.alignright { margin-right:-5%; } } .widget_categories .cat-item a:hover { text-decoration:none; } .widget_categories .cat-item { padding:0; font-size:1.125em; clear:both; } .sidebar h3 { margin-bottom:.25em; font-weight:500; font-style:normal; } .story .widget_categories h3 { margin-top:0 !important; } .zone .widget_recent_entries li { font-size:1.125em; padding:0; } .zone .sidebar li:before { display:none; } .sidebar li a { padding:0 0 .5em 1em; position:relative; display:block; } .links li a{ padding:0 0 0 1em; position:relative; display:block; }.pdf li a { padding:0 0 0 1.25em; position:relative; display:block; } .links li ,.pdf li { padding-left:0; } .sidebar li a:hover { text-decoration:none; } .sidebar li a:before ,.links li a:before { display:block; font-weight:700; color: #0055a5; font-size:1.25em; content:'»'; position:absolute; left:1.125em; padding:0 0 0 0; position:absolute; top:-.1em; left:0; -webkit-transition: all .125s linear; -moz-transition: all .125s linear; -o-transition: all .125s linear; transition: all .125s linear; } .pdf li a:before { display:block; content:' '; overflow:hidden; height:0.88888888888889em; width:0.88888888888889em; background:url(img/pdficon_small.png) center center no-repeat; background-size:100% 100%; position:absolute; top:.25em; left:0; } .links li:before ,.pdf li:before{ content:normal; } .dark .links li a:before { color: #fff; } .sidebar li a:hover ,.links li a:hover { text-decoration:none; } .sidebar li a:hover:before ,.links li a:hover:before { left:.125em; } .widget_tag_cloud { display:block; text-align:left } .tags .txt .col a,.tagcloud a { display:inline-block; background:rgba(0,0,0,.1); padding:4px; text-decoration:none; font-size:1.125em; text-transform:uppercase; line-height:.875em; margin:6px 3px; background:#fff; color:#2a5ca5; -webkit-transition: all .125s linear; -moz-transition: all .125s linear; -o-transition: all .125s linear; transition: all .125s linear; } .widget_tag_cloud h3{ text-align:left; } .tagcloud { clear:both; } .tagcloud a { vertical-align:middle; background:rgba(255,255,255,.4); box-shadow:0 1px 3px rgba(0,0,0,.3); position:relative; left:0; } .tagcloud a:before { } .tagcloud a:hover { text-decoration:none !important; left:5px; } .tags .txt .col a:hover,.tagcloud a:hover { text-decoration:underline; } .tagcloud a:hover { background:rgba(255,255,255,.6); } .pagination { margin:2em 0; display:block; } .pagination a, .pagination span,.story .postinfo a { display:inline-block; font-size:1.75em; padding:.0625em .125em; margin:.125em .25em .125em 0; position:relative; left:0; -webkit-transition: all .125s linear; -moz-transition: all .125s linear; -o-transition: all .125s linear; transition: all .125s linear; text-align:center; min-width:.8625em; opacity:.5; } .pagination a { } .story .postinfo a { font-size:1.625em; } .pagination a:hover, .story .postinfo a:hover { left:.25em; text-decoration:none !important; opacity:1; } .pagination span { opacity:1; } h2.tagged .line_1 { text-transform:uppercase; } /*! Lity - v1.5.0 - 2015-09-22 * http://sorgalla.com/lity/ * Copyright (c) 2015 Jan Sorgalla; Licensed MIT */ .lity { z-index: 9990; position: fixed; top: 0; right: 0; bottom: 0; left: 0; white-space: nowrap; background: #0b0b0b; background: rgba(0, 0, 0, 0.9); outline: none !important; opacity: 0; -webkit-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } .lity.lity-opened { opacity: 1; } .lity.lity-closed { opacity: 0; } .lity * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .lity-wrap { z-index: 9990; position: fixed; top: 0; right: 0; bottom: 0; left: 0; text-align: center; outline: none !important; } .lity-wrap:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -0.25em; } .lity-loader { z-index: 9991; color: #fff; position: absolute; top: 50%; margin-top: -0.8em; width: 100%; text-align: center; font-size: 14px; opacity: 0; -webkit-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } .lity-loading .lity-loader { opacity: 1; } .lity-container { z-index: 9992; position: relative; text-align: left; vertical-align: middle; display: inline-block; white-space: normal; max-width: 100%; max-height: 100%; outline: none !important; } .lity-content { z-index: 9993; width: 100%; -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: -webkit-transform 0.3s ease; -o-transition: -o-transform 0.3s ease; transition: transform 0.3s ease; } .lity-loading .lity-content, .lity-closed .lity-content { -webkit-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); } .lity-content:after { content: ''; position: absolute; left: 0; top: 0; bottom: 0; display: block; right: 0; width: auto; height: auto; z-index: -1; -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); } .lity-close { z-index: 9994; width: 35px; height: 35px; position: fixed; right: 0; top: 0; -webkit-appearance: none; cursor: pointer; text-decoration: none; text-align: center; padding: 0; color: #fff; font-style: normal; font-size: 35px; line-height: 35px; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); border: 0; background: none; outline: none; -webkit-box-shadow: none; box-shadow: none; } .lity-close::-moz-focus-inner { border: 0; padding: 0; } .lity-close:hover, .lity-close:focus, .lity-close:active, .lity-close:visited { text-decoration: none; text-align: center; padding: 0; color: #fff; font-style: normal; font-size: 35px; line-height: 35px; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); border: 0; background: none; outline: none; -webkit-box-shadow: none; box-shadow: none; } .lity-close:active { top: 1px; } /* Image */ .lity-image img { max-width: 100%; display: block; line-height: 0; border: 0; } /* iFrame */ .lity-iframe .lity-container { width: 100%; max-width: 964px; } .lity-iframe-container { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; } .lity-iframe-container iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #000; } .lity-hide { display: none; } /* for lightbox */ /* .lb-social { font-size:1.25em; display: inline-block; text-align:center; width: auto; padding:0 0 0 0; margin:-2.2em auto 0 auto; position:relative; top:-.3em; text-transform:uppercase; letter-spacing:-.0625em; font-weight:700; color:#792268; color:rgba(255,255,255,.8); vertical-align: middle; line-height:1em; } .lb-social:before { content:'share:'; } .ea_lang_es .lb-social:before { content:'compartir:'; } .lb-social >a{ display:inline-block; margin:0 0 0 .5em; z-index:10000; width:1.6em; height:1.6em; overflow:hidden; border-radius:.25em; vertical-align: middle; } .lb-social a.lb_twitter{ background:url(img/bt_tw.png) center center no-repeat; background-size:100% 100%; }.lb-social a.lb_facebook{ background:url(img/bt_fb.png) center center no-repeat; background-size:100% 100%; }.lb-social a.lb_google{ background:url(img/bt_gp.gif) center center no-repeat; background-size:100% 100%; }.lb-social a.lb_pintrest{ background:url(img/bt_pin.png) center center no-repeat; background-size:100% 100%; }.lb-social a.lb_email{ background:url(img/bt_email.png) center center no-repeat; background-size:100% 100%; }.lb-social a.lb_link{ background:url(img/bt_link.png) center center no-repeat; background-size:100% 100%; } /* Preload images */ body:after { content: url(img/close.png) url(img/loading.gif) url(img/prev.png) url(img/next.png); display: none; } .lightboxOverlay { position: absolute; top: 0; left: 0; z-index: 9999; background-color: black; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity: 0.8; display: none; } .lightbox { position: absolute; left: 0; width: 100%; z-index: 10000; text-align: center; line-height: 0; font-weight: normal; } .lightbox .lb-image { display: block; height: auto; max-width: inherit; border-radius: 0; } .lightbox a img { border: none; } .lb-outerContainer { position: relative; *zoom: 1; width: 250px; height: 250px; margin: 0 auto; border-radius: 0; } .lb-outerContainer:after { content: ""; display: table; clear: both; } .lb-container { padding: 4px; } .lb-loader { position: absolute; top: 43%; left: 0; height: 25%; width: 100%; text-align: center; line-height: 0; } .lb-cancel { display: block; width: 32px; height: 32px; margin: 0 auto; background: url(img/loading.gif) no-repeat; } .lb-nav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; } .lb-container > .nav { left: 0; } .lb-nav a { outline: none; background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=='); } .lb-prev, .lb-next { height: 100%; cursor: pointer; display: block; } .lb-nav a.lb-prev { width: 34%; left: 0; float: left; background: url(img/prev.png) left 48% no-repeat; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -webkit-transition: opacity 0.6s; -moz-transition: opacity 0.6s; -o-transition: opacity 0.6s; transition: opacity 0.6s; } .lb-nav a.lb-prev:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } .lb-nav a.lb-next { width: 64%; right: 0; float: right; background: url(img/next.png) right 48% no-repeat; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -webkit-transition: opacity 0.6s; -moz-transition: opacity 0.6s; -o-transition: opacity 0.6s; transition: opacity 0.6s; } .lb-nav a.lb-next:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } .lb-dataContainer { margin: 0 auto; padding-top: 5px; *zoom: 1; width: 100%; border-bottom-right-radius: 0; } .lb-dataContainer:after { content: ""; display: table; clear: both; } .lb-data { padding: 0 4px; color: #ccc; } .lb-data .lb-details { width: 85%; float: left; text-align: left; line-height: 1.1em; } .lb-data .lb-caption { font-size: 13px; font-weight: bold; line-height: 1em; } .lb-data .lb-number { display: block; clear: left; padding-bottom: 1em; font-size: 12px; color: #999999; } .lb-data .lb-close { display: block; float: right; width: 30px; height: 30px; background: url(img/close.png) top right no-repeat; text-align: right; outline: none; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; -webkit-transition: opacity 0.2s; -moz-transition: opacity 0.2s; -o-transition: opacity 0.2s; transition: opacity 0.2s; } .lb-data .lb-close:hover { cursor: pointer; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } /* */ /* contact form =========================== */ .contact_form { padding:4em 0 2em 0; text-align:center; } .contact_form .zone { padding:2px 0 !important; } .contact_form .zone .box ulsd_frm { margin-bottom:0; } .contact_form .box1 { width:24%; display:inline-block; clear:both; text-align:left; vertical-align:top; font-weight:400; margin-left: 3em; margin-top: -2.5em; } .contact_form .box1 h5 { color:#001c6b; margin-bottom:.875em; } .contact_form img { display:block; width:70%; height:auto; margin-left: -13%; } .contact_form .box1 p { line-height:1.35em; } .contact_form .hours { font-size:1.33333333333333em; } .contact_form .box1 div { height:1px; width:57%; background:#001c6b; margin: 0 0 .75em 0; } .contact_form .box2 { width:63%; margin:0 auto; vertical-align:top; } .contact_form .box2 li { } .contact_form .box2 ul{ width:55%; -o-box-sizing:border-box; -ms-box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; display:block; margin:5em auto !important; } .contact_form .box2 { width:80%; } .contact_form.message_form .box2 ul{ width:48%; float:left; margin-right:1% !important; margin-leftt:1% !important; } .contact_form { } .contact_form .box2 li.input input { padding:.5em; display: block; } .contact_form h3 { text-align:left; margin:0 0 1em 0; clear:both; } .contact_form .box2 h2{ margin:0; line-height:1em; } .contact_form .box2 h4{ margin:.25em 0; } .contact_form.block .zone ul.sd_frm li .bt ,.contact_page.block .zone ul.sd_frm li .bt { float:right; } @media only screen and (max-width:767px) { .contact_form.message_form .mobile { display:block !important; float:left; } .contact_form.message_form .box2 ul{ width:100%; float:none; margin:0 auto !important; } .contact_form { padding:2em 0; } .contact_form .box1, .contact_form .box2 { width:100%; margin:0 auto; max-width:400px; float:none; display: block; } .contact_form .box1 { max-width:200px; margin:5em auto 0 auto !important; float:none; } .contact_form .box2 ul{ width:100%; padding:0; float:none; clear:both; margin:2em auto !important; } .contact_form .box2 .bt { font-size:.75em; } } /* .contact_form .input,.contact_form .bt { font-size:1.4375em; background: #0accb6; background: -moz-linear-gradient(top, #0accb6 0%, #0accb6 30%, #06a5a8 70%, #06a5a8 100%); background: -webkit-linear-gradient(top, #0accb6 0%,#0accb6 30%,#06a5a8 70%,#06a5a8 100%); background: linear-gradient(to bottom, #0accb6 0%,#0accb6 30%,#06a5a8 70%,#06a5a8 100%); } @media only screen and (max-width:767px) { .contact_form .box2 { width:100%; margin:0 auto 0 auto; max-width:410px; float:none; } .contact_form h3 { font-size:12.5vw; width:100%; } } @media only screen and (max-width:400px) { .contact_form .box2 .sd_frm .phone{ font-size: 1.3125em; margin-top: 0.5em; } } /* Page Specific Styles =========================== */ .header_image .box { position:absolute; } .header_image.covered { background-position:center top; } .header_image .zone { height:100%; position:relative; } .slider>.zone { position:absolute; top:0; height:100%; left: calc( 50% - 50em ); } @media only screen and (min-width:1200px) { .slider>.zone { } } @media only screen and (max-width:767px) { .header_image .zone { position:absolute; top:0; bottom:0; left:5%; right:5%; } .header_image .box { font-size:1.125vw; } } .block_count1 .box .arrow { display:block; float:right; text-shadow:0 1px .25em rgba(0,0,0,.63); font-size:2em; } .block_count1 .box .arrow:before { content:' '; width:3.125em; height:3.125em; display:block; margin:0 auto .25em auto; background:url(img/arrow-down.png) center center no-repeat; background-size:100% 100%; } .block_count1 .box h2 { font-size:4.5em; text-shadow:0 .03125em .0625em rgba(0,0,0,.3); } .block_count1 .box h2 strong { display:block; } @media only screen and (max-width:767px) { } /* =========================== */ .block_blog { text-align:center; } .block_blog .post { width:30%; display:inline-block; vertical-align:top; margin:1em 1.5%; text-align:left; } .block_blog .post .post_image { padding:0 0 83.383685800604% 0; box-shadow:0 .25em .5em rgba(0,0,0,.3); } .block_blog .post a:hover{ text-decoration:none; } .block_blog .post h3 { font-size:1.5em; } @media only screen and (max-width:767px) { .block_blog .post { width:100%; margin:20px auto 50px auto; max-width:325px; float:none; display:block; } } /* =========================== */ .team_member:nth-child(odd) { background:#f0f4f7; background:#e2e9ef; } .team_member:nth-child(even) { background:#e2e9ef; background:#fff; background:#f0f4f7; } .team_member .zone { width:67.5625em; padding:4em 0 2em 0 !important; } .team_member .box { width:64.754856614246%; float:right; } .team_member .box>h4 { margin-top:0; } .team_member .img { width:27.752081406105%; height:auto; display:block; float:left; border:.125em #fff solid; box-shadow:0 .25em .5em rgba(0,0,0,.3); } .team_member h4 { font-weight:300; font-size: 1.5em; line-height:1.5em; } .team_member h4 strong{ font-weight:700; font-size:1.25em; } @media only screen and (max-width:767px) { .team_member .img { width:45%; margin:0 1em .125em 0; } .team_member .zone { width:90%; max-width:570px; padding:2em 0 !important; } } /* Front page slider =========================== */ .client_slider { background: #259cce !important; background: -moz-linear-gradient(top, #259cce 5%, #1d8bc4 50%, #1880bd 95%) !important; background: -webkit-gradient(linear, left top, left bottom, color-stop(5%,#259cce), color-stop(50%,#1d8bc4), color-stop(95%,#1880bd)) !important; background: -webkit-linear-gradient(top, #259cce 5%,#1d8bc4 50%,#1880bd 95%) !important; background: -o-linear-gradient(top, #259cce 5%,#1d8bc4 50%,#1880bd 95%) !important; background: -ms-linear-gradient(top, #259cce 5%,#1d8bc4 50%,#1880bd 95%) !important; background: linear-gradient(to bottom, #259cce 5%,#1d8bc4 50%,#1880bd 95%) !important; } .client_slider .zone { padding: 3em 0 !important; } .client_slider .crsl-item { width:12.375em !important; margin:0 6.5em; } .client_slider .crsl-item img{ display:block; width:100%; height:auto; } .client_slider .box1 { width:72%; position:relative; } .crsl-nav span { display:block; height:7em; width:2em; position:absolute; top:0; cursor:pointer; opacity:.6; -webkit-transition: all .125s linear; -moz-transition: all .125s linear; -o-transition: all .125s linear; transition: all .125s linear; } .crsl-nav span:hover { opacity:.8; } .crsl-nav span.previous { left:-2em; background:url(img/bt_pre.png) center center no-repeat; background-size:1.5em 2.5em; } .crsl-nav span.next { right:-2em; background:url(img/bt_next.png) center center no-repeat; background-size:1.5em 2.5em; } @media only screen and (max-width:767px) { .client_slider { font-size:1vw; } } /* =========================== */ .woo_page { background-position:center top; } .woocommerce-page .hld { padding-top:8em; } .woocommerce-page.cart .hld , .woocommerce-page.checkout .hld{ padding-top:0; } @media only screen and (max-width:767px) { .woocommerce-page .hld { padding-top:0; } .woo_page { background-size:100% auto !important; background-color: rgb(244, 252, 254); } } .woocommerce-page.checkout .col-2 { display:none; } .woocommerce-page.checkout .col-1 { width:100%; } .woocommerce-page.checkout .cart_page .box { width:40%; } .page-template-page-image-above .hld { padding-top:0; } .woocommerce-page .ftr { border-top:1em solid rgb(37, 156, 206); } .woocommerce-page .navbar .mnu { display:none; } .woocommerce-page .navbar .nav_holder { background:none; box-shadow: none; } @media only screen and (max-width:767px) { .woocommerce-page .block1 .zone { padding-bottom:2em !important; } .woocommerce-page .block1 .box1 h2{ font-size:1.25em; } .woocommerce-page .navbar .nav_holder { background:rgba(255, 255, 255, .96); } } .woocommerce .hld div.product div.summary { float:none; margin:6em auto 0 auto; width:100%; } @media only screen and (max-width:767px) { .woocommerce .hld div.product div.summary { margin:20px 0 auto; } h1.product_title.entry-title { font-size:1.5em; } } .wccpf-fields-group-1 { width:70%; margin:1em auto 2em auto; } .wccpf-fields-group-1:after { content:' '; display:block; clear:both; height:0; width:0; overflow: hidden; } .wccpf_fields_table>label, .wccpf-fields-group >div>label, .entry-summary .price { display:none; } .wccpf-fields-group ul li:before { content:normal; } .wccpf-fields-group h4 { font-size: 1.75em; margin-top: 0px; margin-right: 0px; margin-bottom: 0.75em; margin-left: 0px; line-height: 1em; font-weight: 800; text-transform: uppercase; color: rgb(0, 77, 121); font-family: Montserrat, sans-serif; } @media only screen and (max-width:767px) { .wccpf-fields-group h4 { font-size:1.25em; } .wccpf-fields-group-1 { width:100%; } } .wccpf_fields_table input , .wccpf_fields_table textarea , .wccpf_fields_table select { font-family: 'Roboto Slab', serif; font-size: 1.875em; line-height:1.25em; display: block; background: #fff; width: 100%; border: 1px solid #eee; padding: .25em 0 .25em .5em !important; margin:.25em 0 ; -o-box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-weight: 300 !important; -webkit-font-smoothing: antialiased; -webkit-appearance: none; -moz-appearance: none; text-transform: none !important; border-radius:0; } .wccpf_fields_table select { background: url(/wp-content/themes/gd_custom_CoastalRisk/img/select_arrow40x40.png) no-repeat right #fff !important; background-size: 1.25em 1.25em !important; } .wccpf_fields_table select { color:#999; } .wccpf_fields_table input:focus , .wccpf_fields_table textarea:focus , .wccpf_fields_table select:focus { color:#259cce; } .wccpf_fields_table.city , .wccpf_fields_table.state , .wccpf_fields_table.zip { float:left; display:block; } .wccpf_fields_table.city { width:50%; } .wccpf_fields_table.state { width:15%; margin:0 2.5%; } .wccpf_fields_table.zip { width:30%; } .wcff-label-info { clear:both; background:none !important; border:none !important; margin:0 !important; border-radius: none !important; } .wcff-label-info a { text-decoration:underline; } .wcff-label-info a:hover { text-decoration:none; } .wccpf-fields-group ul li input[type="checkbox"] { appearance: none; display:none; } .wccpf-fields-group ul li input[type="checkbox"] + span:before { content:' '; display:inline-block; background:url(/wp-content/uploads/checkbox.png) center center no-repeat; background-size: 100% 100%; width:2em; height:2em; overflow:hidden; margin:0; -webkit-transition: all .125s linear; -moz-transition: all .125s linear; -o-transition: all .125s linear; transition: all .125s linear; top:.625em; position:relative; } .wccpf-fields-group ul li input[type="checkbox"]:checked + span:before { background:url(/wp-content/uploads/checkbox-checked.png) center center no-repeat; background-size: 100% 100%; } .wccpf-fields-group ul li input[type="checkbox"] + span { margin:0 !important; } @media only screen and (max-width:767px) { #wccpf-fields-container { width:100%; } .wccpf_fields_table input , .wccpf_fields_table textarea , .wccpf_fields_table select { font-size:1.125em; } } .woocommerce form .form-row.woocommerce-SavedPaymentMethods-saveNew label, .woocommerce-page form .form-row.woocommerce-SavedPaymentMethods-saveNew label { display:inline !important; } .payment_method_stripe img , .payment_method_paypal img { display:inline-block; } /* =========================== */ .cart_page.covered { background-position: center bottom; -webkit-background-size: 100% auto; -moz-background-size: 100% auto; -o-background-size: 100% auto; background-size: 100% auto; } .my-account .cart_page { background:#fff !important; } .cart_page .box { width:60%; margin:0 auto; left: 5%; position: relative; } .my-account .cart_page .box { width:70%; } @media only screen and (max-width:767px) { .cart_page .box { left:0; } } #customer_details p>label , .woocommerce form .form-row label, .woocommerce-page form .form-row label { display:none !important; } #customer_details p { margin:0 0 .5em 0; padding:0; } #customer_details p input , #customer_details p textarea , #customer_details p select , .select2-container .select2-choice , .woocommerce-MyAccount-content p input , .woocommerce-MyAccount-content p textarea , .woocommerce-MyAccount-content p select , .woocommerce-MyAccount-content .select2-choice { font-family: 'Roboto Slab', serif; font-size: 1em; line-height:1.25em; display: block; background: #fff; width: 100%; border: 1px solid #eee; padding: .25em 0 .25em .5em !important; margin:.25em 0 ; -o-box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-weight: 300 !important; -webkit-font-smoothing: antialiased; -webkit-appearance: none; -moz-appearance: none; text-transform: none !important; border-radius:0; margin:0; } #customer_details p select ,.select2-container .select2-choice { background: url(/wp-content/themes/gd_custom_CoastalRisk/img/select_arrow40x40.png) no-repeat right #fff; background-size: 1.25em 1.25em; } #customer_details p select { color:#999; border-radius:none; } .select2-drop-active { border: 1px solid #eee !important; } .select2-drop ,.select2-container .select2-choice{ color:#999 !important; border: 1px solid #eee !important; border-radius: none !important; } .select2-container .select2-choice .select2-arrow { display:none; } #customer_details p input:focus , #customer_details p textarea:focus , #customer_details p select:focus , .woocommerce-MyAccount-content p input:focus , .woocommerce-MyAccount-content p textarea:focus , .woocommerce-MyAccount-content p select:focus { color:#259cce; } .woocommerce form .form-row-first , .woocommerce form .form-row-last , .woocommerce-page form .form-row-first , .woocommerce-page form .form-row-last ,.woocommerce-MyAccount-content form .form-row-first , .woocommerce-MyAccount-content form .form-row-last , .woocommerce-MyAccount-content form .form-row-first , .woocommerce-MyAccount-contentform .form-row-last { width:49.5%; } .woocommerce form .form-row-last , .woocommerce-page form .form-row-last , .woocommerce-MyAccount-contentform .form-row-last , .woocommerce-MyAccount-contentform form .form-row-last { margin-left:1%; } .select2-results ul li { padding:0; } ul.select2-results li:before { content:normal; } h3#ship-to-different-address { font-weight:300 !important; text-transform:none; font-size:1.5em; padding-top:0em; margin: .875em 0 1em 0; line-height:1.2em; } @media only screen and (max-width:767px) { h3#ship-to-different-address { font-size:1em; } } /* */ .create-account-checkbox { display:block; position:relative; margin:-1em 0 .5em 0; } h3#ship-to-different-address input[type="checkbox"] , .wc-terms-and-conditions input[type="checkbox"] , .create-account-checkbox input[type="checkbox"] { display:none !important; } .wc-terms-and-conditions a {text-decoration:underline; } .wc-terms-and-conditions a:hover {text-decoration:none; } h3#ship-to-different-address input[type="checkbox"] + span:before ,.wc-terms-and-conditions input[type="checkbox"] + span:before ,.create-account-checkbox input[type="checkbox"] + span:before{ content:' '; display:inline-block; background:url(/wp-content/uploads/checkbox.png) center center no-repeat; background-size: 100% 100%; width:2em; height:2em; overflow:hidden; margin:0; -webkit-transition: all .125s linear; -moz-transition: all .125s linear; -o-transition: all .125s linear; transition: all .125s linear; top:.625em; position:relative; } h3#ship-to-different-address input[type="checkbox"]:checked + span:before ,.wc-terms-and-conditions input[type="checkbox"]:checked + span:before ,.create-account-checkbox input[type="checkbox"]:checked + span:before { background:url(/wp-content/uploads/checkbox-checked.png) center center no-repeat; background-size: 100% 100%; } h3#ship-to-different-address input[type="checkbox"] + span , .wc-terms-and-conditions input[type="checkbox"] + span , .create-account-checkbox input[type="checkbox"] + span { margin:0 !important; } /* */ #order_review_heading a { font-size:.625em; font-weight:400; text-transform:none; text-decoration:underline; margin-left:.5em; } #order_review_heading a:hover { text-decoration:none; } p.form-row.terms.wc-terms-and-conditions { line-height:1.2em !important; margin-bottom:2em; } .woocommerce td.product-name dl.variation dt , .woocommerce form .form-row .required { display:none; } .woocommerce td.product-name dl.variation dd { float:none; margin:.25em 0 0 0; font-size:1em; } .woocommerce td.product-name dl.variation dd p{ font-size:1em; } .woocommerce td.product-name dl.variation dd.variation-PropertyStreetAddress { display:block; } .product-name { font-weight:900; font-family: 'Montserrat', sans-serif; } .shop_table th { font-weight:900; font-family: 'Montserrat', sans-serif; } .product-name dl , .shop_table td{ font-weight:200 !important; } .shop_table .order-total td{ font-weight:900 !important; } .woocommerce table.shop_table { border-radius:0 !important; border: 1px solid #eee; background: #fff; } .shop_table .order-total { background:#f1f1f2; } .woocommerce-checkout-payment { border: none; border-radius:0 !important; background:none !important; } .woocommerce-checkout #payment ul.payment_methods { border: 1px solid #eee !important; border-radius:0 !important; background:#fff !important; } .place-order , .woocommerce #payment .terms, .woocommerce #payment .wc-terms-and-conditions, .woocommerce-page #payment .terms, .woocommerce-page #payment .wc-terms-and-conditions { text-align:center; float:none; } .woocommerce form .form-row .wc-terms-and-conditions label, .woocommerce-page form .form-row .wc-terms-and-conditions label { display:block !important; } .woocommerce-checkout #payment div.form-row { border:0; background:none; } #customer_details .create-account p:first-child { font-size:1.125em !important; } @media only screen and (max-width:767px) { #customer_details .create-account p:first-child { font-size:.875em !important; } } .woocommerce-info { border-top-color:#259cce; } .woocommerce-info:before { color:#259cce; } .woocommerce-info a { text-decoration:underline; color:#259cce; } .addresses address { font-style:normal; font-size:1.5em; } .woocommerce-MyAccount-navigation-link--downloads { display:none; } .woocommerce-MyAccount-navigation ul { border-right:1px solid #eee; } .woocommerce-thankyou-order-details li { display:inline-block; border:1px solid #eee !important; width:auto; padding:1em 1.25em .5em 1.25em !important; margin:.5em !important; line-height:1em; } .woocommerce-thankyou-order-details li:first-child { margin-left:0 !important; } .woocommerce-thankyou-order-details li:before { content: normal; } .woocommerce-MyAccount-navigation li:before { content: '»'; top: .1875em; } .woocommerce-MyAccount-navigation li.is-active { color: #259cce; font-weight:700; } form.login { max-width:20em; border-radius:0 !important; text-align:center !important; margin:0 auto !important; } h2.login { text-align:center; } form.login input[type="checkbox"]{ display:none !important; } form.login input[type="checkbox"] + span:before{ content:' '; display:inline-block; background:url(/wp-content/uploads/checkbox.png) center center no-repeat; background-size: 100% 100%; width:2em; height:2em; overflow:hidden; margin:0; -webkit-transition: all .125s linear; -moz-transition: all .125s linear; -o-transition: all .125s linear; transition: all .125s linear; top:.625em; position:relative; } form.login input[type="checkbox"]:checked + span:before { background:url(/wp-content/uploads/checkbox-checked.png) center center no-repeat; background-size: 100% 100%; } form.login input[type="checkbox"] + span { margin:0 !important; } form.login label ,.woocommerce-EditAccountForm.edit-account p label { display:none !important } form.login .remember { display:block !important; margin-bottom:1em; font-size:1.5em; padding:0 !important; } form.login .bt { font-size:1.25em; color:inherit; } form.login p input , .woocommerce-EditAccountForm.edit-account p input{ font-family: 'Roboto Slab', serif; font-size: 1em; line-height:1.25em; display: block; background: #fff; width: 100%; border: 1px solid #eee; padding: .25em 0 .25em .5em !important; margin:.25em 0 ; -o-box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-weight: 300 !important; -webkit-font-smoothing: antialiased; -webkit-appearance: none; -moz-appearance: none; text-transform: none !important; border-radius:0; margin:0; } .woocommerce-EditAccountForm.edit-account h5 { margin:2em 0 .5em 0; text-transform:none; line-height:1.25em; } .woocommerce input.button, .button.wc-forward { font-family: 'Montserrat', sans-serif; font-weight:800; text-align:center; display: inline-block; padding: .75em 3em .75em 3em !important; color: #fff !important; font-size: inherit; line-height: 1em; margin-bottom: 1em; text-decoration: none !important; position: relative; border: none; overflow:visible; -o-box-sizing:border-box; -ms-box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; z-index: 1; text-transform:none; vertical-align: middle; background: #259cce !important; background: -moz-linear-gradient(top, #259cce 5%, #1d8bc4 50%, #1880bd 95%) !important; background: -webkit-gradient(linear, left top, left bottom, color-stop(5%,#259cce), color-stop(50%,#1d8bc4), color-stop(95%,#1880bd)) !important; background: -webkit-linear-gradient(top, #259cce 5%,#1d8bc4 50%,#1880bd 95%) !important; background: -o-linear-gradient(top, #259cce 5%,#1d8bc4 50%,#1880bd 95%) !important; background: -ms-linear-gradient(top, #259cce 5%,#1d8bc4 50%,#1880bd 95%) !important; background: linear-gradient(to bottom, #259cce 5%,#1d8bc4 50%,#1880bd 95%) !important; text-transform:uppercase !important; float:none !important; border-radius:0 !important; width:auto; } #add_payment_method #payment div.payment_box:before, .woocommerce-cart #payment div.payment_box:before, .woocommerce-checkout #payment div.payment_box:before { border: 1em solid #f1f1f2; border-right-color: transparent; border-left-color: transparent; border-top-color: transparent; } #add_payment_method #payment div.payment_box, .woocommerce-cart #payment div.payment_box, .woocommerce-checkout #payment div.payment_box { background-color: #f1f1f2; } .woocommerce-error:before , ul.woocommerce-error>li:before{ content:normal !important; } .woocommerce-error { text-align:left; } .woocommerce-error li { font-size:1.125em; } .woocommerce-error .button.wc-forward { float:right !important; margin-left:.5em; font-size:.75em; padding: .75em 1em .75em 1em !important; } /* font-family: 'Roboto Slab', serif; font-family: 'Roboto', sans-serif; font-family: 'Montserrat', sans-serif; mobile and desktop ============================== These go at the end of the CSS file */ .mobile { display:none !important; } @media only screen and (max-width:767px) { .desktop { display:none !important } .mobile{ display:inherit !important; } .block.mobile.center_column { margin-top:3em;} .image.altpic,.image.altimg { display:block; } .bk_grey_footer { background:#FFF !important; } } div#sb-container { -webkit-transition: all .125s linear; -moz-transition: all .125s linear; -o-transition: all .125s linear; transition: all .125s linear; } body.notransition *, body.notransition { -webkit-transition: none !important; -moz-transition: none !important; -o-transition: none !important; -ms-transition: none !important; transition: none !important; } .quote_block .img { position:absolute; right:6em; width:10em; height:auto; } .quote_block blockquote { width:100%; margin:0; padding:0; position:relative; } .quote_block blockquote p:first-child:before { content:'“'; font-size:2em; position:absolute; top:.125em; left:-.3125em; } .quote_block blockquote p { font-size:3.25em; text-align:left; line-height: 1.25em } .quote_block blockquote p:last-child:after { content:'”'; } .quote_block .box { position:absolute; } @media only screen and (max-width:767px) { .quote_block { font-size:1vw; } } .quote_block p { text-align:right; font-size:1.875em; color:#fff; text-shadow:0 2px 6px rgba(0,0,0,.5); margin:0; } /* =========================== */