.page-description{display:none}

.site{
	overflow-y: hidden;
}

/* error_tooltip */
.error_tooltip{
		display: none;
    position: relative;
	  margin-left: 1%;
    background: rgba(240,240,240,0.9); 
    color: red; 
    padding: 3px; 
    box-shadow: 0px 0px 1px #666; 
    border: 1px solid;
	  font-size: 12px;
		font-weight: bold;
}

/* Makes tabs lay out on top of tab contents and adds bottom border */
.woocommerce-tabs ul.tabs{
	float: none;
	width: 100%;
	border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
/* Makes tabs to display horizontally */
.woocommerce-tabs ul.tabs li{
	display: inline-block;
	margin-right: 3%;
	border-bottom: none;
}
/* Changes the arrow */
.woocommerce-tabs ul.tabs li::after{
	 bottom: 60%;
	 left: 0px;
	 text-align: center;
	 margin-right: -13px;
	 content: '\f077';
}
/* Makes tab contents to fill the entire width */
.woocommerce-tabs .panel{
	width: 100%;
	float: none;
}
/* Removes unnecessary padding of tabs' container */
.woocommerce-tabs{
	padding: 0px;
}

/* Fixes the too big margin left of main menu item's arrow */
#menu-main-nav .menu-item a::after{
	margin-left: 3px;
}

/* WooCommerce Short Description Text Color */
.woocommerce-product-details__short-description {
color: #000000;
}

.star-rating span:before,
.star-rating::before,
p.stars a:hover:after, 
p.stars a:after {
    color: #000000; 
}

.languages-wrapper {
	display: none;
}

.d-none {
	display: none;
}

.site-header{
	background: url('https://vemoherb.com/wp-content/uploads/2018/02/grey-background-line.png') fixed no-repeat;
	background-size: 100%;
	margin-top: -5px;
}

/** Social sharing buttons in left side **/
.the_champ_sharing_container{
	 margin-top: 400px;
	 z-index: 1000;
}

/** Left Sidebar styles **/
#sidebar-left{
	width: 20%;
	float: left;
}
#sidebar-left .widget{
	margin-bottom: 30px;
}

/** Search is here label **/
h2#search-bar-ishere{
	font-size: 12pt;
	position: absolute;
	left: 250px;
	top: -10px;
	width: 100px;
	padding: 10px;
	display: none;
}

/** Makes left sidebar to disappear on single product's page **/
body.single-product #sidebar-left{
		position: absolute;
		z-index: 2000;
		background: rgba(255,255,255, 0.9);
		box-shadow: 0px 0px 10px lightgray;
		padding: 10px;
		padding-right: 20px;
		left: 0px;
		top: -25px;
		width: 0px;
		margin-left: -250px;
		transition: margin-left 1s;
}
body.single-product #sidebar-left:hover{
		margin-left: 0px;
		width: 40%;
}
body.single-product #sidebar-left:hover h2#search-bar-ishere{
		opacity: 0;
}

/** Show search is here label on product page **/
body.single-product #sidebar-left h2#search-bar-ishere{
	display: inline-block;
}

/** Secondary Sidebar(Right Sidebar) **/
#secondary{
	width: 20%;
	margin-bottom: 40px;
	display: block;
}
#secondary .widget{
	margin-bottom: 20px;
}

/** Primary Sidebar(Content Area) **/
#primary{
	width: 75%;
	padding: 10px;
}

/** Specific width for primary area on search page in order to fit all content in one row **/
body.search #primary{
    width: 55%;
}

/** Makes Primary Sidebar smaller on Products page in order to fit all sidebars in one row **/
body.post-type-archive-product #primary,
body.tax-product_cat #primary{
	width: 55%;
	padding: 25px;
}

/** Makes Products Page Header centered **/
header.woocommerce-products-header{
	text-align: center;
}


/** Removes the big margin above site content **/
.storefront-breadcrumb{
		margin: 0px;
}


/** Decreases the space between product title and rating stars **/
ul.products li.product .woocommerce-loop-product__title, ul.products li.product h2{
	min-height: 0;
	margin-bottom: 3px;
}

/** Decreases the space between product description and price **/
.woocommerce-product-details__short-description{
	min-height: 0;
	margin-bottom: 5px;
}

/** Less margin bottom for widget titles **/
.widget .widget-title, .widget .widgettitle{
	 padding-bottom:2px;
	 margin-bottom: 7px;
	 color: orange;
}

h2#secondary-discover{
	display: none;
}

/** Makes separation between articles on search page a bit clearer **/
body.search article{
		border: 1px solid lightgray;
		border-radius: 10px;
		margin: 10px;
		margin-bottom: 20px;
		padding: 10px;
}

/** Makes titles on home page centered **/
body.home .custom-container h1{
    text-align: center;
}

body.home .custom-container#custom_cont_4 h1{
    text-align: left;
}


/** Hides Header Mobile Widgets Area on desktop screens **/
#header_mobile_widgets{
    display: none;
}

/** Fix some footer widgets styles **/
.footer-widgets div.block.footer-widget-3 #mc_embed_signup{
    background: transparent;
    width: 100%;
}
.footer-widgets div.block.footer-widget-3 input#mce-EMAIL{
    width: 100%;
    margin: 5px;
    background: rgba(255,255,255,0.2);
    color: #FFF;
    border-radius: 5px;
    box-shadow: none;
    border: 1px solid #FFF;
}
.footer-widgets div.block.footer-widget-3 input#mce-EMAIL::placeholder{
    color: #DDD;
}
.footer-widgets div.block.footer-widget-3 input#mce-EMAIL:focus{
    outline: none;
}

#menu-footer-links{
    margin: 10px;
}
#menu-footer-links .menu-item{
    width: 150px;
    text-align: center;
    margin:0 auto;
}
#menu-footer-links .menu-item a,
#menu-footer-links .menu-item a:link{
    border: 2px solid white;
    border-radius: 4px;
    background: transparent;
    padding: 10px;
    font-size: 13pt;
    text-decoration: none;
}



/*******************************/
/**		TABLET DEVICES 		  **/
/*******************************/

@media screen and (min-width: 768px) and (max-width: 1080px){

#mobile_views_container{
		display: none;
}
	
/** Makes site header look a bit nicer :-) **/
	.site-header{
			padding-left: 2%;
			padding-right: 2%;
	}
	div.money-back{
		width: 33%;
	}
	
/** Makes left sidebar to disappear on producs archive page **/
 #sidebar-left{
		position: absolute;
		z-index: 2000;
		background: rgba(255,255,255, 0.9);
		box-shadow: 0px 0px 10px lightgray;
		padding: 10px;
		padding-right: 20px;
		left: 0px;
		top: -25px;
		width: 0px;
		margin-left: -250px;
		transition: margin-left 1s;
}
 #sidebar-left:hover{
		margin-left: 0px;
		width: 60%;
}
 #sidebar-left:hover h2#search-bar-ishere{
		opacity: 0;
}

/** Show search is here label also on products archive page **/
 #sidebar-left h2#search-bar-ishere{
	display: inline-block;
}
	
/** Also we make the Primary Sidebar Wider **/
    body.post-type-archive-product #primary, 
    body.tax-product_cat #primary,
	#primary
	{
	 width: 70%;
    }
	
/** wider secondary sidebar **/

	#secondary{
		width: 23%;
	}
	
	
} /** Tablet section ends here **/


/*******************************/
/**		PHONE SCREEN 		  **/
/*******************************/
@media screen and (max-width: 768px){
	
	body.post-type-archive-product #primary, 
	body.tax-product_cat #primary,
	#primary{
		width: 100%;
	}
	
	body.single #sidebar-left,
	#sidebar-left{
		position: absolute;
		top: -30px;
		width: 0px;
		left: 0px;
		padding: 10px;
		margin-left: -90px;
		background: rgba(255,255,255,0.9);
		z-index: 2000;
		box-shadow: 0px 0px 10px lightgray;
		transition: margin-left 1s;
	}
	body.single #sidebar-left:hover,
	#sidebar-left:hover{
		width: 80%;
		margin-left: 0px;
		transition: margin-left 1s;
	}
	#sidebar-left:hover h2#search-bar-ishere{
		opacity: 0;
	}
	
	h2#secondary-discover,
	h2#search-bar-ishere{
		display: block;
		position: absolute;
		left: 85px;
		background: orange;
		color: white;
		padding: 5px;
		line-height: 3;
		width: 80px;
		height: 50px;
		font-size: 10pt;
		font-weight: bold;
		top: 0px;
	}
	
	h2#secondary-discover{
			left: -140px;
			z-index: 2000;
	}
	
	#secondary{
			position: absolute;
			width: 0px;
			right: 0px;
			top: -30px;
			padding: 10px;
			padding-top: 20px;
			background: rgba(255,255,255,0.9);
			z-index: 2000;
			box-shadow: 0px 0px 10px lightgray;
			margin-right: -90px;
			transition: margin-right 1s;
	}
	#secondary:hover{
			width: 80%;
			margin-right: 0px;
			transition: margin-right 1s;
	}
	
	
	/** Hides the Discovery button on sidebar's hover **/
	#secondary:hover h2#secondary-discover{
	    display: none;
	}
	
	/** Home Page content containers **/
	body.home .custom-container{
			text-align: center;
	}

	body.home .custom-container h1{
			margin: 10px;
			margin-top: 40px;
	}
	
	/** Header Money Back banner **/
	.money-back{
			display: inline-block;
			float: none;
	}
	
	
	/** Centered header content **/
	.site-header{
		 text-align: center;
	}
	
	/** Homepage slider higher on mobile **/
    img.slider-84{
    	scale: 1.2;
		min-height: 200px;
	}
	
	
	/** Better looking Home page Description Boxes **/
	body.home #custom_cont_3{
	    width: 100%;
	}
	body.home #custom_cont_3 .description-boxes{
	    width: 47%;
	    display: inline-block;
	    margin: 5px;
	}
	
	/** More visible map on home page **/
	body.home .map img{
	    margin-top: 50px;
	    scale: 2;
	}
	
	/** Fix footer widgets **/
	.footer-widgets div.block{
	    float: left;
	    width: 50%;
	    margin-bottom: -10px;
	    padding-right: 15px;
	}
	.footer-widgets div.block .widget{
	    margin-bottom: 0px;
	}
	.footer-widgets div.block .widget-title{
	    color: orange;
	    border-bottom: 2px solid #009a44;
	}
	.footer-widgets div.block.footer-widget-3,
	.footer-widgets div.block.footer-widget-4{
	    width: 100%;
	}
	.footer-widgets div.block.footer-widget-3 input#mce-EMAIL{
	    width: 100%;
	    margin: 5px;
	}
	.footer-logo{
	    text-align:center;
	}
	.site-footer{
	    margin-top: 10%;
	}
	.site-footer .disclaimer{
	    width: 100%;
	}
	
	/** Hides storefront primary navigation on phone screens **/
	.storefront-primary-navigation{
          display: none;
	}
	
	.site-header{
	    padding-bottom: 0px;
	}
	
	/** Shows Header Mobile Widgets Area on phone screens **/
    #header_mobile_widgets{
        display: block;
        margin-top: 10px;
        margin-bottom: 30px;
    }
    
    #header_mobile_widgets.sticky{
        position: fixed;
        top: 0px;
        left: 0px;
        margin-top: 0px;
        padding: 4px;
        z-index: 2000;
        background: white;
        width: 100%;
        box-shadow: 0px 0px 4px lightgray;
    }
    
    /** Remove Widget Titles **/
    #header_mobile_widgets .widgettitle{
        display: none;
    }
    
    /** widgets inline **/
    #header_mobile_widgets .widget{
        display: inline-block;
    }
    
    /** Mini cart moves few pixels bottom **/
    #header_mobile_widgets .wc-block-mini-cart__button{
        position: relative;
        padding: 0px;
        top: 10px;
    }
    
    /** Mini cart goes to right side **/
    #header_mobile_widgets #block-5{
        float: right;
    }
    
    /** Nav menu goes to left side **/
    #header_mobile_widgets #nav_menu-6{
        float: left;
    }
    
    /** Empty Mini cart shows price **/
    #header_mobile_widgets .wc-block-mini-cart__amount{
        display: inline;
    }
    
    /** Fixes the menu **/
    #header_mobile_widgets #menu-mobile-main-nav-1{
        text-align: left;
    }
    #header_mobile_widgets #menu-mobile-main-nav-1 li.menu-item{
        display: inline-block;
        max-width: 120px;
        text-align: left;
        padding: 10px;
        margin-bottom: 0px;
        margin-left: 2px;
        border: 1px solid orange;
        border-radius: 2px;
    }
    #header_mobile_widgets #menu-mobile-main-nav-1 li.menu-item a{
        color: orange;
    }
    
    #header_mobile_widgets #menu-mobile-main-nav-1 li.menu-item a .wpmi-icon{
        font-size: 17pt;
    }
    
    .dashicons{
        height: auto;
        width: auto;
    }
    
    #header_mobile_widgets #menu-mobile-main-nav-1 li.menu-item .sub-menu{
        height: 0px;
        width: 0px;
        opacity: 0;
        position: absolute;
        margin-left: -1000px;
        background: rgba(255,255,255, 0.9);
        box-shadow: 0px 0px 10px lightgray;
        transition: opacity 1s;
    }
    #header_mobile_widgets #menu-mobile-main-nav-1 li.menu-item .sub-menu li.menu-item{
        display: block;
        border: none;
        padding: 5px;
        width: 100%;
        max-width: 100%;
        background: transparent;
    }
    #header_mobile_widgets #menu-mobile-main-nav-1 li.menu-item .sub-menu li.menu-item a{
        display: block;
        width: 100%;
        font-weight: bold;
        text-decoration: underline;
    }

    #header_mobile_widgets #menu-mobile-main-nav-1 .sub-menu li.menu-item-has-children > a:after{
        content: " >";
    }
    
    #header_mobile_widgets #menu-mobile-main-nav-1 li.menu-item.focus:hover > .sub-menu,
    #header_mobile_widgets #menu-mobile-main-nav-1 li.menu-item.focus:hover > .sub-menu .sub-menu{
        margin-left: 0px;
        height: initial;
        width: 100%;
        left: 0px;
        opacity: 1;
        transition: opacity 1s;
    }
    #header_mobile_widgets #menu-mobile-main-nav-1 li.menu-item.focus:hover > .sub-menu{
        margin-top: 12px;
        position: absolute;
    }
    #header_mobile_widgets.sticky #menu-mobile-main-nav-1 li.menu-item.focus:hover > .sub-menu{
        position: fixed;
        max-height: 90%;
        overflow-y: scroll;
        overflow-x: hidden;
    }
    
    #header_mobile_widgets #menu-mobile-main-nav-1 li.menu-item.focus:hover > .sub-menu .sub-menu{
        box-shadow: none;
        margin-left: 20px;
        position: relative;
        background: transparent;
    }
    #header_mobile_widgets #menu-mobile-main-nav-1 li.menu-item.focus:hover > .sub-menu .sub-menu a{
        font-weight: normal;
    }
    
    #header_mobile_widgets #close_menu{
        display: none;
        color: #FFF;
        font-weight: bold;
        margin-top: 2px;
    }
    
    #header_mobile_widgets #close_menu.visible{
        display: block;
    }
    

    body.home .custom-container#custom_cont_4 h1{
        text-align: center;
    }
    
    .site .site-content .col-full {
        width: 100% !important;
        max-width: 100% !important;
    }
}