/*
 Theme Name:   Branded
 Description:  Twenty Seventeen Child Theme
 Author:       GuRuStu
 Author URI:   http://gurustu.co/
 Template:     twentyseventeen
 Version:      1.0.0
 Text Domain:  twenty-seventeen-child
*/

@import url("css/style_media-min-48em.css") only screen and (min-width: 48em);
@import url("http://thegoattulsa.com/wp-content/themes/branded/css/style_media-max-1300px.css") only screen and (min-width: 1180px) and (max-width: 1300px);
@import url("css/style_media-max-1180px.css") only screen and (min-width: 1084px) and (max-width: 1180px);
@import url("http://thegoattulsa.com/wp-content/themes/branded/css/style_media-max-1084px.css") only screen and (min-width: 950px) and (max-width: 1084px);
@import url("http://thegoattulsa.com/wp-content/themes/branded/css/style_media-max-950px.css") only screen and (min-width: 900px) and (max-width: 950px);
@import url("css/style_media-max-900px.css") only screen and (min-width: 797px) and (max-width: 900px);
@import url("css/style_media-max-797px.css") only screen and (min-width: 767px) and (max-width: 797px);
@import url("css/style_media-max-767px.css") only screen and (min-width: 620px) and (max-width: 767px);
@import url("css/style_media-max-620px.css") only screen and (min-width: 480px) and (max-width: 620px);
@import url("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{
    padding: 0;
}
.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{
    /*color: #ed1c24;*/
}
.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: #38393A;
    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;
    padding-bottom: 160px;
    background-position: center;
	-webkit-filter: drop-shadow(0 0 1px rgba(0,0,0,1));
	filter: drop-shadow(0 0 1px rgba(0,0,0,1));
}
.header-text{
    max-width: 66.13%;
}
.fix-on-scroll .header-logo{
    padding-bottom: 44px;
    background-size: contain;
    filter: none;
    background-image: url('images/mobile-logo.png') !important;
}
.fix-on-scroll .site-title {
    font-size: 1.25em;
}
@media screen and (max-width: 767px){
    .header-logo{
        background-image: url('images/mobile-logo.png') !important;
        padding-bottom: 30px !important;
        margin: .25em 0 .25em .5em!important;
    }
}
.navigation-top a{
    font-size: 1.25em;
    color: white;
    font-family: monospace;
}
.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: monospace!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 4em !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{
    box-shadow: 0px 0px 2px rgba(0,0,0,0.25);
    margin-top: 0;
    position: relative;
    z-index: 998;
    color: white;
    border: none;
}
.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: 1em;
    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: black;
    border: 1px solid black;
    margin-top: .3em;;
}
footer .social-navigation a:hover, .fine-print a:hover{
    opacity: .8;
}
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: 600;
    letter-spacing: normal;
    text-transform: none;
    padding-top: .8em;
    border-bottom: 1px solid;
}
body:not(.twentyseventeen-front-page) .entry-content{
    padding-bottom: 1em;
}

.single-featured-image-header{
    padding-bottom: 50vh;
    box-shadow: inset 0px 250px 250px rgba(0,0,0,.65) !important;
    border: none;
    border-bottom: 1px solid #efefef;
    z-index: 998;
    position: relative;
    background-color: transparent;
}
.site, body .navigation-top.fix-on-scroll, .cta-banner{
  background-color: #38393A;
}
}
.transparent{
    background-color: transparent !important;
    background: transparent !important;
}
#home-featured-image{
    padding-bottom: 0;
    margin-top: 0 !important;
    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: 30vh 1em 10vh !important;
    text-shadow: 0 0 5px rgba(0,0,0,.6);
    position: relative;
    word-break: keep-all;
}
.home-header-content h1{
    color: white !important;
    line-height: 110%;
    margin-bottom: .25em;
    font-weight: 600;
    /*background: -webkit-linear-gradient(left,#e2e2e2 ,black 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;*/
}
.home-header-content p{
    color: white;
    font-size: 1.5em;
}
@media screen and (max-width: 767px){
    .home-header-content p{
        font-size: 1em;
    }
}
.button, .more-link, figcaption a{
    background-color: #38393A;
    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;
}
.white{
    background-color: white;
}
.content-block .wrap, .cta-banner .wrap{
    padding-top: 1em;
    padding-bottom: 1em;
}
.cta-block{
    background-color: #F9F9F9;
}
.block-image, .block-icon{
    padding-bottom: 0;
}
.cta .block-image{
    padding-bottom: 25vh;
    background-size: contain;
    margin-top: 0 !important;
}
/*.block-image{
    border-radius: 50%;
}*/
.block-title, h2, .thumb-header -entry-title {
    margin: .25em 0 .5em;
    font-size: 2em !important;
    line-height: 110%;
    padding: 0 !important;
    border-bottom: none !important;
}
.banner-title{
    margin-bottom: 0;
    color: white !important;
    font-weight: 600;
    font-size: 2.5em;
}
.cta-banner{
    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;
    margin-left: 40.73%;
}
@media screen and (min-width:767px){
    .block-image, .desktop-image{
        position: absolute;
    }
    .cta .block-image{
        position: inherit;
    }
    .block-image{
        left: 0;
        padding-bottom: 160px;
    }
    .desktop-image{
        left: inherit;
        right: 0;
    }
    .block-content {
        padding-top: 80px;
        padding-bottom: 80px;
    }
}
.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: 280px;
    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;
}

/* fixes potential theme css conflict */
.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;
}/*
.product_meta, .woocommerce-additional-fields, .woocommerce-mini-cart__buttons .wc-forward, .woocommerce-ordering, .wc-tabs, .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--wsspg-custom-endpoint a::before {
	display: none !important;
}*/
.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, .projects-title{
    text-align: center;
}
.site-title{
    padding: .2em 0 0 .2em !important;
    color: white !important;
    line-height: 100%;
    text-transform: none;
    letter-spacing: .05em;
}
.site-title a{
    text-transform: none;
    letter-spacing: normal;
}
.tagline{
    padding-left: .6em;
    font-weight: normal;
    font-style: oblique;
}
.fix-on-scroll .tagline{
    padding-left: .4em;
    font-size: .8em;
}
@media screen and (max-width: 767px){
    .header-text{
        font-size: .6em;
    }
}
.top-logo{
    display: table;
    padding: 0 !important;
    width: 100%;
}
.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('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;
    /*margin-bottom: 0 !important;*/
}
.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('http://thegoattulsa.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 .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;
}
/* carousel begin */

.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: 1800px){
    .wp-posts-carousel-details{
        margin-left: 20%;
    }
}
@media screen and (max-width: 1700px){
    .wp-posts-carousel-details{
        margin-left: 17.5%;
    }
}
@media screen and (max-width: 1600px){
    .wp-posts-carousel-details{
        margin-left: 15%;
    }
}
@media screen and (max-width: 1500px){
    .wp-posts-carousel-details{
        margin-left: 12.5%;
    }
}
@media screen and (max-width: 1400px){
    .wp-posts-carousel-details{
        margin-left: 10%;
    }
}
@media screen and (max-width: 1300px){
    .wp-posts-carousel-details{
        margin-left: 7.5%;
    }
}*/
@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{
        /*font-size: 1.25em !important;*/
    }
    .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;
}
/* carousel end */
.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{
    /*margin: -1.5em auto 0;
    padding: 2.3em 0;*/
}
@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{
    /*padding: .75em 0;*/
}
@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{
        /*margin: -2.5em auto 0;
        padding: 2.8em 0;*/
    }
}
@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;
    }
}
/*@media screen and (max-width: 782px){
    .wide:hover .sub-menu{
        top: 125px;
    }
    .fix-on-scroll .wide:hover .sub-menu{
        top: 93px;
    }
}*/
.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;
}
.page-header, .post, .post-thumb{
    min-width: 100%;
}
.post-thumb{
    margin-bottom: 1em;
    display: inline-block;
}
@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{
        /*background-color: #2B5C80 !important;*/
    }
    .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;
    }
    .js .menu-toggle{
        padding: .4em;
        margin: 0;
    }
}
@media screen and (min-width: 767px){
    /*.main-navigation a:hover{
        background: #efefef;
    }*/
    .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;
    max-width: 70%;
    margin: auto;
    display: block;
}
@media screen and (min-width: 767px){
    .menu-overlay-fix{
        min-height: 120px;
    }
}
.home-header-fix{
    padding-bottom: 100vh;
    position: absolute;
    top: 0;
    left: 0;
    width: 44%;
    background: -moz-linear-gradient(to right, rgba(0,0,0,0.75) 60%, rgba(0,0,0,0.6) 80%, rgba(0,0,0,0) 100%);
    background: -webkit-linear-gradient(to right, rgba(0,0,0,0.75) 60%, rgba(0,0,0,0.6) 80%, rgba(0,0,0,0) 100%);
    background: linear-gradient(to right, rgba(0,0,0,0.75) 60%, rgba(0,0,0,0.6) 80%, rgba(0,0,0,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=1 );
    opacity: 0;
}
@media screen and (min-width: 2000px){
    .home-header-fix{
        width: 40%;
    }
}
@media screen and (max-width: 767px){
    .home-header-content{
        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;
    }
    .block-title, h2, .thumb-header -entry-title{
        font-size: 1.5em !important;
    }
}
@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;
    }
    .logo-wrapper{
        max-width: 80%;
    }
}
.home-header-no-image{
    background-color: #efefef;
}
body{
    font-size: 1.15em;
}
ol{
    padding-left: 2em;
    line-height: 120%;
}
td{
    padding: 1em !important;
}
.footer-tagline{
    margin-bottom: 1em;
    display: block;
    padding-bottom: 1em;
    border-bottom: 1px solid rgba(255,255,255,.25);
}
.footer-title{
    padding: 0;
    color: white !important;
    font-weight: 600;
    font-size: 3em;
    margin: 0;
}
.home-wrap .page-title{
    text-align: center;
}
#single-wrap{
    max-width: 900px !important;
}
.posted-on, .thumb-header time{
    display: none;
}
.post header {
    margin-bottom: 2em;
    border-bottom: 1px solid #d95a00;
}
.post header .entry-title {
    font-size: 3em;
    margin: 0;
}
footer#colophon div.wrap {
    max-width: 1600px !important;
}
body .no-featured-image{
    margin-top: 0 !important;
}
@media screen and (min-width: 767px){
    body .no-featured-image{
        margin-top: 18em !important;
    }
    article.page{
        margin: auto;
        padding: 2em 0;
        max-width: 70% !important;
    }
}
#masthead{
    height: 0
}
@media screen and (max-width: 767px){
    body .home-header-content{
        max-width: 50%;
        font-size: .7em;
        margin-left: 0 !important;
        text-align: left;
        padding: 10vh 1em !important;
    }
    body .home-header-content h1{
        margin: 0;
        padding: 0;
        border-top: none;
        font-size: 1.5em;
    }
    body #home-featured-image .wrap{
        padding: 40px 0 0;
    }
    body #home-featured-image{
        background-position: 75%;
    }
    .home-header-fix{
        width: 54%;
    }
    .block-image{
        height: 30vh !important;
        margin: -3em -1em 2em !important;
        width: 100vw !important;
    }
}

.home-wrap .wrap, .projects article{
    max-width: 900px !important;
    padding: 4em 0;
}
.social-navigation{
    max-width: 32.26%;
    float: none;
}
.main-navigation{
    width: inherit;
}
.menu-top-menu-container, .main-navigation{
    display: inline-block;
    float: right;
}
body .navigation-top .social-navigation a {
    padding: 1em;
    margin-bottom: 0;
    /*margin-top: calc(.3em + 1px);*/
    background-color: black;
    border: 1px solid black
}
.social-navigation a{
    margin-top: .3em;
    border: 1px solid;
}
.social-navigation a:hover{
    opacity: 1;
    background-color: black !important;
    border: 1px solid white !important;
    /*margin-right: calc(1em - 2px);*/
    margin-top: .3em;
}
body .navigation-top .social-navigation .icon {
    top: -8px;
    left: -8px;
}
.menu-social-links-menu-container{
    display: table;
    margin: auto;
}
body .navigation-top .social-navigation .menu-item:last-child a {
    margin-right: 0;
}
.bg-image-block .block-title{
    color: white !important;
}
.bg-image-block{
    text-align: center;
    padding: 30vh 0;
}
.bg-image-block .block-title, .bg-image-block a, .bg-image-block h1, .bg-image-block h2, .bg-image-block h3, .bg-image-block h4, .bg-image-block h5, .bg-image-block h6, .bg-image-block p {
    filter: drop-shadow(0px 0px 6px black);
}
.bg-image-block p{
    font-size: 1.25em;
}
.cta h3 {
    text-align: center;
}
iframe{
    margin: 0;
}
@media screen and (min-width: 767px){
    #top-menu span[role=button]{
        top: 18px;
    }
    .menu-top-menu-container{
        top: -10px;
        position: relative;
    }
    #top-menu{
        zoom: 80%;
    }
}
@media screen and (max-width: 767px){
    #top-menu span[role=button]{
        min-width: 100vw;
        text-align: center;
        border-radius: 0px;
        display: block;
    }
}
#page{
    margin-top: -24px;
}
html{
	background-color: black;
}