@import url(//rmfiltration.com/wp-content/themes/branded/css/style_media-min-48em.css) only screen and (min-width: 48em);
@import url(//rmfiltration.com/wp-content/themes/branded/css/style_media-max-1300px.css) only screen and (min-width: 1180px) and (max-width: 1300px);
@import url(//rmfiltration.com/wp-content/themes/branded/css/style_media-max-1180px.css) only screen and (min-width: 1084px) and (max-width: 1180px);
@import url(//rmfiltration.com/wp-content/themes/branded/css/style_media-max-1084px.css) only screen and (min-width: 950px) and (max-width: 1084px);
@import url(//rmfiltration.com/wp-content/themes/branded/css/style_media-max-950px.css) only screen and (min-width: 900px) and (max-width: 950px);
@import url(//rmfiltration.com/wp-content/themes/branded/css/style_media-max-900px.css) only screen and (min-width: 797px) and (max-width: 900px);
@import url(//rmfiltration.com/wp-content/themes/branded/css/style_media-max-797px.css) only screen and (min-width: 767px) and (max-width: 797px);
@import url(//rmfiltration.com/wp-content/themes/branded/css/style_media-max-767px.css) only screen and (min-width: 620px) and (max-width: 767px);
@import url(//rmfiltration.com/wp-content/themes/branded/css/style_media-max-620px.css) only screen and (min-width: 480px) and (max-width: 620px);
@import url(//rmfiltration.com/wp-content/themes/branded/css/style_media-max-480px.css) only screen and (max-width: 480px);
.page:not(.home) #content{
padding-bottom: 0 !important;
padding-top: 0;
}
.site-branding{
background-color: #38393A;
color: white;
padding: 0;
display: none;
}
.site-branding .wrap{
padding: 0 .5em;
}
.site-branding a{
color: white;
}
.header-number{
margin: 1em 0;
text-align: right;
}
.fix-on-scroll .header-number{
margin: 0;
text-align: left;
}
.header-contact, .header-search input, .footer-contact input{
font-size: .75em;
color: white;
}
.header-contact, .header-number, .header-menu, .top-logo {
padding: 0 !important;
}
.header-contact .phone-number{
font-weight: 600;
font-size: 1.5em;
width: 100%;
display: inline-block;
line-height: 100%;
}
.fix-on-scroll .header-number{
width: 45%;
display: inline-block;
font-size: .8em;
}
.fix-on-scroll .header-number:first-child{
border-right: 1px solid white;
margin-right: 5%;
}
.widget_search input{
font-size: .9em;
}
.social-navigation li{
display: table-cell;
}
.header-social .social-navigation li a{
background-color: transparent;
margin: 0;
}
.header-social .social-navigation{
display: table;
position: absolute;
top: 0;
right: 0;
width: auto;
}
.separator,.header-social .social-navigation li a:hover{ }
.header-search{
margin: .25em 0;
}
.header-search label, .widget_search label{
margin-bottom: 0;
}
.header-search input, .widget_search input{
padding: .5em;
}
.header-search .search-form .search-submit, .widget_search .search-form .search-submit, .footer-contact .search-form .search-submit{
padding: .5em;
background-color: transparent;
color: #38393A;
}
.header-search .search-form .search-submit .icon, .widget_search .search-form .search-submit .icon, .footer-contact .search-form .search-submit .icon{
height: 18px;
width: 18px;
top: -8px;
}
.footer-contact input{
margin-bottom: 2em;
max-width: 60%;
display: inline-block;
}
.custom-header{
margin-bottom: 65px !important;
}
.navigation-top{
background-color: #084b27;
border-color: transparent;
box-shadow: 0px 0px 2px rgba(0,0,0,0.5);
z-index: 9999 !important;
text-shadow: 0 0 3px black;
-webkit-filter: drop-shadow(0 0 3px rgba(0,0,0,.5));
filter: drop-shadow(0 0 3px rgba(0,0,0,.5))
}
.navigation-top .custom-logo-link img:hover, .footer-logo:hover{
opacity: .7;
}
.header-logo{
margin: 0 -1em 0 1em !important;
padding-bottom: 100px;
background-position: center;
max-width: 83.06%;
-webkit-filter: drop-shadow(0px 0px 10px black);
filter: drop-shadow(0px 0px 10px black);
}
.fix-on-scroll .header-logo{
padding-bottom: 44px;
background-size: contain;
background-image: url(//rmfiltration.com/wp-content/themes/branded/images/mobile-logo.png) !important;
}
@media screen and (max-width: 767px){
.header-logo{
background-image: url(//rmfiltration.com/wp-content/themes/branded/images/mobile-logo.png) !important;
padding-bottom: 30px !important;
margin: .25em 0;
}
}
.navigation-top a{
font-size: 1.25em;
color: white;
font-family: franklin-gothic-condensed, sans-serif;
}
.navigation-top.fix-on-scroll a{
padding: .7em;
}
.navigation-top .current-menu-item > a, .navigation-top .current_page_item > a, .navigation-top a:hover, .wide:hover a{
opacity: .5;
color: white;
}
.wide:hover .sub-menu a{
background-color: transparent;
display: table-cell;
}
.site-title a:hover{
background-color: transparent;
color: #ed1c24;
}
a:hover{
color: #ed1c24;
}
.main-navigation ul ul{
background-color: rgba(50,50,50,.8);
border: none;
font-size: 1.25em;
padding: 0;
}
.main-navigation ul ul ul{
background-color: transparent;
padding-bottom: 0 !important;
}
.main-navigation ul ul li a{
font-size: .8em;
padding: .5em 0 .5em 1em;
line-height: 120%;
font-family: proxima-nova,sans-serif!important;
}
.main-navigation ul li.menu-item-has-children.focus:before,
.main-navigation ul li.menu-item-has-children:hover:before,
.main-navigation ul li.menu-item-has-children.focus:after,
.main-navigation ul li.menu-item-has-children:hover:after,
.main-navigation ul li.page_item_has_children.focus:before,
.main-navigation ul li.page_item_has_children:hover:before,
.main-navigation ul li.page_item_has_children.focus:after,
.main-navigation ul li.page_item_has_children:hover:after{
display: none;
}
.dropdown-toggle{
color: white;
margin: .4em 1em 0 0;
}
.navigation-top .wrap{
padding: 0 2em !important;
}
.navigation-top.fix-on-scroll .wrap{
padding: 0 .5em !important;
}
.top-logo{
padding-left: 1em;
}
.fix-on-scroll .top-logo{
padding-left: 0;
}
.site-footer{
background-color: #084b27;
box-shadow: 0px 0px 2px rgba(0,0,0,0.25);
margin-top: 0;
position: relative;
z-index: 998;
color: white;
}
.site-footer a{
color: white;
}
.fine-print{
background-color: black;
color: white;
text-align: center;
font-weight: 400;
font-size: .75em;
padding: .5em;
}
.fine-print a{
color: #e2e2e2;
}
.footer-logo{
padding-bottom: 150px;
margin-bottom: 2em;
background-position: top center;
}
.footer-contact{
text-align: center;
font-weight: 400;
}
.contact-header{
color: white !important;
margin: 0;
}
footer .social-navigation{
display: table;
float: none;
margin: auto;
}
footer .social-navigation a{
background-color: transparent;
color: #38393A;
}
footer .social-navigation a:hover, .fine-print a:hover{
background-color: transparent;
color: #ed1c24;
}
footer .social-links-menu li:last-child a{
margin-right: 0; 
}
.footer-menu ul{
list-style: none;
margin-left: 0;
}
.footer-menu ul li a{
font-weight: 700;
font-size: 1.5em;
display: block;
}
.footer-menu ul ul li a{
font-weight: normal;
font-size: 1em;
margin: .5em 0;
}
.page .panel-content .entry-title, .page-title, body.page:not(.twentyseventeen-front-page) .entry-title{
font-size: 3em;
font-weight: 300;
letter-spacing: normal;
text-transform: none;
padding-top: .8em;
}
body:not(.twentyseventeen-front-page) .entry-content{
padding-bottom: 1em;
}
.single-featured-image-header{
padding-bottom: 80vh;
box-shadow: inset 0px 120px 400px rgba(0,0,0,.75) !important;
border: none;
border-bottom: 1px solid #efefef;
z-index: 998;
position: relative;
background-color: #38393A;
}
#home-featured-image{
padding-bottom: 0;
color: white;
z-index: 0;
}
.home-header-logo{
padding-bottom: 60vh;
-webkit-filter: drop-shadow(0 0 3px rgba(0,0,0,.5));
filter: drop-shadow(0 0 3px rgba(0,0,0,.5));
}
.home-header-content{
padding: 25vh 1em 20vh 0 !important;
text-shadow: 0 0 5px black;
position: relative;
}
.home-header-content h1{
color: white !important;
font-size: 2.5em;
line-height: 110%;
margin-bottom: .25em; }
.home-header-content p{
color: white;
}
.button, .more-link, figcaption a{
background-color: #084b27;
color: white;
font-weight: 700;
padding: .5em 1em;
display: inline-block;
box-shadow: none !important;
text-shadow: none !important;
border: 1px solid white;
text-align: left;
}
.button:after, .more-link:after, figcaption a:after{
font-family: "FontAwesome";
content: " \f105";
margin-left: 1em;
display: inline-block;
float: right;
}
.button a{
color: white;
}
.button.current-menu-item {
background-color: #efefef;
border-color: black;
color: black;
}
.button.current-menu-item a, .focus-area-menu li:hover a{
color: black !important;
}
.focus-area-menu{
padding: 0 2em;
}
.menu li.button{
width: 100%;
}
figcaption a{
width: 100%;
font-style: normal;
font-size: 1rem;
display: table;
padding: .5em;
}
.wp-caption .wp-caption-text{
margin-bottom: 0;
}
.link-more, .link-more:hover{
box-shadow: none !important;
color: black;
margin-bottom: 0;
}
.button:hover, .more-link:hover, figcaption a:hover{
background-color: #efefef;
color: black !important;
box-shadow: none !important;
border: 1px solid black;
}
.entry-content .more-link:before{
margin-top: 0;
box-shadow: none !important;
}
.header-banner{
padding: 1em 0;
background-color: #F9F9F9;
text-align: center;
position: relative;
}
.header-banner h1{
margin-bottom: 1em;
}
@media screen and (min-width: 767px){
.header-banner h1{
text-align: left;
padding-right: 1em;
margin-bottom: 0;
}
}
.header-banner .button {
font-size: 1.5em;
}
.gray{
background-color: #efefef;
}
.content-block{
border-top: 1px solid #efefef;
padding-bottom: 2em;
padding-top: 2em;
}
.content-block .wrap, .cta-banner .wrap{
padding-top: 1em;
padding-bottom: 1em;
}
.cta-block{
background-color: #F9F9F9;
}
.block-image, .block-icon{
padding-bottom: 40vh;
}
.cta .block-image{
padding-bottom: 25vh;
background-color: white;
border: 1px solid #efefef;
} .block-title{
margin: .25em 0 .5em;
font-size: 2em;
line-height: 110%;
}
.banner-title{
margin-bottom: 0;
color: white;
}
.cta-banner{
background: black;
padding: 2em 0;
}
.banner-link .button{
border: 1px solid white;
width: 100%;
text-align: center;
}
.mobile-image{
display: none;
}
.first-cta{
margin-left: 0;
}
.cta{
padding-left: 0;
margin-bottom: 1em;
}
.cta-blocks .block-image{
padding-bottom: 20vh;
border-radius: 0;
margin: 0;
}
.cta-block-desc{
margin: 0;
padding: .5em 1em;
}
.cta-block-desc h3{
font-weight: 700;
margin-bottom: .25em;
}
.two-col-block .wrap{
padding-bottom: 3em;
padding-top: 3em;
}
.content-left{
margin-left: 0;
padding-right: 2em;
padding-left: 0;
}
.two-col-block .content-left{
border-right: 1px solid #efefef;
}
.bg-image-block.two-col-block .content-left{
border-right: none;
}
.content-right{
padding-left: 2em;
}
.two-col-block .alignleft, .two-col-block .alignright{
border: 1px solid #efefef;
background-color: white;
}
#gradient{
background: -webkit-gradient(linear, left center, right center, from(black),color-stop(100%, black));
background: -webkit-linear-gradient(left,black ,black 100%);
background: linear-gradient(to bottom right,black ,black 100%);
}
.post-thumbnail{
padding-bottom: 240px;
margin-bottom: 0;
}
.post-thumb, aside, .variations select{
background-color: #F9F9F9;
border: 1px solid #efefef;
box-shadow: 0px 2px 2px #efefef;
}
.post-excerpt{
margin: 0;
padding: 1em;
}
.post-image-wrap{
margin: 0;
}
.post-excerpt .entry-title{
margin-bottom: 0;
}
.thumb-header{
margin-bottom: 1em;
font-size: .8em;
}
.thumb-header a{
box-shadow: none;
}
.thumb-header a:hover{
box-shadow: none;
color: #e2e2e2;
}
.site-content{
padding-top: 0;
}
.has-sidebar #secondary{
padding: 1em !important;
}
.has-sidebar #secondary:last-child{
margin-bottom: 3em;
}
.post-thumb article .entry-content{
padding-bottom: 0;
margin-bottom: 1em;
}
.widget-title{
color: inherit !important;
font-size: 1.1em !important;
letter-spacing: .1em !important;
margin-bottom: .25em !important;
text-transform: uppercase !important;
padding-top: 1em !important;
font-weight: 400 !important;
}
.product-categories .cat-parent a{
font-size: 1.1em;
letter-spacing: .1em ;
text-transform: uppercase;
font-weight: 400;
letter-spacing: .1em;
box-shadow: none;
}
.product-categories .cat-parent a:hover{
box-shadow: none;
color: #ed1c24;
}
.product-categories .cat-parent .children a{
font-size: 1em;
text-transform: none;
font-weight: 600;
letter-spacing: normal;
}
.widget ul li li{
padding-left: 1em;
padding-bottom: 0;
padding-top: .1em;
}
.widget_text{
padding-top: 2em;
}
.widget_text:first-child{
padding-top: 0;
}
.widget ul li, .widget ol li{
border: none;
}
.widget form{
margin-bottom: .2em;
}
.textwidget h1{
margin-bottom: .25em;
font-weight: 700;
font-size: 1.5em;
}
.widget:last-child{
padding-bottom: 1em;
}
#single-wrap{
padding-top: 70px;
}
.comments-area{
display: none;
}
.contact-right{
padding-left: 2em;
}
.more-info-title{
margin-bottom: 0;
margin-top: 1em;
font-weight: normal;
color: #555;
}
.contact-right h3{
padding-top: 0;
margin-bottom: .25em;
}
.contact-social{
padding: 2em 0;
margin-top: 1em;
width: 100%;
border-top: 1px solid #e2e2e2;
}
.acf-map {
width: 100%;
height: 400px;
border: #ccc solid 1px;
margin-bottom: 3em;
} .acf-map img {
max-width: inherit !important;
}
li{
margin-bottom: .75em;
}
#site-navigation li, #secondary li{
margin-bottom: 0;
}
.cta-banner .wrap{
padding-top: 0;
padding-bottom: 0;
}
.banner-content{
margin-top: .25em;
margin-bottom: .25em;
} .woocommerce-mini-cart__buttons .checkout{
display: initial !important;
}
.widget-title a{
font-weight: inherit;
box-shadow: none !important;
}
.widget-title a:hover{
box-shadow: none !important;
color: black !important;
}
.textwidget{
border-bottom: 1px solid #ddd;
}
.widget{
padding-bottom: 0;
}
#wc-spacer{
z-index: 99;
position: relative;
box-shadow: inset 0px 0px 400px black !important;
margin-bottom: 2em;
}
.shop_attributes p{
margin-bottom: 0;
}
.shop_attributes td{
padding: 1em 0 1em 2em;
display: block;
}
.woocommerce-loop-category__title .count{
display: none;
}
.woocommerce-loop-category__title{
font-weight: 400;
text-align: center;
}
ul.products li.product .button{
width: 92%;
text-align: center;
padding: .5em;
margin: 4%;
display: none;
}
.woocommerce-loop-product__title{
text-align: center;
}
.site-title{
padding: .2em 0 !important;
}
.site-title a{
text-transform: none;
letter-spacing: normal;
}
.widget_product_search form{
padding-top: 1em;
}
.widget_product_search input{
padding: 0 20px 0 7px;
font-size: 0.875rem;
line-height: 28px;
}
.widget_product_search input[type=submit]{
content: "\f002";
background-color: transparent;
background-image: url(//rmfiltration.com/wp-content/themes/branded/images/search.png);
background-size: contain;
background-position: center;
background-repeat: no-repeat;
padding-bottom: 0;
padding-top: 0;
top: 1.3em;
font-size: .75em;
}
li.chosen a:before{
content: "x ";
}
.woocommerce-tabs li{
margin-right: 0;
}
.woocommerce-tabs{
width: 48%;
margin-left: 2%;
display: inline-block;
}
.wc-tabs{
margin: 0;
}
.wc-tab{
background: #f9f9f9;
padding: 1em;
border: 1px solid #efefef;
box-shadow: 0px 2px 2px #efefef;
position: relative;
z-index: 1;
}
.woocommerce-tabs a{
background: #efefef;
border: 1px solid #efefef;
box-shadow: none;
padding: 1em;
color: #888;
}
.woocommerce-tabs a:hover{
box-shadow: none;
color: black;
}
.woocommerce-tabs li.active a{
box-shadow: none;
background: #f9f9f9;
color: black;
border-bottom: 1px solid #fafafa;
position: relative;
z-index: 2;
}
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product{
background: #fafafa;
border: 1px solid white;
box-shadow: 0px 2px 2px #efefef;
transition:  all ease-in-out .125s;
position: relative;
top: 0;
left: 0;
}
.woocommerce ul.products li.product:hover, .woocommerce-page ul.products li.product:hover{
box-shadow: 2px 4px 4px rgba(0,0,0,.125);
top: -3px;
left: -1px;
border: 1px solid #efefef;
}
.woocommerce-loop-product__title{
padding: .5em;
letter-spacing: .1em;
font-size: 1em;
margin-bottom: 0;
}
.flex-control-thumbs{
margin-top: 1em;
}
.woocommerce-product-gallery .flex-control-thumbs img{
border: 1px solid #efefef;
}
.woocommerce ul.products, .woocommerce-page ul.products{
margin-left: 0;
}
.product-category.product{
background: white !important;
border: none !important;
box-shadow: none !important;
}
.product-category.product:hover{
top: 0 !important;
left: 0 !important;
border: none !important;
box-shadow: none !important;
opacity: .8;
}
.woocommerce .woocommerce-ordering, .woocommerce-page .woocommerce-ordering{
display: none;
}
.woocommerce-breadcrumb{
margin-bottom: 0;
margin-top: 1em;
}
.product{
margin-top: 3em;
}
.count{
color: #777;
letter-spacing: .1em;
padding-left: .2em;
font-size: .75em;
}
.footer-menu .sub-menu li{
margin-bottom: 0;
}
.footer-menu .sub-menu li:last-child{
margin-bottom: 2em;
}
.footer-menu .sub-menu{
line-height: 130%;
}
.wc-tab iframe{
min-height: 1px;
}
.wcpscwc-product-slider .slick-dots{
bottom: -1em !important;
}
.slider-title, .three-ctas-title{
text-align: center;
}
h2 li{
margin-bottom: .25em;
}
.category-header{
padding-bottom: 3vh;
padding-top: 17vh; }
.category-header, .category-header a, .category-header .entry-title{
color: white;
text-shadow: 0 0 15px black;
}
.category-header a{
font-weight: initial;
box-shadow: none;
}
.category-header a:hover, .category-header a:active{
box-shadow: none;
}
.category-header .entry-title, .category-header .child-list, .category-header .child-list li{
display: inline-block;
margin-bottom: 0;
vertical-align: middle;
}
.category-header .entry-title{
display: block;
}
.category-header .child-list{
margin-left: 0;
}
.category-header .child-list li:after{
content: ' / ';
margin-right: .3em;
}
.category-header .child-list li:last-child:after{
content: '';
margin-right: 0;
}
.category-header a:hover, .category-header a.active{
color: black;
text-shadow: none;
}
.sku_wrapper, .reset_variations, .pswp__caption{
display: none !important;
}
.product_title{
margin-bottom: .25em;
line-height: 110%;
}
.variations tr:last-child{
border-bottom: none;
}
.variations{
margin-bottom: 0;
}
.product_meta{
font-size: .75em;
text-transform: uppercase;
letter-spacing: .05em;
}
.product_meta a{
box-shadow: none;
font-weight: 600;
}
.product_meta a:hover{
box-shadow: none;
color: #ed1c24;
}
.variations label{
font-size: 1.625rem;
font-weight: 600;
}
.variations label:after{
content: ':';
}
.variable-item:not(.radio-variable-item){
width: 20px;
height: 20px;
}
.image-variable-item{
box-shadow: none !important;
width: 50px !important;
height: 50px !important;
}
.image-variable-item img:hover{
box-shadow: 0 0 1px #999;
}
.image-variable-item img{
border-radius: 0 !important;
}
.image-variable-item.selected img{
box-shadow: 0 0 1px red;
}
.image-variable-item.selected img:hover{
opacity: .5;
}
.image-variable-item.selected:hover{
background-image: url(//rmfiltration.com/wp-content/themes/branded/images/close.png);
background-position: center;
background-size: contain;
transition-property: none;
}
.image-variable-item.disabled{
box-shadow: 0 0 500px rgba(0,0,0,.05) inset !important;
border-radius: 0 !important;
}
.main-navigation .menu-item-has-children > a > .icon, .main-navigation .page_item_has_children > a > .icon{
display: none;
}
.standard-block{
padding: 3em 0;
}
.standard-block .wrap{
padding-bottom: 0;
padding-top: 0;
}
.menu-item:last-child:hover .sub-menu{
left: -100px;
}
.woo-variation-product-gallery{
max-width: 50%;
float: left;
}
.wvg-gallery-thumbnail-image{
display: inline-block;
margin: 0 1em 1em 0;
}
.wvg-gallery-thumbnail-image:last-child{
margin-right: 0;
}
section.related.products{
margin-top: 1em;
display: inline-block;
} .wp-posts-carousel-slide, .wp-posts-carousel-container, .wp-posts-carousel-container, .wp-posts-carousel-image{
padding: 0 !important;
}
.wp-posts-carousel-image{
min-height: 70vh;
background-position: 80% center;
background-repeat: no-repeat;
}
.wp-posts-carousel-details{
margin: 0;
position: relative;
bottom: 50vh;
}
.slider-wrap .slider-desc{
padding: 1em !important;
background-color: rgba(0,0,0,0.7);
}
.slider-wrap{
padding-bottom: 0 !important;
} @media screen and (max-width: 1200px){
.wp-posts-carousel-details{
font-size: .8em;
}
}
.wp-posts-carousel-container{
background: white !important;
border: none !important;
height: 70vh;
}
.wp-posts-carousel-desc{
padding: 0 !important;
margin: 1em 0 .5em !important;
display: inline-block !important;
}
.compact-theme.wp-posts-carousel .wp-posts-carousel-desc a.more-link{
background-color: transparent;
}
.compact-theme.wp-posts-carousel .wp-posts-carousel-desc a.more-link:hover{
background-color: #ed1c24;
}
.compact-theme.wp-posts-carousel .wp-posts-carousel-title{
text-align: left !important;
font-size: 1.8em !important;
line-height: 120%;
margin: 0 !important;
text-transform: uppercase;
color: white;
}
.owl-carousel .owl-item{
height: 70vh;
}
.compact-theme.wp-posts-carousel .owl-controls .owl-nav div{
background: transparent !important;
border: none !important;
}
.owl-controls{
position: relative !important;
display: inline-block !important;
bottom: 50px !important;
left: 50% !important;
}
.owl-dots{
position: relative !important;
top: 0 !important;
right: 0 !important;
}
.owl-prev, .owl-next{
top: -3px !important;
}
.owl-prev{
left: -30px !important;
}
.owl-next{
right: -25px !important;
}
.compact-theme.wp-posts-carousel .owl-nav div:before{
font-size: 30px !important;
color: white !important;
}
.compact-theme.wp-posts-carousel .wp-posts-carousel-desc{
font-size: inherit !important;
color: white !important;
}
.link-more{
margin-bottom: 0;
margin-top: 1em;
}
.compact-theme.wp-posts-carousel .owl-dots .owl-dot span{
box-shadow: 0 0 2px black;
}
.compact-theme.wp-posts-carousel .owl-controls{
text-shadow: 0 0 2px black;
}
@media screen and (max-width: 960px){
.compact-theme.wp-posts-carousel .wp-posts-carousel-title{
font-size: 2em !important;
}
}
@media screen and (max-width: 767px){
.compact-theme.wp-posts-carousel .wp-posts-carousel-title{ }
.wp-posts-carousel-details{
padding: 1em !important;
bottom: auto;
top: -40vh;
font-size: .8em;
margin: auto;
width: 80%;
}
.wp-posts-carousel-container{
height: 70vh;
}
.wp-posts-carousel-image{
min-height: 70vh;
background-position: center top;
box-shadow: none !important;
}
.owl-controls{
left: 12.5% !important;
width: 75%;
}
.compact-theme.wp-posts-carousel .owl-dots .owl-dot{
position: relative;
z-index: -1;
}
}
.owl-loaded{
max-height: 70vh;
}
.owl-carousel{
z-index: 0 !important;
} .sidebar-ad{
background-color: rgba(237,28,36,.9) !important;
background-repeat: repeat !important;
background-position: center !important;
background-attachment: fixed !important;
background-size: 200px !important;
color: white;
margin-top: 3em;
padding: 1em !important;
text-align: left !important;
}
.sidebar-ad h1, .sidebar-ad h2, .sidebar-ad h3, .sidebar-ad h4, .sidebar-ad h5, .sidebar-ad h6, .sidebar-ad a, .sidebar-ad p{
color: white;
padding: 0;
}
.sidebar-ad h1{
font-weight: 800;
text-transform: uppercase;
line-height: 120%;
margin-bottom: .25em;
}
.banner-ad{
margin: 0 0 1.8em;
width: 100%;
}
.home-ad{
margin: 0;
text-align: center !important;
}
.page-title{
padding-top: .2em;
}
.entry-meta .byline{
display: none;
}
@media screen and (max-width: 1084px){
.sidebar-ad{
width: 100% !important;
}
}
@media screen and (max-width: 767px)
.home-ad{
text-align: left !important;
}
}
.wide:hover .sub-menu{
position: fixed;
width: 100%;
max-width: 1440px;
margin: auto;
left: 0;
right: 0;
top: 132px;
}
@media screen and (min-width: 767px){
padding: 1em 0;
}
.menu-item:hover .sub-menu .sub-menu-wrap{
background-color: transparent;
margin: 0;
padding: 0;
position: static;
}
.menu-item:hover .sub-menu-wrap{
background-color: transparent;
position: fixed;
left: 0;
right: 0;
margin: -2em auto 0;
padding: 1em 0;
}
.sub-menu-wrap{
z-index: 1;
}
.sub-menu .sub-menu-wrap{
display: none;
}
.fix-on-scroll .wide:hover .sub-menu-wrap{ }
@media screen and (max-width: 767px){
.sub-menu-wrap{
display: none;
}
}
@media screen and (min-width: 767px){
.wide .sub-menu{
display: none;
position: fixed;
width: 100%;
max-width: 1600px;
margin: auto;
left: 0;
right: 0;
padding-bottom: 1em;
}
.wide:hover .sub-menu{
display: block;
top: 70px;
left: 0;
right: 0;
}
.admin-bar .wide:hover .sub-menu{
top: 100px;
}
}
.wide .sub-menu .sub-menu .sub-menu, .fix-on-scroll .wide .sub-menu .sub-menu .sub-menu{
padding: 0;
}
.fix-on-scroll .wide:hover .sub-menu{
top: 89px;
}
.fix-on-scroll .wide:hover ul .sub-menu-wrap{ }
@media screen and (max-width: 1184px){
.wide:hover .sub-menu{
top: 120px;
}
.fix-on-scroll .wide:hover .sub-menu{
top: 68px;
}
.admin-bar .wide:hover .sub-menu{
top: 100px;
}
.wide:hover .sub-menu-wrap{ }
}
@media screen and (max-width: 1024px){
.wide:hover .sub-menu{
top: 120px;
}
.fix-on-scroll .wide:hover .sub-menu{
top: 66px;
}
.admin-bar .wide:hover .sub-menu{
top: 100px;
}
} .wide .sub-menu li{
margin-top: 1em;
}
.wide .sub-menu .sub-menu li{
margin: 0;
}
.wide .sub-menu li .sub-menu li a{
font-weight: normal;
line-height: 120%;
transition-property: none;
text-transform: none;
font-size: .7em;
padding: .5em 0 .5em 1.5em;
}
.main-navigation li li:hover, .main-navigation li li.focus{
background-color: transparent !important;
}
.sub-menu li .sub-menu li a:hover, header .sub-menu a:hover{
background-color: black !important;
opacity: 1;
}
.wide .sub-menu li .sub-menu li .sub-menu li:first-child{
margin-top: 0;
}
.wide .sub-menu li .sub-menu li .sub-menu li a, .fix-on-scoll .wide .sub-menu li .sub-menu li .sub-menu li a{
font-weight: normal;
padding: .25em 1.45em;
font-size: .9em;
}
.wide .menu-description{
font-style: italic;
font-weight: normal;
font-size: .9em;
line-height: 120%;
opacity: .7;
padding-bottom: .5em;
}
.wide .sub-menu li .sub-menu li:last-child .menu-description{
border-bottom: none;
padding-bottom: 0;
}
.wide .sub-menu li .sub-menu li:first-child .menu-description{
padding-bottom: .5em;
}
.wide .sub-menu .sub-menu{
position: static;
border: none;
}
.wide .sub-menu li .sub-menu li .sub-menu li a, .fix-on-scroll .wide .sub-menu li .sub-menu li .sub-menu li a{
padding: .25em .5em .25em 2em;
min-width: 100%;
}
.post-thumb .entry-content{
margin-bottom: 0 !important;
}
.post-thumb{
margin-bottom: 1em;
}
@media screen and (max-width: 767px){
.wide .sub-menu .sub-menu{
display: block;
font-size: 1em;
padding-left: .5em !important;
}
.wide:hover .sub-menu{
position: static;
top: 0;
}
.wide .sub-menu .dropdown-toggle{
display: none;
}
.wide .sub-menu li li{
width: 100%;
border-left: none;
}
.wide .sub-menu li{
border-left: 1px solid rgba(255,255,255,.25);
width: 33%;
margin-top: .25em;
}
.wide .sub-menu li:first-child, .wide .sub-menu li:nth-child(4){
border-left: none;
}
.wide .sub-menu li:nth-child(4), .wide .sub-menu li:nth-child(5), .wide .sub-menu li:nth-child(5){
margin-top: .25em;
}
.wide .sub-menu .sub-menu li{
margin-top: 0;
}
.wide .sub-menu li .sub-menu li{
border-bottom: none;
}
.wide .menu-description, .wide .sub-menu li .sub-menu li .sub-menu li a{
font-size: .6em;
}
.wide .menu-description{
font-size: .9em;
}
.navigation-top .current-menu-item > a, .navigation-top .current_page_item > a{
color: #efefef;
}
.wide .menu-description{
display: inline;
border-bottom: none !important;
padding: 0;
}
.wide .menu-description:before{
content: " - ";
}
.wide .sub-menu li .sub-menu li a{
line-height: 120%;
padding: .2em .5em !important;
}
.main-navigation ul ul.toggled-on{
padding-left: .25em !important;
display: inline-block;
width: 100%; 
padding-right: .25em;
}
.main-navigation .wide ul.toggled-on{
padding-bottom: 1em;
}
.main-navigation ul ul ul.toggled-on{
padding-left: 0 !important;
}
.sub-menu li .sub-menu li a:hover, header .sub-menu a:hover{ }
.wide .sub-menu li .sub-menu li .sub-menu li a, .fix-on-scroll .wide .sub-menu li .sub-menu li .sub-menu li a{
padding: 0.1em .5em .1em 1.5em;
}
.wide .sub-menu li .sub-menu li .sub-menu li:first-child{
display: block;
}
.js .main-navigation.toggled-on > div > ul{
padding: 0;
}
body .main-navigation a{
padding: .5em !important;
}
}
@media screen and (min-width: 767px){ .wide .sub-menu li{
border-left: 1px solid rgba(255,255,255,.25);
}
.wide .sub-menu .sub-menu li, .wide .sub-menu li:first-child{
border-left: none;
}
}
.project-header{
padding-top: 30vh;
text-align: center;
color: white;
line-height: 180%;
text-shadow: 0 0 5px rgba(0,0,0,.8);
-webkit-filter: drop-shadow(0 0 10px rgba(0,0,0,.5));
filter: drop-shadow(0 0 10px rgba(0,0,0,.5));
}
.project-title{
font-size: 3em;
color: white !important;
font-weight: 600;
margin-bottom: .25em;
line-height: 120%;
text-align: left;
border-bottom: 1px solid;
}
.post-excerpt .project-title{
font-size: 2em;
padding: 10vh 0;
text-align: center;
}
.project-thumb{
margin: 0 0 1.6% 1.6%;
}
.post-navigation .nav-links{
padding: 1em 2em;
}
@media screen and (max-width: 767px){
.project-thumb{
margin-bottom: 1em;
}
.post-navigation .nav-links{
padding: 1em 0;
}
}
.project-title a, .project-title a:hover{
box-shadow: none;
}
.has-project-image .post-excerpt .project-title{
color: white;
text-shadow: 0 0 5px rgba(0,0,0,.8);
-webkit-filter: drop-shadow(0 0 10px rgba(0,0,0,.5));
filter: drop-shadow(0 0 10px rgba(0,0,0,.5));
}
.no-project-image .post-excerpt .project-title{
color: black;
}
.project-thumb .post-excerpt{
transition:  all ease-in-out .125s;
}
.project-thumb .post-thumb{
margin-bottom: 0;
}
.project-thumb .post-excerpt:hover{
background-color: rgba(0,0,0,.5); 
}
.post-thumb.no-project-image .post-excerpt:hover{
background-color: black;
}
.post-thumb.has-project-image .post-excerpt{
box-shadow: 0 0 200px black inset;
}
.project-thumb .post-excerpt:hover .project-title{
color: white;
}
.project-description{
font-size: 1.5em;
}
.project-sidebar ul{
margin-bottom: 1em;
}
.projects{
width: 100% !important;
}
.clear-left{
margin-left: 0;
}
#secondary a{
box-shadow: none;
line-height: 140%;
}
#secondary a:hover{
opacity: .8;
}
.prod-image{
padding-bottom: 5em;
border-right: 1px solid #efefef;
max-width: 32.26%;
}
.prod-name{
padding: 1em;
max-width: 66.13%;
}
.product-list .prod-thumb{
background-color: rgba(255,255,255,0.7);
border: 1px solid #efefef;
margin-top: 1em !important;
padding: 0;
}
.block-content.no-image{
padding: 3em 0; margin: auto;
display: block;
}
.site-header{
background-color: #084b27;
}
@media screen and (min-width: 767px){
.menu-overlay-fix{
min-height: 120px;
}
}
.home-header-fix{
background-color: rgba(8,75,39,.85);
padding-bottom: 100vh;
position: absolute;
top: 0;
left: 0;
width: 30%;
}
@media screen and (min-width: 2000px){
.home-header-fix{
width: 40%;
}
}
@media screen and (max-width: 767px){
.home-header-fix{
display: none;
}
.home-header-content{
background-color: rgba(50,50,50,.8);
margin: auto !important;
max-width: 80vw;
display: block;
padding: 1em 1em 2em !important;
}
.header-logo{
background-size: contain;
}
.navigation-top .wrap{
padding: 0 !important;
}
body #home-featured-image .wrap{
padding: 20vh 0 2em;
}
.home-mobile-logo{
padding-bottom: 10vh;
}
.home-header-content h1{
padding-top: 1em;
margin-top: .5em;
margin-bottom: 0;
display: inline-block;
border-top: 1px solid;
font-size: 1.5em;
}
.block-content.no-image{
max-width: 100%;
padding: 0;
}
.panel-content .wrap{
padding: 3em 1em;
}
}
@media screen and (max-width: 1200px){
.home-header-content h1{
font-size: 2em;
}
}
@media screen and (max-width: 900px){
.home-header-content{
font-size: .8em;
}
}
.home-header-content .button {
background-color: transparent;
}
.home-header-content .button:hover {
background-color: white;
}
.focus-wrap {
padding: 1em;
background-color: rgba(255,255,255,.75);
min-height: 250px;
position: relative;
}
.focus-wrap .link-more {
bottom: 1em;
position: absolute;
}
.focus-wrap h3 {
font-weight: 600;
line-height: 120%;
}
@media screen and (max-width: 1300px){
.focus-wrap{
min-height: 300px;
}
}
@media screen and (max-width: 1084px){
.focus-thumb{
min-width: 49.2%;
}
.focus-thumb:nth-child(3), .focus-thumb:nth-child(7){
margin-left: 0;
}
.focus-wrap .link-more{
position: unset;
}
.focus-wrap{
min-height: 250px;
}
}
@media screen and (max-width: 767px){
.focus-wrap{
min-height: unset;
}
body{
font-size: 1em;
}
.header-logo{
margin-top: .25em !important;
margin-bottom: .25em !important;
}
}
.home-header-no-image{
background-color: #efefef;
}
body{
font-size: 1.15em;
}
ol{
padding-left: 2em;
line-height: 120%;
}
td{
padding: 1em !important;
}
.certification-logos{
margin: 0 0 1em;
}
.cert-logo {
padding-bottom: 120px;
}