/*================================================================== TABLE OF CONTENTS: ==================================================================== 1.0 Base 1.1 Normalize 1.2 WordPress Core Defaults 1.3 Accessibility 1.4 Grid 2.0 Typography 2.1 Lists 2.2 Links 3.0 Components 3.1 Forms 3.2 Tables 3.3 Buttons 3.4 Accordion 3.5 Tabs 3.6 Pagination 3.7 Breadcrumbs 3.8 Media 3.9 Reveal 3.10 Slick Slider 4.0 Layout 4.1 Header 4.2 Footer 4.3 Sidebar 5.0 Templates 5.1 Home Page 5.2 Single Post 5.3 Post Archives 5.4 Contact Page 5.5 Search Results 5.6 404 Page 6.0 Media Queries 7.0 Print ==================================================================*/ /*================================================================== 1.0 Base ==================================================================*/ div, form, article, header, footer { position: relative; } .hidden { display: none; } iframe { max-width: 100%; } /*================================================================== 1.1 Normalize Styles based on Normalize v7.0.0 @link https://necolas.github.io/normalize.css/7.0.0/normalize.css ==================================================================*/ button,hr,input{overflow:visible}audio,canvas,progress,video{display:inline-block}progress,sub,sup{vertical-align:baseline}[type=checkbox],[type=radio],legend{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}html{line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section{display:block}h1{font-size:2em;margin:.67em 0}figure{margin:1em 40px}hr{-webkit-box-sizing:content-box;box-sizing:content-box;height:0}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:ButtonText dotted 1px}fieldset{padding:.35em .75em .625em}legend{color:inherit;display:table;max-width:100%;white-space:normal}textarea{overflow:auto}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}[hidden],template{display:none} /*================================================================== 1.2 WordPress Core Defaults ==================================================================*/ .alignleft { display: inline; float: left; margin-right: 1.5em; } .alignright { display: inline; float: right; margin-left: 1.5em; } .aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; } .alignleft { float: left; margin: 5px 20px 20px 0; } img.alignleft, img.alignright { float: none; margin: 0; } .centered, .center { text-align: center; margin-left: auto; margin-right: auto; display: block; } .round { border-radius: 50%; overflow: hidden; } @media screen and ( min-width: 40em ) { img.alignleft { float: left; margin-right: 1.5em; } img.alignright { float: right; margin-left: 1.5em; } } /* Aligned blockquotes */ .entry-content blockquote.alignleft, .entry-content blockquote.alignright { width: 48%; } /*================================================================== 1.3 Accessibility ==================================================================*/ .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; } .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b; display: block; font-size: 14px; font-size: 0.875rem; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar. */ } /*================================================================== 1.4 Grid ==================================================================*/ .row { max-width: 74.5rem; } /*================================================================== 2.0 Typography @link http://foundation.zurb.com/sites/docs/typography-base.html ==================================================================*/ /* font-family: 'Lora', serif; font-family: 'Arimo', sans-serif; */ body { font-family: 'Arimo', sans-serif; font-size: 16px; color: #666; } h1, h4, h5, h6, h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, .page_intro_heading, h2, .h2, h1.h2, h3.h2, h4.h2, .testimonials_slide_title, .recent_posts_title, .recent_post_title, .top-nav, .services_name, #mega-menu-wrap-main-navigation #mega-menu-main-navigation > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item h4.mega-block-title { font-family: 'Lora', serif; } .position_title, .page_header_overlay_content h1, .page_header_overlay_content h2, .page_header_overlay_content h3 { font-family: 'Arimo', sans-serif; } /* global header styles */ h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { margin-top: 0; } /* Headings -- mobile first! */ /* h1 and .h1 classes */ h1, .h1, h2.h1, h3.h1 { font-size: 3.5rem; line-height: 1em; } /* h2 and .h2 classes */ h2, .h2, h1.h2, h3.h2, h4.h2 { font-size: 36px; line-height: 1.1em; margin-bottom: 0.5em; } /* h3 and .h3 classes */ h3, .h3, h1.h3, h2.h3, h4.h3, h5.h3 { font-size: 24px; letter-spacing: 0.03em; font-weight: 600; } /* h4 and .h4 classes */ h4, .h4, h2.h4, h3.h4, h5.h4, h6.h4 { } /* h5 and .h5 classes */ h5, .h5, h3.h5, h4.h5, h6.h5 { font-size: 1.25rem; } /* h6 and .h6 classes */ h6, .h6, h4.h6, h5.h6 { font-size: 1rem; } h5, .h5 { text-transform: uppercase; color: rgb(152, 186, 79); font-size: 1em; letter-spacing: 0.05em; } h6 { font-weight: normal; } /* Headings -- medium screens */ @media screen and ( min-width: 40em) { /* h1 and .h1 classes */ h1, .h1, h2.h1, h3.h1 { } /* h2 and .h2 classes */ h2, .h2, h1.h2, h3.h2 h4.h2 { } /* h3 and .h3 classes */ h3, .h3, h1.h3, h2.h3, h4.h3, h5.h3 { } /* h4 and .h4 classes */ h4, .h4, h2.h4, h3.h4, h5.h4, h6.h4 { } /* h5 and .h5 classes */ h5, .h5, h3.h5, h4.h5, h6.h5 { } /* h6 and .h6 classes */ h6, .h6, h4.h6, h5.h6 { } } /* Headings -- large screens */ @media screen and ( min-width: 64em) { /* h1 and .h1 classes */ h1, .h1, h2.h1, h3.h1 { } /* h2 and .h2 classes */ h2, .h2, h1.h2, h3.h2 h4.h2 { } /* h3 and .h3 classes */ h3, .h3, h1.h3, h2.h3, h4.h3, h5.h3 { } /* h4 and .h4 classes */ h4, .h4, h2.h4, h3.h4, h5.h4, h6.h4 { } /* h5 and .h5 classes */ h5, .h5, h3.h5, h4.h5, h6.h5 { } /* h6 and .h6 classes */ h6, .h6, h4.h6, h5.h6 { } } p { margin-bottom: 1.2em; } span, p, li { } .text-bold { font-weight: bold; } .text-larger { font-size: larger; } .text-smaller { font-size: smaller; } .inline { display: inline!important; } .vertical_separator { background: #BBB; width: 1px; height: 45px; margin: 0 15px; vertical-align: middle; display: inline-block; } .left_half { float: left; width: 50%; padding-right: 25px; } .right_half { float: right; width: 50%; padding-left: 25px; } /*================================================================== 2.1 Lists ==================================================================*/ ul, ol { } ul ul, ul ol, ol ul, ol ol { } li { } /*================================================================== 2.2 Links ==================================================================*/ a { color: #98ba4f; -webkit-transition: .5s all ease-in-out; transition: .5s all ease-in-out; outline: none; } a:hover, a:focus { color: #2C2A2A; outline: none; text-decoration: none; } /*================================================================== 3.0 Components ==================================================================*/ .contact_callout { padding-top: 100px; padding-bottom: 80px; background-size: cover; background-repeat: no-repeat; } .contact_callout h4 { font-size: 1.8rem; text-transform: uppercase; letter-spacing: 0.04em; margin-bottom: 1.5em; } .contact_info_section { background: #5A6E3C; padding: 20px; color: #FFF; text-align: center; margin: 20px auto 50px; } .contact_info_section a { color: #FFF; } .contact_info_section p { margin-bottom: 0; } .contact_content { display: inline-block; margin: 0 40px; text-align: left; } .post_navigation { text-align: center; margin: 20px 0 50px; } .next_post_link, .prev_post_link { margin: 0 10px; } /*================================================================== 3.1 Forms ==================================================================*/ /* Placeholder Text */ ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #333333; opacity: 1; } ::-moz-placeholder { /* Firefox 19+ */ color: #333333; opacity: 1; } :-ms-input-placeholder { /* IE 10+ */ color: #333333; opacity: 1; } :-moz-placeholder { /* Firefox 18- */ color: #333333; opacity: 1; } [type="color"], [type="date"], [type="datetime-local"], [type="datetime"], [type="email"], [type="month"], [type="number"], [type="password"], [type="search"], [type="tel"], [type="text"], [type="time"], [type="url"], [type="week"], textarea, body .e2ma_signup_form input[type="text"], body .e2ma_signup_form input[type="email"], body .e2ma_signup_form textarea, body .e2ma_signup_form select[multiple="multiple"] { font-family: inherit; font-size: 1.2em; height: auto; padding: 1rem 1.25em; border: 1px solid #CCC; border-radius: 0; background-color: #FFF; box-shadow: none; margin: 0 0 1.65rem; } [type="color"]:focus, [type="date"]:focus, [type="datetime-local"]:focus, [type="datetime"]:focus, [type="email"]:focus, [type="month"]:focus, [type="number"]:focus, [type="password"]:focus, [type="search"]:focus, [type="tel"]:focus, [type="text"]:focus, [type="time"]:focus, [type="url"]:focus, [type="week"]:focus, textarea:focus { outline: 0; border: 2px solid #cacaca; background-color: #fefefe; box-shadow: none; transition: box-shadow .5s,border-color .25s ease-in-out; position: relative; } select { text-transform: none; padding: 1rem 0.5rem; height: 3.9rem; border-radius: 0; color: #858585; } form h2, form h4 { margin-top: 30px; } .wpcf7-not-valid { border: 1px solid #FF0000!important; } span.wpcf7-not-valid-tip { margin: -15px 0 15px 0; } label { font-size: 1em; color: #858585; } .form_submit { text-align: right; margin: 15px 0 0 0; } body input[type="submit"].wpcf7-submit { font-size: 20px; font-weight: 600; font-family: inherit; margin: 0 auto; float: right; } div.wpcf7 .ajax-loader { float: left; } div.wpcf7 { } #wpcf7-f19-o1 { margin-bottom: 60px; } #providers_form { background: #F2F2F2; padding-top: 30px; padding-bottom: 60px; /* margin-top: 30px; */ } .scope-of-services .wpcf7-list-item { width: 45%; float: left; margin: 0 5% 0 0; text-align: left; } .scope-of-services .wpcf7-list-item:nth-child(2n+1) { margin-right: 0; } .scope-of-services .wpcf7-list-item:nth-child(odd) { clear: left; } .scope-of-services [type="checkbox"] { margin-bottom: 0; } form .slide { } #form_section_2 { display: none; } #form_section_3 { display: none; } .form_navigation { margin-top: 15px; text-align: center; } .form_navigation .cta { min-width: 200px; } .or_next { display: inline-block; position: relative; margin: 20px auto 10px; font-weight: 600; font-size: 22px; font-style: italic; text-transform: uppercase; } .or_next:before, .or_next:after { content: ''; position: absolute; left: -110px; top: 50%; width: 100px; height: 1px; background: #BBB; } .or_next:after { left: auto; right: -110px; } /* EMMA FORM */ body .e2ma_signup_form { font-family: inherit; padding: 0; } body .e2ma_signup_message { color: #FFF; font-size: inherit; } body .e2ma_signup_form_label { font-size: 0.65em; color: #FFF; } body #footer-layout .e2ma_signup_form input[type="text"], body #footer-layout .e2ma_signup_form input[type="email"], body #footer-layout .e2ma_signup_form textarea, body #footer-layout .e2ma_signup_form select[multiple="multiple"] { background: none; color: #B0B2B2; } input#id_email{ background: url('../img/icon_email.png') 15px 45% no-repeat transparent !important; padding-left: 50px; } body .e2ma_signup_form_button_row #e2ma_signup_reset_button, body .e2ma_signup_form_required_footnote { display: none; } body .e2ma_signup_form_button_row { float: none; } body #e2ma_signup_submit_button { height: auto; display: block; width: 100%!important; margin: 0; font-weight: normal; } .signup_form_wrapper { text-align: center; } .signup_form_wrapper #e2ma_signup_form { display: inline-block; margin: 30px auto; border: #F59651 3px solid; border-radius: 10px; padding: 60px 60px 50px; } .signup_form_wrapper #e2ma_signup_form::before { content: "\f003"; font: normal normal normal 43px/1 FontAwesome; -moz-osx-font-smoothing: grayscale; position: absolute; top: -35px; left: 50%; transform: translateX(-50%); color: #F59651; background: #FFF; padding: 10px; } .signup_form_wrapper .e2ma_signup_form { width: 575px; max-width: 100%; } .signup_form_wrapper #e2ma_signup_submit_button { width: auto !important; margin: 0 auto; } .signup_form_wrapper .e2ma_signup_form_button_row { float: none; position: absolute; left: 50%; margin: 48px 0 0; padding: 0; top: 100%; transform: translateX(-50%); border-left: 10px #FFF solid; border-right: 10px #FFF solid; } .signup_form_wrapper .e2ma_signup_message, .signup_form_wrapper .e2ma_signup_form_label { display: none; } #search_modal { background: none; border: #999 1px solid; } .search-form { } .search-field { font-size: 0.85em; padding: 1.1em 2em 1em 65px; margin: 0; } button.search-submit { background: url('../img/icon_search.png') 50% 50% / contain no-repeat transparent; width: 20px; height: 20px; position: absolute; left: 30px; top: 50%; display: block; padding: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); margin: 0; text-align: left; text-indent: -9999px; } /*================================================================== 3.2 Tables ==================================================================*/ /*================================================================== 3.3 Buttons ==================================================================*/ .button, button, input[type="submit"], input[type="button"] { line-height: 1; padding: 15px 25px; border: 0; border-radius: 4px; font-weight: 700; -webkit-transition: .5s all; transition: .5s all; } .button:hover, .button:focus, button:hover, button:focus, input[type="submit"]:hover, input[type="submit"]:focus, input[type="button"]:hover, input[type="button"]:focus { } .button.secondary { } .button.secondary:hover, .button.secondary:focus { } .button.hollow { } .button.hollow:hover, .button.hollow:focus { } .button.hollow.secondary { } .button.hollow.secondary:hover, .button.hollow.secondary:focus { } a.cta, .cta, .cta a, .cta2 a, a.cta2, .cta3, .cta3, #commentform input[type="submit"], a.slide_cta, .tp-button.green.small, .tp-button.green, .tp-button, #e2ma_signup_submit_button, input[type="submit"], input[type="button"], input[type="submit"].wpcf7-submit, button.elm-button { background-color: #98ba4f!important; border: #98ba4f 1px solid !important; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; color: #FFF !important; cursor: pointer; display: inline-block; float: none; font-size: 0.85rem; font-weight: normal!important; letter-spacing: 0.15em; line-height: 1.1em; padding: 1.25em 2.5em 1.15em; position: relative; vertical-align: top; text-align: center; text-decoration: none; max-width: 100%; white-space: normal; text-transform: uppercase; width: auto !important; -webkit-appearance: none; -o-transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; transition: .5s; } a.cta:hover, .cta a:hover, a.slide_cta:hover, button.elm-button:hover { background-color: #FFF!important; color: #98ba4f !important; text-decoration: none !important; border-color: #98ba4f; } a.cta.ghost, .cta a.ghost { background: none!important; } a.cta.ghost:hover, .cta a.ghost:hover { background: #AA1616!important; color: #FFF!important; border-color: #AA1616!important; } a.cta.next { padding-right: 2em; } a.cta.next:after, .cta.next_post_link a:after, .elm-button:after { content: ''; background: url('../img/arrow_right.svg') 100% 0% / contain no-repeat transparent; position: relative; width: 25px; height: 18px; z-index: 1; display: inline-block; vertical-align: middle; margin: 0 0 0 14px; } a.cta.next:hover:after, .cta.next_post_link a:hover:after, .elm-button:hover:after { background: url('../img/arrow_right_light.svg') 100% 0% / contain no-repeat transparent; } a.cta.prev:before, .cta.prev_post_link a:before { content: ''; background: url('../img/arrow_left.svg') 100% 0% / contain no-repeat transparent; position: relative; width: 25px; height: 18px; z-index: 1; display: inline-block; vertical-align: middle; margin: 0 14px 0 0; } a.cta.prev:hover:before, .cta.prev_post_link a:hover:before { background: url('../img/arrow_left_light.svg') 100% 0% / contain no-repeat transparent; } a.cta.light, .cta a.light { color: #FFF!important; border: 2px #FFF solid!important } a.cta.ghost:hover, .cta a.ghost:hover { background: #AA1616!important; color: #FFF!important; border-color: #AA1616!important; } a.cta2, .cta2 { background: #FFF!important; border: #98BA4E 1px solid!important; color: #98BA4E!important; } input[type="submit"].wpcf7-submit, input[type="submit"] { background-color: #98ba4f; border: none!important; font-family: Arial, sans-serif; border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; color: #FFF !important; cursor: pointer; display: inline-block; float: none; font-size: 14px; font-weight: 600; letter-spacing: 0.03em; line-height: 1.1em; padding: 0.5em 1.5em 0.45em; position: relative; text-align: center; text-decoration: none; text-transform: uppercase; width: auto!important; max-width: 100%; min-width: 200px; -webkit-appearance: none; -o-transition:.5s; -ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s; transition:.5s; } a.cta2:hover, .cta2:hover { background: #98BA4E!important; color: #FFF!important } input[type="submit"]:hover, input[type="button"]:hover, #e2ma_signup_submit_button:hover { background-color: #363636; color: #FFF !important; text-decoration: none !important; } input[type="submit"].disabled { background: #DDD; cursor: default; } input[type="submit"].disabled:hover { background: #DDD; cursor: default; box-shadow: none; } /*================================================================== 3.4 Accordions ==================================================================*/ .faq_wrapper { padding: 100px 0; } .accordion-title { font-size: 18px; color: #999; text-transform: uppercase; letter-spacing: 0.07em; padding: 1.25rem 1.5rem; } /* .accordion-title::after { position: absolute; top: 50%; transform: translateY(-50%); right: 10px; margin-top: auto; content: '+'; left: auto; padding: 0 0.35em; color: #FFF; font-size: 1.25em; z-index: 1; } */ .accordion-title::before { font-weight: bold; } .accordion-title:focus, .accordion-title:hover { background: #BF2525; color: #FFF; text-decoration: none; } .is-active > .accordion-title::before { padding: 0 0.3em; } .is-active > .accordion-title::after { background: #eb1227; } .accordion-content { border: none; padding: 40px; } /*================================================================== 3.5 Tabs ==================================================================*/ .tab_wrapper { background: #F9F9F9; } .tabs { border: none; } .tabs-title > a { color: #BCBCBC; background: #F2F2F2; text-align: center; text-transform: uppercase; letter-spacing: 0.05em; font-size: 20px; } .tabs-title > a:hover { color: #2C2A2A; background: #fafafa; text-decoration: none; } .tabs-title > a:focus, .tabs-title > a[aria-selected="true"] { background: #FFF; color: #2C2A2A; } .tabs-content { border: none; } /*================================================================== 3.6 Pagination ==================================================================*/ .navigation.pagination { display: block; clear: both; text-align: center; } .page-numbers, .pagination a, .pagination button { display: inline-block; } .pagination .current { padding: .1875rem .625rem; background: #BF2525; } /*================================================================== 3.7 Breadcrumbs ==================================================================*/ /*================================================================== 3.8 Media ==================================================================*/ .wp-caption, .gallery-caption { color: #666; font-size: smaller; font-style: italic; margin-bottom: 1.5em; max-width: 100%; } .wp-caption img[class*="wp-image-"] { display: block; margin-left: auto; margin-right: auto; } .wp-caption .wp-caption-text { margin: 0.8075em 0; } /*================================================================== 3.9 Reveal ==================================================================*/ .modal_content { color: #FFF; } /* FANCYBOX STYLES */ .fancybox-close-small { top: -20px; right: -20px; } .fancybox-slide > div { overflow: visible; } .fancybox-slide > div#team_member_content { background: none; color: #FFF; border: #FFF 1px solid; max-width: 800px; padding: 50px 0; } .fancybox-bg { background: #000; } .fancybox-navigation { position: absolute; top: 50%; width: 100%; padding: 20px; transform: translateY(-50%); -webkit-transform: translateY(-50%); /* z-index: 111111; */ } .fancybox-button svg { } .fancybox-button--arrow_left::before { content: "\f060"; color: #FFF; font-size: 40px !important; margin: 3px 0 0 5px; display: inline-block; float: right; font: normal normal normal 14px/1 FontAwesome; font-weight: 100; position: absolute; } .fancybox-button--arrow_right::before { content: "\f061"; color: #FFF; font-size: 40px !important; margin: 3px 0 0 5px; display: inline-block; float: right; font: normal normal normal 14px/1 FontAwesome; font-weight: 100; position: absolute; } .fancybox-button:hover { background: none!important; } .fancybox-button--arrow_right { float: right; } .fancybox-button::after, .fancybox-button::before, .fancybox-button:hover::after, .fancybox-button:hover::before { background-color: transparent; } /*================================================================== 3.10 Slick Slider ==================================================================*/ /* Slider */ .slick-loading .slick-list { background: #fff url('../img/slick-ajax-loader.gif') center center no-repeat; } /* Icons */ @font-face { font-family: 'slick'; font-weight: normal; font-style: normal; src: url('../fonts/slick/slick.eot'); src: url('../fonts/slick/slickd41d.eot?#iefix') format('embedded-opentype'), url('../fonts/slick/slick.woff') format('woff'), url('../fonts/slick/slick.ttf') format('truetype'), url('../fonts/slick/slick.svg#slick') format('svg'); } /* Arrows */ .slick-prev, .slick-next { font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; width: 80px; height: 30px; padding: 0; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; color: transparent; border: none; outline: none; background: transparent; z-index: 1; } .slick-prev:hover, .slick-next:hover { opacity: 0.75; } .blog_carousel .slick-prev, .blog_carousel .slick-next { top: 30%; } .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { color: transparent; outline: none; } .slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; } .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: .25; } .slick-prev:before, .slick-next:before { display: none; font-family: 'slick'; font-size: 20px; line-height: 1; opacity: .75; color: white; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-prev { left: 150px; background: url('../img/arrow_left_light.svg') 50% 50% / contain no-repeat transparent; } [dir='rtl'] .slick-prev { right: -25px; left: auto; } .slick-prev:before { content: '←'; } [dir='rtl'] .slick-prev:before { content: '→'; } .slick-next { right: 150px; background: url('../img/arrow_right_light.svg') 50% 50% / contain no-repeat transparent; } /* .header_slider.slick-next{ right: 0; } .header_slider.slick-next:before{ content: "\f054"; } .header_slider.slick-prev{ right: 0; } .header_slider.slick-prev:before{ content: "\f054"; } */ [dir='rtl'] .slick-next { right: auto; left: -25px; } .slick-next:before { content: '→'; } [dir='rtl'] .slick-next:before { content: '←'; } /* Dots */ .slick-dotted.slick-slider { } .slick-dots { display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; } .slick-dots li { position: relative; display: inline-block; width: 16px; height: 20px; margin: 0; padding: 0; cursor: pointer; } .slick-dots li button { font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent; } .slick-dots li button:hover, .slick-dots li button:focus { outline: none; } .slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; } .slick-dots li button:before { font-family: 'slick'; font-size: 8px; line-height: 20px; position: absolute; top: 0; left: 0; width: 20px; height: 20px; content: '•'; text-align: center; opacity: .25; color: black; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-dots li.slick-active button:before { opacity: .75; color: black; } .testimonials_carousel { padding: 60px 65px 0; clear: both; text-align: center; } .testimonials_carousel .slick-list::before { content: ''; position: absolute; left: 10px; top: 30px; width: 60px; height: 60px; background: url('../img/quote_start.png') 0 0 / contain no-repeat transparent; } .testimonials_carousel .slick-list::after { content: ''; position: absolute; right: 0px; bottom: 40px; width: 60px; height: 60px; background: url('../img/quote_end.png') 0 0 / contain no-repeat transparent; } .testimonials_wrapper { padding: 60px 65px; } .slick-slide { display: flex !important; } .slick-slide img.testimonials_img { width: 350px; height: 350px; max-height: 350px; margin: 0 auto 35px; float: left; margin: 0 30px 0 0; display: none; } .slick-slide span.testimonials_img { background-size: cover; background-position: center; width: 250px; height: 250px; float: left; border-radius: 100%; overflow: hidden; margin: 0 30px 0 0; flex-shrink: 0; align-self: center; } .testimonial_content { text-align: left; margin-top: 170px; } .testimonial_text { display: block; line-height: 1.2em; margin-bottom: 25px; } .testimonial_text p { line-height: 1.2em; } .testimonial_attribution { display: block; margin-bottom: 15px; font-size: 14px; text-transform: uppercase; } .testimonial_headings { position: absolute; left: 345px; top: 160px; } .testimonial_headings .small_subheading { text-align: left; margin-bottom: 10px; } .testimonial_headings .page_intro_heading { text-align: left; } /*================================================================== 4.0 Layout ==================================================================*/ #primary { } body.error404 #primary { background: url('../img/bg_404.jpg') 50% 50% / cover no-repeat transparent; color: #FFF; height: 78vh; } .page_intro_heading { color: #FFF; } #main { /* background: #F9F9F9; */ padding: 70px 0; } body.error404 #main { position: absolute; top: 50%; transform: translateY(-50%); margin-top: 80px; width: 100%; } body.page-template-template-providers-form #main, body.blog #main, body.page-template-template-portfolio #main { padding-bottom: 0; } body.page-template-template-providers-form #main { padding-top: 0; } .page-template-template-providers .providers-width { max-width: 900px; } body.search #main { background: #FFF; } body.page-template-template-case-studies #main { padding: 0; } body.page-template-template-contact #main { padding-bottom: 0; } body.careers-template-default #main { background: #FFF; } .page-template-template-careers .careers_callout p:nth-child(3) { margin-top: 50px; } .page-template-template-careers .careers_callout p a:not(:first-of-type) { margin-left: 40px; } body.page-template-template-services .entry-content { padding-bottom: 60px; } .small_subheading { text-align: center; color: #98ba4f; text-transform: uppercase; margin-bottom: 25px; font-size: 18px; font-weight: 600; letter-spacing: 0.1em; } .page_intro_heading { text-align: center; font-size: 50px; color: #999; line-height: 1em; margin-bottom: 40px; max-width: 900px; margin-left: auto; margin-right: auto; } body.error404 .page_intro_heading { color: #FFF; } .brand_grid { text-align: center; padding: 100px 0 0; } .brand_logo_inner { padding: 20px; } .slick-slide img { max-height: 70px; width: auto; } .client_logo_wrapper { } .client_logo_inner { position: relative; position: relative; padding: 30px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); } .client_logo_inner img { max-height: 90px; width: auto; } .location_map { } .location_map .address { text-align: center; } .location_map iframe { margin-bottom: -6px; } /* VALUES GRID */ .values_grid { margin: 60px auto; } .value_section { color: #FFF; padding: 30px; text-align: center; float: left; border: #FFF 2px solid; box-sizing: border-box; background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; overflow: hidden; } .value_section .section_hover_content { position: absolute; top: -100%; left: 0; width: 100%; height: 100%; background: #6D8540; color: #FFF; opacity: 0; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; z-index: 10; } .value_section .section_hover_content .hover_content_wrapper { position: absolute; top: 50%; transform: translateY(-50%); width: 94%; margin: 0 3%; } .value_section .section_hover_content .hover_content_wrapper p { padding: 0 2rem; } .value_section:hover { cursor: pointer; } .value_section:hover .section_hover_content { top: 0; opacity: 1; } .value_section_content { text-transform: uppercase; font-weight: bold; letter-spacing: 0.1em; line-height: 1em; position: absolute; width: 92%; left: 4%; top: 50%; transform: translateY(-50%); } #value_section_5 .value_section_content { position: relative; width: auto; left: auto; top: auto; transform: none; text-transform: none; } #value_section_1, #value_section_3 { width: 35%; } #value_section_2 { width: 30%; } #value_section_4, #value_section_6 { width: 31%; } #value_section_5 { width: 38%; background-color: #6D8540; } #value_section_7, #value_section_8 { width: 50%; } /*================================================================== 4.1 Header ==================================================================*/ .masthead { background: #FCFCFC; z-index: 1000; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; text-align: right; position: fixed; width: 100%; /* border-bottom: #D8D8D8 1px solid;*/ min-height: 85px; } .masthead.has_scrolled, .masthead.is-stuck { box-shadow: 0 0 10px rgba(0,0,0,0.4); -moz-box-shadow: 0 0 10px rgba(0,0,0,0.4); -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.4); } .main-site-link { display: none !important; } .page-template-template-microsite-home .main-site-link { display: inline-block !important; } #site_logo { text-align: left; border-right: #D8D8D8 1px solid; float: left; padding: 5px 20px 8px; position: absolute; left: 0; top: 0; height: 100%; background: #FCFCFC; z-index: 100; } #site_logo img { vertical-align: top; } .site-id { margin: 0; max-width: 180px; display: inline-block; vertical-align: middle; } #header_right { margin: 0; } .masthead nav { display: block; vertical-align: middle; border-top: #D8D8D8 1px solid; } .top-nav { list-style: none; margin: 0; float: right; font-size: 15px; line-height: 1em; text-transform: uppercase; } .top-nav .menu-item { display: inline-block; margin: 0; padding: 0; position: relative; } .top-nav .menu-item a { padding: 10px; display: inline-block; color: #FFF; } .top-nav .menu-item.menu-item-has-children a { padding-right: 20px; } .top-nav .menu-item:last-child { margin-right: 0; } .top-nav .menu-item.current-menu-item a, .top-nav .menu-item a:hover { -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .contact-link a { background: rgb(152, 186, 79)!important; color: #FFF!important; padding: 0px 30px 0px 30px!important; } .contact-link a:hover { background: rgba(130, 163, 59, 1)!important; } #header_right nav ul ul li { display: block; float: none; width: 100%; } #mega-menu-wrap-main-navigation #mega-menu-main-navigation > li.mega-menu-megamenu > ul.mega-sub-menu, #mega-menu-wrap-subsite-navigation #mega-menu-main-navigation > li.mega-menu-megamenu > ul.mega-sub-menu { border-top: #DDD 1px solid; padding: 15px 50px; } #mega-menu-wrap-subsite-navigation #mega-menu-subsite-navigation li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator:after { display: none; } .main-site-link a { color: #69823B !important; } li.about-us ul.mega-sub-menu li.mega-menu-item.widget_media_image img { max-width: 70% !important; } li.about-us ul.mega-sub-menu li.mega-menu-item.widget_nav_menu { float: right !important; } #mega-menu-wrap-main-navigation { clear: none; } .menu .button, .menu a { line-height: 1; text-decoration: none; display: block; padding: .7rem 0; border-bottom: #D8D8D8 1px solid; text-transform: uppercase; color: #696363; } #mega-menu-wrap-main-navigation .mega-menu-toggle { background: #FFF; } #mega-menu-wrap-main-navigation .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-label { color: inherit; } #mega-menu-wrap-main-navigation .mega-menu-toggle .mega-toggle-block-1::after { color: inherit; } #header_right nav ul ul li.menu-title { font-family: 'Lora', serif; color: #5e6d42; font-size: 18px; text-transform: uppercase; text-decoration: none; font-weight: bold; text-align: left; margin: 0px 0px 0px 0px; padding: 0px 0px 5px 0px; vertical-align: top; display: block; visibility: inherit; border: 0; } #header_right nav ul ul li.menu-title a { border-bottom: none; } #header_right nav ul ul li:hover ul, #header_right nav ul ul ul li:hover ul{ /* left:0;margin:-34px 0 11px 179px */ } #header_right nav ul li:hover ul{ /* display:inline-block */ } #header_right nav ul ul, #header_right nav ul li:hover ul ul, #header_right nav ul ul li:hover ul ul{ /* display:none */ } #header_right nav ul li:hover ul, #header_right nav ul ul li:hover ul, #header_right nav ul ul ul li:hover ul{ /* display:block;z-index:2147483647 */ } #header_right nav ul li:hover ul li a:hover, #header_right nav ul ul li:hover ul li a:hover,#header_right nav ul ul ul li:hover ul li a:hover{ color:#98ba4f; opacity:1; } #header_right nav ul.sub-menu .current-menu-item a, #header_right nav ul.sub-menu .current_page_item a { background: #222 none repeat scroll 0 0!important; text-shadow: none; } #header_right nav ul.sub-menu .current-menu-item a, #header_right nav ul.sub-menu .current_page_item a { background: #222!important; color: #FFF!important; } #header_right nav .current-menu-item .sub-menu a, #header_right nav .current_page_item .children a, #header_right nav .current-menu-parent .sub-menu a { border-bottom: none; } #header_right nav .current-menu-item.cta a, #header_right nav .current_page_item.cta a { color: #FFF; } #header_right nav ul > li:first-child a:hover{border-radius:0} #header_right nav .sub-menu li { border-right: none; float: none; border-bottom: #222 1px solid; width: 100%; } #header_right nav .sub-menu li a, #header_right nav .children li a { line-height: 1em !important; padding: 10px !important; border-radius: 0px !important; background: #222; color: #FFF; font-size: 14px; text-transform: none; margin: 0; display: block; } #header_right nav li .sub-menu{ margin: 0; text-align: left; } #header_right nav li ul.sub-menu { display: none; position: absolute; top: 100%; left: 0; margin: 0; border-top: 1px solid #222; width: 250px; } li.menu-item-has-children a::after, ul.sub-menu li.menu-item-has-children a::after { content: "\f078"; font-size: 10px !important; margin: 3px 0 0 5px; display: inline-block; float: right; font: normal normal normal 14px/1 FontAwesome; font-weight: 100; position: absolute; } ul.sub-menu li.menu-item-has-children a::after { content: "\f054"; right: 12px; } li.menu-item-has-children li a::after { content: ""; margin: 0; } ul.sub-menu li.menu-item-has-children ul li a::after { display: none; } ul.sub-menu li.menu-item-has-children { margin-right: 0; } ul.sub-menu li.menu-item-has-children a { padding-right: 28px !important; } .secondary-header-navigation ul { margin: 0; } .secondary-header-navigation li { display: inline-block; list-style: none; margin: 0 0 0 10px; } .secondary-header-navigation li a { padding: 8px 15px; color: #979797; display: block; } .secondary-header-navigation li a:hover { color: #575757; } /** * Off Canvas Styles * @link http://foundation.zurb.com/sites/docs/off-canvas.html */ .hamburger-icon .menu-text { color: #000; float: left; font-size: 20px; line-height: 20px; text-transform: uppercase; padding: 0; } .hamburger-icon .lines { float: right; margin-left: 8px; width: 32px; } .hamburger-icon { display: block; float: right; margin: 3px 0 0 15px; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .hamburger-icon:focus { outline: medium none; } .hamburger-icon .line { background: #FFF none repeat scroll 0 0; height: 4px; margin-bottom: 5px; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; } .hamburger-icon .line:last-child { margin-bottom: 0; } .hamburger-icon[aria-expanded="true"] { } .hamburger-icon[aria-expanded="true"] .line:nth-child(1) { margin-bottom: 1px; -webkit-transform: rotate(45deg) translate(5px, 5px); transform: rotate(45deg) translate(5px, 5px); } .hamburger-icon[aria-expanded="true"] .line:nth-child(2) { opacity: 0; } .hamburger-icon[aria-expanded="true"] .line:nth-child(3) { -webkit-transform: rotate(-45deg) translate(5px, -5px); transform: rotate(-45deg) translate(5px, -5px); } .off-canvas { color: #fefefe; height: 100%; z-index: 10; } .off-canvas-wrapper, .off-canvas-wrapper-inner { -webkit-backface-visibility: visible; } .off-canvas-content { background: none; } .off-canvas a { display: block; margin: 0; } .masthead .quote_button { color: #FFF!important; border: #FFF 1px solid!important; display: inline-block; font-size: 11px; padding: 1.5em 2.5em 1.4em; vertical-align: middle; margin-left: 25px; } .masthead .search_button { color: #FFF; font-size: 25px; display: inline-block; vertical-align: middle; margin-left: 10px; line-height: 1em; } #page_header { text-align: center; padding: 0; min-height: 400px; background-color: #666; background-position: center; background-repeat: no-repeat; background-size: cover; margin-top: 75px; overflow: hidden; } body.home #page_header { min-height: 650px; } body.error404 #page_header { display: none; } #page_header:before { position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: ''; background: rgba(0,0,0,0.4); display: none; } body.single-case_studies #page_header { min-height: 540px; } .page-template-template-microsite-home .page_header { position: relative; } .page-template-template-microsite-home .page_header_overlay { position: absolute; content: ''; width: 100%; height: 100%; bottom: 0; left: 0; top: 0; right: 0; background: rgba(0, 0, 0, 0.2); } .page_header_overlay_content { text-align: left; background-color: rgba(105, 130, 59, 0.6); padding: 1rem; } .page_header_overlay_content h1 { font-size: 30px; } .video_container { background: none; position: relative; /* padding-bottom: 46.25%; */ overflow: hidden; background: #000; padding-bottom: 56.25%; width: 100%; position: absolute; } .video_background { width: 100%; height: 100%; position: absolute; left: 0; top: 0; } .video_section { display: block; width: 100%; background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; min-height: 500px; } .video_section_content { background: url('../img/play_button.png') 100% 0 / 100% auto no-repeat transparent; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 1000px; max-width: 92%; color: #FFF; min-height: 130px; } .video_section_heading { display: block; font-weight: bold; font-size: 32px; margin-bottom: 20px; padding-right: 130px; } .video_section_text { display: block; font-weight: bold; font-size: 22px; margin-bottom: 20px; padding-right: 130px; } .video_link { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .page_header_content { position: absolute; left: 50%; top: 40%; transform: translate(-50%, -50%); color: #FFF; z-index: 101; width: 1000px; max-width: 92%; text-align: center; } .page_header_content *:last-child { margin-bottom: 0; } #page_header .row { height: 100%; } #page_header.has_thumbnail { height: 480px; text-align: center; color: #FFF; background-size: cover; background-position: 50% 0; background-repeat: no-repeat; } .page_heading { margin-bottom: 0; line-height: 1.4em; font-weight: normal; font-size: 50px; display: inline-block; background-color: rgba(105, 130, 59, 0.6); padding: 1rem; } body.home .page_heading { margin-top: 45px; } .play_btn { background: url('../img/play.png') 50% 50% / contain no-repeat transparent; width: 85px; height: 85px; margin: 0 auto 60px; display: block; text-align: left; text-indent: -9999px; } .has_thumbnail .page_header_content { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; padding: 0; } .hero_overlay_content h4, .hero_overlay_content h1, .hero_overlay_content p { background-color: rgba(105, 130, 59, 0.6); display: inline-block; margin-bottom: 0; } .hero_overlay_content h4 { padding: 1rem 1rem .5rem; } .hero_overlay_content h1 { padding: 1rem 1rem 1rem; } .hero_overlay_content p { padding: .5rem 1rem 1rem; } .hero_buttons { position: absolute; bottom: 0px; left: 0; width: 100%; color: #FFF; z-index: 11; } .hero_button { width: 50%; float: left; margin: 0; box-sizing: border-box; position: relative; } .hero_button_wrapper { padding: 25px; left: 0; top: 0; width: 100%; height: 100%; background: rgba(142, 191, 63, 0.6); -webkit-transition: .5s all ease-in-out; transition: .5s all ease-in-out; } @media screen and (min-width: 55rem) { .hero_button_wrapper { transform: translateY(0); } .hero_button_wrapper:hover { background: rgba(142, 191, 63, 0.95); position: absolute; height: auto !important; cursor: pointer; width: 110%; left: -5%; right: -5%; transform: translateY(-15%); z-index: 1111; height: 150% !important; } .hero_button_wrapper:hover .button_header { margin-top: -30px; } #hero_button_one .hero_button_wrapper:hover { left: 0; } #hero_button_three .hero_button_wrapper:hover { right: 0; } .hero_button:hover .button_text { max-height: 200px; opacity: 1; } } #hero_button_two .hero_button_wrapper { background: rgba(105, 130, 59, 0.6); } #hero_button_three .hero_button_wrapper { background: rgba(92, 90, 87, 0.6); } #hero_button_two .hero_button_wrapper:hover { background: rgba(105, 130, 59, 0.95); } #hero_button_three .hero_button_wrapper:hover { background: rgba(92, 90, 87, 0.95); } .button_header { margin: 0 auto 15px; /*display: block;*/ text-align: left; display: flex; align-items: center; justify-content: center; height: 100%; } .button_subheading { font-weight: bold; } .hero_button img { max-width: 90px; max-height: 90px; width: 20%; height: auto; margin: 0 10px 10px; display: inline-block; } .hero_button_link { color: white; } .hero_button_link:hover, .hero_button_link:hover span, .hero_button_link:hover span:hover { color: white !important; } .button_heading { border-left: #FFF 1px solid; margin-left: 2%; padding: 10px 0 10px 6%; display: inline-block; text-align: left; vertical-align: middle; width: 68%; color: white !important; } .button_heading span { text-transform: uppercase; font-size: 20px; font-weight: bold; letter-spacing: 0.05em; } .button_content { clear: both; display: block; color: white; } .button_text { display: block; margin: 10px auto 20px; position: absolute; opacity: 0; max-height: 0; overflow: hidden; } .button_content a.cta { position: absolute; bottom: -100px; opacity: 0; } .lower_page_content { padding: 75px 0; } /*================================================================== 4.2 Footer ==================================================================*/ .site-footer { background: #5A5A55; color: #FFF; font-size: 0.85em; clear: both; } #footer_columns { padding-top: 30px; padding-bottom: 30px; } .site-footer .footer_logo { } .site_name, .address, .phone_number, .contact_email { margin-bottom: 5px; display: block; } .site-footer a { color: #FFF; } .site-footer a:hover { color: #CCC; } .social_icons { padding-top: 16px; font-size: 20px; text-align: center; text-transform: uppercase; } .social_icons a { color: #FFF; margin: 0 5px; vertical-align: middle; } .social_icons a:hover { } .social_icons a .fa { vertical-align: middle; } .copyright { } .footer-nav { margin: 20px 0 10px; } .footer-nav li { display: inline-block; list-style: none; text-transform: uppercase; font-weight: 600; margin: 0 20px 0 0; } /*================================================================== 4.3 Sidebar ==================================================================*/ /*================================================================== 5.0 Templates ==================================================================*/ .section_title { text-align: center; } .section_header { text-align: center; color: #C5C5C5; padding: 40px 0; background: #FFF; } .section_header h2, .section_header h3, .section_header h4 { color: #2C2A2A; } .team_list { margin: 50px auto; } .team_list [class*="column"]+[class*="column"]:last-child { float: left; } .team_copy { margin-bottom: 100px; } .team_list .panel { margin-bottom: 40px; } .team_wrapper { margin-bottom: 50px; } .team_wrapper:nth-child(3n+1) { clear: left; } .profile_image_wrapper { margin-bottom: 20px; } .team_image { margin-bottom: 15px; z-index: 1; position: relative; max-width: 100%; max-height: 100%; } .team_image_hover { position: absolute; left: 50%; top: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .team_info a:hover { color: #FFF; } .team_bio { margin-top: 26px; } .team_name { line-height: 1em; margin-bottom: 5px; font-size: 18px; letter-spacing: 0.2em; } .team_title { font-size: 14px; display: block; letter-spacing: 0.2em; margin-bottom: 10px; } .profile_url { color: #B0B2B2; font-size: 0.85em; } /* Blog Styles */ .post_feed_header { padding: 15px 30px; border-bottom: #999 1px solid; background: #FFF; color: #BDBDBD; } .post_feed_header .search_button { float: right; font-size: 30px; color: #BBBBBB; } .post_feed_header a { color: #2C2A2A; } .filter_posts:after { content: ''; background: url('../img/arrow_down_alt.svg') 100% 0% / contain no-repeat transparent; position: relative; width: 13px; height: 10px; z-index: 1; display: inline-block; vertical-align: middle; margin: 0 0 0 10px; } a.cta.next:hover:after, .cta.next_post_link a:hover:after, .elm-button { background: url('../img/arrow_right_light.svg') 100% 0% / contain no-repeat transparent; } .post_feed_header .category_link { margin: 0 10px; color: #BDBDBD; } .post_feed_header .category_link.active_cat { color: #AA1616; font-weight: 600; } #post_feed { margin-top: 30px; } #post_feed_wrapper { background: #FFF; } #post_feed_wrapper article.post.current_post { background: #F6F6F6; } #post_feed article { margin: 0 0 30px; border: #D9D9D9 1px solid; padding: 0; } .blog_title { margin-bottom: 100px; } article.type-post { margin-bottom: 115px; } .award_posts { background: #F2F2F2; padding: 60px 20px; } #award_section_content_wrapper { margin: 0 auto 50px; } .award_section_image { float: left; margin: 0 40px 40px 0; width: 30%; } .search-results article.type-post { margin-bottom: 30px; } body.error404 article { text-align: center; } body.single article.type-post { margin-bottom: 20px } .featured_img_excerpt { width: 40%; height: 100%; float: left; margin: 0 3% 0 0; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; position: absolute; left: 0; top: 0; } .featured_img_excerpt a { flex: 1; display: flex; justify-content: center; flex-direction: column; display: block; height: 100%; width: 100%; background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; background-color: #DDD; } #post_feed .entry-content { float: right; width: 54%; margin: 30px 3%; min-height: 240px; } .post_intro { color: #FFF; background: #000; text-align: center; padding: 40px; height: 100vh; } .post_intro_date:after { content: ''; height: 4px; background: #AA1616; margin: 7px auto 12px; display: block; width: 70px; } .post_intro_excerpt .read_more { display: none; } .post_intro .scroll_down { position: absolute; bottom: 30px; left: 50%; transform: translateX(-50%); z-index: 1; color: #FFF; text-transform: uppercase; font-size: 12px; letter-spacing: 0.15em; } .post_intro .scroll_down img { display: block; margin: 20px auto; } .post_intro .scroll_down img { } .post_intro_background { background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; position: absolute; width: 100%; height: 100%; left: 0; top: 0; opacity: 0.3; } .current_post { border-left: #999 1px solid; } .current_post_wrapper { border-left: #999 1px solid; } .post_intro_content { position: absolute; left: 50%; top: 50%; z-index: 5; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .post_info { line-height: 1em; font-size: 0.9em; margin-bottom: 10px; color: #4A4A4A; clear: both; } .featured_img .post_info { position: absolute; left: 30px; bottom: 30px; color: #FFF; line-height: 1em; font-size: 0.9em; margin-bottom: 0; text-shadow: 0 0 3px rgba(0,0,0,1), 0 0 7px rgba(0,0,0,0.5); } .post_info .post-categories { margin: 0 0 10px 0; } .post_info .post-categories li { display: inline-block; list-style: none; margin: 0 15px 0 0; padding: 0; } .search-results .post-categories { display: none; } #post_feed .post-categories { margin: 0; } #post_feed .post-categories li { list-style: none; margin: 0 10px 0 0; display: inline-block; } #post_feed .post_date { float: right; right: -25px; position: relative; top: -17px; font-size: 12px; color: #9E9E9E; } #post_content_wrapper { padding: 50px 100px; background: #FFF; } .elm-wrapper { text-align: left; padding: 20px 40px; } .post_date { display: block; margin-bottom: 8px; } .search-results .post_date { display: none; } .post_author { display: block; } .post_title { line-height: 1.2em; } .post_title a { color: inherit; } .post_title a:hover { color: #AA1616; text-decoration: none; } #award_feed_wrapper .entry-title { text-transform: uppercase; font-weight: bold; } .award-thumb { margin-bottom: 15px; } .read_more { font-size: 0.85em; margin-left: 20px; } .recent_post_wrapper { margin-bottom: 30px; } .recent_posts_title { font-size: 1.25em; text-transform: uppercase; text-align: center; color: #4A4A4A; letter-spacing: 0.07em; margin-bottom: 30px; } .recent_posts_title::after { content: ''; max-width: 160px; height: 2px; background: #B0B2B2; display: block; margin: 15px auto; } .recent_posts .featured_img { border-radius: 2px; -webkit-border-radius: 2px; margin-bottom: 0; } .recent_post_title { font-size: 0.7em; line-height: 1.4em; text-transform: uppercase; color: #4A4A4A; letter-spacing: 0.05em; } .recent_post_title a { color: #4A4A4A; } .recent_post_title a:hover { color: #F27C26; text-decoration: none; } .recent_posts .post_author { font-size: 0.6em; color: #4A4A4A; } .single_post_date { text-align: center; text-transform: uppercase; color: #4A4A4A; font-size: 0.85em; display: block; margin-bottom: 30px; } .post_wrapper { text-align: center; } .post_item_title { font-size: 1em; text-transform: uppercase; line-height: 1.2em; } .post_item_title a { color: #4A4A4A; } .post_item_title a:hover { color: #F27C26; } .post_wrapper .post_date { font-size: 0.75em; color: #B0B2B2; } #category_filter { display: none; padding: 30px 40px; background: #2F2D2E; color: #FFF; position: absolute; width: 100%; z-index: 10; left: 0; top: 100%; } #category_filter a { color: #FFF; } #category_filter a:hover { color: #BBB; } #category_filter ul { margin: 0; padding: 0; } #category_filter li { list-style: none; width: 46%; float: left; margin: 0 2% 20px 0; } .affiliates_section { margin: 50px 0; } .affiliate_carousel { max-width: 100%; border-top: #DDD 1px solid; border-bottom: #DDD 1px solid; max-width: 100%; } .affiliates_grid { margin-bottom: 80px; } .affiliate_item { text-align: center; padding: 30px; border: #999 1px solid; margin-left: -1px; margin-top: -1px; } .affiliate_item img { position: relative; margin-bottom: 0; top: 50%; max-width: 80%; transform: translateY(-50%); -webkit-transform: translateY(-50%); } .affiliates_grid .columns { padding-right: 0; padding-left: 0; } .affiliates_grid .column:last-child:not(:first-child), .affiliates_grid .columns:last-child:not(:first-child) { float: left; } /* Page Callouts */ .page_callouts { margin-bottom: 60px; } .callout_item { text-align: center; min-height: 240px; margin-bottom: 0; padding: 10px; overflow: hidden; height: 220px; overflow: visible; -webkit-transition: .5s all ease-in-out; transition: .5s all ease-in-out; } .callout_item_bg { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-color: #000; background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; opacity: 0.9; } .callout_item a { display: block; position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 100; background: #000; color: #FFF!important; } .callout_item a:hover { left: -3%; top: -3%; width: 106%; height: 106%; text-align: center; z-index: 110; box-shadow: 0 0 6px rgba(0,0,0,0.75); -webkit-box-shadow: 0 0 6px rgba(0,0,0,0.75); } .callout_info { z-index: 1; top: 50%; transform: translateY(-50%); } /* Services Styles */ .service_item { min-height: 300px; margin-bottom: 0; } .service_item .service_item_image { width: 50%; position: absolute; height: 100%; top: 0; left: 0; background-size: cover; background-repeat: no-repeat; background-position: 50% 50%; } .service_item .services_info { width: 50%; float: right; padding: 50px; } .page-template-template-portfolio .service_item .services_info { padding: 30px; max-width: 600px; width: unset; float: unset; } .page-template-template-portfolio .service_item.row.left .column:last-child:not(:first-child), .page-template-template-portfolio .service_item.row.left .columns:last-child:not(:first-child) { float: left; } .page-template-template-portfolio .service_item.row.left .column:last-child:not(:first-child) .services_info, .page-template-template-portfolio .service_item.row.left .columns:last-child:not(:first-child) .services_info { float: right; } .service_item:nth-child(even) .service_item_image { left: auto; right: 0; } .service_item:nth-child(even) .services_info { float: left; } .services_name { font-size: 24px; margin: 0; } /* Services GRID Styles */ .services_grid_global { padding: 75px 0; } .services_grid .service_item { text-align: center; min-height: 300px; margin-bottom: 0; } .services_grid .service_item .service_item_inner { display: block; position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 100; background: #000; transition: all 0.3s ease-in-out; } .services_grid .service_item .service_item_inner:hover { /* left: -3%; top: -3%;*/ /* width: 106%; height: 106%;*/ text-align: center; z-index: 110; box-shadow: 0 0 6px rgba(0,0,0,0.75); -webkit-box-shadow: 0 0 6px rgba(0,0,0,0.75); } .services_grid .service_item .service_item_inner .services_desc { display: none; transition: all 0.3s ease-in-out; color: white; padding: 15px 3rem; max-width: 750px; margin: auto; } .services_grid .service_item .service_item_inner .services_name { transition: all 0.3s ease-in-out; } .services_grid .service_item .service_item_inner:hover .services_name { display: none; } .services_grid .service_item .service_item_inner:hover .services_desc { display: block; } .services_grid .service_item:nth-child(3n) { margin-right: 0; float: left; } .services_grid .service_item.cols-6 { width: 38%; } .services_grid .services_info { z-index: 1; top: 50%; transform: translateY(-50%); float: none; margin: 0 auto; padding: 0; text-align: center; width: auto; } .services_grid .service_item:nth-child(2n) .services_info { float: none; } .services_grid .service_item_bg { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-color: #000; background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; opacity: 1; /*opacity: 0.6; Removed: 3/2/20 */ transition: all 0.3s ease-in-out; } .services_grid .service_item .service_item_inner:hover .service_item_bg { opacity: 0.8; } .services_grid .services_wrapper:hover { background: #F59651; cursor: pointer; } .services_grid .services_wrapper:hover .service_content { height: 90%; } .services_grid .services_wrapper:hover .services_name { font-size: 1em; } .services_grid .services_wrapper:hover .toggle_arrow { transform: rotate(180deg); } .services_grid .services_wrapper:hover .toggle_arrow path { fill: #4A4A4A; } .services_grid .services_wrapper:hover .service_img_wrapper { height: 125px; } .services_grid .services_wrapper:hover .services_image_hover { opacity: 1; } .services_grid .services_wrapper:hover .services_image { opacity: 0; } .services_grid .service_content { position: absolute; left: 5%; top: 50%; width: 90%; display: block; -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: .5s all ease-in-out; transition: .5s all ease-in-out; height: 300px; overflow: hidden; } .services_grid .service_img_wrapper { -webkit-transition: .5s all ease-in-out; transition: .5s all ease-in-out; height: 200px; } .services_grid .services_image_hover { opacity: 0; } .services_grid .services_image, .services_grid .services_image_hover { height: 100%; position: absolute!important; bottom: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); margin: 0 auto; position: relative; display: block; -webkit-transition: .5s all ease-in-out; transition: .5s all ease-in-out; } .services_grid .services_image path { fill: #F27C26; } .services_grid .toggle_arrow { display: block; width: 25px; height: auto; margin: 0 auto; -webkit-transition: .5s all ease-in-out; transition: .5s all ease-in-out; } .services_grid .services_name { color: #FFF; font-size: 24px; text-transform: none; margin: 0; padding: 0 20px; -webkit-transition: .5s all ease-in-out; transition: .5s all ease-in-out; } .services_grid .service_copy { color: #FFF; font-size: 0.75em; line-height: 1.5em; padding: 0 50px; -webkit-transition: .5s all ease-in-out; transition: .5s all ease-in-out; margin: 25px 0 0; } .services_grid .services_copy { padding: 75px 0 50px; } .lower_page_callout { margin: 50px auto; } .lower_page_callout > .row { display: flex; align-items: center; } body.page-template-template-microsite-home .lower_page_callout { background: #E5E3E1; padding: 50px 0; margin-bottom: 0; } .lower_page_callout_image { width: 45%; float: left; margin: 0 5% 0 0; } .lower_page_callout_content { float: right; width: 50%; padding-right: 1rem; display: flex; flex-direction: column; justify-content: center; } .lower_page_callout_content li { width: 46%; float: left; margin: 0 3% 10px 0; line-height: 1.2em; } /* LOCATION STYLES */ .location_item { margin-bottom: 50px; } .location_info { } .location_name { text-transform: uppercase; color: #98ba4f; font-size: 1em; line-height: 1.2em; letter-spacing: 0.06em; } .location_address { display: block; line-height: 1.2em; margin-bottom: 0.5em; } .location_phone { font-size: 0.9em; display: block; } .location_phone a { color: #666; } .location_image { padding-top: 59%; background-repeat: no-repeat; background-size: cover; background-position: 50%; margin-bottom: 10px; } .acf-map { width: 100%; height: 400px; border: #ccc solid 1px; margin: 20px 0 0; } .acf-map img { max-width: inherit !important; } .marker-inner { font-size: 16px; } /* CASE STUDIES STYLES */ .case_studies_grid { margin: 70px 0 0; } body.page-template-template-case-studies .case_studies_grid { margin: 10px 0 0 0; } body.single-services .case_studies_grid { margin-bottom: 100px; } .case_study { min-height: 530px; margin-bottom: 0; } .case_study_secondary:nth-child(odd) { /* border-right: #FFF 5px solid; */ } .case_study_secondary:nth-child(even) { /* border-left: #FFF 5px solid; */ } .case_study_main { min-height: 430px; } .case_study_name { text-transform: uppercase; letter-spacing: 0.15em } .case_study_sub_heading { text-transform: uppercase; letter-spacing: 0.2em; } .case_study_info { color: #FFF; position: absolute; top: 50%; width: 100%; padding: 0 30px; transform: translateY(-50%); -webkit-transform: translateY(-50%); } .case_study_wrapper { background-color: #333; background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; position: absolute; width: 100%; height: 100%; left: 0; top: 0; text-align: center; z-index: 1; -webkit-transition: .5s all ease-in-out; transition: .5s all ease-in-out; } .case_study_wrapper:before { content: ''; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: #000; opacity: 0.5; } .case_study_wrapper:hover { width: 106%; height: 106%; left: -3%; top: -3%; text-align: center; z-index: 5; box-shadow: 0 0 6px rgba(0,0,0,0.75); -webkit-box-shadow: 0 0 6px rgba(0,0,0,0.75); } .case_study_tag { color: #FFF; border-bottom: #AA1616 4px solid; padding: 0 0 7px 0; margin: 0 0 10px 0; display: inline-block; } #case_study_stats { background: #2F2D2E; padding: 15px 0; border-bottom: #AA1616 4px solid; color: #FFF; text-align: center; } .stat_header { display: block; font-weight: bold; } .project_team, .project_division, .project_services { display: inline-block; vertical-align: top; text-align: left; padding: 10px 45px; border-right: #666 1px solid; height: 100%; } .project_team { padding: 0 45px 0 0; } .project_services { border-right: none; } .project_team .profile_info { padding: 10px 0; } .headshot_small { width: 75px; height: auto; float: left; margin: 0 15px 0 0; vertical-align: middle; } .profile_info { float: left; } /* CONTACT STYLES */ .contact_tabs { background: #FFF; padding-bottom: 80px; } /* CAREERS STYLES */ #careers_list { padding: 70px 0; } .career_item_wrapper { margin: 0; padding: 16px 0; } .career_item_wrapper:nth-child(odd) { background: #F2F2F2; } .careers_section { border-bottom: #DDD 1px solid; margin-bottom: 30px; } .apply_link { margin-top: 18px; } .position_title a { color: #616160; } .career_location { color: #646464; } .careers_content .career_location { margin-bottom: 25px; } .careers_cat_heading { font-size: 2em; color: #8D877F; } .job_departments li { list-style: none; margin: 0 0 10px; padding: 0; font-size: 18px; font-weight: 100; line-height: 1em; } .job_departments li a { color: #2C2A2A; display: inline-block; padding: 0.75em 1em; } .job_departments li.current_item a { background: #AA1616; color: #FFF; } .featured_callout { background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; background-color: #444; padding: 70px 0 20px; margin: 70px 0; color: #FFF; position: relative; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); font-size: 28px; } .featured_callout .row { width: 1000px; max-width: 100%; margin-left: auto; margin-right: auto; } .careers_callout { background: #F2F2F2; padding: 60px 0; } .callout_button_large { text-align: center; background: #6D8540; padding: 35px 30px 45px; color: #FFF; } .callout_button_large a { color: #FFF; } .callout_button_large.right_half { background: #62773A; } .callout_button_large .button_icon { margin: 0 auto 20px; width: 30px; height: auto; } .apply_form { padding: 70px 0 0; background: #F9F9F9; } .careers-button { text-align: center; } /* INDUSTRY STYLES */ .industries_grid_content { } .industries_grid { margin-bottom: 100px; } .industries_grid .industry-grid-wrapper .columns:nth-child(3n+1) { /* clear: both; */ } .industry_item { box-shadow: 0 1px 6px rgba(0,0,0,0.2); padding: 30px; -webkit-transition: .5s all ease-in-out; transition: .5s all ease-in-out; margin-bottom: 30px; min-height: 287px; max-height: 287px; display: flex; flex-direction: column; justify-content: center; } .industry_item:hover, .industry_item:active { height: auto!important; max-height: 500px; background-color: #69823B; } .industry_image_wrapper { height: 100px; margin-bottom: 25px; } .industry_item:hover .industry_image_wrapper { display: none; } .industry_image { position: absolute; left: 50%; top: 50%; display: block; margin: 0 auto 15px; max-width: 100px; max-height: 100px; height: auto; width: auto; transform: translate(-50%, -50%); -webkit-transition: .25s all ease-in-out; transition: .25s all ease-in-out; } .industry_image.hover_image { display: none; width: 40px; height: auto; } .industry_item:hover .hover_image { } .industry_item:hover .main_image { opacity: 0; } .industry_description { display: none; text-align: center; line-height: 1.2; } .industry_item:hover .industry_description { display: block; } .industry_cta_wrapper { width: 100%; text-align: center; } .industry_item .cta { text-align: center; margin: 0 auto; opacity: 1; z-index: 1; white-space: nowrap; } .industry_item:hover .cta { display: none; } .industry_name { text-align: center; margin-bottom: 20px; } .industry_item a { color: inherit; } .industry_item .cta-close { float: right; } .industry_item:hover { background: #69823B; /* color: #FFF; */ z-index: 100; } .industry_info { -webkit-transition: .25s all ease-in-out; transition: .25s all ease-in-out; } .industry_item:hover .industry_info { color: #FFF; } .industry_item_bg { background: #69823B; height: 100px; width: 100%; position: absolute; left: 0; top: 100%; opacity: 0; -webkit-transition: .5s all ease-in-out; transition: .5s all ease-in-out; display: none; } .industry_item:hover .industry_item_bg { } /* FEATURED CONTENT SECTIONS */ .featured_content_sections { clear: both; } .featured_section { background: #F9F9F9; margin-bottom: 0; } .featured_section:last-child { margin-bottom: 0; } .featured_section:nth-child(even) .section_content { float: right; } .featured_section:nth-child(even) .section_image { float: left; } .section_content { padding: 140px 130px!important; } .section_image { background-size: cover; background-repeat: no-repeat; background-position: 50% 50%; } /* PHOTO GALLERY STYLES */ .photo_gallery { margin-top: 60px; margin-bottom: 60px; } .gallery_image_wrapper { margin-bottom: 35px; } .gallery_image_wrapper .image_bg { height: 380px; width: 100%; background-repeat: no-repeat; background-size: cover; background-position: 50% 50%; } .gallery_image_wrapper .image_bg a { display: block; width: 100%; height: 100%; } .gallery_image_wrapper:nth-child(odd) { clear: left; } .gallery_image_wrapper.columns:last-child:not(:first-child) { float: left; } .photo_gallery img { margin: 0 auto; display: block; border: #999 1px solid; } .gallery_headline { text-align: center; margin-bottom: 50px; } .photo_gallery_slider { margin-bottom: 50px; } .photo_gallery_slider .slick-slide { margin: 0 5px; } .photo_gallery_slider .slick-list { margin: 0 -5px; } .photo_gallery_slider .gallery_image_wrapper { height: 500px; background-repeat: no-repeat; background-size: cover; background-position: 50% 50%; } .photo_gallery_slider .gallery_image_wrapper a { content: ''; position: absolute; width: 100%; height: 100%; background: rgba(0,0,0,0.6); left: 0; top: 0; /* display: block; width: 100%; height: 100%; */ } .photo_gallery_slider .gallery_image_wrapper:before { /* content: ''; position: absolute; width: 100%; height: 100%; background: rgba(0,0,0,0.6); left: 0; top: 0; */ } .photo_gallery_slider .gallery_image_wrapper.slick-current a, .photo_gallery_slider .gallery_image_wrapper a:hover { background: none; } /* Read more toggle */ .hidden-text { display: none; } /*================================================================== 5.1 Home Page ==================================================================*/ /*================================================================== 5.2 Single Post ==================================================================*/ /*================================================================== 5.3 Post Archives ==================================================================*/ /*================================================================== 5.4 Contact Page ==================================================================*/ /*================================================================== 5.5 Search Results ==================================================================*/ /*================================================================== 5.6 404 Page ==================================================================*/ /*================================================================== 6.0 Media Queries ==================================================================*/ @media only screen and (max-width: 900px) { #mega-menu-wrap-main-navigation .mega-menu-toggle.mega-menu-open + #mega-menu-main-navigation, #mega-menu-wrap-subsite-navigation .mega-menu-toggle.mega-menu-open + #mega-menu-subsite-navigation { display: block; overflow: scroll; max-height: 80vh; box-shadow: 0 15px 15px rgba(0,0,0,0.5); } } /* Small only */ @media screen and ( max-width: 55em ) { h1, .h1, h2.h1, h3.h1 { font-size: 3rem; } h3 { font-size: 1em; } a.cta, .cta a, .cta2 a, a.cta2, .cta3, .cta3, #commentform input[type="submit"], a.slide_cta, .tp-button.green.small, .tp-button.green, .tp-button, #e2ma_signup_submit_button, input[type="submit"], input[type="button"], input[type="submit"].wpcf7-submit, button.elm-button { font-size: 12px; letter-spacing: 0.05em; } #mega-menu-wrap-main-navigation #mega-menu-main-navigation > li.mega-menu-item > a.mega-menu-link { } #site_logo { position: relative; } div.wpcf7 .ajax-loader { float: right; } .wpcf7-submit { margin-top: 15px!important; } #main { padding: 50px 0; } article.page { padding: 0 20px; } .page_intro_heading, .small_subheading { padding: 0 20px; } .page_heading, body.home .page_heading { margin-bottom: 0; } #page_header.has_thumbnail { height: auto; padding: 80px 20px; } .has_thumbnail .page_header_content { position: relative; left: auto; top: auto; transform: none; width: 100%; padding: 0; } .contact_content { display: inline-block; margin: 10px 40px; text-align: center; width: 36%; } .lower_page_callout { padding: 0 20px; } .lower_page_callout .lower_page_callout_content { margin-top: 0; } /* .fancybox-inner { max-width: 90%; overflow: visible; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); } .fancybox-stage { overflow: visible; } .fancybox-slide { overflow: visible; } */ #page_header, body.home #page_header { } .site-id { margin: 0; } #header_right { } #site_logo { } body.blog #primary, body.archive.category #primary, body.single.single-post #primary, #primary { padding-top: 0; padding-bottom: 0; } .case_study { min-height: 430px; } .service_item, .service_item.cols-6 { width: 100%; } .services_name { font-size: 20px; } .services_copy { padding: 30px 20px; } .client_logo_inner { padding: 10px; } .careers_callout { padding: 40px 20px; } .faq_wrapper { padding: 50px 20px; } form h2, form h4 { padding: 0 20px; } .accordion-title { font-size: 14px; } .accordion-content { padding: 20px; border-right: 1px solid #e6e6e6; border-left: 1px solid #e6e6e6; } .post_feed_header { padding: 15px 15px; } .post_feed_header .category_link { margin: 0 5px; } .vertical_separator { height: 32px; margin: 0 5px; } .post_feed_header .search_button { font-size: 27px; } .search_button .fa { vertical-align: top; } #post_feed article { padding: 30px 20px; display: block; } .current_post { border-left: none; } .featured_img_excerpt { display: block; flex-direction: unset; width: 100%; float: none; clear: both; margin: 0 0 25px; max-width: 100%; position: relative; height: 300px; } .featured_img_excerpt a { display: block; flex: unset; } #post_feed .entry-content { float: none; width: 100%; max-width: 100%; clear: both; display: block; position: relative; min-height: 100px; } #post_feed .post_date { float: right; right: 0; } .post_intro_content { width: 80%; } #post_content_wrapper { padding: 40px 20px; } .slick-prev, .slick-next { display: none!important; } .social_icons a { width: 35px; height: 35px; margin: 0 3px; } .social_icons a .fa { margin: 0px 0 2px; } .social_icons h6 { display: none; } .contact_callout h4 { font-size: 1.2rem; } h2, .h2, h1.h2, h3.h2, h4.h2 { font-size: 1.5rem; } .case_study_secondary:nth-child(2n+1), .case_study_secondary:nth-child(2n) { border-right: none; border-left: none; } .section_header { padding: 30px 15px; } .section_content { padding: 40px 30px !important; } body.home .page_header_content { /* position: relative; left: auto; top: auto; */ /* transform: none; */ color: #FFF; z-index: 101; width: 1000px; max-width: 92%; padding: 50px 0 0; margin: 0 auto; } .testimonials_carousel { padding: 0 30px 0; clear: both; text-align: center; width: 100%; max-width: 100%; margin: 0 auto; } .testimonials_wrapper { padding: 20px; } .testimonial_headings { position: relative; left: auto; top: auto; margin: 0 auto; text-align: center; float: none; } .testimonial_headings .small_subheading, .testimonial_headings .page_intro_heading { text-align: center; } .testimonials_img { width: 200px; height: 200px; margin: 0 auto 35px; float: left; margin: 0 30px 0 0; } .slick-slide { flex-direction: column; } .slick-slide span.testimonials_img { float: none; margin: 3rem auto 1rem; } .testimonial_content { margin-top: 10px; } .hero_button img { max-width: 80px; max-height: 80px; width: auto; height: auto; margin: 0 auto 10px; display: inline-block; } .button_heading { border-left: none; margin-left: 0; padding: 10px 0; display: inline-block; text-align: left; vertical-align: middle; text-align: center; width: 100%; } .button_heading span { text-transform: uppercase; font-size: 18px; font-weight: bold; letter-spacing: 0.05em; text-align: center; line-height: 1em; } .button_header { text-align: center; } #footer_map { display: none; } .site-footer .footer_logo { float: none; margin: 0 auto 30px; display: block; max-width: 150px; } #footer_columns { text-align: center; } #footer_columns { padding-top: 10px; padding-bottom: 10px; } #twitter_feed { display: none; } #footer-layout .left_column, #footer-layout .center_column, #footer-layout .right_column { padding-top: 25px; padding-bottom: 25px; } .blog_carousel, .blog_carousel .post_wrapper { text-align: center; margin-left: -.9375rem; margin-right: -.9375rem; } .row .row .section_title { padding-left: .9375rem; padding-right: .9375rem; } .services_wrapper { height: 800px; } .service_copy { padding: 0 20px; } .contact_tabs { padding-bottom: 0; } .client_logo_wrapper { margin: 0 2% 5px; } .recent_posts .featured_img { margin-bottom: 15px; text-align: center; } .recent_post_content { text-align: center; } .single_post_date { margin-bottom: 50px; } } /* 39.9375 */ /* Medium and up */ @media screen and ( max-width: 39.9375em ) { .masthead .quote_button, .masthead .search_button { display: none; } .masthead { min-height: 40px; } .hero_buttons { position: relative; } .hero_button { width: 100%; float: none; height: auto !important; } .value_section, #value_section_1, #value_section_3, #value_section_2, #value_section_4, #value_section_6, #value_section_5, #value_section_7, #value_section_8 { width: 100%!important; height: auto !important; padding: 85px 0!important; } .value_section .section_hover_content .hover_content_wrapper p { padding: 0 10px; } .site-footer .footer_logo { float: none; margin: 0 auto 30px; display: block; max-width: 150px; } .social_icons a { display: inline-block; } .social_icons a .fa { font-size: 20px; } .footer-nav li { margin: 0 10px 10px; } #site_logo img { width: 100px; margin: 5px 0; } .masthead nav { border-top: none; position: absolute; width: 100%; left: 0; top: 0; height: 100%; } #site_logo { position: relative; } #page_header { margin-top: 60px; } #header_right { height: 100%; position: absolute; right: 0; top: 0; width: 100%; } #mega-menu-wrap-main-navigation .mega-menu-toggle { height: 100%; } #mega-menu-wrap-main-navigation { height: 100%; } .page_intro_heading { font-size: 34px; } #page_header { min-height: 200px; } .page_heading { font-size: 40px; line-height: 1.1em; } .service_item .service_item_image { width: 100%; position: relative; height: auto; top: auto; left: auto; background-size: cover; background-repeat: no-repeat; background-position: 50% 50%; padding: 50%; } .service_item .services_info { width: 100%; float: none; padding: 20px; } .services_grid .service_item .service_item_inner .services_desc { padding: 15px 15px; } .lower_page_callout > .row { flex-direction: column; } .lower_page_callout_image { width: 94%; float: none; margin: 0 auto 25px; display: block; } .lower_page_callout_content { float: none; width: 100%; padding: 1rem 1rem 0; } #post_feed article { padding: 20px; } #mega-menu-wrap-main-navigation #mega-menu-main-navigation > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item, #mega-menu-wrap-subsite-navigation #mega-menu-subsite-navigation > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item { width: 100%; } } /* max-width: 39.9375em */ /* Medium only */ @media screen and ( min-width: 40em ) and ( max-width: 63.9375em ) { .top-nav .menu-item a { padding: 10px 7px; } .top-nav { } .services_wrapper { height: 700px; } .service_copy { padding: 0 20px; } } @media screen and ( max-width: 64em ) { .masthead .quote_button { display: none; } .photo_gallery_slider .gallery_image_wrapper { height: 300px; } } /* Large and up */ @media screen and ( max-width: 64em ) { } /* Large only */ @media screen and ( min-width: 64em ) and ( max-width: 74.9375em ) {} /* X-Large and up */ @media screen and ( min-width: 75em ) {} /* X-Large only */ @media screen and ( min-width: 75em ) and ( max-width: 89.9375em ) {} /* XX-Large and up */ @media screen and ( min-width: 90em ) {} /*================================================================== 7.0 Print ==================================================================*/ .page_header_video { min-height: 0 !important; } @media screen and ( max-width: 39.9375em ) { .page_header_video h1 { font-size: 20px !important; } .page_header_video .page_header_content { padding-top: 0 !important; } } .page-header__bg--video { width: 100%; height: auto; max-width: 100%; max-height: calc(100vh - 75px); transition: 1s opacity; display: block; object-fit: cover; } .page_header_slideshow{ position: relative; } .page_header_slideshow img{ min-height: 650px; } .page_header .slick-list { height: 650px; } .page_header .slick-track { height: 100%; } .page_header .header_item_slide { position: relative; } .page_header .header_item_slide div.header_item { background-size: cover; background-position: center; position: absolute; height: 100%; width: 100%; top: 0; left: 0; right: 0; bottom: 0; } .image-group { margin: 3rem auto; text-align: center; } .image-group img { margin: 1rem .5rem; } .image-group img:first-child { margin-left: 0; } .image-group img:last-child { margin-right: 0; } body.Exterior-Facility-Solutions.page-template-template-microsite-home .page_header_overlay { background: rgba(0, 0, 0, 0.05); }