/* Critical layout CSS - loaded immediately, excluded from TenWeb deferral */
/* Prevents CLS by establishing layout before deferred CSS loads */

/* Box model & body */
*,*::before,*::after{box-sizing:border-box}
body{margin:0}

/* Page wrapper */
#page{position:relative;right:0}

/* Site container */
.site-container{max-width:1240px;margin:0 auto;padding:0 20px}
#page>.site-container{margin:25px auto}

/* Clearfix */
.site-header::before,.site-header::after,
.site-content::before,.site-content::after,
.site-footer::before,.site-footer::after{content:"";display:table}
.site-header::after,.site-content::after,.site-footer::after{clear:both}

/* Header layout */
.site-header{position:relative;color:#FFF}
.site-header .site-container{position:relative;max-width:1280px}
.site-branding{float:left;position:relative;z-index:12;padding:30px 0}
.site-branding-img{padding:0}
.site-branding a{display:block;line-height:inherit}
.site-branding a img{display:block}
.site-header-right{position:absolute;top:50%;right:20px;text-align:right}
.site-header-right-top{min-height:36px}

/* Navigation */
.main-navigation{padding:0}
.main-navigation ul{list-style:none;margin:0;padding:0}
.main-navigation li{float:left;position:relative}
.main-navigation li a{display:block;text-decoration:none}
.site-header-layout-one .main-navigation{position:relative;z-index:4}
.site-header-layout-one .main-navigation li a{padding:18px 20px}
.main-navigation ul ul{float:left;position:absolute;top:100%;left:-999em;z-index:99999;background-color:#000}
.main-navigation ul ul li{float:none}

/* Content layout */
.content-area{width:75%;float:left;padding:30px 2% 30px 0;position:relative}
.widget-area{width:25%;float:left;padding:35px 0 40px 2%}

/* Full-width overrides */
.content-no-sidebar .content-area,
.content-area-full,
.error404 .content-area{float:none;width:100%!important;padding:30px 20px!important}

/* Footer */
.site-footer-bottom-bar-left{float:left}
.site-footer-bottom-bar-right{float:right}

/* WooCommerce */
.woocommerce-page #container,.woocommerce #container{width:75%;float:left;padding:30px 2% 30px 0;position:relative}
.woocommerce-page .content-no-sidebar #container{float:none;width:100%!important;padding:30px 20px!important}

/* Mobile: undo floats */
@media only screen and (max-width:768px){
.content-area,.widget-area,.woocommerce-page #container,.woocommerce #container{width:100%!important;float:none!important;padding:15px!important}
.site-branding{float:none}
.site-header-right{position:relative;top:auto;right:auto;margin:0;text-align:center}
.main-navigation li{float:none}
}