/*
Theme Name:   Eventos FAC
Description:  Eventos FAC - Bon Soleil	
Author:       Jordan Oliveras
Template:     storefront
Version:      1.0
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  eventos-child
*/

/* Acá empezarías a personalizar tu tema con código CSS */
.top0{margin-top:0px}
.top10{margin-top:10px}
.top20{margin-top:20px}
.top30{margin-top:30px}
.top60{margin-top:60px}
.bot10{margin-bottom:10px}
.bot20{margin-bottom:20px}
.bot30{margin-bottom:30px}
.events {margin:30px 0px;}
.woocommerce-tabs.wc-tabs-wrapper, .single-product div.product .product_meta, .woocommerce-breadcrumb, .storefront-breadcrumb, .storefront-sorting { display:none;}

.site-header {border:none;}
/*.col-full { max-width:100%;}*/
.home {}
.home h1 { font-size:60px; color:#68963b; text-align:center;}
.overflow {overflow:hidden;}
.events { width:100%; max-width:1400px; margin: 0px auto 50px;}
nav, .site-header-cart .cart-contents .count, .site-header-cart .cart-contents .amount { font-family: 'Titillium Web', sans-serif; }
.site-main { margin-top:80px;}

/*Page Product*/
.single-product div.product p.price { font-size:30px !important; margin:10px 0px 30px !important;}
h1.product_title { margin:0px 0px 10px !important; border-bottom: 1px solid #6d8e3d;}
.single-product div.product table.variations select { padding:10px 20px 10px 10px !important;}
.type-product {margin:90px 0px; padding:0px 50px;}

/*HOME*/
ul.event { list-style:none; padding:0px; margin:0px;}
	ul.event li{ width:100%; /*width:32%; margin-right:1% !important;*/ float:left; /*min-height:975px;*/ }
	ul.event li:last-child {margin-right:0%;}
	/*Padel*/
	ul.event li.padel{ background:#075725 url(img/bg-padel2018.jpg) repeat-x center top; -webkit-filter: grayscale(100%); filter: grayscale(100%);}
		ul.event li.padel p{ text-align:center !important;}
		ul.event li.padel img.letras{ width:80%; display: block; margin: 20px auto; -webkit-filter: grayscale(100%); filter: grayscale(100%);}
		ul.event li.padel img.ninot{ width:100%; -webkit-filter: grayscale(100%); filter: grayscale(100%);}
		ul.event li.padel img.inscri{ width:60%; display: block; margin:0px auto; -webkit-filter: grayscale(100%); filter: grayscale(100%);}
	/*Padel 2019*/
	ul.event li.padel19{ width:100%; margin-right:0% !important; float:left; background:#b4ffd4;}
		ul.event li.padel19 img{ margin:0px auto;}
		
	/*Padel 2021*/
	ul.event li.padel21{ width:100%; max-width:1400px; margin-right:0% !important; float:none; height: auto; background-image: url(img/fondo_padel_solidario.jpg); background-size: cover; background-position:center; text-align:center;}
		ul.event li.padel21 a{ width:100%; height:100%; display:block; margin:0px auto;}
		ul.event li.padel21 span.none{ display:none;}
		ul.event li.padel21 img.letras{ width:80%; height:auto; display: block; margin: 20px auto;}

	/*Clean Up Day*/
	ul.event li.cleanupday{ width:100%; max-width:1400px; margin-right:0% !important; float:none; height: auto; background-image: url(img/fondo_clean_upday.jpg); background-size: cover; background-position:center; text-align:center;}
		ul.event li.cleanupday a{ width:100%; height:100%; display:block; margin:0px auto;}
		ul.event li.cleanupday span.none{ display:none;}
		ul.event li.cleanupday img.letras{ width:80%; height:auto; display: block; margin: 20px auto;}
		
	/*Save the Day*/
	ul.event li.savetheday{ width:100%; max-width:1400px; margin-right:0% !important; float:none; height: auto; /*background-image: url(img/bg_cena2025.jpg); background-size: cover; background-position:center;*/ text-align:center; padding:0px 0px; background:#f3e6a3; }
		ul.event li.savetheday a{ width:100%; height:100%; display:block; margin:0px auto;}
		ul.event li.savetheday span.none{ display:none;}
		ul.event li.savetheday img.letras{ width:60%; height:auto; display: block; margin: 0px auto;}
	
	/*Cena*/
	ul.event li.cena{ background:#e4f1e3; border:5px solid #5e5e5e; outline: 1px dashed #fff; outline-offset: -10px; -webkit-filter: grayscale(100%); filter: grayscale(100%);}
		ul.event li.cena img.cenefa{ display: block; margin: 40px auto; width:60%; }
		ul.event li.cena img.cena_txt{ display: block; margin: 80px auto; width:80%; }
		ul.event li.cena img.cena_tene{ display: block; margin: 50px auto; width:45%; }
	/*Cena 50Aniversario*/
	ul.event li.cena50{ width:100%; max-width:1400px; margin-right:0% !important; float:left; height: 50vh; background-image: url(img/invitacion50anive_completo.jpg); background-size: cover; background-position:center;}
		ul.event li.cena50 a{ width:100%; height:100%; display:block;}
		ul.event li.cena50 span.none{ display:none;}

	/*Cross*/
	ul.event li.cross { background:url(img/cross_fons_bn.png) center top;}
		ul.event li.cross img.cross_txt{ display: block; margin: 700px auto 0px; width:70%; -webkit-filter: grayscale(100%); filter: grayscale(100%);}

	ul.taller { list-style:none; padding:0px; margin:0px;}
		ul.taller li{ width:32%; margin-right:1% !important; float:left; min-height:845px;}		
		ul.taller li:last-child {margin-right:0%;}
	/*Yoga*/
	ul.taller li.yoga{ background:#075725 url(img/bg_yoga.png) center center; position:relative; -webkit-filter: grayscale(100%); filter: grayscale(100%);}		
		ul.taller li.yoga img.titol_yoga{ width:80%; display: block; margin: 40px 30px; -webkit-filter: grayscale(100%); filter: grayscale(100%);}		
		ul.taller li.yoga img.data_yoga{ width:80%; display: block; position:absolute; bottom:10px; left:10px; -webkit-filter: grayscale(100%); filter: grayscale(100%);}	
	/*Meditacion*/
	ul.taller li.meditacion{  background:#075725 url(img/bg_meditacion.png) no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; position:relative; -webkit-filter: grayscale(100%); filter: grayscale(100%);}
		ul.taller li.meditacion img.titol_meditacion{ width:60%; display: block; margin: 40px 0px 30px 20px; }		
		ul.taller li.meditacion img.data_meditacion{ width:70%; display: block; margin: 30px auto 0px 20px; }
	/*alimentacion*/	
	ul.taller li.alimentacion{  background:#075725 url(img/bg_alimento.png) no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; position:relative;}
		ul.taller li.alimentacion img.titol_alimento{ width:80%; display: block; margin: 40px 0px 30px 20px; position:absolute; bottom:90px; left:10px;}		
		ul.taller li.alimentacion img.data_alimento{ width:50%; display: block; margin: 30px auto 0px 20px; position:absolute; bottom:30px; left:10px;}
	/*cruz roja*/	
	ul.taller li.taller_creuvermella{  background:#fffaef url(img/cruz_roja_vertical_completo.jpg) no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; position:relative; webkit-filter: grayscale(100%); filter: grayscale(100%);}
		ul.taller li.taller_creuvermella h5{ display:none;}
	/*yogafamilia*/	
	ul.taller li.taller_yogafamily{  background:#fffaef url(img/yoga-en-familia2.jpg) no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; position:relative; grayscale(100%); filter: grayscale(100%);}
		ul.taller li.taller_yogafamily h5{ display:none; webkit-filter: }
	/*postural*/	
	ul.taller li.taller_postural{  background:#fffaef url(img/postural_vertical.jpg) no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; position:relative;}
		ul.taller li.taller_postural h5{ display:none;}
		
	
	/*clases*/
	ul.clases { list-style:none; padding:0px; margin:0px;}
		ul.clases li{ width:32%; margin-right:1% !important; float:left; min-height:460px;}		
		ul.clases li.frances{ background:#eee url(img/bg_frances.jpg) no-repeat left top; position:relative;}		
		ul.clases li.frances img.titol_frances{ width:45%; display: block; position:absolute; top:40px; right:30px;}		
		ul.clases li.frances img.symbol_frances{ width:35%; display: block; position:absolute; bottom:25px; right:30px;}
		ul.clases li.frances img.semana_frances{ width:45%; display: block; position:absolute; bottom:180px; right:0px;}
		ul.clases li.no_stock { background:#eee url(img/bg_frances.jpg) no-repeat left top; position:relative; -webkit-filter: grayscale(100%) !important; filter: grayscale(100%) !important;}
		ul.clases li.no_stock img.titol_frances{ width:45%; display: block; position:absolute; top:40px; right:30px;}		
		ul.clases li.no_stock img.symbol_frances{ width:35%; display: block; position:absolute; bottom:25px; right:30px;}
		ul.clases li.no_stock img.semana_frances{ width:45%; display: block; position:absolute; bottom:180px; right:0px;}
		
	.single-product div.product form.cart .quantity { display:block !important; /*border:1px solid red;*/}
	.tm-options-totals {/*display:none !important;*/}
	.tc-extra-product-options .tmcp-field-wrap .price.tc-price {/*display:none !important; */}
	
/*FOOTER*/
footer p{ text-align:center; display: block; margin:0px auto;}		
footer p img.facfooter{ width:180px; display: block; margin:0px auto;}		
		
@media (max-width:1200px) {
	ul.event li{ width:32%; margin-right:1% !important; float:left; min-height:784px;}
		ul.event li.cross img.cross_txt{margin: 620px auto 0px; }
	}
@media (max-width:960px) {
	ul.taller li, ul.clases li{ width:100%; display:block; min-height:500px; margin:15px 0px;}
		ul.taller li.yoga{ background:#075725 url(img/bg_yoga.png) no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;}
		ul.taller li.yoga img.titol_yoga{ width:60%; display: block; margin: 20px 0 40px 30px; }		
		ul.taller li.yoga img.data_yoga{ width:45%; display: block; position:absolute; top:160px ; left:30px;}	
		ul.clases li{ width:100%; margin-right:1% !important; float:left; min-height:400px;}	
		ul.clases li.frances img.titol_frances{ width:45%; display: block; position:absolute; top:40px; right:30px;}		
		ul.clases li.frances img.symbol_frances{ display: none;}
		ul.clases li.no_stock img.symbol_frances{ display: none;}
		ul.clases li.no_stock img.semana_frances, ul.clases li.frances img.semana_frances{ bottom:30px; right:0px;}
		/*cruz roja*/	
		ul.taller li.taller_creuvermella{  background:#fffaef url(img/cruz_roja_horizontal_completo.jpg) no-repeat center left; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; position:relative; webkit-filter: grayscale(100%); filter: grayscale(100%);}
		/*yogafamilia*/	
		ul.taller li.taller_yogafamily{  background:#fffaef url(img/yoga-en-familia_horizontal2.jpg) no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; position:relative; webkit-filter: grayscale(100%); filter: grayscale(100%);}
		/*postural*/	
		ul.taller li.taller_postural{  background:#fffaef url(img/postural_horizontal.jpg) no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; position:relative;}
	}
@media (max-width:768px) {
	ul.event li{ width:100%; display:block; min-height:350px; margin:15px 0px;}
		ul.event li.padel img.letras{ width:40%; float:left; margin: 50px 0px 0px 50px;}
		ul.event li.padel img.ninot{ width:50%;}
		ul.event li.padel img.inscri{ width:40%; float: left; margin:-130px 0 0 50px;}
		ul.event li.cena img.cenefa{ display: block; margin: 40px auto 20px; width:15%;}
		ul.event li.cena img.cena_txt{ display: block; margin: 20px auto; width:60%; }
		ul.event li.cena img.cena_tene{ display: block; margin: 50px auto; width:15%; }
		ul.event li.cross img.cross_txt{ display: block; margin: 80px auto 0px; width:70%; }
	}
@media (max-width:568px) {
	
}