/*
Theme Name: OceanWP Child Theme
Theme URI: https://oceanwp.org/
Description: OceanWP WordPress theme. Sample child theme.
Author: OceanWP
Author URI: https://oceanwp.org/
Template: oceanwp
Version: 1.0
*/

/* Parent stylesheet should be loaded from functions.php not using @import */

:root{
	--azul: #007abc;
}

a:focus-within{
	outline: none !important;
}

h1 a,
h2 a,
h3 a,
h4 a{
	text-decoration: none !important;
}

.wp-block-button__link.has-background:hover {
    color: #d0efff;
}

/*Inicio*/

.texto-intro{
	line-height:1.1em;
}

.home .metaslider .flexslider{
	margin: 0 !important;
}

.caption-wrap {
    top: 0;
    opacity: 1 !important;
    background: rgba(0,0,0,0.3) !important;
    display: flex !important;
    justify-content: center;
    align-items: center;
    font-size: 2vw;
    font-weight: 900;
    text-transform: uppercase;
    text-align: center;
}

.caption-wrap span{
	font-size:1.9em;
	color:#b9e2f9;
}

.contenido-centrado{
	max-width: 1200px;
	margin: 0 auto;
}

/*Quiénes*/

.mision-vision{
	background: url('./images/fondo-quienes.jpg') no-repeat center center fixed;
	background-size: cover;
	color: #fff;
	padding: 50px 30px;
}

.mision-vision h3{
	font-size: 30px;
	color: #b9e2f9;
	display: flex;
	align-items: center;
}

.mision-vision h3:after{
		content: '';
		display: block;
		width: 30%;
		height: 1px;
		margin-left: 20px;
		background: #fff;
	}



/*Formulario*/

label{
	font-size: 12px;
	font-weight: 600;
}

@media(min-width:767px){
	.formulario{
	display:grid;
	grid-template-columns: 1fr 1fr;
	gap:20px;
	}

	.formulario .columna1{
	grid-column: 1/3;
	}
	.formulario.voluntariado-form{
		grid-template-columns: repeat(3,1fr);
		max-width: 800px;
		margin: auto;
	}
	.formulario.voluntariado-form .columna1{
		grid-column: 1/4;
	}
}

/*Pie*/

.home .site-footer{
	margin-top: 50px;
}

.site-footer{
	background: rgb(0,122,188) !important;
	background: linear-gradient(0deg, rgba(0,122,188,1) 32%, rgba(0,91,147,1) 100%) !important;
}

#footer-widgets{
	background-color: transparent !important;
}

#footer-bottom{
	background: rgba(0,0,0,0.2);
}

.site-footer .wp-block-columns{
	margin: 0 !important;
}