/* Custom CSS */

/**
 * NOTE
 * Styles are based on a grid width of 1400px.
 * For different grids, adjust the --grid-width variable at the top of this stylesheet.
 * Also update the default widths under Customizer > Layout and Elementor Site Settings > Layout
 *
 * Breakpoints: 1024px for tablet, 600px for mobile
 */

/* Mogul Styles */

:root {
    --grid-width: 1400px;
    --half-grid-width:calc( var(--grid-width) / 2 );
    --column-gap-default: 15px;
    --container-default-padding-top:0;
    --container-default-padding-bottom:0;
    --container-default-padding-left:0;
    --container-default-padding-right:0;
}

body .jupiterx-site { overflow-x:hidden;}
.jupiterx-main-content > .container { padding-left:0; padding-right:0;}
body p:last-child { margin-bottom:0;}
body .elementor-column-gap-default>.elementor-column>.elementor-element-populated { padding: var(--column-gap-default); }

/* Tile helpers */

.tile .elementor, .tile .elementor-section-wrap, .tile .elementor-top-section, .tile .elementor-section .elementor-container {
    height: 100%;
}
.tile-editable > .elementor-widget-wrap { height:100%; flex-direction:column;}
.tile-editable > .elementor-widget-wrap > .elementor-inner-section { flex:1;}
.tile-editable > .elementor-widget-wrap > .elementor-inner-section > .elementor-container { height:100%;}


/* WooCommerce */


.woocommerce-cart .cart-collaterals .cross-sells ul.products.columns-2 { display:flex;}
.woocommerce-cart .cart-collaterals .cross-sells ul.products.columns-2 li { width:50%; float:none;}


/* .jupiterx-main-content {padding: 0;}
.jupiterx-main-content > .container {padding-left:0;padding-right:0;max-width:100%;}
.jupiterx-main-content > .container > .row > [class*=col-] { padding-left:0; padding-right:0;}
.jupiterx-main-content > .container > .row { margin-left:0; margin-right:0;} */


/* Alternating flex */
/* these are mostly styled in Elementor, we just need special left/right padding for the text columns */
.layer.alternating-flex .text-col.left { padding-left: calc(50vw - var(--half-grid-width) - 100px); }
.layer.alternating-flex .text-col.right { padding-right: calc(50vw - var(--half-grid-width) - 100px); }




.product-tabs {border:1px solid #ccc; border-radius:3px;}
.product-tabs .product-tab {border-bottom:1px solid #ccc;}
.product-tabs .product-tab:last-child { border-bottom:none;}
.product-tabs .product-tab .tab-heading { padding:15px;display:flex; justify-content:space-between;align-items:center;cursor:pointer;}
.product-tabs .product-tab .tab-heading h5 { margin:0; padding:0;}
.product-tabs .product-tab .tab-heading:after{ font-family: "Font Awesome 5 Free";color:#333;font-weight: 900; content: "\F067"; /* plus */  }
.product-tabs .product-tab.active .tab-heading:after {content:"\F068"; /* minus */;}
.product-tabs .product-tab .tab-content {display:none;padding:15px;border-top:1px solid #ccc;}
.product-tabs .product-tab.active .tab-content { display:block;}


.elementor-menu-cart__toggle .elementor-button:hover { border:none !important;}

/* Mega menu - there *should* be a setting for this somewhere */


body .jet-mega-menu.jet-mega-menu--layout-horizontal .jet-mega-menu-mega-container__inner { padding:0; background-color:transparent;}


/* Helper classes */
.full-height-col, .full-height-col > div { height:100%; } /* used in jet listing grids to make full height inner columns on blog tiles */

/* GDPR */
#wt-cli-privacy-save-btn {background: #000 !important; border-color: #000 !important; color: #fff !important;}
.cli-switch input:checked+.cli-slider {background: #000 !important;}


/* Site */

.elementor-button-icon svg {
    width: 100% !important;
}
body .elementor-button-icon { display:flex; align-items:center;margin-right:10px;}
body .elementor-button .elementor-align-icon-left { margin-right:10px; }

.jet-slider__content-inner > div { min-width:100vw;}

.slider-block-wrapper { display:block !important;}
#home-slider .jet-arrow { display:none !important; }


body .elementor-widget .elementor-icon-list-icon svg { height:inherit;}

/* Quick search */

.search-box-wrap { }

.hb_quick_search { display:flex;}
.hb_quick_search input, .hb_quick_search input:focus { border:none; outline:none !important; border-bottom:1px solid #000; margin:0 20px;flex:1;}
.elementor-popup-modal .hb_quick_search input { padding:5px !important; background-color:transparent !important; border-radius:0 !important; border-top:none !important; border-left:none !important; border-right:none !important; border-bottom:1px solid #fff !important;font-size:18px;color:#fff;}
.elementor-popup-modal .hb_quick_search i { color:#fff;}
.hb_quick_search i { color:#000; display: flex;    align-items: center;}

.quick-search-results {width: calc(100%);background-color:#f0f0f0;display:none !important;padding:10px 10px 30px 10px;flex-wrap:wrap;z-index:100; justify-content:center;}
#home_results.quick-search-results { top:160px; position:absolute !important;  left: 0; }
.quick-search-results.show { display:flex !important;}
.quick-search-results .results-col {  display:block;padding:40px 10px;max-width:49%;position:relative;flex-grow:1;}
.quick-search-results .results-col.no-results { padding:40px 10px 40px 40px;}
.quick-search-results h3 { text-transform:capitalize;padding:0 10px 10px 10px; border-bottom: 1px solid  #dee7ee;font-size:22px; }
.quick-search-results h3:before { }
.quick-search-results h4 { font-size:18px;}
.quick-search-results .quick-search-result { display:flex; align-items:flex-start; padding:5px; border:1px solid transparent;}
.quick-search-results .quick-search-result:hover { background-color:rgba(255,255,255,0.7);}
.quick-search-results .quick-search-result .img { width:100px; padding:5px; background-color:#fff; display:flex;align-items:center;}
.quick-search-results .quick-search-result .img img { width:100%; height:auto;}
.quick-search-results .quick-search-result .text { flex:1;padding-left:10px; font-size:13px;}
.quick-search-results .see-all { padding:10px 20px;position:absolute; bottom:0; left:0;}

@media screen and (max-width:768px){
    #home_results.quick-search-results { top:220px;}
    .quick-search-results .results-col { max-width:100%; }

}


/* Country picker menu */
.jet-dropbar__button-icon--before { font-size:26px !important;}
body .jet-dropbar__button { font-weight:500 !important; letter-spacing:2px !important; }
.jet-dropbar__button-text { background-color: #d9d9d9; padding:5px;display:none;}

.jet-mega-menu-item--top-level.jet-mega-current-menu-item,
.jet-mega-current_page_ancestor,
.single-project #jet-mega-menu-item-761,
.single-post #jet-mega-menu-item-761 { border-bottom:1px solid #000;}

.jet-mega-menu-item--top-level.jet-mega-current-menu-item:before,
.jet-mega-current_page_ancestor:before,
.single-project #jet-mega-menu-item-761:before,
.single-post #jet-mega-menu-item-761:before,
.jet-radio-list__input:checked ~ .jet-radio-list__button:before {content: ' '; position:absolute; bottom:-5px; height:5px; width:70%; background-color:#000;left:0;}

.slider-content-box {z-index:100;}

.jet-dropbar__button, .jet-dropbar__button:focus { cursor:pointer; outline:none;}

.jet-mobile-menu-visible .mobile-quick-search-button { display:none;}

.elementor-widget-image > .elementor-widget-container { background-size:cover; background-repeat:no-repeat; background-position:center center;}

.jet-mega-menu.jet-mega-menu--layout-horizontal .jet-mega-menu-sub-menu { padding:15px; background-color:#fff; margin-left:-15px;}

body ul.elementor-icon-list-items.elementor-inline-items { flex-wrap:nowrap;}
body .elementor-widget.elementor-widget-icon-list .elementor-icon-list-icon { height:26px;}
body .elementor-widget .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item { align-items:flex-start;}

/* Breadcrumbs */

.hb-breadcrumbs { color:#B1DCDF; }
.hb-breadcrumbs ol { display:flex;padding:0; margin:0; align-items:flex-start;flex-wrap:wrap;}
.hb-breadcrumbs ol li { list-style-type:none;padding:0; margin-right:10px; display:flex; align-items:flex-start;font-size:12px; text-transform:uppercase; letter-spacing:4px; line-height:22px; }
.hb-breadcrumbs ol li:before { content:'/'; margin:0 10px 0 0; height:21px; width:6px; }

.hb-breadcrumbs ol li:first-child { margin-left:0;}

.hb-breadcrumbs ol li a {font-size:12px; color:#B1DCDF; font-weight:600;line-height:22px; }
.hb-breadcrumbs ol li a:hover { color:#B1DCDF; }
.tax-product_cat .hb-breadcrumbs ol li.current { display:none;}

.light .hb-breadcrumbs ol li { color:#BBC8D3; }
.light .hb-breadcrumbs ol li a { color:#fff; }

.dark .hb-breadcrumbs ol li { color:#000; }
.dark .hb-breadcrumbs ol li a { color:#000; }



/* Tiles */

/* .tiles-wrap > div.e-container { max-width: calc(25% - 3px); }
@media screen and (max-width:1400px){
    .tiles-wrap > div.e-container { max-width: calc(50% - 3px); }
}
@media screen and (max-width:768px){
    .tiles-wrap > div.e-container { max-width: 100%; }
} */

/* Cards */
.layer.cards  .elementor-button-content-wrapper { display:flex; align-items:center;}
.category-cards .raven-categories-item:hover .raven-categories-button { color:#B1DCDF !important;}

.category-cards .raven-categories-item .raven-categories-button:before, .layer.cards  .elementor-button-content-wrapper:before, .elementor-widget-jet-listing-grid.cards .jet-listing-grid__item .elementor-button-content-wrapper:before { content: ' '; height:1px; width:56px; background-color:#fff;margin-right:10px;}
.category-cards .raven-categories-item:hover .raven-categories-button:before, .layer.cards > .e-container:hover .elementor-button-content-wrapper:before { background-color:#B1DCDF; }
.layer.cards > .e-container:hover .elementor-button-text, .layer.cards > .e-container:hover .elementor-heading-title, .layer.cards > .e-container:hover .elementor-heading-title a  { color:#B1DCDF; }

.layer.cards > .e-container { max-width: calc(33.33% - 10px); aspect-ratio: 1 / 1; min-height:300px; }


.elementor-widget-jet-listing-grid.cards .jet-listing-grid__item:hover a { color:#B1DCDF !important;}
.elementor-widget-jet-listing-grid.cards .jet-listing-grid__item:hover .elementor-button-content-wrapper:before { background-color:#B1DCDF; }
.elementor-widget-jet-listing-grid.cards .jet-listing-grid__item .elementor-button-content-wrapper { align-items:center; }

@media screen and (max-width:1400px){
    .layer.cards > .e-container { max-width: calc(50% - 10px); }
}
@media screen and (max-width:768px){
    .layer.cards > .e-container { max-width: 100%; }
}


#sb_instagram { margin:0 -2px -4px -2px;}
#sbi_images { padding:0 !important;}

label.jet-checkboxes-list__item  { margin-bottom:0; }

.admin-bar .jet-popup.jet-popup--front-mode { top:32px;}

/* Mega menu */
.mega-category-heading { min-height:55px; display:flex; align-items:flex-start;}
.jet-mega-menu-item__inner { gap : 2px;}
.mega-divider { position:absolute; top:55px; z-index:10;}
.jet-mega-menu-item__dropdown { font-size:13px;}
.jet-mega-menu-item__dropdown i { margin-top:2px;}

ul.cat-list { padding:0;}
ul.cat-list li { list-style-type:none; margin:0;}
ul.cat-list li a { color:#000;}

.footer-divider .elementor-divider { /* justify-content:flex-start; */display: block;gap: 0;}
.footer-divider .elementor-divider:after { content:' '; height: 3px; width: 70%;display: block; background-color:#fff;/* margin-right:auto; */ position: absolute;}
footer .elementor-icon-list-item a { align-items:flex-start !important;}
footer .elementor-icon-list-icon { height:26px; display:flex; align-items:center;}

.hidden { display:none;}

.breadcrumb-item:first-child:before { content: '/ '; margin-right:0; }
.breadcrumb-item a span { font-weight:600 !important; }

li.finishes-link .jet-mega-menu-item__label {font-weight:700;color:#9bb4b6;}


/* Footer */
.footer h5 { display:flex; align-items:center;}
.footer h5:before{ content: ' '; height:1px; width:56px; background-color:#9BB4B6;margin-right:10px; }

#products-mega-menu h5 { min-height:60px;}



#bimsmith iframe { height:100vh;}


/* WooCommerce */

.woocommerce .product img, .woocommerce .woocommerce-product-gallery__image, .woocommerce-page .product img, .woocommerce-page .woocommerce-product-gallery__image { border-radius:0; width: 100%; }
body.woocommerce div.product h2 { font-size:40px; margin:inherit; padding:inherit;}
.product-description p:first-child { font-size:20px;  }

.elementor-toggle-icon-closed i, .elementor-toggle-icon-opened i { font-size:12px;}

/* Splide slider */
.product-gallery-slider { display:flex; justify-content:center;}

.product-gallery-slider .leftcol { width: 24%;padding-right:10px;}
.product-gallery-slider .leftcol button { display:flex; align-items:center; color:#000;width: 100%; border:none;justify-content: center;padding: 0;font-size:13px;font-weight: 400;cursor:pointer;outline:none;}
.product-gallery-slider .leftcol button span { flex:1; padding:15px;}
.product-gallery-slider .leftcol button i { border-left:1px solid #000;font-size:16px; padding:19px; /* align-self:flex-end; */ margin-left: auto;}
.product-gallery-slider .leftcol button.disabled { opacity:0.3;}



.product-gallery-slider .leftcol #thumbnail-nav { margin:10px 0;}
.product-gallery-slider .rightcol { flex: 1;}
.product-gallery-slider .rightcol a { display: flex;position: absolute;bottom: 0;width: 100%;justify-content: flex-end;font-size: 60px;padding:50px;}
.product-gallery-slider .rightcol a img { max-width:60px;}

.product-gallery-slider .single-product-image { width:100%; display:flex; align-items:center; justify-content:center;background-color:#f8f8f8;padding:20px;}
.product-gallery-slider .single-product-image img {max-width:533px;}
.product-gallery-slider .single-product-image a.lightbox { position:absolute; top:20px; right:20px;}
.product-gallery-slider .single-product-image a.lightbox img { mix-blend-mode:difference; }

#thumbnail-nav img { /* display:none; */max-height: 100%;}



.product-downloads { display:flex; align-items:flex-start; justify-content:space-between;}
.product-downloads .downloads-col { width:33%; padding:15px 0; }
.product-downloads .downloads-col ul { padding-left:20px;  margin:0;}
.product_downloads .elementor-toggle .elementor-tab-content {display: block;}


.product-downloads .downloads-col li[data-type="link"] a:after { content: '\f35d'; font-family:'Font Awesome 5 Free'; font-weight:900; color:#000;  margin-left:8px; font-size:12px;line-height: 12px;margin-top:3px;}
.product-downloads .downloads-col li[data-type="download"] a:after { content: '\f019'; font-family:'Font Awesome 5 Free';  font-weight:900; color:#000; margin-left:8px;font-size:12px;line-height: 12px;margin-top:3px;}
.product-downloads .downloads-col li a { position:relative; left:0; color:#000; display:flex; align-items:center; font-size:17px; font-weight:300;}

@media screen and (max-width:1024px){
    .product-downloads { flex-direction:column; }
    .product-downloads .downloads-col { width:100%;}
}



.single-product #video-listing, #video-listing { display:none;}

.tile-bg-image { background-size:cover; background-position:center; background-repeat:no-repeat;}

#video-accordion .elementor-tab-content .video-wrap { display:flex;justify-content:flex-start;gap:10px; flex-wrap:wrap;}
#video-accordion .elementor-tab-content .product-video { display:block; flex:1; max-width: 33%; min-width: 32%;}
#video-accordion .elementor-tab-content .jupiterx-oembed {    overflow:hidden; flex:1;
    padding-bottom:56.25%;
    position:relative;
    height:0;}
#video-accordion .elementor-tab-content .jupiterx-oembed iframe {
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}

@media screen and (max-width:1400px){
    #video-accordion .elementor-tab-content .product-video { max-width:50%; min-width:49%;}
}

@media screen and (max-width:1024px){
    .product-gallery-slider .leftcol button { flex-direction:column-reverse;}
    .product-gallery-slider .leftcol button.next { flex-direction:column;}
    .product-gallery-slider .leftcol button.next i { border-left:none; border-top:1px solid #000;width:100%; }
    .product-gallery-slider .leftcol button.prev i { border-left:none; border-bottom:1px solid #000;width:100%; }
    .product-gallery-slider .rightcol a { padding:6vw;}
    .product-gallery-slider .rightcol a img { max-width:6.8vw; min-width:40px;}
    #video-accordion .elementor-tab-content .product-video { max-width:100%; min-width:99%;}

}

@media screen and (max-width:768px){
    .product-gallery-slider .leftcol button span { display:none;}
}


.video-post.e-container .elementor-widget-image { display:none;}
.single-post .elementor-widget-video { display:none;}
.single-post .video-post.elementor-widget-video { display:block;}


#resources-listing .e-container.download .elementor-button-text:after { content: '\f019'; font-family:'Font Awesome 5 Free';  font-weight:900; color:#000; margin-left:5px;}
#resources-listing .e-container.view .elementor-button-text:after { content: '\f35d'; font-family:'Font Awesome 5 Free'; font-weight:900; color:#000;  margin-left:5px;}



/* Email form */
body footer #email-signup form.wpcf7-form br { display:none;}
body footer #email-signup form.wpcf7-form label { display:flex; justify-content:space-between; align-items:flex-end;color:#fff;font-size:16px; font-family:'Barlow';line-height:30px;}
body footer #email-signup form.wpcf7-form label > span.label-text { display:flex; align-items:flex-end;}
body footer #email-signup form.wpcf7-form .wpcf7-form-control-wrap { max-width: calc(100% - 65px);}
body footer #email-signup form.wpcf7-form .wpcf7-form-control-wrap input { background-color:#000; border:none; border-bottom:1px solid #fff; border-radius:0; padding:0 5px; color:#fff; width:100%; }
body footer #email-signup form.wpcf7-form .wpcf7-form-control-wrap input:focus {   outline:none;}
body footer #email-signup form.wpcf7-form input[type="submit"] {  background-color:#000; border-radius:0; color:#fff; text-align:left;border:none; padding:0 ;cursor:pointer;}
body footer #email-signup form.wpcf7-form .submit-button { display:flex; align-items:center;}
body footer #email-signup form.wpcf7-form .submit-button:before { content: ' '; height:1px; width:51px; background-color:#fff;margin-right:15px; }
body footer #email-signup form.wpcf7-form .email-signup-bottom {display:flex; align-items:center; justify-content:space-between; }