@charset "utf-8";

body {
	font-family: 'Lato', sans-serif;
	z-index:1;
}


/* ------------------------------------------------------------------------------------------ */
/* -------------------------------     TEMPLATES     ---------------------------------------- */
/* ------------------------------------------------------------------------------------------ */
/* Template colors are loaded through PHP					*/

/* FIND REPLACE: REGEX find [.](.+) replace .preview .\1*/


/* Custom footer */
.ftr-li-flex{display:flex;align-items: center;}
.ftr-ss-flex{
	width:100%;
}
.ftr-contact{background: var(--clr_main1);}
	#ftr-contact, #ftr-contact ul{
		list-style-type:none;
		padding:0;margin:0;
		color:var(--clr_accent2);
	}
		#ftr-contact > li{
			padding-top:var(--pad-vert-val);

		}
		#ftr-contact  > li:last-child{
			padding-bottom:var(--pad-vert-val);
		}
		#ftr-contact  img{
			display:block;
			width:25px;
			padding:0;
			margin:0 30px 0;
		}
		#ftr-contact a{
			color:var(--clr_accent2);
			text-decoration:none;
		}#ftr-contact  a:hover{text-decoration:underline;}
	
#ftr-nav{
	color:grey;
	position:relative;
}
		#ftr-nav ul{
			width:100%;
			margin:0;padding:0;
			text-align:right;
			list-style-type:none;
			padding:var(--pad-vert-val) var(--pad-hor-val);
		}
		#ftr-nav a{
			color:grey;
			text-decoration:none;
		}
		#ftr-nav a:hover{
			text-decoration:underline;
		}


@media screen and (max-width: 576px){
	#ftr-nav{
		position:relative;
		background-color:var(--clr_accent1);
		color:var(--clr_accent1);
		padding-top:25px;
	}
		#ftr-nav a{
			color:var(--clr_main1);
		}

	#ftr-nav:before{	
			content: '';
			position: absolute;
			display: block;
			top:0;left:0;
			height:50px;
			width:100%;
			background:var(--clr_main1);
			-webkit-clip-path: polygon(100% 0, 100% 100%, 0 100%);
			clip-path: polygon(100% 0%, 0% 100%, 0 0%);
		}
	
}


@media screen and (min-width: 576px){
	.ftr-ss-flex{display:flex;max-width:1000px; margin:0 auto;}
		/*.ftr-ss-flex > div{overflow:hidden;} /* prevent block elements from having child margins push */


	.ss-f-1b-100px-1-o1{flex:0 0 calc(50% - 100px);
		/*width:calc(50%-100px);*/	}
	.ss-f-1b-100px-1-o2{flex:0 0 100px;}
	.ss-f-1b-100px-1-o3{flex:1;	width:50%;}

		.ftr-doubletriangle{position:relative;}
		.ftr-doubletriangle:before {
			content: '';
			position: absolute;
			display: block;
			left: 0px;
			height: 100%;
			width:100%;
			background:var(--clr_accent1);
			-webkit-clip-path: polygon(100% 100%, 0% 100%, 0 0%);
			clip-path: polygon(100% 100%, 0% 100%, 0 0%);
		}
		.ftr-doubletriangle:after {
			content: '';
			position: absolute;
			display: block;
			left: 0px;
			height: 100%;
			width:100%;
			-webkit-clip-path: polygon(100% 0, 0% 100%, 0 0%);
			clip-path: polygon(100% 0, 0% 100%, 0 0%);
			background:var(--clr_main1);
		}
		
	.ss-f-1b-100px-1-o3{
		flex:1;
		width:50%;
	}
	
	
	#ftr-nav ul{position:absolute;bottom:0;	}
	.ftr-contact{position:relative;}
		.ftr-contact::before{
			content: "";
			position: absolute;
			/* fill vertically */
			top: 0;	bottom: 0;right:0;
			width: 100vw;
			z-index:-100;
			background: var(--clr_main1);
		}		
}





/* Triangle small screen */
.mc-navType_101 #smallHeader-headerIcon{
	position:relative;
	background-color:var(--clr_accent2);
	margin-bottom:15px;
}
	.mc-navType_101 #smallHeader-headerIcon::after {
		content: '';
		position: absolute;
		display: block;
		top: 100%;
		left: 0;
		width: 100%;
		height: 30px;
		background: var(--clr_accent2);
		-webkit-clip-path: polygon(100% 0, 100% 100%, 0 100%);
		clip-path: polygon(0% 0%, 100% 0%, 0% 100%);
	}

	/*NAV colouring */
	.mc-navType_100 #menu-itemswrapper li:hover,
	.mc-navType_100 #nav-search button:hover,
	.mc-navType_100 .cart:hover,.mc-navType_100 .cart:focus,
	.mc-navType_100 #nav-toggle-lbl:hover, .mc-navType_100 #nav-toggle-lbl:hover{
		background-color:var(--clr_accent2);
	}
	
@media screen and (min-width : 550px){
	.mc-navType_101.mc-navbar_wrapper{
		background: var(--clr_main1);
		background:linear-gradient(90deg, var(--clr_accent2) 0 50%, var(--clr_main1) 50% 100%);
	
	}

	.mc-navType_101 nav{
		background-color:var(--clr_main1);
	}	
		#nav-search > div{border-color:var(--clr_accent2);}
		.mc-navType_101 #menu-itemswrapper a, .mc-navType_101 nav .cart, .mc-navType_101 #nav-search button::after{color:var(--clr_accent2);}
		.mc-navType_101 nav .cart path{stroke:var(--clr_accent2);fill:var(--clr_accent2);}
		.mc-navType_101 #nav-search input,.mc-navType_101 #nav-search input::placeholder{color:var(--clr_accent2);}
		.mc-navType_100 #menu-itemswrapper a:hover, .mc-navType_100 nav .cart:hover,#nav-search button:hover::after{color:black;}
		.mc-navType_100 #nav-search button:hover{background-color:var(--clr_accent2);}
		.mc-navType_100 nav .cart:hover path{stroke:black;fill:black;}


	/* -- TRIANGLE -- */
	.mc-navType_101 .mc-navbar_cntr{gap:30px} /* For triangle */
	.mc-navType_101 #smallHeader-headerIcon{margin-bottom:0px;}

	.mc-navType_101 #smallHeader-headerIcon::after{
			/* Added to this header icon, due to overflow: hidden limitations on the nav */
			left:auto;width:auto;margin-bottom:0px;
			
			content: '';
			position: absolute;
			display: block;
			top: 0;
			right:-31px; /* Equal to gap +1px */
			height: 100%;
			aspect-ratio: 0.47;
			background: var(--clr_main1);
			-webkit-clip-path: polygon(100% 0, 100% 100%, 0 100%);
			clip-path: polygon(0% 0%, 100% 0%, 100% 100%);
		}

		.mc-navType_110 nav .cart,.mc-navType_110 #menu-itemswrapper a{color:var(--clr_accent2);}
		.mc-navType_100 nav .cart path {
			stroke: var(--clr_accent2);
			fill: var(--clr_accent2);
		}
}

/*
Widgets
========
*/
	
	/*
	Cookie consent
	========
	*/
	.w-cc-toggle_off{
		color:var(--clr_accent1);
	}
	.w-cc-line .w-cc-btn_enable:checked  ~ .w-cc-toggle_background{background-color:var(--clr_accent1);}

	/*
	LargeHeader
	========
	*/
	.w_lh_wrap{
		background:linear-gradient(90deg, var(--clr_accent2) 0 50%, var(--clr_main1) 50% 100%);
	}
		.w_lh_imgbox{
			background-color:var(--clr_accent2);
			position:relative;
		}
			.w_lh_imgbox::after{
				left: 0;right:0;
				width: 100%;
				margin-bottom: 0px;
				content: '';
				position: absolute;
				display: block;
				top:auto;
				bottom:-19px;
				height: 20px;;
				aspect-ratio: 0.47;
				background: var(--clr_accent2);
				-webkit-clip-path: polygon(0% 0, 100% 0%, 0 100%);
				clip-path: polygon(0% 0, 100% 0%, 0 100%);
			}
				
		.w_lh_textbox{
			background-color:var(--clr_main1);
			color:white;
			padding:30px 10px;
		}
		#w_lh_quick-search input,#w_lh_quick-search button{
			border-bottom-color: var(--clr_main1);
		}
		#w_lh_quick-search input:focus + button{background-color:var(--clr_main1);color:var(--clr_accent2)}

	/*
	searchBox
	========
	*/
	.w_sb_form--simple input{
		border-top-right-radius:0;
		border-bottom-right-radius:0;
		padding: 5px 10px;
	}
	.w_sb_form--simple button{
		border-top-left-radius:0;
		border-bottom-left-radius:0;
	}

	@media (min-width: 550px) {
		.w_lh_imgbox{padding:40px 30%;}

		.w_lh_imgbox::after{
			left: auto;
			width: auto;
			bottom:auto;
			margin-bottom: 0px;
			content: '';
			position: absolute;
			display: block;
			top: 0;
			right:-1px;
			height: 100%;
			aspect-ratio: 0.47;
			background: var(--clr_main1);
			-webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%);
			clip-path: polygon(0% 0%, 100% 0%, 100% 100%);
		}
	}

	@media (min-width: 750px) {
		.w_lh_imgbox{padding:40px 25%;}
	}

	/*
	Categories-list
	========
	*/

	.w-clst-wrap li a:hover{
		background-color:var(--clr_main1);
		color:var(--clr_accent2);
	}
	/*
	Productslist
	========
	*/
	.w-plst-ge_second h2{
		font-size:1.2em;
	}
		.w-plst-ge_second a{

		}
	.w-plst-ge_data{
		font-size:0.9em;
		font-style:italic;		
	}
	.w-plst-content{
		font-size:0.9em;
	}
	.w-plst-content-price{
		font-size:1.4em;
	}

	.w_plst_pagi{border-color:var(--clr_main1);}	
	.w_plst_pagi_pages a{color:var(--clr_main1);}
	.w_plst_pagi_limit a, .w_plst_pagi_sort a{color:var(--clr_main1);}
	.w_plst_pagi a:hover,.w_plst_pagi_current{background-color:var(--clr_accent2);color:var(--clr_main1) !important;}


	/*
	Productslist & Prouct
	========
	*/

	@media screen and (min-width : 750px){
		.w-plst-ge_data,.w-p-ge_data{background-color:var(--clr_accent2);}
	}

	/*
	Shopping cart
	========
	*/
	.w-sc-btn_back a{
		background-color: var(--clr_main1);;
		color: var(--clr_accent2);
	}
		.w-sc-btn_back a:hover{
			background-color: var(--clr_accent1);;
		}

	.w-sc-product, .w-sc-product img, .w-sc-product_price{
		border-color:var(--clr_main1);
	}
		.w-sc-product-title{
			color: var(--clr_accent1);
		}
		.w-sc-product-remove{
			background-color: var(--clr_main1);
			color: var(--clr_accent2);
		}
			.w-sc-product-remove:hover{
				background-color: var(--clr_accent1);
			}
		.w-sc-product-price{
			color:var(--clr_main1);
		}
	.w-sc-tocheckout{background-color: var(--clr_main1);}
		.w-sc-tocheckout h1, .w-sc-tocheckout p{color:var(--clr_accent2);}
		.w-sc-tocheckout-text{border-color:var(--clr_accent2);}
		.w-sc-tocheckout-price{}
		.w-sc-tocheckout-btn{
			background-color: var(--clr_accent1);
			color: var(--clr_accent2);
		}
		.w-sc-tocheckout-btn:hover{color:var(--clr_main1); background-color:var(--clr_accent2);}		
			.w-sc-tocheckout-btn:hover .w-sc-tocheckout-btninfo{
				background-color:var(--clr_accent2);
			}
			.w-sc-tocheckout-btninfo:after {
				border-left-color:var(--clr_accent2);
			}


	.w-sc_order-wrap  input:focus{border-color:var(--clr_accent1);}