@Theme Name:Essential Wellness Mobile Theme
@Description: This site was built by Central States Media. For more information about the site or this custom WordPress theme, you can contact Central States Media at: info@centralstatesmedia.com or call us at: 309-693-2345.
@Author: Central States Media
@Author URI: http://www.centralstatesmedia.com/
@Version: 1.0
@Date: March, 2017
@charset "utf-8";
/* CSS Document */

body{
	margin: 0;
	padding: 0;
	background:#dfecb8;
	font-family:'Source Code Pro', Arial, sans-serif;
}
.clear{clear: both;}
body .userway.userway_p1{top:100px !important;}

/********************** Header *********************/
#header{
	background:#dfecb8;
	display: block;
}

.logo{
	width: 50%;
	margin: 2% 3%;
	height: auto;
}

#icons{
	width: 40%;
	float:right;
	margin: 4% 2%;
}
#icons img{
	width: 22%;
	margin:6% 3%;
}

/************************** Navigation ********************/
/**********************************************************/
#nav{
	display:none;
}
#nav ul{
	margin: 0;
	padding:0;
	border-top: 5px solid #382500;
	list-style: none;
}
#nav ul li{
	
}
#nav ul a, #nav a{
	text-decoration: none;
	color:#ffffff;
	text-transform: uppercase;
	font-size: 18px;
	display: block;
	padding: 3% 5%;
	font-weight: 900;
	background:#578134;
	text-align: left!important;
	border-bottom: 2px solid #dfecb8;
}
#nav a.ltgreen{background:#bad432;color:#578134;}
/************** Second Level ********************/
#nav ul ul {
	border: none;
	margin: 0;
}
#nav ul ul a{display:none;}
#nav ul .current-menu-item > ul a,
#nav ul .current-menu-ancestor > ul a,
#nav ul .current-menu-parent > ul a{display:block;}
#nav ul ul a{
	color:#382500;
	font-size: 16px;
	padding:3% 10%;
	background:none;
	border: none;
	position: relative;
}
#nav ul ul a:before{
	position: absolute;
	content:"\25b6";
	left: 5%;
	top: 15px;
	font-size: 10px!important;
	color:#8ec100;
}

#nav a.close{
	background:none !important;
	text-decoration: none;
	text-align: center;
	display: block;
	color:#578134 !important;
	border-bottom: 5px solid #578134;
	font-weight: 900;
	text-transform: uppercase;
	padding: 3% 5%;
}
/*********************** Slider **********************/
#slider{
	width: 100%!important;
	height: auto!important;
	display:block;
	margin-bottom: -40px!important;
}
#featured img{max-width:100%;height:auto;}
#slider img{
	width: 100%!important;
	height: auto!important;
	display: block;
}
.metaslider-133 .flexslider .flex-control-paging li a, .metaslider-133 .flexslider .flex-control-paging li a{width: 250%!important;float:left!important;}
.metaslider-133 .flexslider .flex-control-paging li{
	margin: 0 5%!important;
}

.metaslider-133 .flexslider .flex-control-paging{
	margin:0 0% 10% 5%!important;
	width: 60%!important;
}
/********************** Callouts *******************/
#callouts{background:#ffffff;position:relative!important;padding: 1% 0;}
.callout{width: 100%; height: auto!important;position: relative;margin: 2% 0;}
.callout img{
	width: 50%;
	display:block;
	height: auto;
}
.right{float:right;}
.calllink{
	text-decoration: none!important;
	color:#ffffff;
	display: inline-block;
	width: 50%;
	background:#382500;
	text-transform: uppercase;
	font-family: 'Quicksand', sans-serif;
	font-size: 18px;
	height: 100%!important;
	text-align: center;
	position: absolute;
	right: 0;
	top: 0;
}
.left{left:0!important;}
.calllink span{
	margin: 12% 0 0 0!important;
	position: relative;
	display: block;
}

.tag span:before{
	content:url(images/tag.png);
	position: absolute;
	right: 68%;
	top: -50%;
}
.bubble span:before{
	content:url(images/question-speech-bubble.png);
	position: absolute;
	right: 72%;
	top: -55%;
}
.book span{display:inline-block;}
.book span:before{
	content:url(images/book.png);
	position: absolute;
	right: 102%;
	top: -40%;
}

/****************** Content ************************/
/***************************************************/
#content{
	width: 90%!important;
	padding:15px 5%;
	margin: 0 auto!important;
	font-family: Arial, sans-serif;
	position: relative;
	background:#fff;
}

#content hr{
	border: none;
	height: 2px;
	background:#8ec100;
	margin: 15px 0;
}
#content ul {
    list-style:none;
}

#content ul li{
	position: relative;
	line-height: 18px;
	margin: 6px 0;
}
#content ul li:before{
	position: absolute;
	content:"\25b6";
	left: -15px;
	top: 0px;
	font-size: 10px!important;
	color:#8ec100;
}
#content ul ul li:before{
	content:"\2022";
	top: 0;
	left: -10px;
	color:#8ec100;
	font-size: 16px!important;
}
#content ul ul ul li:before{content:"\00b0";}
#content a{
	color:#8ec100;
	text-decoration: none;
}
#content a:hover{color:#578134;}

#content h1, #content h2, #sidebar h2{
	font-size: 20px;
	font-family: 'Quicksand', sans-serif;
	position: relative;
	margin: 1% 0;
	color:#578134;
}
#content h3{font-size:20px;margin: 5px 0;color:#382500;}
#content h4{font-size:18px;margin: 5px 0;color:#8ec100;}
#content h5{font-size:16px;margin: 5px 0;}
#content h6{font-size:14px;margin: 5px 0;color:#8ec100;}

#content img{max-width: 100%;}
#content iframe{max-width: 100%;}

/**** WOOCOMMERCE PAGE FEATURED PRODUCT ****/

#content .feat-wrap {
    display: flex;
    flex-direction: column;
}
#content .feat-wrap h1 {
    order: -4;
}
#content .feat-wrap .page-description {
    order: -3;
}
#content .feat-wrap .woocommerce-notices-wrapper {
    order: -2;
}
#feat-prod {
    order: -1;
    background-color: #dfecb8;
    margin: 20px 0;
}
#feat-prod img {
    width: calc(30% - 24px);
    margin: 10px;
    float: left;
    min-width: 100px;
    border: 2px solid #8ec100;
}
#feat-prod .description {
    width: calc(100% - 20px);
/*    float: left;*/
    margin: 10px;
}
#feat-prod h2 {
    background: #8ec100 !important;
    color: #fff !important;
    margin: 0 !important;
    padding: 10px;
    text-transform: uppercase;
    font-size: 16px !important;
}
#feat-prod a {
    display: inline-block;
    background: #8ec100;
    color: #fff!important;
    font-weight: 700;
    text-transform: uppercase;
    padding: 5px 15px;
}
#feat-prod a:hover {
    background: #382500;
}


/************ FAQ Style ************/
/**********************************/
.ewd-ufaq-post-margin-symbol{
	border:none!important;
	margin: 5px 0 0 0!important;
	height: auto!important;
}
.ufaq-faq-body{
	padding:0 0 0 40px!important;
}

.ufaq-faq-div:hover h4{
	color:#578134!important;
}
.ufaq-faq-div:hover span{
	color:#578134!important;
}
/************************ Contact Form ************************/
#content input[type="text"],
#content input[type="email"],
#content input[type="phone"]{
	padding: 3px 2% !important;
	border:2px solid #8ec100;
	box-sizing: border-box !important;
}
#content input[type=submit]{
	padding: 5px 10px!important;
	margin: 5px!important;
	border: 3px solid #8ec100;
	background:none;
	color:#4b4b4b!important;
	text-transform: uppercase;
	font-weight: 900;
	font-family:'Quicksand', Arial, sans-serif!important;
	font-size: 18px;
	-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-ms-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
}
#content input[type=submit]:hover{
	background:#8ec100;
	color:#ffffff!important;
	-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-ms-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
}
#content textarea{
	padding: 3px;
	border: 2px solid #8ec100;
}
#content label{
	margin-top: 5px!important;
	color:#4b4b4b!important;
}

#content .gform_wrapper ul{padding:0 !important;margin:0 !important;}

#content .gform_wrapper li{margin:0 !important;box-sizing: border-box !important;}

#content .gform_wrapper li:before{display:none;}

#content .gform_wrapper span {font-size: 14px !important;}
/******************* Footer ************************/
#footer{
	width: 100%;
	background:#dfecb8;
}
#footicons{
	width: 65%;
	float:left;
	margin: 5% 0 4% 1%;
}
#footicons a{
	background:#578134;
	display: block;
	padding: 2px 3%;
	margin:0 1%;
	width: 16%;
	float:left;
}

#footicons img{
	width:75%;
	height: auto;
	margin: 0 auto;
	display:block;
}
#hours{
	width: 34%;
	font-size: 10px;
	font-weight: 900;
	text-align: center;
	float:right;
	color:#578134;
}

#hours span{color:#8ec100;}

/********* View Desktop Version ******/
#view{
	display: block;
	width: 100%!important;
	height: auto;
	text-align: center;
}
#view a{
	text-decoration: none;
	color:#578134;
	font-size: 14px;
}

.csm{
	display: block;
	text-decoration: none;
	font-size: 10px!important;
	color:#578134;
	margin: 0;
}
.privacy{
	display: block;
	text-decoration: none;
	font-size: 10px!important;
	color:#578134;
	margin: 12px 0 0 0;
}

@media only screen and (max-width: 370px) {
	.calllink{font-size: 14px;}
}
/*****************************WOOCOMMERCE***********************************/
ul.products{
	clear:both;
	list-style: none;
	margin:15px 0 !important;
	padding:0 !important;
	display: flex;
	flex-wrap: wrap;
justify-content: space-between;}
.wpb_wl_preview_area .wpb_wl_preview{background:#382500 !important;}
.wpb_wl_preview_area .wpb_wl_preview span{color:#fff !important;}
ul.products li::before{display:none;}
ul.products li{flex-grow:1 1;width:40%;margin:5px 1% 5px 0 !important; float:left;background:#fff;box-shadow:0 0 5px 0 rgba(0,0,0,0.4);text-align: center !important;border:2px solid #fff;padding:10px !important;position:relative !important;top:0;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;}
ul.products li img{max-width: 100%;height:auto;}
.product .images{float:left;width:25%;margin:0 5% 0 0;}
.product .images img{max-width:100%;height:auto;border:2px solid #382500;}
ul.products h2{font-size:16px !important;color:#382500 !important;}
ul.products .price{display:block !important;color:#578134 !important;float:none !important;margin-bottom:15px !important;}
ul.products a.button,
.product .button,
.add_to_cart_button,
.single_add_to_cart_button,
.checkout-button{
	float:none !important;
	background:#8ec100 !important;
	color:#fff !important;
	padding:8px 10px !important;
	position: relative !important;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
	border:0;
	margin:10px 0 !important;
	cursor: pointer;}
ul.products a.button:hover,
.product .button:hover,
.add_to_cart_button:hover,
.single_add_to_cart_button:hover,
.checkout-button:hover{background:#382500 !important;padding:8px 25px !important;}
ul.products .star-rating{display:none;}

#sidebar{background:#fff;padding:10px 5% 20px 5%;}
#sidebar input[type=search]{
	padding:5px 5%;
	width:100%;
}
#sidebar select{padding:5px 5%;width:100%;}
#sidebar input[type=submit]{
	padding:5px 5% !important;
	display: block;
	width:100%;
	margin:5px auto;
	border: 3px solid #8ec100;
	background:none;
	color:#4b4b4b!important;
	text-transform: uppercase;
	font-weight: 900;
	font-family:'Quicksand', Arial, sans-serif!important;
	font-size: 18px;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
#sidebar input[type=submit]:hover{background:#8ec100;
	color:#ffffff!important;
	-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-ms-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;}
.woocommerce-product-search{
	margin:0 0 20px 0;
}
.product-categories li{	font-size:14px !important;}
.product-categories li span{color:#666 !important;	font-size:14px !important;}

.tagcloud a{
	display: block !important;
	font-size:14px !important;
	position: relative;
	padding:0 0;
	margin: 5px 0 5px 35px !important;
}
.tagcloud a:before{
	position: absolute;
	content:"\25b6";
	left: -15px;
	top: 0px;
	font-size: 10px!important;
	color:#8ec100;
}

.searchresults img.wp-post-image{float:left;margin:5px 10px 5px 0;clear:both;max-height: 50px;width:auto;}

/*SINGLE PRODUCT*/
/*.product {display:flex;}*/
.product{position: relative;}
.woocommerce-product-gallery{width:60%;margin:0 20% !important;}
.summary{width:100%;}
.product img{max-width: 100% !important;height:auto !important;}
.product .posted_in,
.product .tagged_as{font-size:14px !important;color:#382500 !important;display:block !important;}
.product .posted_in a,
.product .tagged_as a{font-weight:bold;color:#382500 !important;}
.product .posted_in a:hover,
.product .tagged_as a:hover{color:#578134 !important;}
.woocommerce-tabs{clear:both !important;}
.product .onsale{position: absolute;top:-5px;left:-5px; background:#8ec100;color:#fff !important;padding:5px 10px !important;z-index: 2;}
.product del,
.product del span{color:#382500 !important;font-size:12px !important;}
.product ins{color:#8ec100 !important;font-size:22px !important;font-weight: bold !important;text-decoration: none !important;}
.product ins:before{content:"On Sale: ";}

/*TABS*/
.woocommerce-tabs ul.tabs{list-style:none !important;margin:0;padding:5px 0;border-bottom:2px solid #ccc;height:auto;display:block;float:left;width:100%;}
.woocommerce-tabs ul.tabs li{float:left;}
.woocommerce-tabs ul.tabs li:before{display:none;}
.woocommerce-tabls ul.tabs li.active a{color:#4e4e4e !important;}
.woocommerce-tabs ul.tabs li a{
	color:#382500 !important;
	text-transform:uppercase;
	padding:5px 15px;
	display:block ;}
.woocommerce-tabs ul.tabs li:first-child a{padding-left:0;}
.woocommerce-tabs ul.tabs li a:after{content:"\25bc";color:#8ec100 !important;padding:0 0 0 5px;}
ul.tabs li.active{background:#8ec100 !important;color:#fff !important;padding:5px !important;}
ul.tabs li.active a,
ul.tabs li.active a:after{color:#fff !important;}

.woocommerce-Tabs-panel{
	clear:both;
	padding:10px 0;}
.comment-form-rating{display:inline-block;margin:0;}
.comment-form-rating label{font-weight:bold;text-transform:uppercase;}
.comment-form-rating label:after{content:"\25b6";color:#382500 !important;padding:0 5px;}
.stars{display:inline-block;}
.stars a{padding:0 5px;}
.comment-form-comment{margin:0;}
.comment-form-comment label{display:block;font-weight:bold;text-transform:uppercase;}
p.stars a:before, 
p.stars a:before {
    content: "\53";
    font-family: "star";
    opacity: 1;
    visibility: visible;
}

p.stars a, 
p.stars a{
    opacity: 1;
    visibility: hidden;
    max-width: 20px;
}
p.stars a.active{color:#382500 !important;}
.woocommerce-pagination ul.page-numbers{list-style: none !important;margin:10px auto !important;}
.woocommerce-pagination ul.page-numbers li:before{display: none;}
.woocommerce-pagination ul.page-numbers li{float:left;}
.woocommerce-pagination ul.page-numbers li a, .woocommerce-pagination ul.page-numbers li span.current,
.woocommerce-pagination ul.page-numbers li span.dots{
    font-size: 12px !important;
    border-left: 1px solid #ccc !important;
	border-top: 1px solid #ccc !important;
	border-bottom: 1px solid #ccc !important;
    color: #666 !important;
	padding:5px 8px !important;
	background:#fff;
}
.woocommerce-pagination ul.page-numbers li:last-child a{border-right: 1px solid #ccc !important;}
.woocommerce-pagination ul.page-numbers li a:hover, .woocommerce-pagination ul.page-numbers li span.current {
    background: #8ec100 !important;
	color:#fff !important;
}
/*CART*/
.woocommerce table.shop_table td.product-thumbnail{max-width:100px !important;}
.wpb_wl_preview_area .wpb_wl_preview{margin:0 auto;}
.wpb_wl_preview_area .wpb_wl_preview{color:#fff !important;}
.wpb_wl_preview_area .wpb_wl_preview:hover{background:#8ec100 !important;}
.woocommerce .cart-collaterals{display:flex !important;flex-wrap: wrap !important;}
.woocommerce .cart-collaterals .cross-sells{float:none !important;width:100% !important;order:2 !important;}
.woocommerce .cart-collaterals .cart_totals{float:none !important;width:100% !important;order:1 !important;}
.woocommerce ul#shipping_method li:before{display:none;}
.woocommerce .cart-collaterals .cross-sells ul.products li{box-sizing: border-box;width:48% !important;margin:0 1% 10px 1% !important;}
.woocommerce a.button{display:inline-block !important;}
.woocommerce ul.products li.product a img{margin:0 auto !important;}
.woocommerce-terms-and-conditions-link{font-style:italic !important;text-decoration:underline !important;}
.required{color: red !important;}
.vbox-overlay{z-index:200000 !important;}