/*
	Theme Name: ShadoTheme
	Theme URI: shado3225@gmail.com
	Description: Shadipity WordPress Theme
	Version: 1.5
	Author: Custom built theme based on HTML5 Blank WordPress Theme from Todd Motto (@toddmotto)
	Author URI: www.assemble.co.za
	Tags: Blank, HTML5, CSS3
	License: MIT
	License URI: http://opensource.org/licenses/mit-license.php
*/

/* hide this when not in use */
.store-notice{background-color: #C42528; color: #FFF; padding: 20px; text-align: center; display:none ! important;}

/*------------------------------------*\
    MAIN
\*------------------------------------*/

*, *:after, *:before{-moz-box-sizing:border-box; box-sizing:border-box; -webkit-font-smoothing:antialiased; font-smoothing:antialiased; text-rendering:optimizeLegibility;}
html{font-size:100%;}
body{font:400 16px/24px 'Open Sans', sans-serif; color:#333333; margin: 0;}

/* clear */
.clear:before, .clear:after{content:' '; display:table;}
.clear:after{clear:both;}

img{max-width:100%; vertical-align:bottom;}

a{color:#333333; text-decoration:none; cursor:pointer;}
a:hover, a:focus, a:active{color:#333333; outline:0; text-decoration:none; color:inherit; 
-webkit-transition:all 0.5s ease-in-out; 
	-moz-transition:all 0.5s ease-in-out; 
		-o-transition:all 0.5s ease-in-out; 
			transition:all 0.5s ease-in-out;}
input:focus, select:focus, textarea:focus, button{outline:none;}

ul, ol{list-style: none; margin: 0; padding: 0;}

p:last-child{margin: 0;}

iframe{width: 100%;}

/*------------------------------------*\
    TYPOGRAPHY
\*------------------------------------*/
h1, h2, h3, h4, h5, h6{font-family: 'Ubuntu', sans-serif; width:100%; display:inline-block; margin:0 0 20px;}
h1{font-size:38px; line-height:44px;}
h2{font-size:34px; line-height:40px;}
h3{font-size:30px; line-height:36px;}
h4{font-size:24px; line-height:30px;}
h5{font-size:20px; line-height:26px;}
h6{font-size:18px; line-height:24px;}

.subtitle{font-family: 'Ubuntu', sans-serif; width:100%; display:inline-block; margin:0; font-size:24px; line-height:32px; color:#8FC74B;}


/*------------------------------------*\
    COLOUR PALETTE
\*------------------------------------*/

.blueTX{color:#2C3987;}
.indigoTX{color:#12A9C4;}
.greenTX{color:#8FC74B;}
.mangoTX{color:#FEC02D;}
.crimsonTX{color:#C42528;}
.salmonTX{color:#F03C4B;}
.purpleTX{color:#992578;}
.grayTX{color:#595A5C;}
.whiteTX{color:#FFFFFF;}
.charcoalTX{color:#333333;}
.blackTX{color:#0A0A0A;}

.blueBG{background-color:#2C3987;}
.indigoBG{background-color:#12A9C4;}
.greenBG{background-color:#8FC74B;}
.mangoBG{background-color:#FEC02D;}
.crimsonBG{background-color:#C42528;}
.salmonBG{background-color:#F03C4B;}
.purpleBG{background-color:#992578;}
.grayBG{background-color:#595A5C;}
.whiteBG{background-color:#FFFFFF;}
.charcoalBG{background-color:#333333;}
.blackBG{background-color:#0A0A0A;}

.color-1{background-color: #2C3987;}
.color-2{background-color: #F03C4B;}
.color-3{background-color: #12A9C4;}
.color-4{background-color: #FEC02D;}
.color-5{background-color: #C42528;}
.color-6{background-color: #992578;}
.color-7{background-color:#8FC74B;}


/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/

/* wrapper */
.wrapper{width:100%; position:relative; overflow: hidden;}

main{width:100%; margin:0 auto; position:relative; display:inline-block;}

section{width:100%; display:inline-block; margin:0 auto; padding:80px 0; vertical-align: top;}
section.startPad{padding-top:0;}
section.endPad{padding-bottom:0;}
section.noPad{padding:0;}
section.halfPad{padding:45px 0;}

article{width:100%; max-width:1408px; margin:0 auto; padding: 0 20px; position:relative;}
article.wide{max-width:96%; padding: 0;}

footer{width:100%; display:inline-block; vertical-align:top; margin:0 auto;}

/*------------------------------------*\
    THEME SECTIONS
\*------------------------------------*/

.shado-x{width:20%;}
.shado-1{width:8.33%;}
.shado-2{width:16.66%;}
.shado-3{width:25%;}
.shado-4{width:33.33%;}
.shado-5{width:41.66%;}
.shado-6{width:50%;}
.shado-7{width:58.33%;}
.shado-8{width:66.66%;}
.shado-9{width:75%;}
.shado-10{width:83.33%;}
.shado-11{width:91.66%;}
.shado-12{width:100%;}
[class*="shado-"]{display:inline-block; float:left; vertical-align:top;}

.centerAlign{text-align:center;}
.leftAlign{text-align:left;}
.rightAlign{text-align:right}
.leftPad{padding-left:20px;}
.rightPad{padding-right:20px}
.sidePad{padding:0 20px;}
.topPad{padding-top:40px;}
.bottomPad{padding-bottom:40px}
.halfPad{padding:40px 0;}
.topMarg{margin-top:20px;}
.bottomMarg{margin-bottom:20px;}
.sideBorder{border-left: 5px solid #FFFFFF; border-right: 5px solid #FFFFFF;}
.textShado{text-shadow:1px 1px 1px #0A0A0A;}
.opacityBox{background-color:rgba( 10, 10, 10, 0.8 );}
.anchor{display:block; padding-top:80px; margin-top:-80px; height:0; text-indent:-9999px;}

.hentry ul{margin:20px 0;}
.hentry ul li{width: 100%; line-height:24px; display: inline-block; margin:5px 0;}
.hentry ul li:before{content:'\2713'; display: inline-block; background-color:#8FC74B; color:#FFFFFF; text-align:center; border-radius:50%; width:24px; height:24px; margin-right:5px;}
.woocommerce ul#shipping_method li:before, .woocommerce-checkout #payment ul.payment_methods li:before{content:''; display: none !important; }

/*------------------------------------*\
    CONTENT STYLING
\*------------------------------------*/

/* header */
.headBar{width:100%; display:inline-block; margin:0 auto; position:fixed; top:0; left:0; z-index:8000; font-size: 0;}
.headBar{background-color:#FFFFFF;
-webkit-transition:all 1s ease-in-out;
	-moz-transition:all 1s ease-in-out;
		-o-transition:all 1s ease-in-out;
			transition:all 1s ease-in-out;}
.headBar.sticky{padding-top: 0;
-webkit-box-shadow:1px 1px 2px rgba( 10, 10, 10, 0.25 );
	-moz-box-shadow:1px 1px 2px rgba( 10, 10, 10, 0.25 );
		-o-transition:1px 1px 2px rgba( 10, 10, 10, 0.25 );
			box-shadow:1px 1px 2px rgba( 10, 10, 10, 0.25 );}
.headBar .menuBar{padding: 0 20px;}
.headBar .infoBar{padding: 0 20px;
-webkit-transition:all 1s ease-in-out;
	-moz-transition:all 1s ease-in-out;
		-o-transition:all 1s ease-in-out;
			transition:all 1s ease-in-out;}
.headBar.sticky .infoBar{display:none;}

.infoBar .shopping-cart-wrapper{width:100%; display:inline-block; font-size: 14px; color:#FFFFFF; text-align: right; padding: 5px 0; text-shadow:1px 1px 1px #0A0A0A;}
.infoBar .shopping-cart-wrapper a{color:#FFFFFF;}
.infoBar .shopping-cart-wrapper a i{padding-right:5px;}
.infoBar .shopping-cart-wrapper a:hover{}

.logoBox{padding-right: 0;}		
.logoBox a{display: block; padding-top: 10px; padding-bottom: 10px;}
.logoBox a img{width: 150px; height: auto;}

/* banner */
#banner{background-color:#FFFFFF; margin:0 auto; position:relative;}
.headBox{width:100%; height:65vh; display:inline-block; margin:0 auto; padding:0; position:relative; background-color:#FFFFFF; background-position:center; background-repeat:no-repeat; overflow:hidden; display:inline-block; vertical-align:bottom;
-webkit-background-size:cover; 
	-moz-background-size:cover; 
		-o-background-size:cover; 
			background-size:cover;}
.headBox img{width:auto; height:100vh;}
.headBox:before{background-color:rgba( 0, 0, 0, 0.3 ); position:absolute; content:" "; top:0; left:0; width:100%; height:100%; display:block; z-index:999; z-index: 0; 
-webkit-transition:all 0.5s ease-in-out; 
	-moz-transition:all 0.5s ease-in-out; 
		-o-transition:all 0.5s ease-in-out; 
			transition:all 0.5s ease-in-out;}

.animated-title{color: #FFFFFF; font-family: 'Ubuntu', sans-serif; width: 350px; height: 90vmin; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%);}
.animated-title > div{height: 50%; overflow: hidden; position: absolute; width: 100%;}
.animated-title > div div{padding: 20px 0; position: absolute;}
.animated-title > div div span{color: #FFFFFF; font-size: 50px; line-height: 60px; text-align: center; display: block; text-shadow:1px 1px 1px #0A0A0A;}
.animated-title > div.text-top{border-bottom: 5px solid #8FC74B; top: 0;}
.animated-title > div.text-top div{width: 100%; animation: showTopText 1s; animation-delay: 0.5s; animation-fill-mode: forwards; bottom: 0; transform: translate(0, 100%);}
.animated-title > div.text-bottom{bottom: 0;}
.animated-title > div.text-bottom div{width: 100%; color: #FFFFFF; font-size: 50px; line-height: 60px; text-align: center; text-shadow:1px 1px 1px #0A0A0A; animation: showBottomText 0.5s; animation-delay: 1.75s; animation-fill-mode: forwards; top: 0; transform: translate(0, -100%);}
@keyframes showTopText{
	0%{
		transform: translate3d(0, 100%, 0);
	}
	40%, 60%{
		transform: translate3d(0, 50%, 0);
	}
	100%{
		transform: translate3d(0, 0, 0);
	}
}
@keyframes showBottomText{
	0%{
		transform: translate3d(0, -100%, 0);
	}
	100%{
		transform: translate3d(0, 0, 0);
	}
}

.overlayBG{width:100%; display:inline-block; margin:0 auto; padding:0; position:relative;}
.overlayBG img{width:100%; margin:0 auto; padding:0;}
.overlayBox{width:100%; height:auto; background: transparent url("img/overlay.png") no-repeat scroll bottom left / 100% auto; position: absolute; bottom: 0; left: 0; display:inline-block;}

.subheadBox{width:100%; display:inline-block; margin:0 auto; padding:30px 0; position:relative; background-color:#2C3987; overflow:hidden; display:inline-block; vertical-align:bottom;}
.subhead-title{width: 100%; overflow: hidden;}
.subhead-title span{width: 100%; height: 100%; font-family: 'Ubuntu', sans-serif; color: #FFFFFF; font-size: 40px; line-height: 52px; text-align: center; display: block; text-shadow:1px 1px 1px #0A0A0A;}

/* home page build */

.titleBox{margin-bottom:20px; padding-bottom:20px;}
.titleBox h2, .titleBox h3{position:relative; padding-bottom: 20px; text-shadow:1px 1px 1px #0A0A0A;}
.titleBox h2:after, .titleBox h3:after{content: ""; display: inline-block; width:100%; max-width:350px; height:2px; background-color:#8FC74B; position: absolute; left: 50%; bottom: 0; 
-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);}
.titleBox p{text-shadow:1px 1px 1px #0A0A0A;}
.titleBox .blueLine:after{background-color:#2C3987;}
.titleBox .indigoLine:after{background-color:#12A9C4;}
.titleBox .mangoLine:after{background-color:#FEC02D;}
.titleBox .crimsonLine:after{background-color:#C42528;}
.titleBox .salmonLine:after{background-color:#F03C4B;}
.titleBox .purpleLine:after{background-color:#992578;}
.titleBox .grayLine:after{background-color:#595A5C;}
.titleBox .whiteLine:after{background-color:#FFFFFF;}
.titleBox .charcoalLine:after{background-color:#333333;}
.titleBox .blackLine:after{background-color:#0A0A0A;}

.catBox{}
.catBox .woocommerce{width: 100%; display: inline-block;}
.catBox ul{margin: 0 !important;}
.card{position: relative; height:250px; cursor: pointer;
-webkit-perspective: 150rem;
	-moz-perspective: 150rem;
		perspective: 150rem;}
.cardBox{position: absolute; top: 0; left: 0; width: 100%; height:250px; padding: 20px; overflow: hidden;
-webkit-transition: all 0.8s ease; 
transition: all 0.8s ease;
-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
-webkit-box-shadow: 0 1.5rem 4rem rgba(0, 0, 0, 0.15);
	box-shadow: 0 1.5rem 4rem rgba(0, 0, 0, 0.15);}
.cardBox h4{color: #FFFFFF; text-align: center; text-shadow:1px 1px 1px #0A0A0A; margin:0; position: relative; top: 50%; transform: translateY(-50%);}
.card:nth-of-type(1) .cardFront{background-color:#12A9C4;}
.card:nth-of-type(2) .cardFront{background-color:#FEC02D;}
.card:nth-of-type(3) .cardFront{background-color:#C42528;}
.card:nth-of-type(4) .cardFront{background-color:#992578;}
.cardFront .h4{color:#FFFFFF; font-size:24px !important; line-height:30px; font-weight:bold; text-align: center;}
.card:hover .cardFront{
-webkit-transform: rotateY(-180deg);
	transform: rotateY(-180deg);}
.cardBack{background-color:#FFFFFF; background-position:center; background-repeat:no-repeat; overflow:hidden;
-webkit-background-size:auto 100%; 
	-moz-background-size:auto 100%; 
		-o-background-size:auto 100%; 
			background-size:auto 100%;
-webkit-transform: rotateY(180deg);
	transform: rotateY(180deg);}
.card:hover .cardBack{
-webkit-transform: rotateY(0);
	transform: rotateY(0);}
.cardTXT{color: #FFFFFF; font-size:24px; line-height: 28px; text-align: center; text-shadow:1px 1px 1px #0A0A0A; position: absolute; bottom: 0%; left: 50%; width: 90%; text-align: center;
-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);}
.card__price-box{text-align: center; color: #fff; margin-bottom: 8rem;}
.card__price-only{font-size: 1.4rem; text-transform: uppercase;}
.card__price-value{font-size: 6rem; font-weight: 100;}

.prodBox{padding-top:40px;}
.prodBox .woocommerce{width: 100%; display: inline-block;}
.prodBox ul{margin: 0 !important; text-align: center;}
.prodBox ul li{position:relative; margin: 1% !important; float: none !important; display: inline-block;}
.prodBox ul li a.woocommerce-LoopProduct-link{display:block; text-align: center;}
.prodBox ul li a.woocommerce-LoopProduct-link h5{margin-bottom:0;}
.prodBox ul li a.ajax_add_to_cart{}
.prodBox ul li a.ajax_add_to_cart{width:60%; background-color:#2C3987; color:#FFFFFF; border:1px solid #2C3987; padding:10px 15px; text-transform:uppercase; position:absolute; top:13.5vh; left:50%; text-align:center; font-size:12px; line-height: 16px; border-radius:0; letter-spacing:1px; opacity:0;
-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
-webkit-transition: opacity 1.5s 0s ease-in-out;
	-moz-transition: opacity 1.5s 0s ease-in-out;
		-o-transition: opacity 1.5s 0s ease-in-out;
			transition: opacity 1.5s 0s ease-in-out;}
.prodBox ul li a.added_to_cart{width:60%; background-color:#992578; color:#FFFFFF; border:1px solid #992578; padding:10px 15px; text-transform:uppercase; position:absolute; top:19.5vh; left:50%; text-align:center; font-size:12px; line-height: 16px; font-weight: 700; border-radius:0; letter-spacing:1px; opacity:0;
-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
-webkit-transition: opacity 1.5s 0s ease-in-out;
	-moz-transition: opacity 1.5s 0s ease-in-out;
		-o-transition: opacity 1.5s 0s ease-in-out;
			transition: opacity 1.5s 0s ease-in-out;}
.prodBox ul li:hover a.ajax_add_to_cart, .prodBox ul li:hover a.added_to_cart{opacity:1; color:#FFFFFF;}
.prodBox ul li a.ajax_add_to_cart:hover, .prodBox ul li a.added_to_cart:hover{color:#FFFFFF; background-color:#8FC74B; border:1px solid #8FC74B;}

/*.tagBox{position:relative;}
.tagBox .tagboxlet{width:100%; font-size: 14px; background-color:#8FC74B; color:#FFFFFF; padding:0 10px; text-align: center; font-weight: bold; text-shadow:1px 1px 1px #0A0A0A; cursor: pointer; position: relative; display: inline-block; line-height: 42px; border: none;
-webkit-transition:all 0.5s ease-in-out;
	-moz-transition:all 0.5s ease-in-out;
		-o-transition:all 0.5s ease-in-out;
			transition:all 0.5s ease-in-out;}
.tagboxlet:hover{color: #FFFFFF;
-webkit-box-shadow:1px 1px 2px rgba( 10, 10, 10, 0.25 );
	-moz-box-shadow:1px 1px 2px rgba( 10, 10, 10, 0.25 );
		-o-transition:1px 1px 2px rgba( 10, 10, 10, 0.25 );
			box-shadow:1px 1px 2px rgba( 10, 10, 10, 0.25 );}
.tagboxlet:before, .tagboxlet:after{content:''; position:absolute; top:0; right:0; height:2px; width:0; background: #2C3987; transition:400ms ease all;}
.tagboxlet:after{right:inherit; top:inherit; left:0; bottom:0;}
.tagboxlet:hover:before, .tagboxlet:hover:after{width:100%;
-webkit-transition:all 0.5s ease-in-out;
	-moz-transition:all 0.5s ease-in-out;
		-o-transition:all 0.5s ease-in-out;
			transition:all 0.5s ease-in-out;}
.tagBox .tagboxlet.labelBox{font-size: 14px; font-weight: 700; color:#FFFFFF; padding:10px 20px;}*/

.testimonialBox{color:#FFFFFF; width:100%; background-position:center; background-repeat:no-repeat; background-attachment:fixed; background-color:rgba( 0, 0, 0, 0.3 ); display:inline-block; 
-webkit-background-size:cover; 
	-moz-background-size:cover; 
		-o-background-size:cover; 
			background-size:cover;
-webkit-transition:background-image 1s ease-in-out;
	-moz-transition:background-image 1s ease-in-out;
		-o-transition:background-image 1s ease-in-out;
			transition:background-image 1s ease-in-out}
#testBox{overflow:hidden;}
#testBox .owl-item{padding:20px;}
.testimonialBoxlet{width: 100%; display: inline-block; vertical-align: top; padding:20px; text-align: center; position: relative; background-color:#FFFFFF; color:#0A0A0A;}
.testimonialBoxlet i{color:#12A9C4; margin-bottom: 20px; font-size: 30px;}
.testimonialBoxlet p{}

/* About */
.aboutBox{position: relative;}
.aboutBox .aboutImg{width: 80%; max-width: 350px; display: inline-block; border-radius: 50%; padding: 10px; border-top: 5px solid #8FC74B; border-bottom: 5px solid #8FC74B; border-left:5px solid #FFFFFF; border-right:5px solid #FFFFFF;}
.aboutBox .aboutImg img{border-radius: 50%; border: 10px solid #8FC74B;}
.aboutBox p:first-of-type{font-size:18px; line-height:26px;}
.aboutBox ul{margin:20px 0;}
.aboutBox ul li{width: 100%; line-height:24px; display: inline-block; margin:5px 0;}
.aboutBox ul li:before{content:'\2713'; display: inline-block; background-color:#8FC74B; color:#FFFFFF; text-align:center; border-radius:50%; width:24px; height:24px; margin-right:5px;}
.aboutBox strong{font-size:18px; line-height:24px; text-transform: capitalize; font-weight: normal;}

.teaseBox{color:#FFFFFF; width:100%; display:inline-block;}
.teaseBox h2{text-shadow:1px 1px 1px #0A0A0A;}
.teaseBox p{font-size: 20px; line-height: 28px; text-shadow:1px 1px 1px #0A0A0A;}

.aboutBoxlet{border-left:5px solid #FFFFFF; border-right:5px solid #FFFFFF; text-align:center;}
.aboutBoxlet .aboutletImg{width: 80%; max-width: 350px; display: inline-block; border-radius: 50%; padding: 10px; border: 5px solid #FEC02D; position: relative; margin:0 10% 20px; border-left:5px solid #FFFFFF; border-right:5px solid #FFFFFF;}
.aboutBoxlet .aboutletImg img{border-radius: 50%; border: 10px solid #FEC02D;}
.aboutBoxlet:first-child .aboutletImg{border-top: 5px solid #12A9C4; border-bottom: 5px solid #12A9C4; border-left:5px solid #FFFFFF; border-right:5px solid #FFFFFF;}
.aboutBoxlet:first-child .aboutletImg img{border-color: #12A9C4;}
.aboutBoxlet:last-child .aboutletImg{border-top: 5px solid #C42528; border-bottom: 5px solid #C42528; border-left:5px solid #FFFFFF; border-right:5px solid #FFFFFF;}
.aboutBoxlet:last-child .aboutletImg img{border-color: #C42528;}
.aboutBoxlet p{text-align: justify; padding-left:10px; padding-right:10px;}

/* Super Food */
.superBoxlet{border-left:5px solid #FFFFFF; border-right:5px solid #FFFFFF; margin:10px 0; float:none; width: 32%;}
.superBoxlet .superletImg{width: 80%; max-width: 350px; display: inline-block; border-radius: 50%; padding: 10px; position: relative; margin:0 10% 20px;}
.superBoxlet .superletImg img{border-radius: 50%;}
.superBoxlet h5{background-color:#FFFFFF; position: absolute; left: 50%; top: 45%; transform: translate(-50%,-50%); margin:0; padding-bottom: 5px;}
.superBoxlet p{font-size: 14px; line-height: 20px; text-align: center; padding-left:10px; padding-right:10px;}
.superBoxlet:nth-child(7n + 1) .superletImg{border-top: 5px solid #2C3987; border-bottom: 5px solid #2C3987; border-left:5px solid #FFFFFF; border-right:5px solid #FFFFFF;}
.superBoxlet:nth-child(7n + 1) .superletImg img{border: 10px solid #2C3987;}
.superBoxlet:nth-child(7n + 2) .superletImg{border-top: 5px solid #F03C4B; border-bottom: 5px solid #F03C4B; border-left:5px solid #FFFFFF; border-right:5px solid #FFFFFF;}
.superBoxlet:nth-child(7n + 2) .superletImg img{border: 10px solid #F03C4B;}
.superBoxlet:nth-child(7n + 3) .superletImg{border-top: 5px solid #12A9C4; border-bottom: 5px solid #12A9C4; border-left:5px solid #FFFFFF; border-right:5px solid #FFFFFF;}
.superBoxlet:nth-child(7n + 3) .superletImg img{border: 10px solid #12A9C4;}
.superBoxlet:nth-child(7n + 4) .superletImg{border-top: 5px solid #8FC74B; border-bottom: 5px solid #8FC74B; border-left:5px solid #FFFFFF; border-right:5px solid #FFFFFF;}
.superBoxlet:nth-child(7n + 4) .superletImg img{border: 10px solid #8FC74B;}
.superBoxlet:nth-child(7n + 5) .superletImg{border-top: 5px solid #FEC02D; border-bottom: 5px solid #FEC02D; border-left:5px solid #FFFFFF; border-right:5px solid #FFFFFF;}
.superBoxlet:nth-child(7n + 5) .superletImg img{border: 10px solid #FEC02D;}
.superBoxlet:nth-child(7n + 6) .superletImg{border-top: 5px solid #C42528; border-bottom: 5px solid #C42528; border-left:5px solid #FFFFFF; border-right:5px solid #FFFFFF;}
.superBoxlet:nth-child(7n + 6) .superletImg img{border: 10px solid #C42528;}
.superBoxlet:nth-child(7n + 7) .superletImg{border-top: 5px solid #992578; border-bottom: 5px solid #992578; border-left:5px solid #FFFFFF; border-right:5px solid #FFFFFF;}
.superBoxlet:nth-child(7n + 7) .superletImg img{border: 10px solid #992578;}

/* meta box */
.metaBox{margin-top:20px;}
.product_meta{width:100%; display:inline-block; padding:20px; border-top: 1px solid #EDEDED; border-left: 1px solid #EDEDED;
-webkit-box-shadow: 1px 1px 2px rgba( 0, 0, 0, 0.25 );
	-moz-box-shadow: 1px 1px 2px rgba( 0, 0, 0, 0.25 );
		-o-transition: 1px 1px 2px rgba( 0, 0, 0, 0.25 );
			box-shadow: 1px 1px 2px rgba( 0, 0, 0, 0.25 );}
.product_meta strong{font-family: 'Ubuntu', sans-serif; width:115px; display:inline-block; font-size:14px; font-weight:600; margin:2px 2px 2px 0; padding: 2px 0; line-height: 22px;}	
a.product-tag-badge{width:auto; display:inline-block; font-size:14px; line-height: 22px; padding: 2px 10px; margin:2px; color:#FFFFFF; border-top: 1px solid #EDEDED; border-left: 1px solid #EDEDED; text-shadow:1px 1px 1px #0A0A0A;
-webkit-box-shadow: 1px 1px 2px rgba( 0, 0, 0, 0.25 );
	-moz-box-shadow: 1px 1px 2px rgba( 0, 0, 0, 0.25 );
		-o-transition: 1px 1px 2px rgba( 0, 0, 0, 0.25 );
			box-shadow: 1px 1px 2px rgba( 0, 0, 0, 0.25 );}			
a.product-tag-badge:nth-child(7n + 1){background-color: #2C3987;}
a.product-tag-badge:nth-child(7n + 2){background-color: #F03C4B;}
a.product-tag-badge:nth-child(7n + 3){background-color: #12A9C4;}
a.product-tag-badge:nth-child(7n + 4){background-color: #8FC74B;}
a.product-tag-badge:nth-child(7n + 5){background-color: #FEC02D;}
a.product-tag-badge:nth-child(7n + 6){background-color: #C42528;}
a.product-tag-badge:nth-child(7n + 7){background-color: #992578;}

/* blog */
ul#blog-filter{display: inline-block; font-size:0; margin:0 0 20px; text-align:center;}
ul#blog-filter li{width:auto; display:inline-block; position:relative; margin: 0 !important;}
ul#blog-filter li span{display:block; float:left; color: #333333; font-size: 14px; padding: 5px 10px 5px 0;}
ul#blog-filter li a{display:block; float:left; color: #FFFFFF; font-size: 14px; cursor:pointer; padding: 5px 10px; text-shadow: 1px 1px 1px #0A0A0A; border-top: 1px solid #EDEDED; border-left: 1px solid #EDEDED;
-webkit-box-shadow: 1px 1px 2px rgba( 0, 0, 0, 0.25 );
	-moz-box-shadow: 1px 1px 2px rgba( 0, 0, 0, 0.25 );
		-o-transition: 1px 1px 2px rgba( 0, 0, 0, 0.25 );
			box-shadow: 1px 1px 2px rgba( 0, 0, 0, 0.25 );
-webkit-transition:all 0.5s ease-in-out;
	-moz-transition:all 0.5s ease-in-out;
		-o-transition:all 0.5s ease-in-out;
			transition:all 0.5s ease-in-out;}
ul#blog-filter li:hover{color: #FFFFFF;
-webkit-box-shadow:1px 1px 2px rgba( 255, 255, 255, 0.25 );
	-moz-box-shadow:1px 1px 2px rgba( 255, 255, 255, 0.25 );
		-o-transition:1px 1px 2px rgba( 255, 255, 255, 0.25 );
			box-shadow:1px 1px 2px rgba( 255, 255, 255, 0.25 );}
ul#blog-filter li:before, ul#blog-filter li:after{content:''; position:absolute; top:0; right:0; height:2px; width:0; background: #FFFFFF; transition:400ms ease all;}
ul#blog-filter li:after{right:inherit; top:inherit; left:0; bottom:0;}
ul#blog-filter li:hover:before, ul#blog-filter li:hover:after{width:100%;
-webkit-transition:all 0.5s ease-in-out;
	-moz-transition:all 0.5s ease-in-out;
		-o-transition:all 0.5s ease-in-out;
			transition:all 0.5s ease-in-out;}
			
.blog-list ul{display: grid; grid-template-columns: repeat(4, 1fr); grid-template-rows: repeat(50%, 50%); gap: 16px 16px;}
.blog-list ul li{width: 100% !important; padding: 10px; margin: unset; border-top: 1px solid #EDEDED; border-left: 1px solid #EDEDED; position: relative;
-webkit-box-shadow: 1px 1px 2px rgba( 0, 0, 0, 0.25 );
	-moz-box-shadow: 1px 1px 2px rgba( 0, 0, 0, 0.25 );
		-o-transition: 1px 1px 2px rgba( 0, 0, 0, 0.25 );
			box-shadow: 1px 1px 2px rgba( 0, 0, 0, 0.25 );
-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
			transition: all 0.5s ease-in-out;}
.blog-list ul li .imageBox{overflow:hidden; position: relative; z-index: 1;}
.blog-list ul li .imageBox img{transform: scale(1); width: 100%;
-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
			transition: all 0.5s ease-in-out;}
.blog-list ul li .imageBox span{width:100%; font-size:14px; line-height:22px; position: absolute; bottom: 20px; left: 0; background-color: #8FC74B; color: #FFFFFF; padding: 5px 10px; z-index: 2; text-shadow: 1px 1px 1px #0A0A0A;
-webkit-box-shadow: 1px 1px 2px rgba( 0, 0, 0, 0.25 );
	-moz-box-shadow: 1px 1px 2px rgba( 0, 0, 0, 0.25 );
		-o-transition: 1px 1px 2px rgba( 0, 0, 0, 0.25 );
			box-shadow: 1px 1px 2px rgba( 0, 0, 0, 0.25 );}			
.blog-list ul li:hover .imageBox img{transform: scale(1.1);}
.blog-list ul li h6{font-size:16px; line-height:24px; margin:10px 0;}
.blog-list ul li p{font-size:14px; line-height:22px;}

.singleLeft{}
.singleRight{}

.singleLeft img{margin-bottom:20px;}
.postList ul{border-top: 1px solid #EDEDED; margin: 0 !important;}
.postList ul li{width:100%; display:inline-block; border-bottom: 1px solid #EDEDED; padding: 5px 0;}
.postList ul li a{font-size:14px; line-height:22px;}
.postList ul li:hover a{color:#000000;}

.postList.repeat{display:none;}
.singleRight ul{margin:20px 0;}
.singleRight ul li{width: 100%; line-height:24px; display: inline-block; margin:5px 0; padding-left: 35px;
  position: relative;}
.singleRight ul li:before{content:'\2713'; display: inline-block; background-color:#8FC74B; color:#FFFFFF; text-align:center; border-radius:50%; width:24px; height:24px; margin-right:5px; position: absolute;
  top: 0;
  left: 0;}
.singleRight p a{color:#000000; border-bottom:1px solid #8FC74B;}
.singleRight p a:hover{color:#8FC74B; border-bottom:1px solid #000000;}
.singleRight p a:focus, .singleLeft p a:active{font-style:italic;}


/* recipes */
.recipeBox{margin-top: 20px;}
.recipeBox ul{display: grid; grid-template-columns: repeat(4, 1fr); grid-template-rows: repeat(50%, 50%); gap: 16px 16px;}
.recipeBox ul li{width: 100% !important; padding: 10px; margin: unset; border-top: 1px solid #EDEDED; border-left: 1px solid #EDEDED; position: relative; cursor: pointer; text-align: center;
-webkit-box-shadow: 1px 1px 2px rgba( 0, 0, 0, 0.25 );
	-moz-box-shadow: 1px 1px 2px rgba( 0, 0, 0, 0.25 );
		-o-transition: 1px 1px 2px rgba( 0, 0, 0, 0.25 );
			box-shadow: 1px 1px 2px rgba( 0, 0, 0, 0.25 );
-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
			transition: all 0.5s ease-in-out;}
.recipeBox ul li .imageBox{overflow:hidden;}
.recipeBox ul li .imageBox img{transform: scale(1);
-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
			transition: all 0.5s ease-in-out;}
.recipeBox ul li:hover .imageBox img{transform: scale(1.1);}
.recipeBox ul li h6{margin:10px 0 0;}

/* contact */
.contactBox{position: relative;}
.contactBox .aboutImg{width: 80%; max-width: 350px; display: inline-block; border-radius: 50%; padding: 10px; border-top: 5px solid #8FC74B; border-bottom: 5px solid #8FC74B; border-left:5px solid #FFFFFF; border-right:5px solid #FFFFFF; }
.contactBoxlet{text-align:center; padding-bottom:20px;}
.contactBoxlet + .contactBoxlet{text-align:left;}
.contactBoxlet p a{border-bottom:1px solid #2C3987;}
.contactBoxlet p a:hover{border-bottom:1px solid #C42528;}
.contactBoxlet .aboutImg img{border-radius: 50%; border: 10px solid #8FC74B;}
.contactBoxlet ul{margin:20px 0;}
.contactBoxlet ul li{width: 100%; line-height:24px; display: inline-block; margin:5px 0;}
.contactBoxlet ul li:before{content:'\2713'; display: inline-block; background-color:#8FC74B; color:#FFFFFF; text-align:center; border-radius:50%; width:24px; height:24px; margin-right:5px;}
.contactBoxlet strong{font-size:18px; line-height:24px; text-transform: capitalize; font-weight: normal;}
.legalTXT p{font-size:14px !important; line-height:20px !important;}
.legalTXT p a{border-bottom:1px solid #2C3987;}
.legalTXT p a:hover{border-bottom:1px solid #C42528;}
			
.wpcd_dropdown_categories select{background-color:#FEC02D; color:#FFFFFF; border:1px solid #FEC02D; padding:10px 15px; text-transform:uppercase; letter-spacing:1px; width:200px; display:inline-block; cursor:pointer; font-size:14px; line-height:18px; vertical-align: top; font-weight:bold; margin: 0 0 10px; cursor: pointer; outline: none;
-webkit-transition:all 0.5s ease-in-out;
	-moz-transition:all 0.5s ease-in-out;
		-o-transition:all 0.5s ease-in-out;
			transition:all 0.5s ease-in-out;}
#wpcd_child{margin: 10px 0 0;}
.wpcd_dropdown_categories select:hover{background: #FFFFFF; color: #FEC02D;
-webkit-box-shadow:1px 1px 2px rgba( 10, 10, 10, 0.25 );
	-moz-box-shadow:1px 1px 2px rgba( 10, 10, 10, 0.25 );
		-o-transition:1px 1px 2px rgba( 10, 10, 10, 0.25 );
			box-shadow:1px 1px 2px rgba( 10, 10, 10, 0.25 );}
.wpcd_dropdown_categories select:before, .wpcd_dropdown_categories select:after{content:''; position:absolute; top:0; right:0; height:2px; width:0; background: #FEC02D; transition:400ms ease all;}
.wpcd_dropdown_categories select:after{right:inherit; top:inherit; left:0; bottom:0;}
.wpcd_dropdown_categories select:hover:before, .wpcd_dropdown_categories select:hover:after{width:100%;
-webkit-transition:all 0.5s ease-in-out;
	-moz-transition:all 0.5s ease-in-out;
		-o-transition:all 0.5s ease-in-out;
			transition:all 0.5s ease-in-out;}			
#wpcd_child_cat_loader{color:#FFFFFF; margin-top:10px;}
.wpcd_dropdown_categories select option{color: #333333; letter-spacing: 0; cursor: pointer; font-size: 14px; line-height: 18px; font-weight: normal; text-shadow: 0 0 0 #000; border:1px solid #FEC02D; border-radius:none;}

.stockBox{
display: grid;
grid-template-columns: repeat(5, 1fr);
grid-template-rows: repeat(5, 1fr);
grid-column-gap: 10px;
grid-row-gap: 10px;
}
.stockBoxlet{padding:20px;
-webkit-box-shadow: 1px 1px 2px rgba( 0, 0, 0, 0.25 );
	-moz-box-shadow: 1px 1px 2px rgba( 0, 0, 0, 0.25 );
		-o-transition: 1px 1px 2px rgba( 0, 0, 0, 0.25 );
			box-shadow: 1px 1px 2px rgba( 0, 0, 0, 0.25 );}

/* footer */
#sb_instagram {}
#sb_instagram a{border-radius: 0 !important; font-size: 16px !important; line-height: 28px !important;}
.footer h4, .footer h5{color:#FFFFFF; text-transform: capitalize;}
.footBoxlet{position: relative; padding:40px 20px; text-shadow: 1px 1px 1px #0A0A0A;}
.footBoxlet:first-of-type{padding:0 20px 40px;}
#text-2:after{content: ""; display: inline-block; height:2px; background-color:#8FC74B; position: absolute; left: 50%; bottom: 0; 
    width: -webkit-calc(100% - 40px);   width: -moz-calc(100% - 40px);   width: calc(100% - 40px);
-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);}
.widget_text{color:#FFFFFF;}
.widget_text a, .widget_nav_menu a{color:#FFFFFF;}
.widget_text a:hover, .widget_text a:focus{color:#FFFFFF; text-decoration:underline;}
.widget_nav_menu a:hover, .widget_nav_menu a:focus{color:#FFFFFF; text-decoration:underline;}
.copyright{color:#FFFFFF; padding:20px 0; font-size:12px; line-height:16px; text-align:center;}
.copyright a{color:#FFFFFF; font-size:12px; line-height:16px;}
.copyright a:hover, .copyright a:focus{color:#333333;}
.copyright2{color:#333333; font-size:12px; text-align:center;}
.copyright2 a{color:#333333; font-size:12px; line-height:16px;}
.copyright2 a:hover, .copyright2 a:focus{color:#333333;}

.grecaptcha-badge{display:none;}

/*------------------------------------*\
    MENUS & BUTTONS
\*------------------------------------*/

ul#menu-navbar{display: inline-block; font-size:0; margin:0; text-align:right; float: right;}
ul#menu-navbar li{width:auto; display:inline-block; position:relative; float: left;}
ul#menu-navbar li a{display:block; float:left; color: #333333; font-size: 18px; line-height: 80px; letter-spacing: 1px; cursor:pointer; padding: 0 10px;
-webkit-transition:all 0.5s ease-in-out;
	-moz-transition:all 0.5s ease-in-out;
		-o-transition:all 0.5s ease-in-out;
			transition:all 0.5s ease-in-out;}
ul#menu-navbar li:hover a{color: #FFFFFF;}
ul#menu-navbar li a:after{content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; transform: scaleY(0); transform-origin: bottom center; background-color: #8FC74B; z-index: -1;
-webkit-transition:all 0.5s ease-in-out;
	-moz-transition:all 0.5s ease-in-out;
		-o-transition:all 0.5s ease-in-out;
			transition:all 0.5s ease-in-out;}
ul#menu-navbar li:hover a:after{transform: scaleY(1);}
ul#menu-navbar li.current_page_item a:after{content: ""; position: absolute; bottom: 0; left: 0; border-bottom:3px solid #8FC74B; width: 100%; height: 3px; transform: scaleY(1);}
ul#menu-navbar li.current_page_item:hover a:after{height: 100%;}
ul#menu-navbar li#menu-item-21 a:after{background-color:#2C3987;}
ul#menu-navbar li#menu-item-44 a:after{background-color:#12A9C4;}
ul#menu-navbar li#menu-item-22 a:after{background-color:#FEC02D;}
ul#menu-navbar li#menu-item-24 a:after{background-color:#C42528;}
ul#menu-navbar li#menu-item-715 a:after{background-color:#992578;}
ul#menu-navbar li#menu-item-23 a:after{background-color:#F03C4B;}

ul#menu-socbar{display: inline-block; width: 100%; font-size:0; margin:0; text-align:left; float: left;}
ul#menu-socbar li{width:auto; display:inline-block; position:relative; float: left;}
ul#menu-socbar li a{display:block; float:left; width: 34px; height: 34px; font-size: 16px; line-height: 24px; color: #FFFFFF; cursor:pointer; padding: 5px; text-align:center;
-webkit-transition:all 0.5s ease-in-out;
	-moz-transition:all 0.5s ease-in-out;
		-o-transition:all 0.5s ease-in-out;
			transition:all 0.5s ease-in-out;}
ul#menu-socbar li#menu-item-25 a{background-color: #4267B2;}
ul#menu-socbar li#menu-item-64 a{background-color: #833AB4;}
ul#menu-socbar li#menu-item-26 a{background-color: #FF0000;}
ul#menu-socbar li#menu-item-27 a{background-color: #FEC02D;}
ul#menu-socbar li#menu-item-25:hover a{background-color: transparent; color: #4267B2;}
ul#menu-socbar li#menu-item-64:hover a{background-color: transparent; color: #833AB4;}
ul#menu-socbar li#menu-item-26:hover a{background-color: transparent; color: #FF0000;}
ul#menu-socbar li#menu-item-27:hover a{background-color: transparent; color: #FEC02D;}

ul#menu-socbar-1{display: inline-block; width: 100%; font-size:0; margin:20px 0 0; text-align:center;}
ul#menu-socbar-1 li{width:auto; display:inline-block; position:relative;}
ul#menu-socbar-1 li a{display:block; width: 34px; height: 34px; font-size: 16px; line-height: 24px; color: #FFFFFF; cursor:pointer; padding: 5px; text-align:center;
-webkit-transition:all 0.5s ease-in-out;
	-moz-transition:all 0.5s ease-in-out;
		-o-transition:all 0.5s ease-in-out;
			transition:all 0.5s ease-in-out;}
ul#menu-socbar-1 li.menu-item-25 a{background-color: #4267B2;}
ul#menu-socbar-1 li.menu-item-64 a{background-color: #833AB4;}
ul#menu-socbar-1 li.menu-item-26 a{background-color: #FF0000;}
ul#menu-socbar-1 li.menu-item-27 a{background-color: #FEC02D;}
ul#menu-socbar-1 li.menu-item-25:hover a{background-color: transparent; color: #4267B2;}
ul#menu-socbar-1 li.menu-item-64:hover a{background-color: transparent; color: #833AB4;}
ul#menu-socbar-1 li.menu-item-26:hover a{background-color: transparent; color: #FF0000;}
ul#menu-socbar-1 li.menu-item-27:hover a{background-color: transparent; color: #FEC02D;}

ul.legalBar{font-size:0; line-height:0; text-align:center; margin:0; display:inline-block;}
ul.legalBar li{width:auto; display:inline-block; text-align:center; position:relative;}
ul.legalBar li a{color:#FFFFFF; cursor:pointer; font-size:12px; line-height:20px; letter-spacing:0.5px; display:block;
-webkit-transition:all 0.5s ease-in-out;
	-moz-transition:all 0.5s ease-in-out;
		-o-transition:all 0.5s ease-in-out;
			transition:all 0.5s ease-in-out;}
ul.legalBar li a:after{color:#FFFFFF; content:"|"; padding:0 5px;}
ul.legalBar li:last-child a:after{content:"";}
ul.legalBar li:hover a, ul.legalBar li:focus a{color:#333333;}

.blueButton{margin-top: 20px; outline: none; width: auto; background: transparent; cursor: pointer; position: relative; display: inline-block; background: #2C3987; color: #FFFFFF; line-height: 42px; padding: 0 20px; border: none;
-webkit-transition:all 0.5s ease-in-out;
	-moz-transition:all 0.5s ease-in-out;
		-o-transition:all 0.5s ease-in-out;
			transition:all 0.5s ease-in-out;}
.blueButton:hover, .woocommerce div.product form.cart .button:hover{background: #FFFFFF; color: #2C3987;
-webkit-box-shadow:1px 1px 2px rgba( 10, 10, 10, 0.25 );
	-moz-box-shadow:1px 1px 2px rgba( 10, 10, 10, 0.25 );
		-o-transition:1px 1px 2px rgba( 10, 10, 10, 0.25 );
			box-shadow:1px 1px 2px rgba( 10, 10, 10, 0.25 );}
.blueButton:active, .woocommerce div.product form.cart .button:active{background: #FFFFFF; color: #2C3987;
-webkit-box-shadow:1px 1px 2px rgba( 10, 10, 10, 0.25 );
	-moz-box-shadow:1px 1px 2px rgba( 10, 10, 10, 0.25 );
		-o-transition:1px 1px 2px rgba( 10, 10, 10, 0.25 );
			box-shadow:1px 1px 2px rgba( 10, 10, 10, 0.25 );}
.blueButton:before, .blueButton:after{content:''; position:absolute; top:0; right:0; height:2px; width:0; background: #2C3987; transition:400ms ease all;}
.blueButton:after{right:inherit; top:inherit; left:0; bottom:0;}
.blueButton:hover:before, .blueButton:hover:after{width:100%;
-webkit-transition:all 0.5s ease-in-out;
	-moz-transition:all 0.5s ease-in-out;
		-o-transition:all 0.5s ease-in-out;
			transition:all 0.5s ease-in-out;}

/* accordion */	
.accordion-box{margin-top:20px;}		
#infoBox{width: 100%; display: inline-block; margin:0; font-size:14px; line-height:22px; color:#353535; text-align:left; border-left:1px solid #E0E2E5; -webkit-box-shadow:1px 1px 2px rgba( 10, 10, 10, 0.25 ); 
	-moz-box-shadow:1px 1px 2px rgba( 10, 10, 10, 0.25 ); 
		-o-transition:1px 1px 2px rgba( 10, 10, 10, 0.25 ); 
			box-shadow:1px 1px 2px rgba( 10, 10, 10, 0.25 );
-webkit-transition:all 0.5s ease-in-out; 
	-moz-transition:all 0.5s ease-in-out; 
		-o-transition:all 0.5s ease-in-out; 
			transition:all 0.5s ease-in-out;}
#infoBox dt{cursor:pointer; display:block; padding:20px; border-top:1px solid #E0E2E5; width:100%;}
#infoBox dt a{font-weight:normal;}
#infoBox dt a:before{content:"\2192"; width:35px; display:inline-block;}
#infoBox dt:hover a:before, #infoBox dt:active a:before{padding-left:5px;}
#infoBox dt.act{border-bottom:1px solid #E0E2E5;}
#infoBox dt.act a:before{content:"\2193"; padding-left:0;}
#infoBox dd{display:none; padding:20px; margin:0; overflow:hidden; width:100%;}
#infoBox dd p:last-child{margin-bottom:0;}

/*------------------------------------*\
    SCRIPTS
\*------------------------------------*/

.print-page{text-align:right; margin-bottom:20px;}
.print-page a{background-color: #8FC74B; border:1px solid #8FC74B; color:#FFFFFF; padding: 5px 10px; font-size: 14px;
-webkit-box-shadow:1px 1px 2px rgba( 10, 10, 10, 0.25 );
	-moz-box-shadow:1px 1px 2px rgba( 10, 10, 10, 0.25 );
		-o-transition:1px 1px 2px rgba( 10, 10, 10, 0.25 );
			box-shadow:1px 1px 2px rgba( 10, 10, 10, 0.25 );
-webkit-transition:all 0.5s ease-in-out;
	-moz-transition:all 0.5s ease-in-out;
		-o-transition:all 0.5s ease-in-out;
			transition:all 0.5s ease-in-out;}
.print-page a:hover{background-color: #FFFFFF; color:#8FC74B;}

/* back-to-top */
.cd-top{width:40px; height:40px; border: 1px solid #8FC74B; outline:0; background:#8FC74B url("img/cd-top-arrow.svg") no-repeat scroll center 50%; display:inline-block; opacity:0; overflow:hidden; position:fixed; bottom:100px; right:20px; text-indent:100%; visibility:hidden; white-space:nowrap; z-index:100001;
-webkit-box-shadow:1px 1px 2px rgba( 10, 10, 10, 0.25 );
	-moz-box-shadow:1px 1px 2px rgba( 10, 10, 10, 0.25 );
		-o-transition:1px 1px 2px rgba( 10, 10, 10, 0.25 );
			box-shadow:1px 1px 2px rgba( 10, 10, 10, 0.25 );
-webkit-transition:all 0.5s ease-in-out;
	-moz-transition:all 0.5s ease-in-out;
		-o-transition:all 0.5s ease-in-out;
			transition:all 0.5s ease-in-out;}
.cd-top.cd-is-visible{opacity:1; visibility:visible; margin-top:10px; 
-webkit-transition:all 0.5s ease-in-out;
	-moz-transition:all 0.5s ease-in-out;
		-o-transition:all 0.5s ease-in-out;
			transition:all 0.5s ease-in-out;}
.cd-top.cd-fade-out{opacity:0.88;}
.no-touch .cd-top:hover{background-color:#992578; border: 1px solid #992578; opacity:1;}

/* panel */
.panel{background-color:#0A0A0A; z-index:7000; margin-bottom:0; border-radius:0; border-left:1px solid #2B2E34;
-webkit-transition:all 0.5s ease-in-out; 
	-moz-transition:all 0.5s ease-in-out; 
		-o-transition:all 0.5s ease-in-out; 
			transition:all 0.5s ease-in-out;}
.panel.sticker{top:0;}
.admin-bar .panel{top:110px;}
.admin-bar .panel.sticker{top:46px;}
.push{position:relative;}
.menu-link{width: 40px; z-index:9999; display:none; background-color:#333333; border-radius:0; padding:10px; float:right; font-size:20px; margin:6px 0; position:fixed; top:12px; right:20px; text-align: center; 
-webkit-box-shadow:1px 1px 2px rgba( 10, 10, 10, 0.25 ); 
	-moz-box-shadow:1px 1px 2px rgba( 10, 10, 10, 0.25 ); 
		-o-transition:1px 1px 2px rgba( 10, 10, 10, 0.25 ); 
			box-shadow:1px 1px 2px rgba( 10, 10, 10, 0.25 ); 
-webkit-transition:all 0.5s ease-in-out; 
	-moz-transition:all 0.5s ease-in-out; 
		-o-transition:all 0.5s ease-in-out; 
			transition:all 0.5s ease-in-out;}
.menu-link i{color:#FFFFFF; display: block;}
.menu-link:hover{background-color:#2B2E34;}
.panel ul{margin:0; padding:120px 20px 20px;}
.panel ul li{width:100%; display:inline-block; border-top:1px solid #2B2E34;}
.panel ul li a{display:block; color:#FFFFFF; padding:10px 15px; 
-webkit-transition:all 0.5s ease-in-out; 
	-moz-transition:all 0.5s ease-in-out; 
		-o-transition:all 0.5s ease-in-out; 
			transition:all 0.5s ease-in-out;}
.panel ul li a:hover{color:#8FC74B;}
.panel ul li:last-child a{border-bottom:1px solid #2B2E34;}

/* owl carousel overide base style */
.owl-stage{display:-webkit-box; display:-moz-box; display:-ms-box; display:box;}
.owl-carousel .owl-item img{height: auto;}
.owl-nav{margin-top: 20px; text-align: center;}
.owl-nav .owl-prev, .owl-nav .owl-next{position: relative; left: 0; margin:0 10px; background: transparent; border: none;}
.owl-nav .owl-prev i, .owl-nav .owl-next i{font-size: 26px;}
.owl-nav .owl-prev:hover i, .owl-nav .owl-next:hover i{color:#333333;}
.owl-nav [class*='owl-']:focus{outline:0}
.owl-nav.disabled{display: none;}

/* modal */
.modal{z-index:9999 !important;}
.modal-dialog{padding-top:7vh; max-width: 768px;}
.modal-dialog .modal-content{border-radius:0;}
.modal-dialog .modal-title{color:#1C1C1C; text-align:center;}
.modal-dialog .modal-body{width: 100%; color:#1C1C1C; display:inline-block; text-align:left;}
.modal-dialog .modal-body h5{color: #8FC74B;}
.modal-dialog .modal-body ul{margin-bottom:20px; padding-left:20px;}
.modal-dialog .modal-body ul li{list-style: outside disc;}
.modal-dialog .modal-footer{padding:15px; border-top:1px solid #E5E5E5;}
.modal-header .close{font-size:24px; margin-top:0; position: absolute; top: 10px; right: 10px;}

.printable .modal-header{width: 100%; height: 30vh; display: inline-block; margin: 0 auto; padding: 0; position: relative; background-color: #FFFFFF; background-position: center; background-repeat: no-repeat; overflow: hidden; display: inline-block; vertical-align: bottom;
-webkit-background-size: cover;
	-moz-background-size: cover;
		-o-background-size: cover;
			background-size: cover;}
.printable .modal-header .close{width: 40px; line-height: 20px; position:absolute; top:0; right:0; padding:10px;}
.printable .modal-header .modal-title{width: 100%; height: 30vh; position: absolute; top: 0; left: 0;}
.printable .modal-header:before{background-color: rgba( 0, 0, 0, 0.3 ); position: absolute; content: " "; top: 0; left: 0; width: 100%; height: 100%; display: block; z-index: 999; z-index: 0;
-webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;}
.printable .modal-header h4{color: #FFFFFF; font-size: 28px; line-height: 32px; text-align: center; text-shadow: 1px 1px 1px #0A0A0A; margin: 0; position: relative; top: 50%; transform: translateY(-50%);}

/*------------------------------------*\
    FORM
\*------------------------------------*/
.wpcf7-form-control-wrap{display:block; padding:5px 0;}
.wpcf7-form input[type="email"], .wpcf7-form input[type="text"], .wpcf7-form input[type="number"], .wpcf7-form textarea, .wpcf7-form select, .wpcf7-form input[type="submit"]{width:100%; padding:10px; background-color:transparent; border:1px solid #E6E6E6; font-size:14px; line-height:20px;}
.wpcf7-form .wpcf7-list-item{margin:0 20px 0 0 !important;}
.wpcf7-form textarea{height:150px;}
.wpcf7-form input[type="email"]:focus, .wpcf7-form input[type="text"]:focus, .wpcf7-form input[type="number"]:focus, .wpcf7-form select:focus, .wpcf7-form textarea:focus{border-bottom:1px solid #333333;}
.wpcf7-form input[type="submit"]{width:100%; color:#FFFFFF; border:1px solid #333333; padding:10px 15px; text-transform:uppercase; background-color:#333333; letter-spacing:1px; display:inline-block; cursor:pointer; font-size:14px; line-height:18px; 
-webkit-box-shadow:1px 1px 2px rgba( 0, 0, 0, 0.25 ); 
	-moz-box-shadow:1px 1px 2px rgba( 0, 0, 0, 0.25 ); 
		-o-transition:1px 1px 2px rgba( 0, 0, 0, 0.25 ); 
			box-shadow:1px 1px 2px rgba( 0, 0, 0, 0.25 ); 
-webkit-transition:all 0.5s ease-in-out; 
	-moz-transition:all 0.5s ease-in-out; 
		-o-transition:all 0.5s ease-in-out; 
			transition:all 0.5s ease-in-out;}
.wpcf7-form input[type="submit"]:hover{color:#333333; text-shadow:none; background-color:#FFFFFF;}
.ajax-loader{float:right;}

.wpcf7-not-valid{border-bottom:1px solid #CC0001 !important;}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.sent .wpcf7-response-output{border:none !important; font-size:12px; line-height:16px; margin:10px 0 !important; padding:0 !important; text-align:center; width:100%; display:inline-block !important;}
.wpcf7-not-valid-tip{display:none !important;}

#mc4wp_form_widget-2{padding: 40px 0;}
#mc4wp_form_widget-2 input[type="email"], #mc4wp_form_widget-2 input[type="text"], #mc4wp_form_widget-2 input[type="submit"]{width:17%; padding:10px; background-color:#FFFFFF; border:2px solid #FFFFFF; font-size:14px; line-height:18px;}
#mc4wp_form_widget-2 input[type="email"]:focus, #mc4wp_form_widget-2 input[type="text"]:focus{border-bottom:2px solid #8FC74B;}
#mc4wp_form_widget-2 input[type="submit"]{width:17%; color:#FFFFFF; border:2px solid #8FC74B; padding:10px 15px; text-transform:uppercase; background-color:#8FC74B; letter-spacing:1px; display:inline-block; cursor:pointer; font-size:14px; line-height:19px; 
-webkit-box-shadow:1px 1px 2px rgba( 0, 0, 0, 0.25 ); 
	-moz-box-shadow:1px 1px 2px rgba( 0, 0, 0, 0.25 ); 
		-o-transition:1px 1px 2px rgba( 0, 0, 0, 0.25 ); 
			box-shadow:1px 1px 2px rgba( 0, 0, 0, 0.25 ); 
-webkit-transition:all 0.5s ease-in-out; 
	-moz-transition:all 0.5s ease-in-out; 
		-o-transition:all 0.5s ease-in-out; 
			transition:all 0.5s ease-in-out;}
#mc4wp_form_widget-2 input[type="submit"]:hover{color:#8FC74B; text-shadow:none; background-color:#FFFFFF;}

/*------------------------------------*\
    WOOCOMMERCE
\*------------------------------------*/

.woocommerce ul.products li.product .onsale{background-color:#C42528; border-radius: 0; margin: 0;}
.woocommerce ul.products li.product .onsale:hover{background-color: #C42528;}
.woocommerce ul.products li.product .price{font-size: 20px; color: #8FC74B;}
.woocommerce ul.products li.product .price del bdi{font-size: 16px; color: #C42528;}
.woocommerce ul.products li.product .price ins bdi{font-size: 20px; color: #8FC74B;}
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product p.price, .woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product span.price{font-size: 20px; color: #8FC74B;}

#shop .woocommerce-products-header__title{text-align:center;}
#shop .page-description{text-align:center; margin-bottom:20px;}

.return-to-shop{text-align:center;}
.return-to-shop a.button{float:none !important; margin-top: 20px;}

.woocommerce-info{border-top-color: #2C3987;}
.woocommerce-info:before{color: #2C3987;}
.woocommerce-message{border-top-color: #8FC74B;}
.woocommerce-message:before{color: #8FC74B;}
.woocommerce-error{border-top-color: #C42528;}
.woocommerce-error:before{color: #C42528;}

/* product block */
.woocommerce .products ul li.product a.woocommerce-LoopProduct-link, .woocommerce ul.products li.product a.woocommerce-LoopProduct-link{width: 100%; display: inline-block;}
.woocommerce .products ul, .woocommerce ul.products{display: grid; grid-template-columns: repeat(4, 1fr); grid-template-rows: repeat(50%, 50%); gap: 16px 16px;}
.woocommerce .products ul:after, .woocommerce .products ul:before, .woocommerce ul.products:after, .woocommerce ul.products:before{content: unset; display: unset;}
.woocommerce .products ul li.product, .woocommerce ul.products li.product{width: 100% !important; padding: 10px; margin: unset; border-top: 1px solid #EDEDED; border-left: 1px solid #EDEDED; position: relative; cursor: pointer; text-align: center;
-webkit-box-shadow: 1px 1px 2px rgba( 0, 0, 0, 0.25 );
	-moz-box-shadow: 1px 1px 2px rgba( 0, 0, 0, 0.25 );
		-o-transition: 1px 1px 2px rgba( 0, 0, 0, 0.25 );
			box-shadow: 1px 1px 2px rgba( 0, 0, 0, 0.25 );
-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
			transition: all 0.5s ease-in-out;}
.woocommerce ul.products li.product a.button, .woocommerce-page ul.products li.product a.button{width:60%; background-color:#2C3987; color:#FFFFFF; border:1px solid #2C3987; padding:10px 15px; text-transform:uppercase; position:absolute; top:13.5vh; left:50%; text-align:center; font-size:12px; line-height: 16px; border-radius:0; letter-spacing:1px; opacity:0;
-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
-webkit-transition: opacity 1.5s 0s ease-in-out;
	-moz-transition: opacity 1.5s 0s ease-in-out;
		-o-transition: opacity 1.5s 0s ease-in-out;
			transition: opacity 1.5s 0s ease-in-out;}
.woocommerce ul.products li.product:hover a.button, .woocommerce-page ul.products li.product:hover a.button{opacity:1; color:#FFFFFF;}
.woocommerce ul.products li.product:hover a.button:hover, .woocommerce-page ul.products li.product:hover a.button:hover{color:#FFFFFF; background-color:#8FC74B; border:1px solid #8FC74B;}
.woocommerce ul.products li.product a.added_to_cart, .woocommerce-page ul.products li.product a.added_to_cart{width:60%; background-color:#992578; color:#FFFFFF; border:1px solid #992578; padding:10px 15px; text-transform:uppercase; position:absolute; top:21.5vh; left:50%; text-align:center; font-size:12px; line-height: 16px; border-radius:0; letter-spacing:1px; opacity:0;
-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
-webkit-transition: opacity 1.5s 0s ease-in-out;
	-moz-transition: opacity 1.5s 0s ease-in-out;
		-o-transition: opacity 1.5s 0s ease-in-out;
			transition: opacity 1.5s 0s ease-in-out;}
.woocommerce ul.products li.product:hover a.added_to_cart, .woocommerce-page ul.products li.product:hover a.added_to_cart{opacity:1; color:#FFFFFF;}
.woocommerce ul.products li.product:hover a.added_to_cart:hover, .woocommerce-page ul.products li.product:hover a.added_to_cart:hover{color:#FFFFFF; background-color:#8FC74B; border:1px solid #8FC74B;}

/* single product */
.plusBox{float: left; margin-right:20px;}
.woocommerce div.product form.cart .button{background-color:#2C3987; color:#FFFFFF; border:1px solid #2C3987; padding:10px 15px; text-transform:uppercase; text-align:center; font-size:12px; line-height: 18px; border-radius:0; letter-spacing:1px;
-webkit-transition: opacity 1.5s 0s ease-in-out;
	-moz-transition: opacity 1.5s 0s ease-in-out;
		-o-transition: opacity 1.5s 0s ease-in-out;
			transition: opacity 1.5s 0s ease-in-out;}
.woocommerce div.product form.cart .button:hover{background-color:#FFFFFF; color:#2C3987; border:1px solid #2C3987;}

/* ajax quanity control */
.woocommerce div.product form.cart{margin:20px 0 0;}
.woocommerce div.product form.cart div.quantity{margin:0;}
.woocommerce-cart .woocommerce .quantity .qty{border-left:1px solid #353535; border-right:1px solid #353535;}
.woocommerce .quantity .qty{width:50px; height:40px; border-top:1px solid #353535; border-bottom:1px solid #353535; border-left:none; border-right:0; padding:5px;}
.woocommerce .quantity input[type=number]::-webkit-inner-spin-button, .woocommerce .quantity input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none; margin:0; color:#353535; padding-top:10px;}
.woocommerce .quantity input[type=number]{-moz-appearance:textfield; color:#353535; margin:0;}
button.minus, button.plus{width:40px; height:40px; color:#353535; background-color:#FFFFFF; border:1px solid #353535; padding:5px; float:left;
-webkit-transition:all 0.5s ease-in-out;
	-moz-transition:all 0.5s ease-in-out;
		-o-transition:all 0.5s ease-in-out;
			transition:all 0.5s ease-in-out;}
button.minus i, button.plus i{font-size:14px;}
button.minus:hover, button.plus:hover, button.minus:focus, button.plus:focus{color:#FFFFFF; background-color:#992578;}

/* cart */
.woocommerce table.shop_table{border-radius: 0;}

.woocommerce #content table.cart td.actions .input-text, .woocommerce table.cart td.actions .input-text, .woocommerce-page #content table.cart td.actions .input-text, .woocommerce-page table.cart td.actions .input-text{width:130px; padding:8px 15px !important;}

.woocommerce .cart .button, .woocommerce .cart input.button{width:auto; background-color:#2C3987; color:#FFFFFF !important; border:1px solid #2C3987; padding:10px 15px !important; text-transform:uppercase; text-align:center; font-size:12px; line-height: 18px; border-radius:0; letter-spacing:1px; margin-top:0;
-webkit-transition: opacity 1.5s 0s ease-in-out;
	-moz-transition: opacity 1.5s 0s ease-in-out;
		-o-transition: opacity 1.5s 0s ease-in-out;
			transition: opacity 1.5s 0s ease-in-out;}
.woocommerce .cart .button:hover, .woocommerce .cart input.button:hover{background-color:#FFFFFF; color:#2C3987 !important; border:1px solid #2C3987;}

#add_payment_method .wc-proceed-to-checkout a.checkout-button, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button, .woocommerce-checkout .wc-proceed-to-checkout a.checkout-button{width:auto; background-color:#2C3987; color:#FFFFFF !important; border:1px solid #2C3987; padding:10px 15px !important; text-transform:uppercase; text-align:center; font-size:12px; line-height: 18px; border-radius:0; letter-spacing:1px; margin-top:0;
-webkit-transition: opacity 1.5s 0s ease-in-out;
	-moz-transition: opacity 1.5s 0s ease-in-out;
		-o-transition: opacity 1.5s 0s ease-in-out;
			transition: opacity 1.5s 0s ease-in-out;}
#add_payment_method .wc-proceed-to-checkout a.checkout-button:hover, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover, .woocommerce-checkout .wc-proceed-to-checkout a.checkout-button:hover{background-color:#FFFFFF; color:#2C3987 !important; border:1px solid #2C3987;}

/* checkout */
.woocommerce .col2-set, .woocommerce-page .col2-set{margin-bottom:20px;}
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea{font-size:14px; line-height: 20px; border:1px solid #353535; border-radius: 0; padding: 5px;}
.woocommerce form .form-row textarea{height: 150px;}
.select2-container--default .select2-selection--single{font-size:14px; line-height: 20px; border:1px solid #353535; border-radius: 0; height:31px;}
.select2-container--open .select2-dropdown--below{border-color: #353535;}

#add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment{border-radius: 0; padding: 5px;}

.woocommerce #payment #place_order, .woocommerce-page #payment #place_order{width:auto; background-color:#2C3987; color:#FFFFFF !important; border:1px solid #2C3987; padding:10px 15px !important; text-transform:uppercase; text-align:center; font-size:12px; line-height: 18px; border-radius:0; letter-spacing:1px; margin-top:0;
-webkit-transition: opacity 1.5s 0s ease-in-out;
	-moz-transition: opacity 1.5s 0s ease-in-out;
		-o-transition: opacity 1.5s 0s ease-in-out;
			transition: opacity 1.5s 0s ease-in-out;}
.woocommerce #payment #place_order:hover, .woocommerce-page #payment #place_order:hover{background-color:#FFFFFF; color:#2C3987 !important; border:1px solid #2C3987;}

/* my account */
.woocommerce-form-login{margin: 2em auto !important;}
.woocommerce-form-login__rememberme{margin: 4px 0;}
.lost_password a{border-bottom:1px solid #FFFFFF;}
.lost_password a:hover{border-bottom:1px solid #2C3987;}

.woocommerce-account .woocommerce-MyAccount-navigation{}
.woocommerce-MyAccount-navigation-link:hover{color:#2C3987;margin-left:1rem;}
.woocommerce-account .woocommerce-MyAccount-navigation ul{margin:0; font-size:14px; line-height:22px; color:#353535; text-align:left; padding-left:0; border-left:1px solid #E6E6E6;
-webkit-box-shadow:1px 1px 2px rgba( 10, 10, 10, 0.25 ); 
	-moz-box-shadow:1px 1px 2px rgba( 10, 10, 10, 0.25 ); 
		-o-transition:1px 1px 2px rgba( 10, 10, 10, 0.25 ); 
			box-shadow:1px 1px 2px rgba( 10, 10, 10, 0.25 );
-webkit-transition: opacity 1.5s 0s ease-in-out;
	-moz-transition: opacity 1.5s 0s ease-in-out;
		-o-transition: opacity 1.5s 0s ease-in-out;
			transition: opacity 1.5s 0s ease-in-out;}
.woocommerce-account .woocommerce-MyAccount-navigation ul li{cursor:pointer; display:block; padding:20px; margin:0; border-top:1px solid #E6E6E6; width:100%;}
.woocommerce-account .woocommerce-MyAccount-navigation ul li a{width:100%; display:inline-block; font-weight:normal; text-transform:uppercase;}
.woocommerce-account .woocommerce-MyAccount-navigation ul li a:before{content: "→ "; margin-right:10px;}
.woocommerce-account .woocommerce-MyAccount-navigation ul li:last-child{padding-bottom:20px;}
.woocommerce-account .woocommerce-MyAccount-navigation ul li:hover{background-color:#2C3987;}
.woocommerce-account .woocommerce-MyAccount-navigation ul li:hover a{color:#FFFFFF; padding:0;}
.woocommerce-account .woocommerce-MyAccount-navigation ul li:hover a:before{padding-left:10px;}
.woocommerce-account .woocommerce-MyAccount-content legend{width:auto; padding:0 10px;}
.woocommerce .woocommerce-Addresses .col-1, .woocommerce .woocommerce-Addresses .col-2{width:100%; display:inline-block; margin-bottom:20px;}
.woocommerce-account .addresses .title h3{width:75%;}

.woocommerce form .form-row input.input-text{padding: 10px; margin-top: 2px;}
.woocommerce form .form-row input.input-text:focus{border:1px solid #2C3987;}
.woocommerce form .form-row textarea{height:150px; padding: 10px;}
.woocommerce form .form-row textarea:focus{border:1px solid #2C3987;}
.edit-account input.input-text:focus, .edit-account textarea:focus{border:1px solid #2C3987;}
.select2-container--default .select2-selection--single{height:40px; border-radius:0;}
.select2-container--default .select2-selection--single .select2-selection__rendered{line-height:40px;}
.select2-container--default .select2-selection--single .select2-selection__placeholder{line-height: 40px;}
.select2-container--default .select2-selection--single .select2-selection__arrow b{margin-top: 4px;}

.edit-account fieldset{margin-bottom:20px;}

#order_review_heading{margin-top:20px;}

.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce-account .addresses .title .edit{color:#FFFFFF; border:1px solid #2C3987; padding:10px 15px; text-transform:uppercase; background-color:#2C3987; letter-spacing:1px; display:inline-block; cursor:pointer; font-size:14px; line-height:18px; vertical-align: top; border-radius:0; float:right;
-webkit-box-shadow:1px 1px 2px rgba( 10, 10, 10, 0.25 );
	-moz-box-shadow:1px 1px 2px rgba( 10, 10, 10, 0.25 );
		-o-transition:1px 1px 2px rgba( 10, 10, 10, 0.25 );
			box-shadow:1px 1px 2px rgba( 10, 10, 10, 0.25 );
-webkit-transition:all 0.5s ease-in-out;
	-moz-transition:all 0.5s ease-in-out;
		-o-transition:all 0.5s ease-in-out;
			transition:all 0.5s ease-in-out;}
.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce-account .addresses .title .edit:hover{color:#2C3987; background-color:#FFFFFF;}

.woocommerce form .form-row #terms{position: relative;}

/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/

@media only screen and (max-width:1280px){
	.stockBox{display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-template-rows: repeat(3, 1fr);}
	.blog-list ul{grid-template-columns: repeat(3, 1fr);}
	ul#menu-navbar li a{font-size: 16px; letter-spacing: 0px;}
}
@media only screen and (max-width:768px){
	.menu-link{display:block; margin:0;}
	.headBar .infoBar, ul#menu-navbar{display:none;}
	.logoBox{width: 100%;}
	.logoBox a img{width:auto; height: 42px;}
	.animated-title > div div span{font-size: 40px; line-height: 40px;}
	.animated-title > div.text-bottom div{font-size: 40px; line-height: 40px;}
	.subheadBox{height: auto; padding: 20px 0;}
	.subhead-title{position: relative; left: 0; top: 0; transform: translate(0, 0);}
	.subhead-title span{font-size: 32px; line-height: 44px;}
	.card{width:50%;}
	.woocommerce .products ul, .woocommerce ul.products{grid-template-columns: repeat(2, 1fr);}
	.footBoxlet{width:100%; height: auto !important; padding: 20px;}
	.footBoxlet:first-child{padding: 40px 20px; margin-bottom:20px;}
	.footBoxlet:last-child{padding: 20px 20px 40px;}
	#mc4wp_form_widget-2 input[type="email"], #mc4wp_form_widget-2 input[type="text"], #mc4wp_form_widget-2 input[type="submit"]{width: 33%; margin: 5px 0;}
	.aboutBox{width: 100%; padding:0 0 40px;}
	.aboutBox:last-child{padding-bottom:0;}
	.aboutBoxlet{width: 100%; padding-bottom:40px;}
	.aboutBoxlet:last-child{padding:0 0 40px;}
	.superBoxlet{width:49%;}
	.contactBox{width: 100%; padding:0 0 40px;}
	.contactBox:last-child{padding-bottom:0;}
	.stockBox{display:inline-block;}
	.stockBoxlet{width:100%;}
	.recipeBox ul{grid-template-columns: repeat(2, 1fr);}
	.blog-list ul{grid-template-columns: repeat(2, 1fr);}
	ul#blog-filter li:first-of-type{width:100%;}
	.singleLeft{width:100%; padding-right:0;}
	.singleRight{width:100%; padding-left:0;}
	.singleLeft .postList{display:none !important;}
	.postList.repeat{display:inline-block; margin-top:20px;}
	.animated-title > div div span{font-size: 40px; line-height: 50px;}
	
	.woocommerce ul.products li.product a.button, .woocommerce-page ul.products li.product a.button, .woocommerce ul.products li.product a.button, .woocommerce-page ul.products li.product a.button{display:none;}
}
@media only screen and (max-width:480px){
	.card{width:100%;}
	#mc4wp_form_widget-2 input[type="email"], #mc4wp_form_widget-2 input[type="text"], #mc4wp_form_widget-2 input[type="submit"]{width:80%;}
	.woocommerce .products ul, .woocommerce ul.products{grid-template-columns: repeat(1, 1fr);}
	.recipeBox ul{grid-template-columns: repeat(1, 1fr);}
	.blog-list ul{grid-template-columns: repeat(1, 1fr);}
	.superBoxlet{width:100%;}
}
@media only screen and (max-width:320px){}

/*------------------------------------*\
    MISC
\*------------------------------------*/

::selection{background:#333333; color:#FFFFFF; text-shadow:none;}
::-webkit-selection{background:#333333; color:#FFFFFF; text-shadow:none;}
::-moz-selection{background:#333333; color:#FFFFFF; text-shadow:none;}
::-webkit-input-placeholder{ /* Chrome/Opera/Safari */
  opacity:0.8; color:#0A0A0A; font-size:14px;}
::-moz-placeholder{ /* Firefox 19+ */
  opacity:0.8; color:#0A0A0A; font-size:14px;} 
:-ms-input-placeholder{ /* IE 10+ */
  opacity:0.8; color:#0A0A0A; font-size:14px;}
:-moz-placeholder{ /* Firefox 18- */
  opacity:0.8; color:#0A0A0A; font-size:14px;}
:focus::-webkit-input-placeholder{ /* Chrome/Opera/Safari */
  opacity:1; color:#0A0A0A;}
:focus::-moz-placeholder{ /* Firefox 19+ */
  opacity:1; color:#0A0A0A;} 
:focus:-ms-input-placeholder{ /* IE 10+ */
  opacity:1; color:#0A0A0A;}
:focus:-moz-placeholder{ /* Firefox 18- */
  opacity:1; color:#0A0A0A;}

/*------------------------------------*\
    WORDPRESS CORE
\*------------------------------------*/

.alignnone{margin:5px 20px 20px 0;}
.aligncenter,
div.aligncenter{display:block; margin:5px auto 5px auto;}
.alignright{float:right; margin:5px 0 20px 20px;}
.alignleft{float:left; margin:5px 20px 20px 0;}
a img.alignright{float:right; margin:5px 0 20px 20px;}
a img.alignnone{margin:5px 20px 20px 0;}
a img.alignleft{float:left; margin:5px 20px 20px 0;}
a img.aligncenter{display:block; margin-left:auto; margin-right:auto;}
.wp-caption{background:#FFF; border:1px solid #F0F0F0; max-width:96%; padding:5px 3px 10px; text-align:center;}
.wp-caption.alignnone{margin:5px 20px 20px 0;}
.wp-caption.alignleft{margin:5px 20px 20px 0;}
.wp-caption.alignright{margin:5px 0 20px 20px;}
.wp-caption img{border:0 none; height:auto; margin:0; max-width:98.5%; padding:0; width:auto;}
.wp-caption .wp-caption-text,
.gallery-caption{font-size:11px; line-height:17px; margin:0; padding:0 4px 5px;}
.sticky{}
.bypostauthor{}

/*------------------------------------*\
    PRINT
\*------------------------------------*/

@media print{
	*{background:transparent !important; color:#000 !important;	box-shadow:none !important; text-shadow:none !important;}
	a, a:visited{text-decoration:underline;}
	a[href]:after{content:" (" attr(href) ")";}
	abbr[title]:after{content:" (" attr(title) ")";}
	.ir a:after, a[href^="javascript:"]:after,
	a[href^="#"]:after{content:"";}
	pre,blockquote{border:1px solid #999; page-break-inside:avoid;}
	thead{display:table-header-group;}
	tr,img{page-break-inside:avoid;}
	img{max-width:100% !important;}
	@page{margin:0.5cm;}
	p, h2, h3{orphans:3; widows:3;}
	h2, h3{page-break-after:avoid;}
	.product_meta a{width:100%;}
	body *{visibility: visible;}
	body.modal-open  *{visibility: hidden;}
	header.headBar, #banner, .modal-open .type-product, footer, .recipeIntro, .print-page, .cd-top.cd-is-visible{display:none;}
	body.modal-open .modal-content *{visibility: visible; overflow: visible;}
	.printable .modal-header, .printable .modal-header .modal-title{height: 10vh;}

}