/*
 Theme Name:   Cruzadas
 Theme URI:    https://generatepress.com
 Description:  Tema de WordPress desarrollado para el sitio web de cruzadas - Este tema esta basado en GeneratePress
 Author:       Nelson Grez
 Author URI:   https://www.nelsongrez.cl
 Template:     generatepress
 Version:      0.1
*/

/*----------------------------------------------------------*/
/* - fuentes personales - */
/*----------------------------------------------------------*/

@font-face {
    font-family: 'playlistscript';
    src: url('font/playlist_script-webfont.eot');
    src: url('font/playlist_script-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/playlist_script-webfont.woff2') format('woff2'),
         url('font/playlist_script-webfont.woff') format('woff'),
         url('font/playlist_script-webfont.ttf') format('truetype'),
         url('font/playlist_script-webfont.svg#playlistscript') format('svg');
    font-weight: normal;
    font-style: normal;

}

/*----------------------------------------------------------*/
/* - Estilos generales - */
/*----------------------------------------------------------*/

/*
	object-fit: cover;
	object-position: center;
*/

:root {
  --color-principal: #7d170f;
  --color-secundario:;
  --color-blanco: #ffffff;
  --color-negro: #000000;
  --color-gris-oscuro: #333333;
  --fuente-principal: 'playlistscript';
}

html {
  box-sizing: border-box;
}
*, *:before, *:after {
  box-sizing: inherit;
}

.contenedor-full {
	width: 100%;
}

.contenedor {
	width: 90%;
	max-width: 1100px;
	margin: 0 auto;
}

.main-navigation .main-nav ul li[class*="current-menu-"] > a, .main-navigation .main-nav ul li:hover > a, .main-navigation .main-nav ul li:focus > a, .main-navigation .main-nav ul li.sfHover > a {
	border-bottom: 3px solid var(--color-principal);
}

.imagen-cabecera__foto {
	width: 100%;
	height: 200px;
	object-fit: cover;
	object-position: center;
}

/*----------------------------------------------------------*/
/* - Título secciones - */
/*----------------------------------------------------------*/

.contenedor-seccion {
	margin: 50px 0 0 0;
}

.titulo-secciones, .entry-header {
	display: flex;
	justify-content: center;
}

.titulo-secciones__texto, .entry-title {
	font-family: var(--fuente-principal);
	position: relative;
	margin-bottom: 30px;
	padding-bottom: 10px;
	font-size: 48px;
}

.titulo-secciones__texto::after, .entry-title::after {	
	content: "";
    height: 3px;
    position: absolute;
    width: 40px;
    /*right: calc(50% - 50px);*/
    left: 0px;
    bottom: 0px;
    background-color: var(--color-principal);
}

.titulo-secciones__texto--blanco {
	color: var(--color-blanco);
	margin: 50px 0 30px 0;
}

.titulo-secciones__texto--blanco::after {	
    background-color: var(--color-blanco);
}

/*----------------------------------------------------------*/
/* - Botones - */
/*----------------------------------------------------------*/

.contenedor-boton {
	margin-top: 40px;
}

.contenedor-boton__link, .wp-block-button__link {
	font-size: 20px;
	color: var(--color-blanco) !important;
	background-color: var(--color-principal) !important;
	padding: 16px 50px;
	border-radius: 50px;
	text-decoration: none;
}

.contenedor-boton__link:hover, .wp-block-button__link:hover {
	background-color: var(--color-gris-oscuro) !important;
}

/*----------------------------------------------------------*/
/* - Redes sociales before header - */
/*----------------------------------------------------------*/

.cont-before-header {
	background-color: var(--color-gris-oscuro);
}

.cont-before-header__contenedor {
	display: flex;
	justify-content: flex-end;
}

.redes-sociales__icono {
	color: var(--color-blanco);
	font-size: 20px;
	padding: 5px 10px;
	margin: 0 5px;
}

.redes-sociales__icono:hover {
	color: var(--color-principal);
}


/*----------------------------------------------------------*/
/* - Hero section inicio - */
/*----------------------------------------------------------*/

.hero-section__contenedor{
	max-width: 100%;
	min-height: 50vh;
	padding: 60px 0;
	position: relative;
	background-position: center;
	background-size: cover;
	background-attachment: fixed;
}

.hero-section__contenedor:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: linear-gradient(
		90deg,
		rgba(0,0,0,.4),	
		rgba(0,0,0,.4)
	);
}

.hero-section__wrap {
	max-width: 1100px;
	margin: 0 auto;
	min-height: 50vh;
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-start;
	align-items: center;
}

.hero-section__contenido{
	flex-basis: 60%;
	color: var(--color-blanco);
	z-index: 2;
	padding: 0 20px;
}

@media (max-width: 767.98px) {
	.hero-section__contenedor{
		background-attachment: inherit;
	}
	.hero-section__contenido{
		flex-basis: 100%;
	}	
}

/*----------------------------------------------------------*/
/* - Pilares inicio - */
/*----------------------------------------------------------*/

.pilares {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-evenly;	
}

.caja-contenido {
	display: flex;
	flex-flow: column wrap;
	width: calc(33.33% - 30px);
	-webkit-box-shadow: 0px 9px 15px -5px rgba(0,0,0,0.6);
	-moz-box-shadow: 0px 9px 15px -5px rgba(0,0,0,0.6);
	box-shadow: 0px 9px 15px -5px rgba(0,0,0,0.6);	
}

.caja-contenido__contenedor-imagen {
	width: 100%;
	height: 250px;
	background-size: cover;
    background-repeat: no-repeat;
    background-position:center;
}

.caja-contenido__contededor-textos {
	flex-grow: 1;
	color: var(--color-blanco);
	padding: 5%;
	text-align: center;
}

@media (max-width: 991.98px) {
	.pilares {
		flex-flow: column wrap;
	}
	.caja-contenido {
		flex-flow: row nowrap;
		width: 100%;
	}
	.caja-contenido:nth-child(odd) {
		flex-flow: row-reverse nowrap;
	}
	.caja-contenido__contenedor-imagen {
		width: 50%;
		height: auto;
	}
	.caja-contenido__contededor-textos {
		flex-grow: 0;
		width: 50%;
	}
}

@media (max-width: 575.98px) {
	.caja-contenido {
		flex-flow: column nowrap;
	}
	.caja-contenido:nth-child(odd) {
		flex-flow: column nowrap;
	}
	.caja-contenido__contenedor-imagen {
		width: 100%;
		height: 200px;
	}
	.caja-contenido__contededor-textos {
		width: 100%;
	}
}	

/*----------------------------------------------------------*/
/* - Nuestras cifras - */
/*----------------------------------------------------------*/

.nuestras-cifras {
	background-size: cover;
    background-position:center;
    background-attachment: fixed;
    color: var(--color-blanco);
}

.bajada-nuestras-cifras {
	text-align: center;
	margin-bottom: 50px;
}

.contenedor-nuestras-cifras {
	display: flex;
	flex-flow: row nowrap;
}

.contenido-nuestras-cifras {
	flex: 1 1 auto;
	text-align: center;
}

.contenido-nuestras-cifras__icono {
	font-size: 96px;
	line-height: 0;
	margin: 0;
	padding: 0;
}

.contenido-nuestras-cifras__cifra {
	font-size: 48px;
	margin: 0;
	font-weight: 700;
}

.contenido-nuestras-cifras__titulo {
	font-size: 14px;
	font-weight: 700;
}

.contenido-nuestras-cifras__boton {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 50px 0 100px 0;
}

@media (max-width: 575.98px) {
	.nuestras-cifras {
	background-attachment: inherit;	
	}
	.contenedor-nuestras-cifras {
		display: flex;
		flex-flow: column nowrap;
	}
	.contenido-nuestras-cifras {
		width: 100%;
		margin: 20px 0;
	}
}

/*----------------------------------------------------------*/
/* - Inscripciones - */
/*----------------------------------------------------------*/

.inscripciones {
	display: flex;
	flex-flow: row nowrap;
	color: var(--color-blanco);
}

.inscripciones__imagen {
	width: 50%;
	height: auto;
	background-size: cover;
    background-repeat: no-repeat;
    background-position:center;
}

.inscripciones__contenido {
	width: 50%;
	padding: 0 30px 100px 30px;
}

.inscripciones__boton {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 50px 0 100px 0;
}

@media (max-width: 575.98px) {
	.inscripciones__imagen {
		display: none;	
	}
	.inscripciones__contenido {
		width: 100%;
	}
}

/*----------------------------------------------------------*/
/* - Historia - */
/*----------------------------------------------------------*/

.contenedor-historia-cruzadas{
	display: flex;
	flex-flow: row wrap;
	justify-content: space-evenly;	
}

.contenedor-historia-cruzadas__caja {
	flex: 0 1 calc(33.33% - 30px);
	margin-bottom: 50px;
}

.contenedor-historia-cruzadas__imagen {
	width: 100%;
	height: 250px;
	object-fit: cover;
	object-position: center;
}

.contenedor-historia-cruzadas__nombre {
	font-family: var(--fuente-principal);
	font-size: 36px;
}

.contenedor-historia-cruzadas__nombre, .contenedor-historia-cruzadas__ano, .contenedor-historia-cruzadas__comunidades {
	margin: 0;
	padding: 0;
}

/*----------------------------------------------------------*/
/* - Equipo - */
/*----------------------------------------------------------*/

.contenedor-equipo {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-evenly;
}

.contenedor-equipo__caja {
	flex: 0 1 calc(25% - 10px);
	margin-bottom: 30px;
}

.contenedor-equipo__imagen {
	width: 100%;
	height: 250px;
	object-fit: cover;
	object-position: center;
	filter: grayscale(100%);
}

.contenedor-equipo__nombre, .contenedor-equipo__cargo {
	margin: 0;
	padding: 0;
}

.contenedor-equipo__nombre {
	font-family: var(--fuente-principal);
	font-size: 36px;
}

.contenedor-equipo__cargo {
	color:  var(--color-principal);
	font-size: 12px;
	font-weight: 700;
}

@media (max-width: 1199.98px) {

	.contenedor-equipo__caja {
		flex: 0 1 calc(33.33% - 10px);
		margin-bottom: 20px;
	}
	
	.contenedor-equipo__imagen {
		width: 100%;
		height: 250px;
	}
	
}

@media (max-width: 991.98px) {

	.contenedor-equipo__caja {
		flex: 0 1 calc(50% - 10px);
		margin-bottom: 20px;
	}
	
	.contenedor-equipo__imagen {
		width: 100%;
		height: 250px;
	}
	
}

@media (max-width: 575.98px) {

	.contenedor-equipo__caja {
		flex: 0 1 calc(100% - 10px);
		margin-bottom: 20px;
	}
	
	.contenedor-equipo__imagen {
		width: 100%;
		height: 250px;
	}
	
}


/*----------------------------------------------------------*/
/* - footer - */
/*----------------------------------------------------------*/

.cont-before-footer {
	background-color: var(--color-gris-oscuro);
	padding: 30px 0 0 0;
}

.cont-before-footer__contenedor {
	width: 100%;
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
}

.cont-before-footer__logos {
	display: flex;
	flex-flow: row nowrap;
	width: 300px;
		
}

.imagen-logos-footer {
	display: block;
	max-width: 80%;
	height: auto;
}

.cont-before-footer__redes-sociales{
	display: flex;
	flex-flow: row nowrap;
}

@media (max-width: 991.98px) {
	.cont-before-footer__contenedor {
		flex-flow: column nowrap;		
	}
	.cont-before-footer__logos {
		width: 100%;
		justify-content: center;
	}
	.imagen-logos-footer {
		margin: 0 auto;
	}
	.imagen-logos-footer {
		width: 300px;
	}
	.cont-before-footer__redes-sociales {
		justify-content: center;
		margin-top: 30px;
	}
}

@media (max-width: 575.98px) {
	.cont-before-footer__logos {
		flex-flow: column nowrap;
	}
	.imagen-logos-footer {
		margin: 10px auto;
	}
}