/*
Theme Name:  Twenty Twenty One child
Description: Tema hijo para hacer personalizaciones de código
Author:      Webempresa
Author URL:  
Template:    twentytwentyone
Version:     1.0
License:     GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentytwentyone-child
*/


body, p{
	font-size: 1rem;
}

h1,h2, h3, h4, h5{
	text-align: center;
}

.site-header{
	background: #38003c;
	max-width: 100% !important;
	padding-top: 1rem !important;
	padding-bottom: 1rem !important;
	padding: 0 10%;
	color: white !important;
}



.primary-menu-container li a{
	color: white !important ;
	font-family: 'Bebas Neue';
	font-size: 1.5rem;

}

.primary-navigation-open .primary-navigation > .primary-menu-container{
	background: #38003c;
}

.primary-navigation-open .menu-button-container{
	background: #38003c !important;
	border: none;
}

.menu-btn-inscribete{
	background-color: #db9600;
	color: white !important ;
	font-family: 'Bebas Neue';
	font-size: 1.5rem;
	margin-left: 1rem;

}


.menu-button-container #primary-mobile-menu .dropdown-icon{
	color: white;
}


.wrap-s{
	max-width: 1200px;
	margin: 0 auto;
}

@media (max-width: 600px){
	.site-header{
		height: 70px;
	}
}
/********* HOME **********/


.horario-box{
	display: flex;
	flex-direction: column;
	max-width: 700px;
	margin: 0 auto;


}

.horario-item{
	display: flex;
	justify-content: space-between;

}

.horario-item p, .horario-item h3{
	text-align: left;
}

.horario-info, .horario-img{
	width: 40%;
}

.horario-img img{
	max-width: 300px;
	margin-bottom: 1rem;
}

.horario-time p{
	font-size: 2rem;
	font-weight: 700;
	font-family: 'Bebas Neue',sans-serif;
	border: 3px dotted;
	padding: 0px 8px;
	background: #38003c;
	color: #db9600;

}

.horario-time:after{
	content: '';
	border-left: 3px dotted;
	border-color: #38003c;
	color: #38003c;
	width: 2px;
	display: block;
	height: 100%;
	margin: 0 auto;
}

.horario-time:last-of-type:after{
	display: none;
}



@media (max-width: 600px){

	.horario-item{
		flex-wrap: wrap;
		margin-bottom: 2rem;

	}
	.horario-img, .horario-img img, .horario-info{
		width: 100%;
		

	}

	.horario-info{
		order: 3;
		padding: 0 1rem;
	}

	.horario-img img{
		max-width: 100%;
	

	
	}

	.inscribete-double a:first-of-type{
		margin-bottom: 1rem;
	}

	.section-title{
		font-size: 3rem;
	}


}
/***** INSCRICPCIONES *****/


.inscripcion-intro{
	padding:2rem;

}

.inscripcion-intro h1{
	color: black;
}

.categorias{
	background-color: #eeeeee;
}

.categorias-box{
	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
	
}

.categorias-item{
	padding: 3rem 2rem;
	width: 50%;
}

.categorias-item h2{
	text-align: left;
}

.categorias-item p{
	margin-bottom: .8rem;
}

.categorias-item i{
	margin-right: 8px;
}

.incluye, .categorias, .inscribete, .faqs{
		padding: 6rem 1rem;
}

.section-title{
	margin-bottom: 2rem !important;
}

.torneo-info{
	text-align: center;
	color: black;
	margin-bottom: 2rem;
}


.incluye{
	text-align: center;
	background: url('https://3pa3eltiemblo.es/wp-content/uploads/2023/07/agua2.jpg') left bottom;
	background-attachment: fixed;
	margin-bottom: 0;
	}


.incluye-box, .intro-cat-box{
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	margin-bottom: 2rem;
	
}

.incluye-item{
	background-color: white;
	width: 32%;
	padding: 2rem;
	box-shadow: 5px 5px 10px black;
}

.incluye-item.intro-cat-item{
		background-color: #38003c;
		width: 32%;
		padding: 1rem;
		box-shadow: none;
	
}


.incluye-item.intro-cat-item h2{
			color:#db9600;
		font-size: 2.5rem;
	
}

.incluye-item.intro-cat-item p{
	color:#db9600;
		font-size: 1.5rem;
		text-align: center;
		font-family: 'Bebas Neue',sans-serif;;
}



.incluye-item img{
	max-width: 100px;
}

.price-box{
	background-color: white;
	box-shadow: 5px 5px 10px black;
	padding: 2rem;
	font-weight: 600;
}

.price{
	font-size: 2.4rem;
	font-weight: 700;
	font-family: 'Bebas Neue';
}

.price-explain{
	font-size: 14px;
	font-style: italic;
}


.price-info{

	font-size: 1.2rem;
}

.inscripciones-premios{
	padding: 4rem 0;
}





.plazas h2, .plazas h3, .plazas p{
	color: white;
	font-weight: 700;
}

.plazas h3:last-of-type, .plazas .btn-inscripcion{
	margin-bottom: 2rem;
}
.inscribete{
	text-align: center;
	background: url('https://3pa3eltiemblo.es/wp-content/uploads/2023/06/basketball-4559470_1920.jpg');
	background-attachment: fixed;

}

.btn-inscripcion{
	font-size: 2rem;
	font-family: 'Bebas Neue';
	background: #ffad0e;
	padding: 1rem 3rem;
	display: inline-block;
	text-decoration: none;

}

.btn-triples{
	font-family: 'Bebas Neue';
	background: #ffad0e;
		text-decoration: none;
		font-size: 1.5rem;
		padding: 5px 10px;
		margin-bottom: 10px;
		display: inline-block;

}

.donde-estamos{
	padding:  3rem 0;
	background: #eeeeee;
}

.donde-estamos-box{
	display: flex;
	justify-content: center;
	font-size: 1rem;
}

.address-intro{
	margin-bottom: 2rem;
}

.direccion, .map{
	width: 47%;
}

.direccion{
	margin-right: 3%;
}


.faq-container {
  max-width: 600px;
  margin: 0 auto;
}

.faq-item {
  margin-bottom: 10px;
}

.question {
  font-weight: bold;
  cursor: pointer;
  padding: 1rem;
  background: #eeeeee;
  font-size: 1.1rem;
  border-left: 4px solid #ffad0e;
}

.answer {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease-out;
    padding: 10px 0;

  font-size: 1rem;
  padding-left: 1rem;
  background: #ffad0e;
  color: white;
  font-weight: 600;
  visibility: hidden;
}


.torneo-title{
	background: yellow;
}




.torneo-intro-data{
	font-family: 'Bebas Neue';
	display: flex;
	justify-content: center;
	color: #38003c;
	margin-bottom: 2rem;
}


.torneo-intro-data p{
		font-size: 2rem;

}

.torneo-intro-data .torneo-date{
			margin-right: 2rem;

}

.torneo-intro-data i {
	margin-right: 15px;
}

.torneo-intro{
	padding: 3rem 0;
}


@media (max-width: 600px){
	.torneo-intro-data{
		flex-direction: column;
		text-align: center;
	}
}

@media (max-width: 600px){

	.inscripcion-intro h1{
		font-size: 3rem;
	}

	.inscripcion-intro h2{
		font-size: 2rem;
		margin-bottom: 1rem;
	}

	.torneo-intro-data p{
		font-size: 1.5rem;

	}

	.torneo-intro-data .torneo-date{
		margin-right: 0;
	}



	.incluye, .categorias, .inscribete, .faqs{
		padding: 2rem 0;
	}

	.inscribete{
		background-position: bottom;
	}

	.categorias-box, .incluye-box{
		flex-wrap: wrap;
		flex-direction: column;
		justify-content: center;
	}
	.categorias-item{
		width: 100%;
		padding: 0 1rem;
	}

	.incluye{
		padding: 2rem;
	}

	.incluye-item, .incluye-item.intro-cat-item{
		width: 100%;
		margin-bottom: 1rem;
	}

	.donde-estamos-box{
		flex-direction: column;
		padding: 1rem;
	}

	.direccion, .map{
		width: 100%;
		margin-right: 0;
		
	}

	.direccion{
		margin-bottom: 1rem;
	}


}

/***** horario ******/

.horario {
	padding: 6rem 0;
}

@media (max-width: 600px){
	.horario{
		padding:1rem;
}

}

/******* ELTORNEO ******/



/*********** premios *************/

.torneo-premios div{
	display: flex;
	justify-content: space-between;
}

.premios-item{
	width: 20%;
	background: #eeeeee;
	text-align: center;
	padding: 2rem;
}

.premios-item:nth-child(odd){
	background: #DEDDDD;
}

.premios-item h3{
	font-size: 3rem;
	font-family: 'Bebas Neue';
}



.inscripciones-premios .premios-item{
	width: 20%;
	background: #db9600;
	text-align: center;
	padding: 2rem;
	color: white;
}

.inscripciones-premios .premios-item:nth-child(odd){
	background: #38003c;
}


@media (max-width: 600px){
	.inscripciones-premios .premios-item{
		width: 32%;
		margin-bottom: 10px;
		padding: 1rem;
	}


	.torneo-premios div{

		flex-wrap: wrap;
		justify-content: center;
	}


}

.destacado{
	display: flex;

}

.destacado article{
	width: 50%;
}

.destacado-img{
	display: flex;
	flex-direction: column;
	justify-content: center;
	color: white;

}

.destacado-img h2{
	font-size: 4rem;
}

.destacado-info{
	max-width: 36%;
	padding: 2rem;
}

.piscina{
	background: url('https://3pa3eltiemblo.es/wp-content/uploads/2023/06/agua.jpg');
	background-attachment: fixed;
}

.fiesta {
	background: url('https://3pa3eltiemblo.es/wp-content/uploads/2023/06/fiesta.jpg') center;
		background-attachment: fixed;
}

.concursos div{
	display: flex;
	justify-content: space-between;
}

.concurso-item{
	width:40%;
}

.concurso-item img{
	max-width: 80%;
}


.inscripcion-mini{
	display: flex;
	justify-content: center;
	padding: 3rem;
}


@media (max-width: 600px){
	.inscripcion-mini{
		padding: 10px;

	}
}



footer{
	display: flex;
	justify-content: space-between;
	background: black;
color: white;
	padding: 1rem 15%;}


	.no-widgets .site-footer{
		max-width: 100% !important;
		width: 100%;
		margin-top: 0 !important;
	}

	footer .patrocinadores p, footer .colaboradores p, footer .organiza p{
		font-size: 1.5rem;
		font-weight: 700;
	}

	footer ul li{
		list-style: none;
	}

	footer .patrocinadores li{
		font-weight: 700;
	}

	footer .colaboradores li{
		font-size: 1rem;
	}

	.sub-footer{
		background-color: #eeeeee;
		font-size: 14px;
		text-align: center;
		text-decoration: none;
		padding: 2rem;
	}

	.sub-footer a{

		font-size: 12px;
		text-align: center;
	}

		.sub-footer a:first-of-type{
			margin-right: 10px;
	}


	@media (max-width: 600px){
		footer{
			flex-direction: column;
		}
	}

/* SISTEMA Y TEMPORALES */
	.primary-navigation .current-menu-item > a:first-child, .primary-navigation .current_page_item > a:first-child{
		text-decoration: none !important;
	}

	.hide{
		display: none;
	}