/*
Theme Name: Catzin
Author: DonPig
Author URI: https://donpig.com/
Description: Plantilla de wordpress personalizada
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
*/

body{
	font-family: 'Montserrat',Helvetica, sans-serif;
	text-align: center;
	margin:0 0 0 0;
	cursor:default;
	font-size: 1vw;
	animation: siteAnim 1.25s 1;
}
@keyframes siteAnim{
	from{ opacity: 0; filter: blur(2em); }
	to{ opacity: 1; filter: blur(0px); }
}
input[type="button"],input[type="submit"],button{
	border:none;
	background:none;
	font-size:1em;
	cursor:pointer;
}
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: 1em;
}
.grid3{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 1em;
}
.grid4{
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-gap: 1em;
}
.grid5{
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	grid-gap: 1em;
}
.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,input,button,*[onclick],*[href],a *{
	transition: all .25s ease-in-out;
	cursor: pointer;
}
input,button,textarea,select{
	font: inherit;
}

/* GENERALES */

body>header{
	position: sticky;
	top:0;
	left:0;
	right: 0;
	z-index: 10;
	background: white;
	transition: all .25s ease-in-out;
	background: black;
	color: white;
	height: 8em;
	line-height: 4em;
	padding: 0 2.5%;
}
#brand_logo{
	height: 7em;
	margin: 0.45em;
	float: left;
}
body>header.header2 #brand_logo{
	height:5em;
}

body>header.header2{
	height: 6em;
	line-height: 3em;
	box-shadow: rgba(0,0,0,0.2) 0 0 1em;
}
#logo{
	display: block;
	float: left;
	height: 0;
	overflow: visible;
	opacity: 0.5;
}
#logo img{
	height: 1.75em;
	margin: 1em auto;
}
#logo:hover{
	opacity: 0.75;
}
body>header.header2 #logo img{
	height: 1.5em;
	margin: 0.5em auto;
}
menu{
	font-size: 1.2em;
	margin: 0;
	padding: 0;
	font-size: 0.9em;
}
menu>div>ul{
	display: flex;
	margin: 0;
	padding: 0;
	align-content: center;
	justify-content: center;
	align-items: center;
}
menu li{
	display: block;
	margin: 0;
	padding: 0;
}
menu>div>ul>li>a{
	text-transform: uppercase;
	font-weight: 600;
}
menu li>ul{
	width: 0;
	height: 0;
	transform: translate(-4em,-2px);
	display: none;
}
menu li:hover>ul{
	display: block;
}
menu li>ul>li{
	min-width: 12em;
	background: rgba(20,20,20,0.8);
	line-height: 3em;
	text-align: left;
	display: block;
}
menu li>ul>li:last-child{
	padding-bottom: 0.5em;
}

menu a{
	display: block;
	padding: 0 1em;
	margin: 0 0.5em;
}
menu a:hover{
	background: #999;
}
#social_cart{
	padding: 0 1em;
	text-align: right;
	color: white;
	float: right;
	height: 2.75em;
	overflow: hidden;
}
#social_cart a{
	display: inline-block;
	margin: 0 0.25em;
	font-size: 1.25em;
}

#social_cart a:hover{
	color: #F66;
}
#social_cart a:last-child{
	margin-left: 1em;
}
#social_cart a span{
	display: inline-block;
	line-height: 1em;
	font-size: 0.6em;
	color: white;
	background: #9BC;
	padding: 0.25em;
	border-radius: 0.35em;
	border-bottom-left-radius: 0;
	min-width: 1em;
	text-align: center;
	position: relative;
	top: -0.2em;
}

header>form{
	border-bottom: #999 solid 1px;
	margin-left: 8em;
}
header>form input{
	border: none;
	background: black url(images/search.png) left center no-repeat;
	background-size: auto 1em;
	color: white;
	font: inherit;
	font-size: 1.25em;
	padding: 0 1em;
	text-align: center;
	text-transform: uppercase;
	font-weight: 600;
	letter-spacing: 0.2em;
	width: 14em;
}
header>form input::placeholder{
	color: white;
	opacity: 0.7;
}
header>form input:focus{
	outline: 0;
}

#content{
	min-height: 80vh;
}

footer{
	text-align: left;
	background: #666;
	color: white;
	padding: 2.5% 5%;
	font-weight: 300;
}
footer>div{
	margin: 0 10%;
}
footer ul,footer li{
	margin: 0;
	padding: 0;
	list-style: none;
}
footer h4{
	text-align: center;
	font-size: 1em;
	border-top: #CCC solid 1px;
	line-height: 3em;
	margin-top: 2em;
}
footer h5{
	margin: 0 0 0.5em 0;
	font-size: 1em;
}
footer img{
	max-width: 90%;
}

footer a{
	display: block;
	line-height: 2em;
}

footer a:hover{
	text-decoration: underline;
}
#footer_social a{
	font-size: 2em;
	text-align: center;
}



/* HOME */

#home{
	overflow: hidden;
}
#home h1{
	margin: 0;
	line-height: 1.5em;
	font-size: 4em;
	text-transform: uppercase;
	letter-spacing: 0.2em;
	font-weight: 700;
}
#home img{
	width: 100%;
}
#shop_by_brand{
	height: 0;
	position: relative;
	top: 37.5vw;
	overflow: visible;
	z-index: 2;
}
#shop_by_brand a{
	display: block;
	height: 0;
	overflow: visible;
}
#shop_by_brand img{
	width: 25vw;
}
#shop_by_brand img:hover{
	transform: scale(1.05);
}

#home>div.grid2,#home>div.grid3{
	grid-gap:0;
}
#home img{
	max-width: 100%;
	display: block;
	margin: 0 auto;
}
#home img:hover{
	filter:brightness(1.5);
}

#brands{
	padding: 2.5% 2.5% 0 2.5%;
}
#brands div{
	margin: 1em 10%;
	grid-gap:5%;
}
#brands img{
	max-width: 100%;
}

section h2{
	margin: 0;
	line-height: 1.5em;
	font-size: 2em;
	text-transform: uppercase;
	letter-spacing: 0.2em;
	font-weight: 700;
	border-bottom: #CCC solid 2px;
}

#home_products{
	margin:1em 2.5%;
	border-top: #CCC solid 2px;
	padding: 5% 2.5%;
}
#home_products a{
	display: block;
	line-height: 2em;
	margin-bottom: 1em;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.2em;
}
#home_products a:hover{
	color: #999;
	letter-spacing: 0.35em;
}
#home_products img{
	max-width: 100%;
	display: block;
}
#home_products h4{
	border-bottom: #DDD solid 2px;
	margin: 0;
}
.home_product_img{
	height: max(20vw,20em);
	background-size: cover;
	background-position: center center;
}
#home_products div{
	grid-gap:2.5%;
}


.home_big>div{
	padding: 15%;
	text-align: center;
	background: #EEE;
	margin: 0 5%;
	box-shadow: rgba(255,255,255,0.2) 0 0 100vw 100vw inset,rgba(0,0,0,0.2) 45vw 0 0 0 inset;
}
.home_big>div a,#store>a{
	display: inline-block;
	padding: 0.5em 3em;
	border: black solid 2px;
	font-size: 1.25em;
}
.home_big>div a:hover,#store>a:hover{
	box-shadow: black 0 -5em 0 0 inset;
	color: white;
}

#content>.woocommerce{
	padding: 5%;
}

#store_content{
	width: 90%;
	margin: 0 auto;
	overflow: hidden;
}
#store_content .products_container{
	width: 400%;
	display: flex;
	margin-bottom: 1em;
	position: relative;
	left: 0;
}
#store_content .products_container a{
	display: block;
	width: 12%;
	margin: 0 0.25%;
	background: #EEE;
	min-height: 20vw;
}
#store_content .products_container a img{
	display: block;
	width: 100%;
}
#store_content .products_container a:hover{
	opacity: 0.75;
}


#about{
	padding: 2.5% 15%;
}
#about p{
	line-height: 1.8em;
	font-size: 1.5em;
}
#about h1{
	margin: 0;
	line-height: 1.5em;
	font-size: 3em;
	text-transform: uppercase;
	letter-spacing: 0.2em;
	font-weight: 700;
}
#history_content{
	padding: 10% 5%;
	background: url(images/hoalogo.jpg) center center no-repeat;
	background-size: contain;
	margin: 2.5% 0;
	font-weight: 400;
}

#private h1,#private h2{
	margin: 0 5%;
	line-height: 1.5em;
	font-size: 3em;
	text-transform: uppercase;
	letter-spacing: 0.2em;
	font-weight: 700;
	border-bottom: #CCC solid 2px;
	color: #CCC;
}
#private h1{
	border-bottom: none;
}
#private_content{
	padding: 5% 25%;
	color: white;
	background: black url(images/private.jpg) center center;
	background-size: cover;
	font-size: 1.25em;
	margin-bottom: 5%;
}
#private_content h3{
	font-size: 4em;
	margin: 0;
	line-height: 1em;
}
#private p{
	line-height: 1.8em;
}

#private_data{
	margin: 0 5%;
	padding: 2.5% 10%;
	font-size: 2em;
	font-weight: 700;
	border-bottom: #CCC solid 2px;
}



#products{
	padding: 5%;
}
#sidebar{
	width: 20%;
	float: left;
	text-align: left;
	min-height: 50vh;
	position: sticky;
	top: 10em;
}
#sidebar ul{
	margin: 1em 0;
	padding: 0;
}
#sidebar li{
	list-style: none;
	margin: 0;
	padding: 0;
	line-height: 2em;
}
#sidebar li a{
	display: block;
}
#sidebar li a:hover{
	color: #699;
	padding-left: 1em;
}
#sidebar li a small{
	float: right;
	display: block;
	padding: 0.5em;
	background: #EEE;
	margin-top: 0.5em;
	border-radius: 0.25em;
	line-height: 1em;
	font-size: 0.6em;
	font-weight: normal;
}

.woocommerce-tabs{
	display: none !important;
}
.products{
	width: 100%;
	clear: both;
	padding-top: 5%;
}

#products_content h2,.woocommerce-tabs h2,.products h2{
	text-align: left;
	background: none;
	text-align: center;
}
#products_content .product h2{
	text-align: center;
	font-size: 1.5em;
}

#store_control{
	text-align: left;
	font-size: 3em;
	color: #666;
	width: 95%;
	margin: 0 auto;
	position: relative;
	top: -10vw;
	height: 0;
	overflow: visible;
}
#store_control i.fa:last-child{
	float: right;
}


.woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images{
	float: left !important;
}
.woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary{
	float: right !important;
}

.summary{
	text-align: left;
}
.summary p{
	line-height: 1.5em;
}

#products>ul{
	margin: 1em 0;
	text-align: left;
	padding: 0;
	border-top: #CCC solid 1px;
	padding-top: 1em;
}
#products>ul li{
	list-style: none;
	margin: 0;
	padding: 0;
	line-height: 2em;
}
#products>ul li a{
	display: block;
}
#products>ul li a:hover{
	color: #699;
	padding-left: 1em;
}
#products>ul li a small{
	float: right;
	display: block;
	padding: 0.5em;
	background: #EEE;
	margin-top: 0.5em;
	border-radius: 0.25em;
	line-height: 1em;
	font-size: 0.6em;
	font-weight: normal;
}


form input[type="text"],form input[type="tel"],form input[type="email"],form input[type="password"],form input[type="date"],form input[type="time"],form input[type="number"],form textarea,form select{
	font:inherit;
	width: 96%;
	padding: 0.5em 2%;
	display: block;
	background: transparent;
	border: #CCC solid 1px;
	margin-bottom: 2em;
}
#captcha{
	float: left;
	text-align: left;
	width: 35%;
	min-width: 120px;
	font-weight: bold;
}
#captcha input[type="number"]{
	width: 5em;
	display: inline-block;
}
form input[type="button"],form input[type="submit"],form button{
	background: black;
	color: white;
	font-weight: 600;
	padding: 0.25em 2em;
	text-align: center;
	margin: 0 0 1em 1em;
	font-size: 1.25em;
	float: right;
}
*.button{
	background: #000 !important;
	color: white !important;
	margin-bottom: 1em !important;
	text-align: center;
}
.woocommerce ul.products li.product .button{
	display: block;
}
form input[type="button"]:hover,form input[type="submit"]:hover,form button:hover,*.button:hover{
	color: #000 !important;
	background: white !important;
	box-shadow: #000 0 0 0 3px !important;
}
*[disabled]{
	pointer-events: none !important;
}

#carrito_checkout{
	padding: 2.5% 10%;
	text-align: left;
}
#carrito_checkout h1{
	margin-top: 0;
}

h1,h2{
	font-size: 3em;
	font-weight: 200;
}

.woocommerce-product-details__short-description{
	min-height: 16em;
}

#nosotros{
	padding: 5% 20% 10% 20%;
	margin: 0 5%;
	text-align: justify;
	border-top: #CCC solid 1px;
}
#nosotros h2{
	text-align: center;
}
#nosotros img{
	width: max(20em,240px);
	display: block;
	margin: 1em auto;
}
#nosotros p{
	line-height: 1.6em;
}
#nosotros p b{
	font-weight: bold;
}
#nosotros strong{
	font-weight: bold;
	text-transform: uppercase;
}

#contacto{
	padding: 2.5% 10%;
}
#contacto h1{
	line-height: 1.5em;
	font-size: 3em;
	text-transform: uppercase;
	letter-spacing: 0.2em;
	font-weight: 700;
	margin-top: 0;
	color: #CCC;
	border-bottom: #CCC solid 2px;
}
#contacto p{
	font-size: 1.5em;
	margin-bottom: 0;
}
#contacto img{
	width: max(5em,100px);
	border-radius: max(5em,100px);
	display: block;
	margin: 0 auto;
}
#contacto form{
	display: block;
	margin: 0 auto 5% auto;
	width: 80%;
	text-align: left;
	font-size: 1.25em;
	background: url(images/hoalogo.jpg) center bottom no-repeat;
	background-size: 50%;
	padding-bottom: min(30vh,50vw);
}

#contacto_data{
	margin: 0 5% 15% 5%;
}
#contacto_data i.fa{
	font-size: 5em;
	display: block;
}
#contacto_data p{
	margin: 0;
	font-size: 1.25em;
}
#contacto_data h4{
	font-size: 1.5em;
	font-weight: normal;
	margin: 0;
}

#track{
	padding: 5% 10%;
}
.trackfree-tfree-cl{
	display: block !important;
}

#filosofia{
	margin: 5%;
	padding: 0 5%;
	background: black;
	color: white;
	min-height: 30em;
}
#filosofia>img{
	float: left;
	width: 35%;
	margin-right: 5%;
	position: relative;
	top: -5em;
}
#filosofia_content{
	width: 60%;
	float: left;
	padding: 5% 0;
}
#filosofia_content h3{
	font-size: 4em;
	letter-spacing: 0.2em;
}
#filosofia_content img{
	height: 4em;
}
#filosofia_content p{
	font-size: 1.1em;
	line-height: 1.8em;
}
#filosofia_content a{
	display: inline-block;
	margin: 1em auto;
	padding: 1em 3em;
	border: white solid 1px;
	font-size: 1.2em;
}
#filosofia_content a:hover{
	color: black;
	background: white;
}





/* 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;
}
#modal>form{
	margin: 45vh 20%;
	font-size: 2.5em;
}
#modal>form input[type="text"]{
	color: white;
	background: transparent;
}

img.attachment-woocommerce_thumbnail:hover{
	filter:brightness(1.1);
	opacity: 0.9;
}





/* BLOG */

.blog_thumb{
	display: block;
	float: left;
	width: 28%;
	margin: 0 2.66% 4em 2.66%;
	font-size: 1em;
}
#blog_articles .blog_thumb:nth-child(5n-4){
	width: auto !important;
	float: none;
	clear: both;
}
.blog_thumb>div{
	height: 12em;
	background: black;
	overflow: hidden;
	margin-bottom: 0.5em;
}
.blog_thumb img{
	display: block;
	width: 100%;
}
#blog_articles>h3{
	color: #C06;
	font-size: 3em;
}

#blog_articles .blog_thumb:nth-child(5n-4)>div{
	width: 64.33%;
	float: left;
	height: 24em;
	margin-right: 1.66%;
	margin-bottom: 4em;
}
.blog_thumb h4{
	font-size: 1.5em;
	margin: 0.2em 0 0 0;
	height: 4.5em;
	line-height: 1.25em;
	font-weight: 400;
	text-transform: uppercase;
	color: #666;
}
.blog_thumb:hover h4{
	color: #09C;
}
.blog_thumb h5{
	font-size: 0.8em;
}
.blog_thumb h6{
	text-align: right;
	font-size: 1em;
	font-style: italic;
}
.blog_thumb p{
	font-size: 0.8em;
	font-weight: 300;
}
#blog_articles .blog_thumb:nth-child(5n-4)>h4{
	padding-top: 2em;
}
.blog_thumb:hover h4,.blog_thumb:hover h6{
	text-decoration: underline;
}
.blog_thumb:hover>div{
	box-shadow: white 0 0 0 3px;
}

#blog_sidebar{
	float: left;
	width: 17%;
	padding: 2em 1.5%;
	background: #D8D6D0;
	min-height: 90vh;
	position: -webkit-sticky;
	position: -moz-sticky;
	position: sticky;
	top:6em;
	color: white;
	text-align: left;
}
#blog_sidebar h4{
	margin: 0 0 0.5em 0;
	font-size: 2em;
	line-height: 1em;
	text-transform: uppercase;
}
#blog_sidebar a{
	display: block;
	line-height: 2em;
}
#blog_sidebar input{
	margin-bottom: 1em;
}
#blog_sidebar a:hover{
	padding-left: 1em;
	color: #7A6;
}

#blog_articles{
	padding: 5% 2.5%;
	width: 75%;
	float: left;
	text-align: left;
	background: white;
	color: #565;
	min-height: 100vh;
}
#blog_articles .blog_thumb h5{
	font-size: 0.8em;
	color: #999;
}

#blog_body>header{
	background: #CCC url('https://catzin.com.mx/wp-content/uploads/2023/03/274336211_1873302359547162_7820207823659076395_n.jpg') center top no-repeat fixed;
	background-size: 100% auto;
	
}
#blog_header>h1{
	margin: 0;
	padding: 15vw 2.5% 5vw 2.5%;
	background: linear-gradient(0deg,rgba(0,0,0,0.4),rgba(0,0,0,0));
	color: white;
	font-size: 6em;
	position: relative;
	text-align: left;
	text-transform: uppercase;
	line-height: 1em;
	color: white;
}
#textos_header h1{
	color: white;
	margin: 0;
}
/* TEXTOS */

#textos_body>header{
	background: black url('https://catzin.com.mx/wp-content/uploads/2023/03/274336211_1873302359547162_7820207823659076395_n.jpg') center center no-repeat;
	padding: 15% 5% 5% 5%;
	color: white;
	background-size: cover !important;
	box-shadow: rgba(0,0,0,0.5) 0 0 100vw 100vw inset;
}

#textos_content{
	color: #666;
	line-height: 1.8em;
	padding: 10%;
	text-align: justify;
	font-weight: 300;
}
#textos_content.blog_container{
	float: left;
	padding: 5% 7.5%;
	width: 65%;
}

#textos_content h2,#nosotros h2{
	background: none;
}

#textos_content strong{
	font-size: 1.5em;
	color: #00AEEF;
}
#textos_content a{
	color: #00AEEF;
}
#textos_content img{
	display: block;
	max-width: 100%;
	margin: 0 auto;
}


#mayoreo{
	padding: 5% 10%;
}
#mayoreo h2{
	width: 100%;
	margin: 0;
}
#mayoreo div{
	grid-gap:5%;
}
#mayoreo label{
	text-align: left;
	display: block;
}

.single_add_to_cart_button{
	display: block;
	width: 100%;
	font-size: 1.5em !important;
}


#whatsapp_link{
	float: right;
	position: fixed;
	bottom: 1em;
	right: 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;
}

#content>#primary{
	padding: 5%;
	text-align: left;
}
#content>#sidebar{
	display: none !important;
}

.related h2{
	margin-bottom: 1em !important;
}

.woocommerce-product-details__short-description{
	min-height: 0 !important;
	margin-bottom: 2em;
}
.woocommerce-product-details__short-description b,.woocommerce-product-details__short-description strong{
	font-weight: 700;
}

#content>#primary .onsale{
	transform: translate(-1.5em,-1.5em);
}
li.button-variable-item{
	font-size: 1.35em !important;
}
li.button-variable-item.selected{
	box-shadow: #FA3 0 0 0 4px !important;
}


.woocommerce-MyAccount-navigation li{
	list-style: none;
	display: block;
	margin: 0.25em auto;
	padding: 0.5em 1em;
	background: #F8F8F8;
	border-radius: 0.2em;
	font-size: 1.25em;
	text-transform: uppercase;
}
.woocommerce-MyAccount-navigation li a{
	display: block;
}
.woocommerce-MyAccount-navigation li a:hover{
	opacity: 0.6;
}

.woocommerce-MyAccount-content{
	font-size: 1.25em;
	line-height: 1.8em;
	padding: 1.5%;
	box-shadow: #eee 0 0 0 1px inset;
	width: 65% !important;
	margin: 1em auto;
}
.woocommerce-MyAccount-content a{
	border-bottom: black dotted 1px;
}
.woocommerce-MyAccount-content a:hover{
	color: #C06;
	border-bottom: #C06 dotted 1px;
}

.cart-collaterals h2{
	background: none !important;
}

.reset_variations{
	display: block;
	padding: 0 1em;
	color: #C66;
}
.reset_variations:before{
	content: '×';
	font: inherit;
	font-size: 1.25em;
}

.quantity:before{
  content: "Quantity:";
  display: inline-block;
  margin: 0.5em 0;
  font-size: 1.25em;
  font-weight: bold;
}
.quantity input.qty{
	font-size: 1.5em;
	border-radius: 0.25em;
}


#search_advanced{
	background: rgba(50,50,50,0.7);
	backdrop-filter: blur(10px);
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 5;
	display: none;
}
#search_advanced>input{
	float: right;
	font-weight: 100;
	font-size: 4em;
	margin: max(12vw,60px) 2.5% 0 0;
	padding: 0;
	color: white;
}
#search_advanced form{
	width: 40%;
	text-align: left;
	min-height: 300px;
	margin: 0 auto;
	margin-top: max(10vw,60px);
	background: #555;
	color: white;
	padding: 2em;
	max-height: 72.5vh;
	overflow: auto;
	font-size: 0.8em;
	line-height: 1.5em;
}
#search_advanced_results{
	padding: 0 10%;
	max-height: 70vh;
	overflow: auto;
}
#search_advanced h4{
	margin: 1em 0 0 0;
	text-transform: uppercase;
}
#search_advanced h4:first-child{
	margin: 0;
}
#search_advanced label{
	display: block;
	padding: 3px;
	background: #484848;
}
#search_advanced input{
	outline: 0;
	accent-color:#FA0;
}
#search_advanced form input[type="button"]{
	border: white solid 1px;
	background: none;
	color: white;
	padding: 0.5em 1em;
}

li.product .price{
	text-align: center;
}
li.product .price bdi{
	font-size: 1.5em;
	text-align: center;
}
div.product .woocommerce-variation-price bdi{
	font-size: 2em;
}

li.product a.button{
	display: none !important;
}
li.product h2.woocommerce-loop-product__title:before{
	content: '+';
	display: block;
	position: relative;
	height: 0;
	overflow: visible;
	font-family: 'Montserrat',Helvetica, sans-serif;
	font-weight: 900;
	text-align: right;
	transform: translateY(-2em);
	font-size: 2em;
	padding: 0 0.25em;
}

#modal>input{
	float: right;
	color: white;
	margin: 0.5em 0.5em 0 0;
	font-size: 3em;
	font-weight: 100;
}
#modal>img{
	max-height: 90vh;
	max-width: 90%;
	display: block;
	margin: 10vh auto;
}
#knowyoursize{
	color: black;
	font-weight: 700;
	display: inline-block;
	clear: both;
	text-align: center;
	margin-bottom: 1em;
	border: black solid 2px;
	padding: 0.15em 1em;
	margin-left: 1em;
}
#knowyoursize:hover{
	background: black;
	color: white;
}
#kystit{
	margin: 0;
	font-size: 0.85em;
	line-height: 1.6em;
}

.cfvsw-selected-swatch{
	border: none !important;
	box-shadow: #89A 0 0 0 5px;
}

.summary .price{
	font-size: 3em !important;
	margin: 0 !important;
}
.variations{
	border-top: #CCC solid 1px !important;
}
.variations label{
	display: inline-block !important;
	font-size: 1.25em !important;
	margin-top: 1em !important;
}

.woocommerce div.product div.images .flex-control-thumbs li{
	width: 16.6666%;
}
#add_payment_method table.cart img, .woocommerce-cart table.cart img, .woocommerce-checkout table.cart img{
	width:100px !important;
}


/* RESPONSIVO */

.mobile_only,.mobile_only_inline{
	display:none !important;
}

@media all and (max-width:960px){
	body{
		font-size:16px;
	}
	.mobile_only{
		display:block !important;
	}
	.mobile_only_inline{
		display:inline-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);
	}
	
	#home_products>div>a{
		display: block;
		background: #EEE;
		margin-bottom: 0.5em;
	}
	
	body>header{
		height:50px !important;
		background: black;
	}
	header br{
		display: none;
	}
	header>form{
		display: inline-block;
		border-bottom: none;
		line-height: 2.35em !important;
	}
	
	#logo{
		padding: 0 !important;
		height: 50px !important;
	}
	#logo img{
		max-height: 3vw !important;
		margin: 15px 0 15px 15px !important;
	}
	#menu_opener{
		float:left;
		margin: 5px;
		width:40px;
		height:40px;
		background: #666;
		border-radius: 0.2em;
	}
	#menu_opener>div{
		height:2px;
		margin: 2px auto 0 auto;
		background: white;
		width: 30px;
		border-radius: 0.2em;
	}
	#menu_opener>div:first-child{
		margin-top: 12px;
	}
	
	menu{
		background: rgba(0,0,0,0.75);
		backdrop-filter:blur(10px);
		color: white;
		text-align: left;
		padding: 5%;
		position: fixed;
		top: 50px;
		left: 0;
		right: 0;
		width: 100%;
		margin: 0;
		bottom: 0;
		display: none;
	}
	menu a{
		display: block;
		margin: 0;
		line-height: 3em;
	}
	menu>div>ul{
		display: block;
		line-height: 2em;
	}
	menu>div>ul>li>ul{
		width: auto;
		height: auto;
		display: block;
	}
	
	menu>div>ul>li>a{
		padding: 0;
		line-height: 2.5em;
	}
	menu>div>ul>li>ul>li{
		background: none;
	}
	menu>div>ul>li>ul>li>a{
		padding: 0 2em;
		line-height: 2.5em;
	}
	
	#social_cart{
		line-height: 50px;
		padding: 0;
		margin: 0 1em;
		height: 48px;
		overflow: hidden;
		font-size: 3vw;
	}
	
	section h2{
		letter-spacing: 0;
		font-size: 2em;
	}
	section h3{
		font-size: 1.5em;
		width: auto;
	}
	
	#contacto form{
		font-size: 1em;
	}
	#contacto form label{
		display: block;
		margin-bottom: 1em;
	}
	#contacto_data>div{
		margin-bottom: 2em;
		font-size: 0.8em;
	}
	
	
	#filosofia{
		margin: 10% 0;
	}
	#filosofia>*{
		float: none;
		width: auto;
	}
	
	
	#home h1{
		font-size: 8vw;
	}
	
	#slider_control{
		top: -1.5em;
	}
	
	
	#sidebar,#products_content,#single_product{
		width: auto !important;
		float: none;
		margin: 0 0 5% 0;
		padding: 0;
		position: static !important;
		min-height: 0;
	}
	#sidebar ul{
		display: none;
	}
	li.product{
		font-size: 0.8em;
	}
	
	h1,h2{
		font-size: 2em;
	}
	footer{
		text-align: center;
		font-size: 0.8em;
	}
	
	#nosotros{
		padding: 5% 0;
		text-align: left;
	}
	#contacto{
		padding: 5%;
	}
	.woocommerce-product-details__short-description{
		min-height: 0;
		font-size: 0.8em;
		margin-bottom: 1em;
	}
	#track{
		padding: 5%;
	}
	
	#blog_articles,#blog_sidebar,#textos_content{
		width: auto !important;
		float: none !important;
	}
	#blog_sidebar{
		min-height: 0;
		padding: 10%;
		font-size: 1.2em;
		line-height: 1.6em;
		position: static !important;
	}
	
	.blog_thumb,.blog_thumb:nth-child(5n-4){
		width: 100% !important;
		float: none;
		margin: 1em auto;
		padding-bottom: 1em;
		border-bottom: white solid 1px;
	}
	.blog_thumb:nth-child(5n-4)>div{
		height: 14em;
		width: auto !important;
		float: none !important;
	}
	.blog_thumb>h4,.blog_thumb:nth-child(5n-4)>h4{
		margin: 0.5em 0 !important;
		height: auto !important;
		padding: 0 !important;
	}
	.blog_thumb>p,.blog_thumb>h6{
		display: none;
	}
	.blog_thumb>div{
		height: auto !important;
		max-height: 40vh;
		margin-bottom: 0 !important;
	}
	#textos_header h1{
		text-align: center;
		font-size: 2em;
		
	}
	#private h1,#private h2{
		font-size: 2em;
	}
	#private_content,#private_data,#private_content p,#private_data p{
		font-size: 1em;
	}
	#private_content{
		padding: 5%;
		box-shadow: rgba(20,20,20,0.5) 0 0 100vh 100vh inset;
	}
	#private_data{
		padding: 5%;
	}
	#private_content h3{
		font-size: 2em;
	}
	.woo-variation-product-gallery{
		width: auto !important;
	}
	header>form{
		margin: 0 !important;
		padding: 0 !important;
		background: #333;
	}
	#search_advanced_results{
		display: none;
	}
	#brand_logo{
		display: none;
	}
}