/*
Theme Name: Herbal Solutions
Author: DonPig
Author URI: https://donpig.com/
Description: Plantilla de wordpress a la medida para Herbal Solutions
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: DonPigTemplate
*/
:root{
	--dgreen:#053518;
	--lgreen:#d2e2c0;
	--lime:#cbd743;
	--lpist:#cbec98;
}
body{
	font-family: Lato, Poppins, Helvetica, sans-serif;
	text-align: center;
	margin:0 0 0 0;
	cursor:default;
	font-size: max(1vw,12px);
	background: white url(images/fondo1.jpg) 110% center no-repeat fixed;
	background-size: auto min(80vh,80vw);
	box-shadow: rgba(255,255,255,0.75) 0 0 200vw 200vw inset;
}
input[type="button"],button{
	border:none;
	background:none;
	font-size:1em;
	cursor:pointer;
	font: inherit;
}
img{
	border:none;
}
a{
	color: inherit;
	text-decoration: none;
}
*[onclick],*[href]{
	cursor: pointer;
}
textarea{
	resize:none;
}
.clr{
	clear:both;
}
.columnas2{
	-webkit-column-count:2;
	-moz-column-count:2;
	column-count:2;
}
.columnas3{
	-webkit-column-count:3;
	-moz-column-count:3;
	column-count:3;
}
.columnas4{
	-webkit-column-count:4;
	-moz-column-count:4;
	column-count:4;
}
.columnas5{
	-webkit-column-count:5;
	-moz-column-count:5;
	column-count:5;
}
.grid2{
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 0;
}
.grid3{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 0;
}
.grid4{
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-gap: 0;
}
.grid5{
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	grid-gap: 0;
}
.flex{
	display: flex;
	flex-flow: row wrap;
	align-content: space-between;
	justify-content: space-between;
}
.flex>*{
	flex-grow: 1;
    flex-shrink: 1;
    flex-basis: auto;
    text-align: center;
}

.site_error>div{
	margin: 0 auto;
	padding: 0.5em;
	color: #C44;
	border:#C44 solid 1px;
	background: #EDD;
	text-align: center;
	width: 50%;
	min-width: 280px;
	border-radius: 0.15em;
	font-weight:600;
}
.site_error{
	position: fixed;
	top:-20em;
	opacity: 0;
	z-index: 10;
	width: 100%;
	
	-webkit-animation: siteError 5s 1;
	-moz-animation: siteError 5s 1;
	animation: siteError 5s 1;
}

.site_success>div{
	margin: 0 auto;
	padding: 0.5em;
	color: #494;
	border:#494 solid 1px;
	background: #DED;
	text-align: center;
	width: 50%;
	min-width: 280px;
	border-radius: 0.15em;
	font-weight:600;
}
.site_success{
	position: fixed;
	top:-20em;
	opacity: 0;
	z-index: 10;
	width: 100%;
	
	-webkit-animation: siteError 5s 1;
	-moz-animation: siteError 5s 1;
	animation: siteError 5s 1;
}

@keyframes siteError{
	0%{opacity:1;top:5em;}
	90%{opacity:1}
	99%{opacity:0;top:5em;}
	100%{opacity:0;top:-20em;}
}

.hide_me{
	height: 0;
	width: 0;
	overflow: hidden;
	opacity: 0;
	font-size: 1px;
}

a,a *,input,button,*[onclick],*[href]{
	transition: all .25s ease-in-out;
	cursor: pointer;
}
h1,h2,h3{
	text-wrap: balance;
}

/* GENERALES */

#wpadminbar{
	opacity: 0;
}
#wpadminbar:hover{
	opacity: 1;
}

body>header{
	position: sticky;
	top:0;
	left:0;
	right: 0;
	z-index: 1200;
	text-transform: uppercase;
}
marquee{
	background: var(--dgreen);
	color: white;
	line-height: 2em;
	display: flex;
	justify-content: space-between;
	align-content: space-between;
	align-items: center;
	overflow: hidden;
	flex-wrap: nowrap;
	font-size: 0.8em;
	font-weight: 600;
	letter-spacing: 0.1em;
}
marquee>span{
	animation:marqueeAnim 20s infinite linear;
	position: relative;
	display: inline-block;
	min-width: 50vw;
	max-width: 50vw;
}
@keyframes marqueeAnim{
	from{ left:50vw; }
	to{ left:-50vw; }
}

#header_content{
	padding: 0.5em 5%;
	display: flex;
	justify-content: space-between;
	align-content: space-between;
	align-items: center;
	max-height: 5em;
	flex-grow: 1;
	flex-shrink: 1;
	background: white;
}
#logo img{
	display: block;
	height: 5em;
}

form input{
	box-sizing: border-box;
	padding: 0.5em;
	font:inherit;
	color: #333;
	border-radius: 2em;
	width:100%;
	border:none;
	background: #EEE;
	margin-bottom: 1em;
}
menu{
	padding: 0;
	margin: 0;
	max-height: 4em;
	overflow: visible;
}
menu ul{
	padding: 1em 2em;
	background: var(--lgreen);
	border-radius: 1em;
	display: flex;
	gap:2em;
	margin: 0;
	color: var(--dgreen);
	font-weight: 600;
}
menu ul li{
	list-style: none;
	margin: 0;
	padding: 0;
}
menu form input{
	margin-bottom: 0.5em;
	padding-left: 1.5em;
}
nav i.fa-solid{
	font-size: 1.5em;
	color: var(--dgreen);
	display: block;
}
nav{
	display: flex;
	gap:1em;
	font-weight: 600;
}
nav a:hover,nav a:hover i.fa-solid{
	color: var(--lime);
}
nav>span{
	font-size:0.8em;
	max-width: 12em;
}
nav>span a{
	color: white;
	background: var(--dgreen);
	display: inline-block;
	padding: 0.25em 0.5em;
	border-radius: 2em;
	margin-bottom: 0.5em;
}
nav a small>span{
	background: var(--lime);
	display: inline-block;
	color: var(--dgreen);
	padding: 0 0.5em;
	border-radius: 2em;
	border-bottom-left-radius: 0;
}




#content{
	min-height: 90vh;
}
footer{
	padding: 2em 5%;
	background: #D0D0D0 url(images/fondo2.png) right center no-repeat;
	background-size: auto 80%;
	color: #333;
	grid-gap:5% !important;
}
footer>div{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-content: space-between;
}
#footer_logo{
	filter:grayscale(1) brightness(0);
	opacity: 0.75;
	height: 6em;
	margin: 0 auto;
	display: block;
}
#social_menu ul{
	display: flex;
	gap:1em;
	padding: 0;
	margin: 1em 0;
	justify-content: center;
	gap:2em;
}
#social_menu ul li{
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: 1.5em;
}
#footer_menu{
	text-align: left;
}
#footer_menu ul{
	margin: 0;
	padding: 0;
}
#footer_menu ul li{
	line-height: 2em;
	list-style: none;
	font-weight: 600;
}
footer a:hover{
	color: var(--lime);
}
#footer_pmethods{
	width: 60%;
	margin: 0 auto;
}
footer h4{
	margin: 0;
}
footer h3{
	margin: 0;
}
footer button{
	background: #333;
	color: var(--lime);
	padding: 0.5em 2em;
	text-transform: uppercase;
	font-weight: 700;
	display: inline-block;
	border-radius:2em;
	margin: 0 auto;
	font-size: 1.5em;
}


#home_slider{
	translate:0 -2.5em;
}


#floating_banner{
	position: fixed;
	bottom: 0.5em;
	right: 1em;
	width: max(280px,25%);
	text-align: right;
	z-index: 1100;
}
#floating_banner i.fa{
	opacity: 0.75;
	translate: 0 2em;
}
#floating_banner img{
	display: block;
	width:100%;
	max-height: 10em;
}

.home_container{
	background-color: var(--lpist);
	border:#999 solid 1px;
	border-radius: 2em;
	padding: 1em 2em;
	margin: 0;
	min-height: 16em;
}
.home_container>.e-con-inner{
	padding: 0;
	margin: 0;
}
.home_container h2{
	margin-top: 0;
	translate: 0 -0.75em;
	text-shadow: white 0 1px 2px,white 0 0 0.5em;
}
h3>b{
	font-weight: 900;
}
.glow{
	filter: drop-shadow(rgba(255,255,255,0.75) 0 0 5px);
}

#vitalael_title{
	line-height: 0.8em;
	position: relative;
	z-index: 1;
}
#vitalael_title span{
	font-size: 1.75em;
	line-height: 0.35em;
	display: inline-block;
	translate: 0 0.3em;
	height: 0.35em;
}
.vitalael_line{
	height: 35em;
	border-radius: 3em;
	overflow: hidden;
	transition: all 0.25s ease;
	position: relative;
	z-index: 1;
}
.vitalael_line:hover{
	filter: grayscale(1);
	box-shadow: rgba(0,0,0,0.3) 0 0 100vw 100vw inset,white 0 0 5px;
}
.vitalael_line h2{
	rotate: -90deg;
	width: 35em;
	text-align: left;
	transform-origin: 0;
	text-shadow: black 0 2px 4px;
	translate: 1em 10em;
}

#content>:is(.woocommerce,.alignwide){
	padding: 5%;
	box-sizing: border-box !important;
}

#tienda{
	display: flex;
	flex-grow: 1;
	padding: 2.5%;
	direction: rtl;
}
#tienda_sidebar{
	max-width: 20%;
	width: 20%;
	text-align: left;
}
#tienda_content{
	max-width: 80%;
	width: 80%;
}
#tienda>div{
	box-sizing: border-box;
	padding: 5% 1em;
	direction: ltr;
	min-height: 50vh;
}
#tienda_header{
	padding: 1em 5%;
	background: black url('https://herbalsolutions.mx/wp-content/themes/herbalsolutions/images/BANNER-LOS-+VENDIDOS.jpg');
	background-position: center center !important;
	background-size: cover !important;
	color: var(--lpist);
	text-align: left;
}
#tienda_header a{
	font-size: 1.25em;
	display: inline-block;
	padding: 0.5em 2em;
	border-radius: 2em;
	color: var(--dgreen);
	background: var(--lime);
}
#tienda_header a:hover{
	background: white;
}
#tienda_header h1{
	margin-top: 0;
	font-size: 3.5em;
	line-height: 1.2em;
	font-weight: 900;
	text-shadow: black 0 2px 5px;
}

li.product{
	text-align: left;
	padding: 3em 1em 0 1em !important;
	background: #EEE url(images/product_top.png) no-repeat;
	background-size: 100% 3em;
	border-radius: 1em;
	box-sizing: border-box;
}
li.product a img{
	max-width:50%;
	display: block;
	float: left;
	padding-right: 1em;
}

#nosotros_boxes .elementor-image-box-content{
	padding: 1em 2em;
}


#single_header{
	text-align: center;
	padding: 5% 10%;
	color: var(--lpist);
	background: black;
	background-size: cover;
	background-position: center center;
	box-shadow: rgba(0,0,0,0.5) 0 0 100vw 100vw inset;
}
#single_header h1{
	font-size: 3em;
}
#single_content{
	padding: 2.5% 20%;
	background: white;
	text-align: justify;
	color: #333;
}

@media all and (min-width:961px){
	#single_content.legales{
		padding: 5% 10%;
		display: flex;
	}
	#side_menu{
		min-width: 25% !important;
		position: sticky;
		top:max(60px,8em);
	}
}
#side_menu{
	padding: 1em 0;
}
#side_menu a{
	color:var(--dgreen);
	font-weight: 600;
	line-height: 2em;
	display: block;
	font-size: 1.25em;
}
#side_menu a:hover{
	color: var(--lime);
}


#contacto{
	text-align: left;
}
form button{
	background: var(--lime) !important;
	color: var(--dgreen) !important;
	padding: 0.5em 3em !important;
	border-radius: 2em !important;
}
form button:hover{
	background: #EEE !important;
}

#hubspot_vitalael iframe{
	overflow: hidden;
	max-height:580px;
}

.summary{
	text-align: left;
}
.summary_stats{
	padding: 1em 0;
	grid-gap:1em !important;
}
.summary_stats>div{
	background: #eee;
	border-radius:1em;
	padding: 1em;
}
.summary_stats h4{
	margin: 0 0 0.5em 0;
	font-size: 0.8em;
	text-transform: uppercase;
	letter-spacing: 0.05em;
}
#ptabs{
	background: #EEE;
	border-radius:1em;
	overflow: hidden;
	text-align: center;
}
.ptabs_tabs{
	display: flex;
	border-bottom: #666 solid 1px;
	flex-grow: 1;
	flex-basis: 0;
}
.ptabs_tabs span{
	display: inline-block;
	padding: 1em;
	text-transform: uppercase;
	font-weight: 600;
	font-size: 1.25em;
	flex-grow: 1;
	flex-basis: 0;
}
.ptabs_tabs span.active{
	background: var(--lpist);
}
#ptabs .meta{
	display: none;
	text-align: center;
	padding: 1em;
}
#ptabs .meta.active{
	display: block;
}

.related.products{
	clear: both;
	width: 100%;
	text-align: left;
}
.product_meta a{
	display: inline-block;
	padding: 0.25em 1em;
	background: #EEE;
	border-radius: 0.5em;
}
.product a.button{
	background: var(--dgreen) !important;
	color: white !important;
	margin-bottom: 1em !important;
	border-radius: 2em !important;
	width:100% !important;
	box-sizing: border-box;
	text-align: center !important;
}
.woocommerce-MyAccount-navigation,.woocommerce-MyAccount-content{
	width: 100% !important;
	float: none !important;
}
.woocommerce-MyAccount-content>*{
	display: block;
	background: #EEE;
	padding: 2em;
	border-radius: 1em;
	box-sizing: border-box;
}
.woocommerce-MyAccount-navigation ul{
	width: 100%;
	display: flex;
	justify-content: space-evenly;
	gap:1em;
	margin:0;
	padding: 0;
}
.woocommerce-notices-wrapper:empty{
	display: none;
}
.woocommerce-MyAccount-navigation li{
	display: block;
	list-style: none;
	line-height: 2em;
	text-transform: uppercase;
	border-radius: 0.25em;
	margin-bottom: 3px;
	padding:0 0.5em;
	text-align: left;
	font-size: 1.25em;
	font-weight: 400;
	text-align: center;
	flex-grow: 1;
}
.woocommerce-MyAccount-navigation li:nth-child(3){
	display: none;
}
.woocommerce-MyAccount-navigation li a{
	display: block;
}
.woocommerce-MyAccount-navigation li:has(a[aria-current]){
	background: var(--lgreen);
}
.woocommerce-MyAccount-navigation li:hover,.woocommerce-MyAccount-navigation li:hover a{
	background: var(--lime) !important;
	color: var(--dgreen);
}
.woocommerce-MyAccount-content{
	text-align: left;
}
.woocommerce-info{
	border-color: var(--l) !important;
}
.woocommerce-info::before{
	color: var(--lime) !important;
}
.woocommerce-MyAccount-content a{
	color: #494;
}

li.product .price{
	font-size: 1.5em !important;
	color: #095 !important;
}

.catalogos_botones{
	padding: 0;
}
.catalogos_botones a{
	display: block;
	text-align: center;
	padding: 0.5em;
	border-radius: 2em;
	background: var(--dgreen);
	color: white;
	margin-bottom: 1em;
}
.catalogos_botones a:nth-child(2){
	background: black;
}
.catalogos_botones.promos a{
	background: var(--lime);
	color: var(--dgreen);
}
.catalogos_botones a:hover{
	color: var(--dgreen);
	background: #EEE;
}

#whatsapp_link{
	float: left;
	position: fixed;
	bottom: 1em;
	left: 1em;
	color: white;
	z-index: 5;
}
#whatsapp_link>i.fa{
	font-size: 3em;
	background: #00ae41;
	width: 1.4em;
	height: 1.4em;
	line-height: 1.4em;
	border-radius: 2em;
	text-align: center;
	transition: all .25s ease-in-out;
}
#whatsapp_link>i.fa:hover{
	background: white;
	color: #49C87A;
	box-shadow: #49C87A 0 0 0 3px;
}

#category_tree{
	font-size: 0.9em;
	margin: 0;
	padding: 0;
	color: #333;
	line-height: 1.6em;
}
#category_tree li{
	list-style: none;
}
#category_tree>li{
	font-weight: bold;
	font-size: 1.2em;
	margin-top: 1em;
}
#category_tree ul{
	padding-left: 1.25em;
	margin-left: 0.25em;
	border-left: #ccc solid 1px;
}
#category_tree a:hover{
	color: var(--lime);
}

.submenu{
	position: fixed;
	top:9em;
	padding: 0 25%;
	left: 0;
	right: 0;
	z-index: 1300;
	text-align: left;
	isolation: isolate;
	filter: drop-shadow(rgba(0,0,0,0.35) 0 2px 5px);
	display: none;
	height: 0;
	overflow: visible;
}
.submenu ul{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
.submenu>ul{
	background: var(--lgreen);
	width: 20vw;
	height:32vw;
	border-radius: 2em;
	padding: 1em;
	margin: 0;
	line-height: 2em;
}
.submenu li{
	padding: 0;
	margin: 0;
	list-style: none;
	display: block;
	width: 100%;
}
.submenu>ul>li{
	border-bottom:rgba(0,0,0,0.1) solid 1px;
	line-height: 3em;
}
.submenu>ul>li>ul{
	position: absolute;
	translate: 90% 0;
	background: var(--lime);
	display: none;
	top:0;
	width: 20vw;
	height:32vw;
	padding: 1em;
	line-height: 2em;
	color: black;
}
.submenu>ul>li:hover{
	color: var(--dgreen);
}
.submenu>ul>li:hover>ul{
	display: block;
}
.submenu>ul:has(li:hover){
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}

.submenu>ul>li>ul>li{
	border-bottom:rgba(0,0,0,0.1) solid 1px;
}
.submenu>ul>li>ul>li:hover{
	color: var(--dgreen);
}
.submenu li:last-child{
	border-bottom: none !important;
}
.submenu ul>img{
	position: absolute;
	translate: 90% 0;
	display: none;
	top:0;
	width: 20vw;
	height:32vw;
	border-top-right-radius: 2em;
	border-bottom-right-radius: 2em;
}
.submenu li>img{
	position: absolute;
	translate: 90% 0;
	display: none;
	top:0;
	width: 20vw;
	height:32vw;
	border-top-right-radius: 2em;
	border-bottom-right-radius: 2em;
}
.submenu li:hover img{
	display: block;
}

.submenu button{
	padding: 0.75em;
	width: 16vw;
	translate: 1vw -7vw;
	background: black;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	color: white;
	border-radius: 2em;
	margin-top: 4em;
	font-size: 0.8em;
}
.submenu button:hover{
	background: white;
	color: var(--dgreen);
}

.ytitle{
	color: #FC5;
	text-transform: uppercase;
	font-weight: 400;
	font-size: 3em;
	display: block;
}
.ytitle:first-child{
	font-size: 4.5em;
}
.gtitle{
	color: var(--dgreen);
	text-transform: uppercase;
	font-weight: 800;
	font-size: 3em;
	display: block;
	margin-bottom: 2em;
}
.gtitle:last-child{
	margin-bottom: 0;
}

form .orderby{
	padding: 0.5em 1em;
	border:#ddd solid 1px;
	border-radius: 0.5em;
	font-size: 1.15em;
}

#tienda_content .woocommerce-info{
	background: var(--lime) !important;
	border:none !important;
	border-radius: 2em;
}
#tienda_content .woocommerce-info:before{
	color: var(--dgreen) !important;
}

#vitalael_buttons{
	height: 12em;
	display: flex;
	justify-content: space-between;
	align-content: space-between;
	align-items: start;
}
#vitalael_buttons a{
	width:12em;
	background: rgba(0,0,0,0.1);
	height: 2em;
	display: inline-block;
}
#vitalael_buttons a:nth-child(1){ translate:0 4em; }
#vitalael_buttons a:nth-child(2){ translate:-5em 7em; }
#vitalael_buttons a:nth-child(3){ translate:10em 4.5em; }
#vitalael_buttons a:nth-child(4){ translate:-1em 8em; }

.sku_wrapper{
	display: block;
	color: #794;
	margin-bottom: 1em;
	font-weight: 700;
}
.tagged_as{
	display: none !important;
}

.frase_random{
	font-family: 'Bebas Neue', Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
	font-size: 6em;
	color: black;
	margin: 0.25em 10% 0 10%;
	text-wrap:balance;
	line-height: 0.9em;
	letter-spacing: 0.05em;
}
.frase_random::first-line{
	font-size: 0.5em;
}

#socios_comerciales{
	background: #EEE;
	padding: 1em 5%;
}
#socios_comerciales img{
	max-width: 80%;
	display: block;
	margin: 0 auto;
	border-radius:2em;
}
#socios_comerciales div:has(>img){
	display: flex;
	align-items: start;
	flex-wrap: wrap;
}

.woocommerce-MyAccount-navigation li a br{
	display: none !important;
}


/* MODAL */

#modal{
	background:rgba(0,0,0,0.8);
	position:fixed;
	display:none;
	top:0;
	left:0;
	bottom:0;
	right:0;
	z-index:10;
	text-align:center;
}


/* RESPONSIVO */

.mobile_only{
	display:none !important;
}

@media all and (max-width:960px){
	.mobile_only{
		display:block !important;
	}
	.desktop_only{
		display:none !important;
	}
	.columnas2,.columnas3{
		-webkit-column-count:1;
		-moz-column-count:1;
		column-count:1;
	}
	.columnas4{
		-webkit-column-count:2;
		-moz-column-count:2;
		column-count:2;
	}
	.columnas5{
		-webkit-column-count:3;
		-moz-column-count:3;
		column-count:3;
	}
	.grid2,.grid3,.grid4,.grid5,.flex{
		display: block;
	}
	.grid2mobile{
		display: grid;
		grid-template-columns: repeat(2, 1fr);
	}
	.grid3mobile{
		display: grid;
		grid-template-columns: repeat(3, 1fr);
	}
	
	header{
		height:80px;
		font-size: 10px;
	}

	#logo img{
		height: 40px;
	}
	#menu_opener{
		float:left;
		margin: 5px;
		width:48px;
		height:48px;
		border: solid white 1px;
	}
	#menu_opener>div{
		height:2px;
		margin: 4px auto 0 auto;
		background: var(--dgreen);
		width: 36px;
		position: relative;
		top:0;
		left: 0;
		opacity: 1;
		rotate: 0deg;
		transition: all 0.25s ease-in-out !important;
	}
	#menu_opener>div:first-child{
		margin-top: 14px;
	}

	#menu_opener.opened>div:nth-child(1){ top:9px; rotate:45deg; }
	#menu_opener.opened>div:nth-child(4){ top:-9px; rotate:-45deg; }
	#menu_opener.opened>div:nth-child(2){ left:50px; opacity: 0; }
	#menu_opener.opened>div:nth-child(3){ left:-50px; opacity: 0; }

	header menu{
		position: fixed;
		left: 0;
		right: 0;
		bottom: 0;
		top:76px;
		background: rgba(30,60,10,0.9);
		backdrop-filter: blur(5px);
		padding: 2em;
		text-align: left;
		display: none;
		z-index: 119;
		max-height: none;
		font-size: 1.25em;
	}

	menu svg{
		fill:white;
		height: 1em;
		width: 1em;
		translate:0 0.25em;
	}
	menu ul{
		flex-direction: column;
	}

	menu>div>ul>li:has(ul)>a:after{
		content:'\f078';
		font-family: FontAwesome;
		font-size: 0.65em;
		display: inline-block;
		margin-left: 0.5em;
		translate: 0 -0.25em;
		float: right;
	}
	menu>div>ul>li>ul{
		display: block;
		height: 0;
		overflow: hidden;
		width: 120vw;
		background: rgba(0,0,0,0.25);
	}
	menu>div>ul>li.opened>ul{
		height: auto !important;
	}
	menu>div>ul>li.opened a:after{
		rotate: 180deg;
	}
	menu>div>ul>li>ul>li{
		margin-bottom: 0;
		width: auto;
		background: none;
	}
	menu>div>ul>li>ul>li a{
		background: none;
		padding-left: 5em;
		border-top:var(--ng) solid 1px;
		line-height: 2em;
		font-size: 0.8em;
		min-width: 18em;
	}
	#single_content{
		padding: 5%;
	}
	#tienda{
		direction: ltr;
		flex-direction: column;
	}
	#tienda>div{
		min-width: 100% !important;
	}

	menu i.fa{
		display: none;
	}
	.submenu{
		display: none !important;
	}
	footer img,footer button{
		margin: 1em auto !important;
	}
	footer{
		padding-bottom: 120px !important;
	}
	#footer_menu li a{
		display: block;
		padding: 0.5em;
		background: rgba(0,0,0,0.1);
		border-radius: 2em;
		text-align: center;
		text-transform: uppercase;
	}
	#footer_menu li{
		margin-bottom: 0.5em;
	}
}
@media all and (max-width:520px){
	.woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product{
		width:98%;
	}
}