/*
Theme Name: ASD Aruba Storefront
Template: storefront
Version: 1.4
Description: Child theme for WooCommerce Storefront Theme
*/
html,
body { min-width: 360px; }
.site-header { border: none !important; padding-top: 2rem; }
.site-header .site-branding { width: 24.7391304348%; }
.site-header .site-branding img { -webkit-border-radius: unset; border-radius: unset; max-width: 360px;}
.woocommerce-active .site-header .secondary-navigation { width: 44.826087%; }

/* Layout
--------------------------------------------*/
.col-full { max-width:85.375rem !important; }
.sp-header-row { display:flex; justify-content:center; align-items:center; }
.site-header-cart .cart-contents { padding:0; }

.woocommerce.single .columns2,
.woocommerce.archive .columns2 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }
.woocommerce.single .columns2 #secondary,
.woocommerce.archive .columns2 #secondary { -webkit-flex-basis: 300px; -ms-flex-preferred-size: 300px; flex-basis: 300px; background-color: #f4f4f4; padding: 10px 20px; }
.woocommerce.single .columns2 #primary,
.woocommerce.archive .columns2 #primary { -webkit-flex-basis: -webkit-calc(100% - 340px); -ms-flex-preferred-size: calc(100% - 340px); flex-basis: calc(100% - 340px); }
.woocommerce.archive .columns2 #primary,
.woocommerce.single .columns2 #secondary { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; }
.woocommerce.single .columns2 #primary,
.woocommerce.archive .columns2 #secondary { -webkit-box-ordinal-group: 1; -webkit-order: 0; -ms-flex-order: 0; order: 0; }
.home section.sph-hero { background-position: center !important; }
.home section.sph-hero .overlay { padding:4em; }
.home section.sph-hero .sph-inner {padding:0 1em !important;}


/* Removing jquery styles
--------------------------------------------*/
.ui-widget-content { border:none; background:unset; color: inherit; }

/* Request a quote
--------------------------------------------*/
.woocommerce-variation-add-to-cart .yith-ywraq-add-to-quote {margin-top:2em;}
.woocommerce .add-request-quote-button.button, .woocommerce .add-request-quote-button-addons.button, .yith-wceop-ywraq-button-wrapper .add-request-quote-button.button, .yith-wceop-ywraq-button-wrapper .add-request-quote-button-addons.button {
	background-color: white !important;
	border: 2px solid #c60000 !important;
	color:#c60000 !important;
	padding: .6rem 1.4rem !important;
	font-size:1rem !important;
}

.woocommerce .add-request-quote-button.button:hover, .woocommerce .add-request-quote-button-addons.button:hover, .yith-wceop-ywraq-button-wrapper .add-request-quote-button.button:hover, .yith-wceop-ywraq-button-wrapper .add-request-quote-button-addons.button:hover {
	background-color: #c60000 !important;
	color:white !important;
}

/* Product sharing
--------------------------------------------*/
#primary .storefront-product-sharing { clear: both; }
#primary .storefront-product-sharing ul { margin-left: 0; text-align: center; border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; padding: 10px 0; }
#primary .storefront-product-sharing ul li { display: inline-block; list-style: none; width: auto; float: none; text-align: left; border: none; line-height: normal; margin: 0 10px; }
#primary .storefront-product-sharing ul li a { text-indent: -1000px; position: relative; width: 32px; height: 32px; display: block; }
#primary .storefront-product-sharing ul li a:before { font-family: "Font Awesome 5 Brands"; font-weight: 400; font-size: 2em; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; z-index: 1; text-indent: 0; }
#primary .storefront-product-sharing ul li.facebook a:before { content: "\f09a"; color: #3b5998; }
#primary .storefront-product-sharing ul li.twitter a:before { content: "\f081"; color: #00aced; }
#primary .storefront-product-sharing ul li.pinterest a:before { content: "\f0d3"; color: #cb2027; }
#primary .storefront-product-sharing ul li.email a:before { font-family: "Font Awesome 5 Free"; content: "\f199"; }

/* Site search 
--------------------------------------------*/
.site-header .site-search form > div { position: relative; }
.site-header .site-search form > div:before { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; content: "\f002"; position: absolute; top: 1em; left: 1em; }
.site-header .site-search #yith-s { width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; padding-left: 40px; }
.site-header .site-search #yith-searchsubmit { display: none; }

/* Customization of Ubermenu */
header#masthead::after {
	content: '';
	position:absolute;
	height:55px;
	background-color:#EC1C2D;
	width:100%;
	margin-top:-55px;
}
.main-navigation .ubermenu {margin:2.5em 0 0;}
.main-navigation .ubermenu li li a, 
.main-navigation .ubermenu li li a { font-size: 1.2em !important; }
.main-navigation .ubermenu .ubermenu-item .cm-ubermenu-header {font-size:1.5em;}
.main-navigation .ubermenu ul.menu,
.main-navigation .ubermenu ul.nav-menu {margin-left:unset !important;}
.main-navigation .ubermenu-responsive-toggle-open .fa-bars:before { content: '\f410'; }

.ubermenu-skin-grey-white .ubermenu-item-level-0:hover > .ubermenu-target, 
.ubermenu-skin-grey-white .ubermenu-item-level-0.ubermenu-active > .ubermenu-target,
.ubermenu-skin-grey-white .ubermenu-item-level-0.ubermenu-current-menu-item > .ubermenu-target, 
.ubermenu-skin-grey-white .ubermenu-item-level-0.ubermenu-current-menu-parent > .ubermenu-target, 
.ubermenu-skin-grey-white .ubermenu-item-level-0.ubermenu-current-menu-ancestor > .ubermenu-target {
	background-color: #212c65 !important;  
}


/* Navigation
--------------------------------------------*/
nav #menu-main-menu .smm-mega-menu { background-color: #f3f3f2; }
nav #menu-main-menu .smm-mega-menu .smm-post-10 { margin: 0; float: none; width: auto; }
.asd-menu-box #menu-store-categories,
nav #menu-main-menu .smm-mega-menu .smm-post-10 #menu-store-categories { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }
.asd-menu-box #menu-store-categories { padding: 60px 0 50px 0; }
.asd-menu-box #menu-store-categories > li,
nav #menu-main-menu .smm-mega-menu .smm-post-10 #menu-store-categories > li { width: 24%; -webkit-flex-basis: 23%; -ms-flex-preferred-size: 23%; flex-basis: 23%; margin: 0 1% 1em 1%; display: block; padding: 0; }
.asd-menu-box #menu-store-categories > li:before { content: normal; }
.asd-menu-box #menu-store-categories > li a,
nav #menu-main-menu .smm-mega-menu .smm-post-10 #menu-store-categories > li a { padding: 0 0 40% 0; text-align: center; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 1em; font-weight: 500; color: #ffffff; position: relative; overflow: hidden; text-shadow: 0 0 10px rgba(0, 0, 0, 0.5); display: block; }
.asd-menu-box #menu-store-categories > li a { padding: 0 0 46.25% 0; font-size: 1.3em; background-color: rgba(0, 0, 0, 0.15); }
.asd-menu-box #menu-store-categories >li a span,
nav #menu-main-menu .smm-mega-menu .smm-post-10 #menu-store-categories > li a span { z-index: 2; position: absolute; max-height: 1em; vertical-align: middle; overflow: visible; margin: auto; top: 0; left: 0; right: 0; bottom: 0; }
.asd-menu-box #menu-store-categories > li a img,
nav #menu-main-menu .smm-mega-menu .smm-post-10 #menu-store-categories > li a img { position: absolute; top: -100%; right: -100%; left: -100%; bottom: -100%; margin: auto; max-width: 100%; z-index: 1; opacity: 0.2; }
.special-navigation { display: none; }

nav #menu-main-menu.nav-menu li.red a {color:red;}

/* =Content
-------------------------------------------------------------- */
header.entry-header { 
	position: relative; 
	z-index: 1; 
	text-align: center; 
	}

header.entry-header::after { 
	content: ""; 
	height: 1px; 
	background-color: #000000; 
	width: 100%; 
	position: absolute; 
	left: 0; 
	top: 35%;
	opacity: 0.25; 
	z-index: 1; 
	} 

header.entry-header .entry-title { 
background-color: #ffffff; 
padding: 0 3%; 
position: relative; 
z-index: 2; 
display: inline-block;
}


#contentPane .post { padding-bottom: 1.618em; }
.entry-content img { max-width: 100%; height: auto; }
.section.small { width: 30%; }
.section.medium { width: 50%; }
.section.full { width: 100%; }
.entry-meta,
.entry-utility { color: #888888; font-size: 0.75em; margin-bottom: 1.618em; }
.entry-meta a { color: #888888; }

/* Header cart
--------------------------------------------*/
.sp-header-active .site-header .site-header-cart { min-width:180px; }
.site-header-cart .quote-request-link { padding: 0.618em 0; display: block; position: relative; background-color: transparent; height: auto; width: auto; text-indent: 0; text-align: right; color: #EC1C2D;font-weight:bold;}
/* .site-header-cart .quote-request-link { padding: 0.5em 0; display: block; position: relative; background-color: transparent; height: auto; width: auto; text-indent: 0; text-align: right; color:white;;background-color:#EC1C2D;text-align:center;font-weight:bold;text-transform: capitalize;} */
/* .site-header-cart .quote-request-link:hover {background-color:#bd000b;color:white;} */
.site-header-cart .quote-request-link:after { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; height: 1em; float: right; content: "\f022"; line-height: 1.618; margin-left: 15px; }

/* Products container
--------------------------------------------*/
.woocommerce.archive #main .woocommerce-products-header { padding: 0 0 1.5em 0; border-bottom: 1px solid #e4e4e4; }

/* Product sort and pagination
--------------------------------------------*/
.storefront-sorting:after,
.storefront-sorting:before { content: normal; display: table; }
.storefront-sorting { padding: 1em 0; margin: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }
.storefront-sorting .woocommerce-ordering { float: none; margin-right: 1em; margin-bottom: 0; }
.storefront-sorting .products-per-page select,
.storefront-sorting .woocommerce-ordering select { padding: 3px 5px; border-color: transparent; outline: none; background-color: #e6e6e6; }
.storefront-sorting .woocommerce-result-count { float: none; position: relative; margin-bottom: 0; }
.storefront-sorting .woocommerce-pagination { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; float: none; border: 0; padding: 1em 0; margin: 1em 0 0 0; border-top: 1px solid #e4e4e4; }

/* Products list
--------------------------------------------*/
.home ul.products,
#primary section.related.products ul,
.woocommerce.archive ul.products { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
ul.products:after,
ul.products:before { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; }
.woocommerce.archive #main ul.products > li.product-category { display: none; }
.woocommerce.archive ul.products > li.product-category img { display: none; }
/* .woocommerce.archive ul.products > li.product { } */
#primary section.related.products ul.products > li.product,
.woocommerce.archive ul.products > li.product:not(.product-category) { float: left; width: 23%; -webkit-flex-basis: 23%; -ms-flex-preferred-size: 23%; flex-basis: 23%; }
.home ul.products > li.product { float: left; width: 23%; -webkit-flex-basis: 23%; -ms-flex-preferred-size: 23%; flex-basis: 23%; }
/* #main ul.products > li.product { border: 1px solid #efefef; -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.25); box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.25); padding: 0 0 11em 0; -webkit-border-radius: 3px; border-radius: 3px; margin: 0 0 3em 0 !important; position: relative; overflow: hidden; } */
#main ul.products > li.product { border: 1px solid #efefef; -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.25); box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.25); padding: 0; -webkit-border-radius: 3px; border-radius: 3px; margin: 0 0 3em 0 !important; position: relative; overflow: hidden; }
/* Add more space for sale icon in li.product */
#main ul.products > li.product.product_cat-specials {padding-bottom:9.5em;}
#main ul.products > li.product .asd-img-wrap { height: 0; position: relative; padding-bottom: 100%; overflow: hidden; margin-bottom:2rem; }
#main ul.products > li.product .asd-img-wrap img { display: block; position: absolute; top: -100%; left: -100%; right: -100%; bottom: -100%; margin: auto; max-width: 100%; max-height: 100%; height: auto; width: auto; }
/* #main ul.products > li.product .asd-details { padding: 5px 20px; position: absolute; bottom: 0; background-color: #ffffff; } */
#main ul.products > li.product .asd-details { padding: 5px 20px; background-color: #ffffff; }
#main ul.products > li.product .asd-details h2.woocommerce-loop-product__title { min-height:58px; }
#main ul.products > li.product .asd-details span.onsale { position:absolute; top:-33px; right:8px; }
#main ul.products > li.product .asd-details .asd-brand-model { text-align:center; }
#main ul.products > li.product a .asd-cost,
#main ul.products > li.product a .asd-sales,
#main ul.products > li.product a .asd-inventory { color: #000000;}


/* #main ul.products li.product .button, 
#main ul.products .wc-block-grid__product .button,
#main .wc-block-grid__products li.product .button, 
#main .wc-block-grid__products .wc-block-grid__product .button {
	position:absolute;
	top:220px;
} */

/* Testing new style */
/* Style for the product card container */
#main ul.products > li.product {
  width: 100%;
  max-width: 300px;
  min-width: 250px;
  margin: 0 10px 20px;
  /* border: 1px solid #ccc; */
  border-radius: 5px;
  overflow: hidden;
  display: inline-block;
  vertical-align: top;
  /* box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); */
  position: relative;
}

/* Style for the product image */
#main ul.products > li.product img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
}

/* Style for the add to cart button */
#main ul.products > li.product a.button {
  position: absolute;
  bottom: 10px;
  top:unset;
  left: 50%;
  transform: translateX(-50%);
  display: block;
  margin-top: 10px;
  text-align: center;
  width: 80%;
  background-color: #007bff;
  color: #fff;
  border: none;
  border-radius: 0 15px;
  padding: 10px 0;
  cursor: pointer;
}

/* Style for the product name */
#main ul.products > li.product .woocommerce-loop-product__title {
  text-align: center;
  margin: 10px 0;
}

/* Style for the barcode */
#main ul.products > li.product .asd-barcode {
  text-align: center;
  margin-bottom: 10px;
}

/* Style for the price */
#main ul.products > li.product .price {
  text-align: center;
  margin-bottom: 10px;
  font-weight: bold;
}

/* Style for the product details */
#main ul.products > li.product .asd-details {
  padding-bottom: 50px;
}

#main ul.products > li.product .asd-details h2.woocommerce-loop-product__title { min-height:58px; }


/* Media query for responsive design */
@media screen and (min-width: 768px) {
#main ul.products > li.product {
    max-width: 23%;
  }
}


.woocommerce.archive .wc-store-catalog-pdf-download { display: none; }
.wc-store-catalog-pdf-download a.wc-store-catalog-pdf-download-link { padding: 0; color: #000000; margin: 2em 0 0 0 !important; display: inline-block; background-color: transparent; font-weight: 500; border-bottom: 1px solid #cccccc; }
.wc-store-catalog-pdf-download a.wc-store-catalog-pdf-download-link i { margin-right: 5px; }
.page h2.woocommerce-loop-product__title { 	margin-top:0; color:#333333;}
/* a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart, */
/* li.product a.button.product_type_variable.add_to_cart_button { min-height:52px; } */


/* Stickers */
.product .summary .asd-sticker {position:relative;margin-bottom:45px;}
ul.products .asd-sticker {position:relative;margin-bottom:37px;}
.product .summary .asd-sticker .label,
ul.products .asd-sticker .label {display:none;}
.product .summary .asd-sticker .value,
ul.products .asd-sticker .value {
	position:absolute;
	right:0;
	width:80px;
	height:32px;
	display:block;
	color:transparent;
}
.product .summary .asd-sticker .value {width:100px;height:40px;}
.product .summary .asd-sticker .value.value-sticker,
ul.products .asd-sticker .value.value-sticker
 {
	background:#149631 url(/wp-content/themes/asd-storefront-child/images/value-small.png) no-repeat;
	background-size:80px;
}
.product .summary .asd-sticker .value.value-sticker {
	background:#149631 url(/wp-content/themes/asd-storefront-child/images/value.png) no-repeat;
	background-size:100px;
}
.product .summary .asd-sticker .value.premium-sticker,
ul.products .asd-sticker .value.premium-sticker {
	background:#08a8fe url(/wp-content/themes/asd-storefront-child/images/premium-small.png) no-repeat;
	background-size:80px;
}
.product .summary .asd-sticker .value.premium-sticker {
	background:#08a8fe url(/wp-content/themes/asd-storefront-child/images/premium.png) no-repeat;
	background-size:100px;
}


/* Product single
--------------------------------------------*/
.single .product .summary .product_title { font-size: 2em; margin-bottom: 0; }
.single .product .summary .asd-warranty { color:red;}
.single .product .summary .asd-warranty .label { text-transform: uppercase; }
.single .product .summary .asd-barcode { font-size: 1.5em; font-weight: 300; color: #000000; }
.single .product .summary .asd-barcode .value { font-weight: 400; }
.single .product .summary .asd-additionalDescription {text-transform:lowercase;}
.single .product .summary .price { margin: 0.5em 0; }
.single .product .summary .woocommerce-product-details__short-description ul { padding: 0; margin: 0 0 2em 1.25em; }
.single .product .summary .woocommerce-product-details__short-description table { height: auto !important; border-collapse: collapse; }
.single .product .summary .woocommerce-product-details__short-description table td { padding: 10px; border: 1px solid #cccccc; }
.stock.out-of-stock:before { content: "\f11a"; }
/* .single .product .summary .woocommerce-variation.single_variation + .woocommerce-variation-add-to-cart { display: none; } */

/* #footer
--------------------------------------------*/

/* address */
#address-box.vcard-widget img { -webkit-border-radius: 0; border-radius: 0; }
#address-box.vcard-widget .fn { font-weight: 500; font-size: 105%; color: #000000; margin-top: 1em; }
#address-box.vcard-widget .adr { margin: 0; }
#address-box.vcard-widget .links { margin: 0.5em 0; }
#address-box.vcard-widget .links,
#address-box.vcard-widget .links a { display: block; color: inherit; }
#address-box.vcard-widget .links a i { display: inline-block; width: 20px; text-align: center; margin-right: 10px; color: black; }

/* Mailchimp */
footer #mc_embed_signup { max-width:360px; }
footer #mc_embed_signup_scroll { background-color: rgba(0, 0, 0, 0.25); padding: 10px; color: #ffffff; }
footer #mc_embed_signup_scroll .indicates-required { font-size: 90%; }
footer #mc_embed_signup_scroll span.asterisk { color: red; font-weight: 700; font-size: 1.2em; line-height: 1; vertical-align: bottom; }
footer #mc_embed_signup_scroll .mc-field-group { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; padding: 5px 5px; background-color: #ffffff; margin: 5px 0; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
footer #mc_embed_signup_scroll .mc-field-group input { background-color: transparent; border-top: none; -webkit-box-shadow: none; box-shadow: none; padding: 0 5px; border-right: none; border-bottom: none; border-left: 1px solid #cccccc; }
footer #mc_embed_signup_scroll .mc-field-group input[type="email"]:focus { outline-color: white !important; }
footer #mc_embed_signup_scroll .mc-field-group label { color: #000000; text-align: right; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; padding-right: 8px; font-size: 90%; }
footer #mc_embed_signup_scroll .clear input { margin: 10px 0 0 0; padding: 8px 15px; }

/* Search */
/* .site-search form {margin-top:15px;} */
.site-search .search-field {border: 2px solid #EC1C2D;}
footer #yith-s,
footer .woocommerce-product-search .search-field { background-color: #ffffff; border: 1px solid rgba(0, 0, 0, 0.25); }

/* Whatsapp */
.block:hover .whatsapp img,
.block .whatsapp img {
	display:inline-block;
	width:16px;
	height:16px;
	min-width:auto;
	min-height:auto;
	margin-right:12px;
	opacity:1;
}
div#custom_html-3 {margin-top:-6px}
.block.footer-widget-1 {height:auto;}
p.store-hours {margin-top:12px;}

/* Home
--------------------------------------------*/
.home-widget-area .widgettitle { font-size: 2em; text-align: center; border: none; margin:1em 0 ;}
.home-widget-area .textwidget .align-left { text-align: left; }
.home-widget-area .textwidget .align-right { text-align: right; }
.home-widget-area .textwidget .align-center { text-align: center; }
.home-widget-area div#nav_menu-6 h4 { margin:0;padding:0; } 
#home-page-widget-above-hero .widget { margin:0 auto 1em; }
#home-page-widget-above-hero #custom_html-13.widget { max-width:1366px; }

.vid-wrap {
	position: relative;
	height: 0;
	width: 100%;
	padding: 0 0 56.25% 0;
	margin: 0;
}

.vid-wrap iframe {
	position: absolute;
	width: 100%;
	height: 100%;
	margin: auto;
	padding: 0;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}

/* Homepage blocks
--------------------------------------------*/
.page-template-template-homepage-php .content-area {float:unset;}

div[onclick*="href"] {
	cursor: pointer;
}

.blocks-wrapper {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
	grid-template-areas:
		"store store store after after after"
		"eco eco projects projects about about";
	grid-row-gap: 40px;
	grid-column-gap: 20px;
	justify-items: center;
	align-items: center;
	text-align: center;
	width: 100%;
}

.blocks-wrapper h2 {
	font-size: 37.25px;
	/* font-weight: 300; */
	line-height: 37.25px;
	margin-bottom:1em;
}

.blocks-wrapper a {
	color: white;
	text-decoration: none;
}

.blocks-wrapper .cta {
	text-transform: uppercase;
	border: 2px solid white;
	padding: 20px;
	margin: 20px;
	font-weight:bold;
}

/* .blocks-wrapper .cta:hover {
	background-color: red;
	border-color: red;
} */

.store {
	grid-area: store;
	background-color: #5c9fdf;
}

.after-sales {
	grid-area: after;
	background-color: #45c0ae;
}

.eco {
	grid-area: eco;
	background-color: #95cc6e;
}

.projects {
	grid-area: projects;
	background-color: #9d85be;
}

.about {
	grid-area: about;
	background-color: #008dd0;
}

.header {
	text-align: center;
	position: absolute;
	left: 0;
	right: 0;
	top: 50%;
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	margin: 0;
	align-content: center;
	overflow: hidden;
	min-height:200px;
}

.block {
	height: 320px;
	width: 100%;
	align-self: center;
	position: relative;
	-webkit-transition: all .15s ease;
	-moz-transition: all .15s ease;
	-ms-transition: all .15s ease;
	-o-transition: all .15s ease;
	transition: all .15s ease;
	overflow:hidden;
}

.block:hover .cta {
	background-color: red;
	border-color: red;
}

.block:hover {
	-moz-box-shadow: 0 0 150px 0px rgba(255, 255, 255, 0.5) inset;
	-webkit-box-shadow: 0 0 150px 0px rgba(255, 255, 255, 0.5) inset;
	box-shadow: 0 0 150px 0px rgba(255, 255, 255, 0.5) inset;
}

/* .block img {
	display: block;
	mix-blend-mode: luminosity;
	opacity: 0.4;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
	position: absolute;
	top: -100%;
	bottom: -100%;
	right: -100%;
	left: -100%;
	margin: auto;
	min-width: 100%;
	min-height: 100%;
	max-width: 100%;
	height: auto;
	width: auto;
}

.block:hover img {
	display: block;
	mix-blend-mode: normal;
	opacity: .75;
}

footer .block img {
	position: inherit ;
} */


/* Additional styles
--------------------------------------------*/

.page h2 {
	font-size: 2.25em;
    line-height: 1em;
    margin-top: 1.65em;
    margin-bottom: 0.67em;
    color: rgba(208, 0, 14, 0.87);
}

ul.check li {
	list-style: url(/wp-content/uploads/2019/09/check_16.png);
}

a {
    color: #ca000b;
}

.wpb_images_carousel {
	background: #ffffff;
background: -moz-linear-gradient(left, #ffffff 0%, #cccccc 50%, #ffffff 100%);
background: -webkit-linear-gradient(left, #ffffff 0%, #cccccc 50%, #ffffff 100%);
background: linear-gradient(to right, #ffffff 0%, #cccccc 50%, #ffffff 100%);
padding:20px 0;
}

.sectioned .column-wrap.even, .products-services .section-bottom .column-wrap.wrapper.even {
	background: #ffffff;
	background: -moz-linear-gradient(left, #ffffff 0%, #e7e7e7 50%, #ffffff 100%);
	background: -webkit-linear-gradient(left, #ffffff 0%, #e7e7e7 50%, #ffffff 100%);
	background: linear-gradient(to right, #ffffff 0%, #e7e7e7 50%, #ffffff 100%);
	display: block;
	overflow: hidden;
}

.secondary-navigation .menu {
	float: none;
	font-size:1em;
}

/* Hide 'Add to quote' for logged in users
--------------------------------------------*/
/* .logged-in .yith-ywraq-add-to-quote {display:none;} */

.storefront-handheld-footer-bar ul li.whatsapp > a:before {
	font-family: "Font Awesome 5 Brands"; 
	font-weight: 600;
	font-size:1.8em;
	content: "\f232";
}

/* Hide mobile banner */
/* div#metaslider_widget-7, 
#hero-image .metaslider-mobile {display:none !important;} */

/* START CSS FOR DEMO */

#page header .sp-header-row .sp-header-span-2 {width:auto}

@media all and (max-width:1024px) {

	.main-navigation ul.menu>li>a, 
	.main-navigation ul.nav-menu>li>a {padding: 1.618em 0.6em;}
	
}

#hero-image {
	position:relative;
}

#hero-image img {
	min-height:200px;
}

#hero-image .metaslider-mobile img {
	min-height:unset;
}

#hero-image .hero-content {
	position:absolute;
	z-index:2;
	max-width: 1500px;
	top:14%;
	left:50%;
	margin-left:-510px;
}

#hero-image .hero-content.serving {
	top:-5%;
}


#hero-image .hero-content.featured-product {
	left: 70%;
}

#hero-image .hero-content.featured-product a {
	margin-left:5rem;
}

#hero-image .hero-content h1 {
	color:white;
	font-size:3.2em;
	font-weight:600;
	margin-bottom:0.4em;
}

#hero-image .hero-content .button {
	font-size:1.1em;
}

#hero-image .hero-content.hot,
#hero-image .hero-content.disposables-sale,
#hero-image .hero-content.refrigeration-sale,
#hero-image .hero-content.be-prepared,
#hero-image .hero-content.airbnb,
#hero-image .hero-content.high-season {
	position: absolute; 
	left: 0; 
	right: 0; 
	margin-left: auto; 
	margin-right: auto; 
	width: 360px;
	text-align:center;
}

#hero-image .hero-content.hot,
#hero-image .hero-content.disposables-sale,
#hero-image .hero-content.refrigeration-sale,
#hero-image .hero-content.airbnb,
#hero-image .hero-content.high-season {
	width:unset;
}

#hero-image .hero-content.hot {
	top:0;
	color:#212C65;
}

#hero-image .hero-content.hot h1 {
	color:#EC1C2D !important;
	margin-bottom:0;
}

#hero-image .hero-content.hot h2 {
	color:#212C65;
	margin-top:0;
	font-weight:600;
	margin-bottom:0.1rem;
}
#hero-image .hero-content.hot p {
	margin-bottom:0.1rem !important;
}

#hero-image .hero-content.high-season h1::after,
#hero-image .hero-content.disposables-sale h1::after,
#hero-image .hero-content.refrigeration-sale h1::after,
#hero-image .hero-content.airbnb h1::after {
	content: '\00a0';
	border-top: 1px solid white;
	display: block;
	max-width: 24%;
	margin: 0.3rem auto 0;
	line-height: 0;
}

#hero-image .hero-content.refrigeration-sale .button{
	color:#fff;
	background-color:#ec1c2e!important;
	font-weight: 800;
}

#hero-image .hero-content.disposables-sale .button {
	color:#ec1c2e;
	background-color: white !important;
	font-weight: 800;
}

#hero-image .hero-content.airbnb .button {
	color:#212C65;
	background-color: white !important;
	font-weight: 800;
}


#hero-image .hero-content.be-prepared h2,
#hero-image .hero-content.be-prepared h1 {
	margin:0;
	color:white;
	text-transform:uppercase; 
	font-weight:600;
}

#hero-image .hero-content.be-prepared h1 {
	line-height:1;
}

#hero-image .hero-content.be-prepared h2 {
	font-size:1.8em;
	margin-bottom:0.5em;
	
}

#hero-image .hero-content.high-season h1 {
	margin:0;
}

#hero-image .hero-content.airbnb h1 {
	margin-bottom:0.1em;
	
}

#hero-image .hero-content.high-season {
	top:-8%;
}

#hero-image .hero-content.high-season .tag-line {
	margin-top:0.5rem;
	font-weight:600;
}

#hero-image .hero-content.airbnb .tag-line {
    display: block;
    margin-bottom: 15px;
	font-weight:600;
}

@media all and (max-width:1700px) {

	#hero-image .hero-content {
		top:6%;
	}
	
	#hero-image .hero-content.high-season {
		top:-20%;
	}

	#hero-image .hero-content.hot {
		top:-10%;
	}

}

@media all and (max-width:1600px) {
	#hero-image .hero-content {
		top:8%;
	}

	#hero-image .hero-content.hot {
		top:-12%;
	}

	#hero-image .hero-content h1 {
		font-size:3em;
	}
	#hero-image .hero-content.be-prepared h2 {
		font-size:1.7em;
	}

}

@media all and (max-width:1500px) {
	#hero-image .hero-content {
		top:10%;
	}

	#hero-image .hero-content.featured-product {
    left: 83%;
	}
	#hero-image .hero-content.featured-product a {
		margin-left:4rem;
	}

	#hero-image .hero-content h1 {
		font-size:2.5em
	}

	#hero-image .hero-content.be-prepared h2 {
		font-size:1.39em;
	}

}

@media all and (max-width:1400px) {
	#hero-image .hero-content {
		top:8%;
	}
	
	#hero-image .hero-content.high-season {
		top:10%;
	}


	#hero-image .hero-content.hot {
		top:-18%;
	}

	#hero-image .hero-content.serving {
		top:-15%;
	}
}
 
@media all and (max-width:1024px) {
	#hero-image .hero-content {
	left: 0;
	margin-left: 1em;
	}

	#hero-image .hero-content.hot {
		top:-28%;
	}
	#hero-image .hero-content h1 {
		font-size:2em;
	}
	
	#hero-image .hero-content.featured-product {
		left:40%;
	}

	#hero-image .hero-content.be-prepared h2 {
		font-size:1.1em;
	}
}

/* Hide mobile banner on desktop */
.mobile-banner {
	display:none;
	background-image: url(/wp-content/uploads/2022/11/Sale-on-Disposables-Mobile-no-text.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	min-height: 220px;
	text-align:center;
}

.mobile-banner .mobile-content {
	padding-top:8.5vh;
}

.mobile-banner .mobile-content h1 {
	color:white;
	font-size:5vw;
	font-weight:500;    
}

.mobile-banner .mobile-content h1::after {
	content: '\00a0';
	border-top: 1px solid white;
	display: block;
	max-width: 32vw;
	margin: 0.3rem auto 0;
	line-height: 0;
}

.mobile-banner .mobile-content .button {
	color: #ec1c2e;
	background-color:white !important;
}


/* Header Services (gray bar) - DEMO */
.header-filler {
	position:absolute;
	width:100%;
	min-height:130px;
	background-color:#F2F2F2;
	left:0;
}

.header-services {
	position:relative;
	display:grid;
	grid-template-columns:31% 37% 31%;
	justify-items: center;
	background-color: #F2F2F2;
}

.header-services { margin-bottom:1.5em; }
.header-services a { color:black; }
.header-services p { 	margin:0; }
.header-services h2 { margin:0; font-size:1.4em; color:black; font-weight:600; align-self:end; }
.header-services img { margin-top:25px; }
.assortment p,
.personal-account p { max-width:130px; }
.technical-service p { max-width:170px; }
.personal-account>a,
.technical-service>a,
.assortment>a { 
	display: grid;
	 grid-template-columns: 1fr 2fr;
	 grid-template-rows: 1fr 1fr;
	 gap: 0px 0px;
	 grid-template-areas:
		 "image image header"
		 "image image text";
 }
.personal-account a img,
.technical-service a img,
.assortment a img { grid-area: image; max-width:100px; align-self: center; margin:25px 15px 0; }
.personal-account a h2,
.technical-service a h2,
.assortment a h2 { grid-area: header; }
.personal-account a p,
.technical-service a p,
.assortment a p { grid-area: text; } 

@media all and (max-width:1124px) {
	.header-services h2 { font-size:1.3em;  }
}

@media all and (max-width:1024px) {
	.header-filler { min-height: 330px; min-width: 360px; }
	.header-services { grid-template-columns:1fr; width: 100%; }	
	.personal-account a,
	.technical-service a,
	.assortment a { justify-items: center; }
}

/* Popup - DEMO*/
.header-services .personal-account {
	position:relative;
}

.header-services #personalAccountPopup {
	background: none repeat scroll 0 0 #EC1C2D;
	color: white;
	left: 0;
	line-height: 20px;
	position: absolute;
	top: 30px;
	z-index:100;
	padding:1em 1.5em;
	border-radius:10px;
	box-shadow: 0 1px 8px rgb(0 0 0 / 50%);
}

.header-services .popupBox p {
	max-width:unset;
}

.header-services .popupBox p.subline {
	text-align: center;
}

.header-services .popupBox p a {
	text-decoration: underline;
}

.header-services .popupBox a {
	color:white;
}

.header-services .popupBox {
	margin-top:5em;
	width:100%;
	visibility:hidden;
	opacity:0;
	-webkit-transition:visibility 0s linear 0.3s, opacity 0.3s linear;
	-moz-transition:visibility 0s linear 0.3s, opacity 0.3s linear;
	-o-transition:visibility 0s linear 0.3s, opacity 0.3s linear;
	transition:visibility 0s linear 0.3s, opacity 0.3s linear;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition:all 0.4s ease;
	transition: all 0.4s ease;
	-webkit-transition-delay: 0.5s;
	-moz-transition-delay: 0.5s;
	-o-transition-delay:0.5s;
	transition-delay: 0.5s;
}

.header-services .popupHoverElement:hover > .popupBox {
	visibility:visible;
	opacity:1;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	-webkit-transition-delay: 0s;
	-moz-transition-delay: 0s;
	-o-transition-delay: 0s;
	transition-delay: 0s;
}

.header-services .popupBox ul {
	margin: 0 0 0.8em;
}

.header-services .popupBox li {
	padding:0.3em 0;
}

.header-services .popupBox li:before {
	content: '✓\0020';
	padding-right:0.8em;
	font-weight:600;
}

.header-services .popupBox a.cta {
	background-color:white;
	color:black;
	text-align: center;
	padding: 0.6em 0;
	border-radius: 10px;
	font-weight: bold;
	margin-bottom: 0.6em;
	display:block;
}

.header-services .popupBox a.cta:hover {
	background-color:#F2F2F2;
}

.header-services .popupBox i {
	position: absolute;
	bottom: 100%;
	left: 50%;
	margin-left: -12px;
	width: 24px;
	height: 12px;
	overflow: hidden;
	}

.header-services .popupBox i::after {
	content: '';
	position: absolute;
	width: 12px;
	height: 12px;
	left: 50%;
	transform: translate(-50%,50%) rotate(45deg);
	background-color: #EC1C2D;
	box-shadow: 0 1px 8px rgb(0 0 0 / 50%);
	}

/* End popup - DEMO */

/* END Header Services (gray bar) - DEMO */

/* ASDeals - DEMO */
.hide {display:none;}
.asdeals {
	text-align: center; 
	font-weight: 600; 
	margin-top: 0.5em;
	color: #EC1C2D;
	position:relative;
	z-index:2;
	background-color:white;
	display:inline-block;
	padding-left:0.5em;
	padding-right:0.5em;
}

.asdeals span {
	color: black; 
	font-weight: 400;
}

#content .owl-carousel .barcode {
	color: #bd000b;
	font-size:0.8em;
	margin-top:0.5em;
}

#content .owl-carousel .barcode::before {
	content:"Product barcode: #";
}

#content .owl-carousel .discountPercentage {
  display: inline-table;
  vertical-align: middle;
  width: 40px;
  height: 40px;  
  background-color: #bd000b;
  border-radius: 50%;
	position:absolute;
	top:0px;
	right:8px;
}

#content .owl-carousel .discountPercentage .value {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  color:white;
  font-size:0.8em
}

.textwidget header.entry-header::after {
	top:45%;
}

#content .owl-carousel .owl-item .item .cart .add_to_cart_button {
	background-color: #EC1C2D;
	border-color:#EC1C2D;
	text-transform: inherit;
}

#content .owl-carousel .owl-item .item {
	border: 1px solid #efefef;
	-webkit-box-shadow: 1px 1px 1px rgb(0 0 0 / 25%);
	box-shadow: 1px 1px 1px rgb(0 0 0 / 25%);
	padding:2.5em 0;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	position: relative;
	overflow: hidden;
	margin-right:1em;
}

#content .owl-carousel .owl-item .item .themeA_product_container {
	border: none;
	box-shadow: none;
}

#content .owl-carousel .owl-item .item img {
max-width:150px;
margin:0 auto;
}

#content .owl-carousel .owl-item .item .price del .amount {
	color:#3D3D3D;
}

/* END ASDeals - DEMO */

/* Metaslider adjustments on homepage */
.metaslider .flexslider {
	margin-bottom:0 !important;
}

.metaslider .caption-wrap {
	top: 20%;
	background: none !important;
	color: white !important;
	opacity:unset !important;
	padding-left:1em !important;
}

.metaslider .caption-wrap h1 {
	color: white !important;
	background: unset !important;
}

.metaslider .caption-wrap p {
	margin-bottom:1em !important;
}

#content .commitment-to-environment {
	color:white;
	background-image: url(/wp-content/uploads/2023/12/commitment-to-environment-desktop.webp);
	padding:1.5em 4em;
	min-height:247px;
	max-height:247px;
	max-width:1366px;
	background-size:cover;
	padding-left:11em;
	position:relative;
}

#content .commitment-to-environment::before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-image: #000000;
	opacity: .06; 
	z-index:0;
}

#content .commitment-to-environment h2 {
	margin:0 0 0.2em 0;
	color:white;
	font-weight:500;
	max-width:260px;
	position:relative;
}

#content .commitment-to-environment p {
	font-size:1.1em;
	margin:0 0 1.5em 0;
	position:relative;
}

#content .commitment-to-environment a {
	color:white;
}

#content .commitment-to-environment .cta {
	background-color: #EC1C2D;
	padding:0.8em 1em;
	font-size:1.1em;
	position:relative;
}

#content .commitment-to-environment .cta:hover {
	background-color:#bd000b;
}


/* Homepage carousel */

.carousel {
	margin:2.5em 0 0;
}

.wpcu-products {
	padding-bottom:1px !important;
}

.wpcu-product {
	border: 1px solid #efefef;
	-webkit-box-shadow: 1px 1px 1px rgb(0 0 0 / 25%);
	box-shadow: 1px 1px 1px rgb(0 0 0 / 25%);
	-webkit-border-radius: 3px;
	border-radius: 3px;
	position: relative;
	overflow: hidden;
	min-height: 439px; 
	min-height: 376px; 
	padding:1.5em 0;
	font-family:
	"Source Sans Pro","HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
}

.wpcu-product .wpcu-product__content h2.wpcu-product__title {
	font-size:1.1rem;
	padding-right:0.5rem;
	min-height:9ch;
}

.wpcu-product .wpcu-product__content h2.wpcu-product__title a {
	font-weight:400;
}

.wpcu-product .wpcu-product__img {
	padding:0 2em;
}

.wpcu-product .wpcu-product__img a {
    height: 0;
    position: relative;
    padding-bottom: 100%;
    overflow: hidden;
}

.wpcu-product .wpcu-product__img img {
    display: block;
    position: absolute;
    top: -100%;
    left: -100%;
    right: -100%;
    bottom: -100%;
    margin: auto;
    max-width: 100%;
    max-height: 100%;
    height: auto;
    width: auto;
}

.wpcu-product .wpcu-product__details { 
	display:grid;
	grid-template-columns:1fr;
	grid-template-areas:
	'title'
	'price'
	'button'
	;
}

.wpcu-product .wpcu-product__details .wpcu-button {
	grid-area:button;
	border-radius:3px;
}

.wpcu-product .wpcu-product__details .wpcu-product__title {
	grid-area:title;
	text-align:center;
	margin-left:1em !important;
}

.wpcu-product .wpcu-product__details .wpcu-product__price {
	grid-area:price;
	text-align:center;
	justify-content: center;
}

.wpcu-product .wpcu-product__details .wpcu-button p {
	width:80%;
}

.wpcu-product .wpcu-product__details .wpcu-button p a  {
	border-radius: 0 15px 0 15px !important;
	text-transform: unset;
	font-size:1rem;
}

/* Footer bar menu */
.sfb-footer-bar ul { display:flex;margin:0;justify-content: space-evenly; }
.sfb-footer-bar ul li { padding: 0 1em; }
.sfb-footer-bar .widget a {color: black !important; }
.sfb-footer-bar .widget a:hover { color:#bd000b !important; }

/* Countdown timer styles */
#countdown {
  font-family: "Source Sans Pro","HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
  font-size: 14px;
  text-align: center;
  color: #212c65;
	background-color: rgba(255,255,255,0.98);
  border:1px solid silver;
  display:block;
  margin:0 auto;
  max-width:375px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  padding:1rem;
  position: absolute;
	z-index: 1;
	top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

#countdown:hover {
  /* box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); */
}

#countdown a {
  color:#212c65;
  text-decoration: none;  
}

#countdown h1 {
  margin-top:0;
}

#countdown ul {
  display: flex;
  list-style: none;
  margin:0;
  padding:0;
  justify-content: center;
}

#countdown li {
  margin-right: 10px; /* Adjust the spacing between list items as needed */
}

#countdown li:last-child {
  margin-right: 0; /* Remove the margin from the last list item */
}

#countdown span[role=timer] {
  font-size: large;
  padding: 10px;
  background-color: #F2F2F2;
  /* background-color: #EC1C2D;
  color:white; */
  margin: 0 5px;
  border-radius: 4px;
  min-width:24px;
  display: inline-block;
  font-weight: 700;
}

#countdown span {
  display:block;
}


#countdown .cta-button {
  margin-top:1rem;
  display: inline-block;
  padding: 10px 20px;
  background-color: #EC1C2D;
  color: #fff;
  text-decoration: none;
  font-weight: bold;
  border-radius: 0 15px 0 15px !important;
  text-transform: capitalize;
}

#countdown .cta-button:hover {
  background-color: #d31828 !important;
}

#countdown a.cta-button {
  color:white;
}

/* Temporary adjustments to Header Services for countdown */
.header-services.with-counter {
	grid-template-columns:
	31% 37% 31%;
	grid-template-areas: 
	'technical countdown personal';
	}
	
	.header-services.with-counter .assortment {
	grid-area: assortment;
	display:none;
	}
	
	.header-services.with-counter .technical-service {
	grid-area: technical;
	}
	
	.header-services.with-counter .personal-account {
	grid-area: personal;
	}
	
	.header-services.with-counter #countdown {
	grid-area: countdown !important;
	position: static;
	max-width:unset;
	display: grid;
	grid-template-areas:
					'title title'
					'timer subtitle'
					'timer cta';
	transform:unset;
	padding:0.5rem;
	}
	
	.header-services.with-counter #countdown h1 {
	grid-area: title;
	font-size:1.4rem;
	font-weight:600;
	}
	
	.header-services.with-counter #countdown h2 {
			grid-area: subtitle;
			align-self: start;
		font-size:1.1rem;
	}
	
	.header-services.with-counter #countdown ul {
	grid-area: timer;
	}
	
	.header-services.with-counter #countdown ul li span {
	width:45px;
	}
	
	.header-services.with-counter #countdown ul li span.label {
	margin: 0 5px;
	}
	
	.header-services.with-counter #countdown .cta-button {
	grid-area: cta;
	align-self: center;
	margin:0 1.8rem;
	margin-top:0;
	}

	/* End of temporary adjustments to Header Services for countdown */
/* End of Countdown timer styles */	



@media all and (max-width:1280px) {

    
	.header-services.with-counter {
			grid-template-columns: 1fr;
			padding:1rem 0;
			grid-template-areas: 'countdown' 
					'technical' 
					'personal';
	}
	
	.header-filler.with-counter {
			min-height: 370px;
	}
			
	}

@media all and (max-width:768px) {
	#content .commitment-to-environment br {
			display:none;
	}
	#content .product .summary .asd-sticker {height:5px;}
	#content .product .summary .asd-sticker .value {left:0;}

	.wpcu-product .wpcu-product__img img {
		object-fit: none;
	}

}

@media all and (max-width:640px) {
	#content .commitment-to-environment {
			padding:3em 1em;
			text-align:center;
	}

	#content .commitment-to-environment h2 {
			max-width:unset;
			font-size:1.6em;
			margin-bottom:0.5em;
	}
	#content .commitment-to-environment p {
			font-size:1em;
	}
}

@media all and (max-width:490px) {

	.header-services.with-counter #countdown .cta-button {
			margin: 0 0.5rem;
	}
	
	.header-services.with-counter #countdown li {
		margin-right: 0; 
	}
	
	.header-services.with-counter #countdown ul li span {
			width: 39px;
	}
	
	.header-services.with-counter #countdown span[role=timer] {
			padding: 6px;
			margin: 0;
			min-width: unset;
			}
			
	}

@media all and (max-width:440px) {
	#content .commitment-to-environment {
		padding:1em;
}
}

@media all and (max-width:407px) {

	.header-filler.with-counter {
			min-height: 480px;
	}
		
	.header-services.with-counter #countdown {
			max-width: unset;
			grid-template-areas:
					'title'
				'subtitle'
					'timer '
					'cta';
	}
	
	.header-services.with-counter #countdown h2 {
			margin-bottom: 1rem;
	}
	
	.header-services.with-counter #countdown ul,
	.header-services.with-counter #countdown .cta-button {
		margin-bottom:.5rem;
	}
		
	}
/* Footer DEMO */
#colophon {padding-top:0;}
#colophon .footer-widgets {padding-top:3em;border:none;}
#colophon .footer-widgets #custom_html-5 { max-width:360px; margin:0 auto; }
#colophon .footer-widgets a {text-decoration: none;}
#colophon .footer-widgets a:hover {text-decoration: underline;}
#colophon .footer-widgets .block:hover {box-shadow: unset;}
#colophon .footer-widgets .footer-widget-1 .widget-title {font-weight:bold;border:none;padding:0;}
/* #colophon .footer-widgets .footer-widget-3 img {max-width:250px;} */
#colophon .footer-widgets #address-box.vcard-widget .fn {font-size:1.41575em;margin-top:0;font-weight:bold;}
#colophon .footer-widgets .woocommerce-product-search .search-field {border:none;box-shadow: none;}
#colophon .footer-widgets #mc_embed_signup_scroll {color:black;background-color:unset;padding:0;}
#colophon .footer-widgets #mc_embed_signup_scroll p {margin:1em 0;}
#colophon .footer-widgets #mc_embed_signup_scroll .mc-field-group {padding:5px 0;}
#colophon .footer-widgets::before,
#colophon .footer-widgets::after {content:none;}
#colophon .site-info {padding:2em 0;}

button, input[type="button"], input[type="reset"], input[type="submit"], .button, .widget a.button {
	background-color: #EC1C2D !important;
	border-color: #EC1C2D !important;
}
button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover, .button:hover, .widget a.button:hover {
	background-color: #d31828 !important;
	border-color: #d31828 !important;
}


/* END CSS FOR DEMO */
@media all and (max-width:1440px) {
	header#masthead::after {
		height:108px ;
   	margin-top:-108px ;
	}
}


@media all and (max-width:1300px) {
		#primary section.related.products ul.products > li.product,
		.woocommerce.archive ul.products > li.product:not(.product-category) {
			width: 30%;
			-webkit-flex-basis: 30%;
			-ms-flex-preferred-size: 30%;
			flex-basis: 30%;
		}
}

@media all and (max-width:1024px) {
	.secondary-navigation .menu,
	#page header .sp-header-row .sp-header-span-2 { font-size:0.8rem; }
	.sfb-footer-bar .partners { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

	/* Home
	--------------------------------------------*/
	.home ul.products { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: space-evenly; -webkit-justify-content: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly; }
	.home ul.products > li.product { float: left; width: 47%; -webkit-flex-basis: 47%; -ms-flex-preferred-size: 47%; flex-basis: 47%; }
	.home #main ul.products > li.product .asd-img-wrap { padding-bottom: 75%; }
	section.storefront-product-section.storefront-recent-products { margin-bottom: 2em; overflow: hidden; }
}
@media all and (min-width:960px) {
	#woocommerce_product_categories-6 { display: none; }
	.main-navigation .special-navigation ul.menu { margin-left: 20px; }
	.ubermenu-responsive-default.ubermenu { width:100%; }
}

@media all and (min-width:768px) {
	.main-navigation ul.menu ul li a, 
	.main-navigation ul.nav-menu ul li a { font-size:1em; }
	.primary-navigation { margin:0 auto; }
	.site-header-cart .cart-contents::after { float:unset;margin-left:0.5rem; }
	.col-full { max-width:85.375rem !important; }
	.woocommerce-active .site-header .main-navigation { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; }
	.main-navigation .special-navigation { display: block; -webkit-align-self: center; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; }
	.main-navigation .special-navigation ul.menu { border: 1px solid #cf030f; display: block; overflow: hidden; }
	.main-navigation .special-navigation ul.menu li { margin: 0; }
	.main-navigation .special-navigation ul.menu li + li:before { content: " | "; display: inline; opacity: 0.5; }
	.main-navigation .special-navigation ul.menu li a { padding: 10px 15px; display: inline-block; text-decoration: none; text-transform: uppercase; font-size: 95%; color: #cf030f; }
}
@media all and (min-width:768px) and (max-width:960px) {
	.woocommerce-active .site-header .main-navigation { margin: 0; width: auto; }
	.main-navigation .special-navigation ul.menu { margin-left: 0px; }
	.main-navigation .special-navigation ul.menu li a { padding: 10px 8px; }
	

}
@media all and (max-width:960px) {
	.ubermenu-responsive-toggle { font-size: 1.2rem !important; }
	.woocommerce.archive #main .woocommerce-products-header { padding: 0; }
	.woocommerce-products-header__title { font-size: 1.8em; margin-bottom: 1em; }
	.storefront-sorting { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
	.storefront-sorting .woocommerce-ordering,
	.storefront-sorting .woocommerce-result-count,
	.storefront-sorting .products-per-page { width: 100%; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; margin: 0 0 0.5em 0 !important; float: none !important; }
	.storefront-sorting .woocommerce-result-count { -webkit-box-ordinal-group: 4; -webkit-order: 3; -ms-flex-order: 3; order: 3; text-align: center; }
	.storefront-sorting .woocommerce-ordering select,
	.storefront-sorting .products-per-page select { width: 100%; }
	#woocommerce_product_categories-2,
	#woocommerce_recently_viewed_products-2 { display: none; }
	.woocommerce.single .columns2,
	.woocommerce.archive .columns2 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
	.woocommerce.single .columns2 #secondary,
	.woocommerce.archive .columns2 #secondary { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; background-color: transparent; padding: 0; }
	.woocommerce.single .columns2 #secondary .widget .widget-title,
	.woocommerce.archive .columns2 #secondary .widget .widget-title { margin: 0 0 10px 0; padding: 0 0 5px 0; }
	.woocommerce.single .columns2 #secondary .widget select,
	.woocommerce.archive .columns2 #secondary .widget select { width: 100%; padding: 5px; }
	.woocommerce.single .columns2 #primary,
	.woocommerce.archive .columns2 #primary { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; }
	.woocommerce.archive .columns2 #primary,
	.woocommerce.single .columns2 #secondary { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; }
	.woocommerce.single .columns2 #primary,
	.woocommerce.archive .columns2 #secondary { -webkit-box-ordinal-group: 1; -webkit-order: 0; -ms-flex-order: 0; order: 0; }
	#primary section.related.products ul.products > li.product,
	.woocommerce.archive ul.products > li.product:not(.product-category) { width: 47%; -webkit-flex-basis: 47%; -ms-flex-preferred-size: 47%; flex-basis: 47%; }
	.asd-menu-box #menu-store-categories > li { width: 31%; -webkit-flex-basis: 31%; -ms-flex-preferred-size: 31%; flex-basis: 31%; }
	footer .footer-widgets { display:flex; flex-direction: column;}
	footer .footer-widgets.col-3 .block { margin-right:unset; width:100%; max-width:360px; margin:0 auto !important;}
	footer .site-info {text-align: center;}

}
@media all and (max-width:959px) {
	header#masthead::after { content: none; }
	.ubermenu-responsive-default.ubermenu-responsive { max-height: unset; }
}
@media all and (max-width:767px) {

	#hero-image .metaslider-mobile .hero-content.hot {
    top:25%;
}
#hero-image .metaslider-mobile .hero-content.hot h2 {
    margin-bottom:1rem;
}
#hero-image .metaslider-mobile .hero-content.hot p {
    display:none;
}


	.site-header { padding: 0 !important; }
	header .col-full { display:flex; justify-content: space-between; flex-direction: column; margin: 0 !important; }
	/* .mobile-banner {display:block;} */
	#page .site-branding { margin: 1em 0 !important;}
	button.menu-toggle,
	/* #hero-image, 
	div#metaslider_widget-3, 
	.sp-header-span-2 { display:none !important;	} */
	/* #hero-image .metaslider-desktop, */
	#site-navigation button.menu-toggle,
	#qlwapp { display:none !important;	}
	.main-navigation .ubermenu .ubermenu-item { padding: 0.4em; }
	/* Unhide mobile banner */
	/* div#metaslider_widget-7 {display:block;} */
	#hero-image .metaslider-mobile {display:block !important;}
	.metaslider-mobile .metaslider .caption-wrap.caption-wrap { top:1rem; }
	#hero-image .hero-content.high-season { top:20%;}
	#hero-image .hero-content.serving {top:0;}
	#hero-image .hero-content {font-size:smaller;}
	#hero-image .hero-content.anniversary {font-size: 1.5rem; width: calc( 50% - 1rem ); text-align: center; left: 25%; top: 1rem;     line-height: 2rem; }
	.col-full > .sp-header-row { justify-content: center; }
	.sp-header-row { justify-content: end; }
	.site-header .site-branding { width:unset; 	}
	/* .site-header-cart .quote-request-link { display:inline-block; width:50%; }     */
	.storefront-primary-navigation { float: right;}
	.secondary-navigation {display:none;}
	.secondary-navigation .menu-catalog-links-container ul { padding: 0; margin: 0; list-style: none; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
	.secondary-navigation .menu-catalog-links-container ul a { color: inherit; }
	.menu button { color: #000000; }
	.handheld-navigation ul.menu li.highlight a { color: #cf030f; border: 1px solid; margin: 10px; padding: 15px; }
	.select2-dropdown { z-index: 998 !important; }
}

@media (max-width:640px) {
	.asd-menu-box #menu-store-categories > li { width: 48%; -webkit-flex-basis: 48%; -ms-flex-preferred-size: 48%; flex-basis: 48%; }
	#hero-image .hero-content.anniversary {font-size: 1.3rem; top: 1.5rem; line-height: 1.5rem; }
}

@media screen and (max-width: 583px) {
	.home ul.products, #primary section.related.products ul, .woocommerce.archive ul.products {
		justify-content: center;
	}
	.metaslider-mobile .metaslider .caption-wrap.caption-wrap { top:0; }
	#hero-image .hero-content.anniversary {font-size: 1.2rem; top: 1.5rem; line-height: 1.3rem; }
	.site-header .col-full > .sp-header-row { display:block; }
	.site-header .site-branding { width: 100%; }
	.site-header .site-branding img { margin: 0 auto; padding: 0 0.5rem;}
	#hero-image .hero-content.high-season { background-color:#212c65; top:-14%; max-width:300px; opacity:1;     padding-bottom:5rem; }
	#hero-image .hero-content.high-season .tag-line { margin-top:0; }
 
}

@media all and (max-width:480px) {

	#hero-image .metaslider-mobile .hero-content.hot {
    top:11%;
}
	.sfb-footer-bar ul { flex-direction: column; text-align:center; row-gap:1em;}
	#primary section.related.products ul.products > li.product,
	.woocommerce.archive ul.products > li.product:not(.product-category) { width: 100%; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; }
	#primary section.related.products ul li { -webkit-flex-basis: 47%; -ms-flex-preferred-size: 47%; flex-basis: 47%; margin: 0 0 1em 0; }
	.home ul.products > li.product { width: 98%; -webkit-flex-basis: 98%; -ms-flex-preferred-size: 98%; flex-basis: 98%; }

	#hero-image .hero-content.anniversary {font-size: 0.85rem; top: 0.1rem; line-height: 1.2rem; top:0.8rem; left:19%; width: calc( 58% - 1rem); }
}

@media print {
	.site-search,
	#site-header-cart,
	#secondary,
	.footer-widget-2,
	.footer-widget-3,
	.sfb-footer-bar,
	.storefront-sorting,
	.storefront-product-sharing,
	.button,
	.storefront-handheld-footer-bar,
	footer .site-info,
	#okewa,
	#colophon .img-wrap,
	table.cart th.product-remove,
	table.cart td.product-remove,
	nav { display: none !important; }
	.site-header {padding-bottom:0;}
	header#masthead .site-branding { width: auto; float: none; border-bottom: 1px solid #cccccc; padding-bottom: 0.5em; text-align: center; }
	header#masthead .site-branding a { display: inline-block; }
	#primary { -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; }
	footer#colophon .footer-widgets .block { width: auto; float: none; margin: 0; }
	#primary section.related.products ul.products > li.product,
	#main ul.products > li.product { width: 100%; float: none; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; padding: 0; border-left: none; border-right: none; border-bottom: 1px solid #cccccc; border-top: none; margin: 0; -webkit-box-shadow: none; box-shadow: none; -webkit-border-radius: 0; border-radius: 0; page-break-before: auto; page-break-after: auto; page-break-inside: avoid; }
	#main ul.products > li.product .asd-img-wrap { width: 2in; height: 2in; padding: 0; float: none; display: inline-block; vertical-align: middle; }
	#main ul.products > li.product .asd-details { position: static; float: none; padding: 0.25in; display: inline-block; vertical-align: middle; }
	.single-product div.product { text-align: center; }
	.single-product div.product .summary,
	.single-product div.product .woocommerce-product-gallery { width: 48%; max-width: 48%; margin: 0.15in 0 0.5in 0; float: none; display: inline-block; vertical-align: top; border: none; padding: 4%; -webkit-box-sizing: border-box; box-sizing: border-box; }
	.single-product div.product .summary { border-left: 1px solid #cccccc; }
	table.shop_table_responsive tr td {display: table-cell;}
	table.shop_table_responsive tr td[data-title]::before {float: none;}
	.woocommerce .quantity input[type='number'] {background-color: unset; box-shadow: none;}	
	.cart_total h2 {margin:0.5em;text-align:right;}
	table.cart .col-full {margin:0;max-width:unset;padding:0;}
	table.cart .page h2 {margin:0;}
	table.shop_table_responsive thead {display:table-header-group;}
	table.shop_table_responsive tr td[data-title]::before {content: unset;}
	table.cart .product-thumbnail img {max-width:20%;}
	.hentry .entry-content a:not(.button) {text-decoration: none;}
	main#main {font-size:0.9em}
	.storefront-breadcrumb {padding:0;margin:0;}
	.woocommerce .quantity .qty {padding:0 !important;}
	div.entry-content{margin-top:-0.5em;}
}

/* TEMPORARY TO HIDE STOCK AND CART/CART TAB */
body .woocommerce-cart-tab-container {
	display: none !important;
}

.entry-summary .stock {
	display:none;
}

#site-header-cart {
	visibility: hidden;
}


/* TEMP STYLES FOR QUOTE REQUEST TOP MENU LINK */

@media screen and (max-width:767px) {
	.site-header-cart .quote-request-link {
		display:inline-block;
		width:100%;
		text-align: right;
	}
}

@media screen and (max-width:583px) {
	.site-header-cart .quote-request-link {
		width: calc(50% + 50px);	
	}
}