/**
Theme Name:     Cheeseclubhk
Theme URI:		https://cheeseclub.hk
Description:    This is the theme for the Cheese Club Hong Kong
Author:         Stan Diers <hello@standiers.com>
Author URI:		https://standiers.com
Template:       hello-elementor
Version:        1.0.3
**/


/* General Styles */
ul{list-style-type: circle;}
#cookie-notice .cn-button{
	background-color:#D15851; color:#ffffff
}
#cookie-notice .cn-button hover{
	background-color:#B64C46; color:#ffffff
}
.quick-view-trigger{
	cursor:pointer;padding:0px
}
.quick-view{
	top:0px;
}
.elementor-menu-cart__toggle, .elementor-menu-cart__toggle:hover{
	background-color:none;
}
input[type="text"], input[type="date"], input[type="email"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="url"], select, textarea{
	border: solid 1px var( --e-global-color-75ce63f )
}
.woocommerce a.remove {
	color: var(--e-global-color-ac5c984) !important;
}
.woocommerce a.remove:hover {
	background-color: var(--e-global-color-ac5c984) !important;
}
.jet-sorting-select{
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	font-size:16px;
	font-family: 'Lato', Sans Serif;
	border:1px solid;
	border-color:var( --e-global-color-75ce63f )!important;
	border-radius: 8px;
}

/* Menu Nav */
/* .eicon-menu-bar{font-family:'Lato';}
i.eicon-menu-bar:before{content:"Menu";} */
/*.elementor-menu-toggle.elementor-active i:before{content:"Close"}*/

/* custom cart icon */
/* .elementor-widget-woocommerce-menu-cart.toggle-icon--cart-light .elementor-menu-cart__toggle .elementor-button-icon i:before {
	font-family: 'cheeseclub'!important;
	content: "\e90f"!important;
} */

/* custom weight to submenus */
.monthly-menu a:not(.elementor-sub-item), .shop-menu a:not(.elementor-sub-item), 
.subscription-menu a:not(.elementor-sub-item), .specials-menu a:not(.elementor-sub-item)  {
	font-weight:bold!important;
}

/* custom colours to stores menu li on hover and active */
/*.monthly-menu.current-menu-item > a.elementor-item-active, */
.monthly-menu:hover > a.elementor-item, .monthly-menu li.menu-item:hover > a.elementor-sub-item, 
.monthly-menu:hover > a.elementor-item.highlighted {
	color: var( --e-global-color-ac5c984 )!important;
}
.monthly-menu.current-menu-item > a.elementor-item:after, 
.monthly-menu:hover > a.elementor-item:after {
	background-color: var( --e-global-color-ac5c984 ) !important;
}
.shop-menu.current-menu-item > a.elementor-item-active,
.shop-menu:hover > a.elementor-item, .shop-menu li.menu-item:hover > a.elementor-sub-item, 
.shop-menu:hover > a.elementor-item.highlighted {
	color: var( --e-global-color-c3f1f8d ) !important;
}
.shop-menu.current-menu-item > a.elementor-item:after, 
.shop-menu:hover > a.elementor-item:after {
	background-color: var( --e-global-color-c3f1f8d ) !important;
}
.subscription-menu.current-menu-item > a.elementor-item-active,
.subscription-menu:hover > a.elementor-item, .subscription-menu li.menu-item:hover > a.elementor-sub-item, 
.subscription-menu:hover > a.elementor-item.highlighted {
	color: var( --e-global-color-8ed9f8b ) !important;
}
.subscription-menu.current-menu-item > a.elementor-item:after, 
.subscription-menu:hover > a.elementor-item:after {
	background-color: var( --e-global-color-8ed9f8b ) !important;
}
.specials-menu.current-menu-item > a.elementor-item-active,
.specials-menu:hover > a.elementor-item, .specials-menu li.menu-item:hover > a.elementor-sub-item, 
.specials-menu:hover > a.elementor-item.highlighted {
	color: #d52940 !important;
}
.specials-menu.current-menu-item > a.elementor-item:after, 
.specials-menu:hover > a.elementor-item:after {
	background-color: #d52940 !important;
}

/* Magic Sticky Header */
/* One off rule for the homepage only (body.home) */
body.home .magic-sticky-header-items ul li a:not(.divit-link, .sub-menu li a), 
body.home .magic-sticky-account span, 
body.home .magic-sticky-cart .elementor-button-text {
	color: #ffffff !important;
	fill: #ffffff !important;
}
body.home .magic-sticky-cart .elementor-button-icon {
	color: #ffffff !important;
}
body.home .magic-sticky-cart .elementor-button-icon:before {
	background-color:#ffffff !important;
}
body.home .magic-sticky-search .elementor-icon svg, 
body.home .magic-sticky-account .elementor-icon-list-icon svg{
	fill:#ffffff !important;
}

/* Setting the background color when the sticky effect kicks in */
.magic-sticky-header.elementor-sticky--effects, .magic-sticky-topbar.elementor-sticky--effects {
	background: #ffffff !important;
	border-color: var( --e-global-color-5a703a8 )!important; 
}

/* Setting the rules for the elements over the white background on homepage (body.home) */
body.home .elementor-sticky--effects .magic-sticky-header-items ul li a:not(.sub-menu li a), 
body.home .elementor-sticky--effects .magic-sticky-header-items ul li a,
body.home .elementor-sticky--effects .magic-sticky-account span,
body.home .elementor-sticky--effects .magic-sticky-cart .elementor-button-text{
   color: var( --e-global-color-text ) !important;
}
body.home .elementor-sticky--effects .magic-sticky-search .elementor-icon svg, 
body.home .elementor-sticky--effects .magic-sticky-account .elementor-icon-list-icon svg{
	fill: var( --e-global-color-text ) !important;
}
body.home .elementor-sticky--effects  .magic-sticky-cart .elementor-button-icon {
	color: var( --e-global-color-primary ) !important;
}
body.home .elementor-sticky--effects  .magic-sticky-cart .elementor-button-icon:before {
	background-color: var( --e-global-color-primary ) !important;
}

body.home .elementor-sticky--effects .magic-sticky-cart .woocommerce-Price-amount :hover {
   color: var( --e-global-color-primary )!important;
}

/* Adding a transition to the effect */
.magic-sticky-header.elementor-sticky--effects, .magic-sticky-header-items ul li a, .magic-sticky-topbar.elementor-sticky--effects  {
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}


/**
 * Featured / Christmas Special Menu Item
 */
li.christmas-special,
li.featured-menu-item {
	background-color:#b81818;
	color: white; !important;
	border-radius:5px;
	font-weight:900;
/*	padding-left:10px;
	padding-right:10px;*/
}
body.home .elementor-sticky--effects .magic-sticky-header-items li.christmas-special.menu-item a, 
body.home .elementor-sticky--effects .magic-sticky-header-items li.featured-menu-item a {
	color: #ffffff !important;
}

.christmas-special:hover,
.featured-menu-item:hover {
	background-color: #028A0F;
}


/* All Stores */

article.outofstock .elementor-add-to-cart {
	text-align: center; 
}
article.outofstock .elementor-add-to-cart p.stock.out-of-stock {
	font-family: var( --e-global-typography-2b31965-font-family ), Sans-serif;
	font-size: var( --e-global-typography-2b31965-font-size );
	color: var( --e-global-color-accent );	
	padding-top: 5px;
	padding-bottom: 9px;
	margin-bottom: 0;
}

.woocommerce div.product .out-of-stock{
	color: var( --e-global-color-accent );	
	padding: 10px 0px 10px 0px;
}

/* Monthly Page */
/* This overrides the default Elementor behaviour, which is to allow images to expand in width */
.fixed-height .elementor-image img {
	width: auto;
	max-width: auto !important;
}

/* Single Products */
.woocommerce table.shop_attributes td{
	padding:8px;
	border:0px;
}
.partner-logo{
	padding-top:5px;
}

/* Product Icons */
/*section.product-icons > .elementor-container > .elementor-row > .elementor-column {
	width: 80px;
}*/

/* certification label images*/
.certification-icons figure.certification-icon {
	/*margin: 16px 18px 16px 20px !important;*/
	width: 80px;
	text-align: center;
}
.certification-icons .certification-icon img {
	width: 46px;
}
.certification-icons .certification-icon .caption {
	font-size: 0.75em;
	margin-top: 3px;
	/*width: 46px;*/
	text-align: center;
}

/* product review */
.woocommerce #reviews #comments ol.commentlist {
	padding-left:0px;
}

/* tighten up add to cart and quantity */
.elementor-add-to-cart .quantity {display: inline-block;}
.elementor-add-to-cart .quantity input.qty {width: 4em;}
.woocommerce .quantity .qty{width:4em;}
input[type="text"], input[type="date"], input[type="email"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="url"], select, textarea{
	padding: 0.5rem 0.5rem 0.5rem 0.5rem;
}

#pack-loop .elementor-add-to-cart form.cart{
	justify-content: left;
}

/* Woocommerce Product Reviews */
.woocommerce #reviews #comments ol.commentlist li .comment-text{
	1px solid #e4e1e3!important;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text{
	background:#ffffff;
}
.woocommerce #reviews #comments h2{
	display: none;
}
#comments textarea{
	border: solid 1px #e4e1e3;
}

/* Woocommerce */
.woocommerce-message, .woocommerce-info{
	margin-top:1em;
	padding: 0.5em 1em 0.5em 3em;
	font-size:0.9em;
}
.woocommerce-message::before, .woocommerce-info::before{
	color: #fff;
	top: 0.5em;
	left: 1em;
}
.woocommerce-info::before{
	content:"\e016";
}
.woocommerce-error, .woocommerce-info, .woocommerce-message{
	background-color:#F9C93E;
	border-top: 0px;
}
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button{
	background-color:#D15851;
	border-radius:8px;
	color:#fff;
	font-family:"lato";
	font-weight:400;
}
.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover{
	background-color:#B64C46;
	color:#fff;
}
.woocommerce-store-notice, p.demo_store{
	background-color: var( --e-global-color-accent);
	font-family:'Lato', sans-serif;
	font-weight: 800;
	font-size: 0.95em;
	color:#fff;
	border-radius: 0px;
}

/* loyalty point message in loop */
.elementor-add-to-cart form.cart .wc-points-rewards-product-message{
	font-family: var( --e-global-typography-2b31965-font-family ), Sans-serif;
	font-size: var( --e-global-typography-2b31965-font-size );
	line-height: var( --e-global-typography-2b31965-line-height );
	color: var( --e-global-color-c80b8ba );
	text-transform:none;
	margin-top:4px;
}
#pack-loop .elementor-add-to-cart form.cart .wc-points-rewards-product-message{
	text-align: left;
}
.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt{
	background-color:#6ca163;
	padding:0.5em;
	border-radius:3px;
}
.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover{
	background-color:#6ca163;
	padding:0.5em;
	border-radius:3px;
}
.woocommerce-additional-fields{
	border:1px solid #e3e3e3;
	background-color:#f6f6f6;
}
.cart button, .view-button {
	font-size:0.7em!important;
	line-height:1em!important;
	padding: 14px 12px 12px 12px!important;
	text-transform:uppercase;
	padding-left: 4px;
}

.elementor-add-to-cart form.cart .quantity{
	padding-right: 4px;
}


/* Discounted Prices in Accent Red */
.elementor-widget-monthly-product-price p.price,
.elementor-widget-woocommerce-product-price p.price {
	display: block;
	flex-direction: row;
}
.elementor-widget-monthly-product-price .price del,
.elementor-widget-woocommerce-product-price .price del {
	font-size: 90%;
	margin-right: 6px;
	color: #9D9D9C!important;
}
.elementor-widget-monthly-product-price .price ins, 
.elementor-widget-woocommerce-product-price .price ins {
	color: #D15851;
    text-decoration: none;
}

/** This is overriding some pesky WC default styles appearing on the Products Archive */
.woocommerce div.product p.price, .woocommerce div.product span.price {
    color: inherit;
}
.woocommerce div.product p.price ins, .woocommerce div.product span.price ins {
    font-weight: inherit;
}


#message_window{
	background-color:#F9C93E;
	color:#1D1D1B;
	border:1px solid #F9C93E;
	margin: 20px;
}

/* MINI CART */
.elementor-1118 .elementor-element.elementor-element-75a9a0 .elementor-menu-cart__product-name, .elementor-1118 .elementor-element.elementor-element-75a9a0 .elementor-menu-cart__product-name a{
	font-family: "Varela Round", Sans-serif !important;
	font-weight: 500!important;
	font-size: 1.08em!important;
	color: var( --e-global-color-text )!important;
}
.elementor-button .elementor-button--view-cart .elementor-size-md{
	border-radius:8px!important;
	background-color: var( --e-global-color-accent )!important;
	color: #ffffff!important;
}
.elementor-button .elementor-button--view-cart .elementor-size-md :hover{
	background-color:#B64C46!important;
	border-color:#B64C46!important;
	color:ffffff!important;
}
.elementor-menu-cart__product-name, .elementor-menu-cart__product-price{
	padding-left:10px!important;
}
.elementor-button--view-cart, .elementor-button--checkout{
	padding:10px;
}
#elementor-menu-cart__toggle_button, #elementor-menu-cart__toggle_button:hover {
	background-color:transparent!important;
	border:none;
}


/* MEDIA QUERIES */
@media all and (max-width: 767px) {

/*	.single_add_to_cart_button {
		font-size: 0 !important;
		height: 20px;
	}
	
	.single_add_to_cart_button:before {
		font-family: eicons; 
		font-size: 20px; 
		display: inline-block; 
		content: '\e8e9';
		color: var(--e-global-color-8ae48a4);
		font-weight: 900;
	}
	
	.cart button {
		font-size: 0px!important;
    	line-height: 0px!important;
		padding: 18px!important;
	}*/
	
	/* hiding the navigation arrows from the hom caroussel */
	.sp-arrows{	display:none;}
	
	/* removing the focus outline on the mobile menu toggle */
	.elementor-nav-menu--toggle:focus{outline:0!important;}
	
	/* add to cart message window top right corner */
	#message_window{margin: 55px 20px 20px 20px;}
	
	/* certification label images */
	.certification-icons .certification-icon{
		width:80px;
		padding:10px 15px 10px 0px;
	}
	
	/* remove input box styling */
	input[type=number], input[type=text] { 
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
	}



}

/* Special rule just for Safari to account for the bottom bar */
@media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0)
{ @media {
	.elementor-menu-cart__products {
		max-height: calc(100vh - 280px) !important;
	}
}}