/*
Theme Name: Avada Child
Description: Child theme for Avada theme
Author: ThemeFusion
Author URI: https://theme-fusion.com
Template: Avada
Version: 1.0.0
Text Domain:  Avada
*/

/* ################################# */
/* Tipografías & Variables Generales */
/* ################################# */

@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap');

@font-face{
    font-family: 'Gistesy';
    src: url('./fonts/Gistesy.ttf');
}

:root{
    --azul: #053d89;
    --rojo-oscuro: #781e19;
    --naranja: #ff9a14;
    --blanco: #fdfdfd;
    --negro: #000;
    --crema: #efe3e3;
}

.bold{
    font-weight: bold !important;
}

.imagen_oculta{
    display: none !important;
    border-radius: 500px !important;
}
.boarding_responsive_title{
    display: none !important;
}
input:focus, textarea:focus{
    border: 1px solid #fff !important;
}
/* ################################# */
/* ################################# */
/* ################################# */

/* ###### */
/* HEADER */
/* ###### */

#menu-main-menu li:nth-child(5) .menu-text, #menu-main-menu-ingles li:nth-child(5) .menu-text{
    background-color: var(--rojo-oscuro);
    color: var(--blanco);
    padding: 1em;
    font-weight: normal;
    border: 2px solid var(--rojo-oscuro);
    transition: 0.3s !important;
}
#menu-main-menu li:nth-child(5) .menu-text:hover, #menu-main-menu-ingles li:nth-child(5) .menu-text:hover{
    background-color: var(--blanco);
    color: var(--rojo-oscuro);
    font-weight: normal;
}

/* ###### */
/* Slider */
/* ###### */

.slider_intro .vc_column-inner{
    padding: 0px !important;
}

/* ################## */
/* Sección admisiones */
/* ################## */

.texto_admisiones{
    width: 60%;
    margin: auto !important;
    margin-top: 4% !important;
    margin-bottom: 4% !important;
    padding: 0px !important;
}
.texto_admisiones h1{
    font-family: 'Barlow Condensed' !important;
    font-weight: bold !important;
    color: var(--azul) !important;
    font-size: 50px !important;
}

.texto_admisiones p{
    color: var(--negro) !important;
    font-family: 'Barlow Condensed', sans-serif;
    font-weight: 500 !important;
}

/* VIDEO */

.video_introduccion{
    border-top: 5px solid var(--azul) !important;
    border-bottom: 5px solid var(--azul) !important;
}

/* ################### */
/* Apartado formulario */
/* ################### */

.formulario{
    background-color: var(--rojo-oscuro);
}
.texto_contacto h1, h2{
    color: var(--blanco) !important;
}

.texto_contacto h1{
    font-family: 'Barlow Condensed', sans-serif !important;
    font-size: 45px !important;
    font-weight: bold !important;
}

.texto_contacto h2{
    font-size: 30px !important;

    font-family: 'Barlow Condensed', sans-serif !important; 
}

#gf_1 input .gform_footer{
    margin: auto !important;
}
.gfield_consent_label{
    font-size: 20px !important;
}
.form_admision label{
    color: var(--blanco) !important;
}

.form_admision .gform_footer{
    width: 40% !important;
    margin: auto !important;
}

#gform_submit_button_1, #gform_submit_button_2{
    background-color: var(--blanco) !important;
    color: var(--azul) !important;
    font-family: 'Barlow Condensed', sans-serif !important; 
    font-size: 20px !important;
    border: 1px solid #fdfdfd !important;
    width: 100% !important;
    padding: 0.8em;
    margin-top: 10% !important;
    border-radius: 10px;
    transition: 0.3s !important;
}

#gform_submit_button_1:hover, #gform_submit_button_2:hover{
    background-color: var(--rojo-oscuro) !important;
    color: var(--blanco) !important;
}

.textarea_contacto textarea{
    resize: none !important;
    height: 165px !important;

}
#privacylink{
    color: var(--azul) !important;
}
#privacylink:hover{
    color: var(--blanco) !important;
}

/* ################### */
/* Sección elegir sage */
/* ################### */

.seccion_elegir_sage{
    background-color: var(--crema);
}

.ajuste_texto_elegir {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    color: var(--azul) !important;
    font-family: 'Barlow Condensed', sans-serif !important;
    font-size: 50px !important;
    font-weight: bold !important;
}

.seccion_elegir_sage{
    cursor: pointer;
}
.imagen_relativa{
    margin-bottom: 0px !important;
}
.contenedor_overflow .vc_column-inner{
    min-height: 300px !important;
    position: relative;
}

.texto_elegir_absolute {
    background-color: #053c898e;
    position: absolute;
    bottom: 0;
    width: 100%;
    color: var(--blanco);
    text-align: center;
    padding-bottom: 1em;

}

#boton_conocenos a{
    margin-top: 4% !important;
    margin-bottom: 4% !important;
    background-color: var(--rojo-oscuro) !important;
    color: var(--blanco) !important;
    font-family: 'Barlow Condensed', sans-serif !important; 
    font-size: 20px !important;
    border: 1px solid #781e19 !important;
    width: 60% !important;
    padding: 0.6em;
    transition: 0.3s !important;
}

#boton_conocenos a:hover{
    background-color: transparent !important;
    color: var(--rojo-oscuro) !important;
}

/* ################ */
/* Sección Director */
/* ################ */

.seccion_director{
    margin-top: 4% !important;
}

.texto_director p{
    font-family: 'Barlow Condensed', sans-serif !important;
    color: var(--blanco);
}

.firma_mensaje{
    margin-top: 15% !important;
    line-height: 10px;
    color: var(--blanco);
}
.firma_mensaje p:nth-child(1){
    font-weight: bold;
    font-family: 'Gistesy';
    font-size: 40px !important;
}

.firma_mensaje p:nth-child(2){
    margin-top: 4% !important;
}
#boton_reserva{
    position: absolute;
    bottom: 0;
    width: 100%;
}
#boton_reserva a{
    background-color: var(--rojo-oscuro) !important;
    color: var(--blanco) !important;
    font-family: 'Barlow Condensed', sans-serif !important;
    font-size: 20px !important;
    border: 2px solid #781e19 !important;
    width: 100% !important;
    transition: 0.3s !important;
    margin-bottom: 1.5% !important;
}

#boton_reserva a:hover{
    background-color: transparent !important;
    color: var(--blanco) !important;
    border: 2px solid #fff !important;
}

/* ################### */
/* Sección Early Years */
/* ################### */

.titulo_early_years h1{
    color: var(--rojo-oscuro) !important;
    font-family: 'Barlow Condensed', sans-serif !important;
    font-size: 60px !important;
    line-height: 5px !important;
    font-weight: bold !important;
}
.titulo_early_years h2{
    color: black !important;
    font-family: 'Barlow Condensed', sans-serif !important;
    font-size: 30px !important;
    line-height: 5px !important;
    font-weight: bold !important;
}
#img_early_years img{
    border-radius: 500px !important;
}

.texto_early_years p{
    color: black !important;
    line-height: 30px !important;
}

.familias_early_years{
    background-color: #ffe3be;
    padding: 4em;
}

.titulo_familia_early h1{
    color: var(--azul) !important;
    font-family: 'Barlow Condensed', sans-serif !important;
    font-size: 40px !important;
    font-weight: bold !important;
}

.margin_early_familias{
    margin-top: 8% !important;
}
.img_familia_early img{
    border-radius: 500px !important;
}
.texto_familia_early{
    color: var(--azul) !important;
    font-family: 'Barlow Condensed', sans-serif !important;
    font-weight: bold !important;
    font-style: italic !important;
}

.texto_familia_early p:nth-child(2){
   text-align: right !important;
   font-weight: normal !important;
}

.family_flex .wpb_wrapper{
    display: flex !important;
    flex-direction: row !important;
    align-items: flex-start !important;
}
.texto_familia{
    display: flex;
    flex-direction: column;
    margin-left: 15px;
}

.texto_familia p:nth-child(2){
    font-family: 'Barlow Condensed';
    font-style: italic;
}

.boton_early_familia a{
    background-color: var(--azul) !important;
    color: var(--blanco) !important;
    font-family: 'Barlow Condensed', sans-serif !important;
    font-size: 20px !important;
    border: 2px solid #053d89 !important;
    width: 30% !important;
    transition: 0.3s !important;
}
.boton_early_familia a:hover{
    background-color: transparent !important;
    color: var(--azul) !important;
}

/* ############### */
/* Sección Primary */
/* ############### */

.primary_titulo h1{
    color: var(--naranja) !important;
    font-family: 'Barlow Condensed', sans-serif !important;
    font-size: 60px !important;
    font-weight: bold !important;
    line-height: 5px !important;
}

.primary_titulo h2{
    color: var(--blanco) !important;
    font-family: 'Barlow Condensed', sans-serif !important;
    font-size: 30px !important;
    font-weight: bold !important;
    line-height: 15px !important;
}

.texto_primary{
    color: var(--blanco);
    line-height: 30px !important;
}
.boton_primary a{
    background-color: var(--naranja) !important;
    color: var(--blanco) !important;
    font-family: 'Barlow Condensed', sans-serif !important;
    font-size: 20px !important;
    border: 2px solid #ff9a14 !important;
    width: 30% !important;
    transition: 0.3s !important;
}
.boton_primary a:hover{
    background-color: transparent !important;
    color: var(--naranja) !important;
}

/* ################# */
/* Sección Secondary */
/* ################# */

.secondary_titulo h1{
    color: var(--rojo-oscuro) !important;
    font-family: 'Barlow Condensed', sans-serif !important;
    font-size: 60px !important;
    font-weight: bold !important;
    line-height: 5px !important;
}
.secondary_titulo h2{
    color: var(--negro) !important;
    font-family: 'Barlow Condensed', sans-serif !important;
    font-size: 30px !important;
    font-weight: bold !important;
    line-height: 15px !important;
}
.round_img img{
    border-radius: 500px !important;
}
.round_img{
    margin-bottom: 0px !important;
}
.texto_secondary{
    color: black !important;
    margin-bottom: 0px !important;
    line-height: 30px !important;
}
.secondary_reseña{
    padding-top: 2em !important;
    padding-bottom: 2em !important;
}


.texto_secondary_reseña{
    color: var(--azul) !important;
    font-family: 'Barlow Condensed', sans-serif !important;
    font-weight: bold !important;
    font-style: italic !important;
}

.texto_secondary_reseña p:nth-child(2){
    font-family: 'Barlow Condensed' !important;
    font-style: italic !important;
    font-weight: normal !important;
    text-align: left !important;
}
.boton_secondary a{
    background-color: var(--rojo-oscuro) !important;
    color: var(--blanco) !important;
    font-family: 'Barlow Condensed', sans-serif !important;
    font-size: 20px !important;
    border: 2px solid #781e19 !important;
    width: 30% !important;
    transition: 0.3s !important;
}
.boton_secondary a:hover{
    background-color: transparent !important;
    color: var(--rojo-oscuro) !important;
}

/* ####################### */
/* Sección Boarding School */
/* ####################### */

.boarding_school{
    background-color: #d8bebd !important;
}
.boarding_titulo{
    margin-bottom: 5% !important;
}
.boarding_titulo h1{
    display: flex;
    flex-direction: row;
    align-items: center;
    color: var(--azul) !important;
    font-family: 'Barlow Condensed', sans-serif !important;
    font-size: 60px !important;
    font-weight: bold !important;
    line-height: 15px !important;
    margin-top: 3% !important;
}
.boarding_school_title{
    font-family: 'Gistesy' !important;
    color: var(--rojo-oscuro) !important;
    font-size: 40px !important;
    margin-left: 20px;
    margin-top: 15px;
}
.texto_boarding{
    color: black !important;
    line-height: 30px !important;
}
.texto_boarding p:nth-child(6){
    font-family: 'Gistesy' !important;
    color: var(--rojo-oscuro) !important;
    font-size: 70px !important;
    text-align: center !important;
}
.boarding_titulo h2{
    color: var(--rojo-oscuro) !important;
    font-family: 'Gistesy' !important;
    font-size: 45px !important;
    line-height: 35px !important;
}


.boton_boarding a{
    background-color: var(--rojo-oscuro) !important;
    color: var(--blanco) !important;
    font-family: 'Barlow Condensed', sans-serif !important;
    font-size: 20px !important;
    border: 1px solid #781e19 !important;
    width: 40% !important;
    margin-top: 4%;
    transition: 0.3s !important;
}

.boton_boarding a:hover{
    background-color: transparent !important;
    color: var(--rojo-oscuro) !important;
}

/* ####################### */
/* Sección Otros Programas */
/* ####################### */

.otros_programas_titulo h1{
    color: var(--rojo-oscuro) !important;
    font-family: 'Barlow Condensed', sans-serif !important;
    font-size: 60px !important;
    font-weight: bold !important;
}

.texto_programa{
    color: var(--blanco) !important;
    line-height: 30px !important;
}

.fila_programa{
    margin-bottom: 2% !important;
}
/* ###### */
/* FOOTER */
/* ###### */

.fa-phone-alt{
    color: var(--azul) !important;
}

.llamanos_footer{
    background-color: var(--naranja) !important;
    color: var(--blanco) !important;
    font-size: 25px !important;
    font-family: 'Barlow Condensed', sans-serif !important;
    cursor: pointer !important;
    border: 2px solid var(--naranja) !important;
    font-weight: bold;
    width: 100%;
    padding-left: 2em;
    padding-right: 2em;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    transition: 0.3s !important;
    border-radius: 10px !important;
}
.llamanos_footer:hover{
    background-color: unset!important;
    color: var(--blanco) !important;
    border: 2px solid #fdfdfd !important;
}
.llamanos_footer:hover i{
    color: var(--blanco) !important;
    transition: 0.3s !important;

}
.texto_footer p{
    color: var(--blanco) !important;
}

.fa-map-marker-alt{
    text-align: center !important;
}
.info_footer p{
    color: var(--blanco) !important;
    padding-top: 2em !important;
    padding-bottom: 0.5em !important;
}

.img_footer img{
    border-radius: 100% !important;
}
.politicas_footer{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}
.politicas_footer p{
    color: #000 !important;
    margin-right: 10px !important;
    color: rgba(0, 0, 0, 0.397) !important;
}
.politicas_footer a{
    color: rgba(0, 0, 0, 0.397) !important;
    font-size: 15px !important;
    margin-right: 10px;
}
.politicas_footer a:hover{
    color: rgb(0, 0, 0) !important;
}
.copyright{
    color: rgba(0, 0, 0, 0.397);
    text-align: center;
    font-size: 15px;
}

.carousel_footer img{
    width: 200px !important;
}

.adhoc{
    color: #268dc0c0 !important;
}
.adhoc:hover{
    color: black !important;
}

/* ########## */
/* RESPONSIVE */
/* ########## */

@media only screen and (max-width: 1420px){
    .firma_mensaje{
        margin-top: 10% !important;
    }
    #boton_reserva{
        width: 95% !important;
    }
}
@media only screen and (max-width:1320px) {
    #contacto{
        display: flex !important;
        flex-direction: column-reverse !important;
        align-items: center !important;
        justify-content: center !important;
    }

    .formulario{
        width: 70% !important;
    }

    .porque_elegir_container{
        width: 100% !important;
    }

    .firma_mensaje{
        margin-top: -5% !important;
    }
    .firma_mensaje p:nth-child(1){
        font-size: 30px !important;
    }
    
    .firma_mensaje p:nth-child(2){
        font-size: 20px !important;
    }
    #boton_reserva{
        position: unset !important;
        margin-top: -1% !important;
    }
}

@media only screen and (max-width:1024px){
    #mensaje-director{
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
    }
    .director_mensaje_img{
        width: 100% !important;
    }
    .imagen_mensaje_director{
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
    }
    .relative{
        width: 78% !important;
    }
    .firma_mensaje{
        margin-top: 0% !important;
    }
    .firma_mensaje p:nth-child(1){
        font-size: 40px !important;
    }
    
    .firma_mensaje p:nth-child(2){
        font-size: 20px !important;
    }
    #early-years, .secondary{
        display: flex !important;
        flex-direction: row !important;
    }
    .early_years, .secondary_img{
        width: 40% !important;
    }
    .early_years_2, .secondary_texto{
        width: 60% !important;
    }
    .texto_familia_early{
        font-size: 20px !important;
    }
    .content_boarding{
        display: flex !important;
        flex-direction: row !important;
    }
    .img_boardingschool{
        width: 40% !important;
    }
    .text_boarding{
        width: 60% !important;
        font-size: 20px !important;
    }
    .texto_boarding p:nth-child(6){
        font-size: 50px !important;
    }
    .texto_programa{
        font-style: 20px !important;
    }
    .fila_interior_programa{
        display: flex !important;
        flex-direction: column !important;
        width: 100% !important;
        margin-bottom: 5% !important;
    }
    .otros_programas_opacity, .texto_otrosprogramas{
        width: 100% !important;
    }
}
@media only screen and (max-width:768px){
    /*IMAGENES GENERALES*/
    .imagen_oculta{
        display: block !important;
    }
    /* PARRAFO GENERAL */
    .texto_admisiones p, .texto_director p, .texto_early_years p, .texto_primary p , .texto_secondary p, .texto_programa p{
        font-size: 20px !important;
    }
    /* ADMISIONES */
    .texto_admisiones{
        width: 100% !important;
    }
    /* TÍTULOS */
    .texto_admisiones h1{
        font-size: 35px !important;
        text-align: center !important;
    }
    .ajuste_texto_elegir{
        font-size: 35px !important;
    }
    .titulo_early_years h1, .titulo_familia_early h1, .primary_titulo h1, .secondary_titulo h1, .boarding_titulo h1, .otros_programas_titulo h1{
        font-size: 35px !important;
    }
    /* MENSAJE DIRECTOR */
    .relative{
        width: 100% !important;
    }
    /* EARLY YEARS */
    .early_years{
        display: none !important;
    }
    .early_years_2{
        width: 100% !important;
    }
    .titulo_early_years h1, .titulo_early_years h2{
        text-align: center !important;
    }

    .testimonios_early{
        display: flex !important;
        flex-direction: column !important;
    }

    .testimonios_early .wpb_column{
        width: 100% ;
    }
    .fila_test_early{
        display: flex !important;
        flex-direction: row !important;
    }
    .img_familia_early img{
        width: 150px !important;
    }
    .img_test_early{
        width: 20% !important;
    }
    .test_text_early{
        width: 80% !important;
    }
    /* PRIMARY */
    .imagen_primary{
        display: none !important;
    }
    .texto_primary{
        width: 100% !important;
    }
    .primary_titulo h1, .primary_titulo h2{
        text-align: center !important;
    }
    /* SECONDARY */
    .secondary_img{
        display: none !important;
    }
    .secondary_texto{
        width: 100% !important;
    }
    .texto_testimonio_secondary{
        width: 60% !important;
        font-size: 20px !important;
    }
    .secondary_titulo h1, .secondary_titulo h2{
        text-align: center !important;
    }

    .img_testimonio_secondary{
        width: 40% !important;
    }
    /* BOARDING SCHOOL */
    .boarding_school_title{
        display: none !important;
    }
    .boarding_responsive_title{
        display: block !important;
        font-family: 'Gistesy' !important;
        color: var(--rojo-oscuro) !important;
        width: 100% !important;
    }
    .p-responsive-boarding{
        font-size: 60px !important;
        width: 100% !important;
        line-height: 45px !important;
        margin-bottom: -7% !important;
    }
    .boarding_titulo{
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
    }
    .content_boarding{
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
    }
    .img_boardingschool{
        width: 100% !important;
    }
    .img_boardingschool .wpb_wrapper{
        width: 100% !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        margin-bottom: 5% !important;
    }
    .text_boarding{
        width: 100% !important;
        margin-bottom: 3% !important;
    }

}

@media only screen and (max-width:460px){
    /* Padding Secciones */
    #primary, #nuestras-familias, #early-years, #mensaje-director, #secondary{
        padding-top: 0px !important;
        padding-bottom: 30px !important;
    }
    #boarding-school{
        padding-top: 60px !important;
        padding-bottom: 20px !important;
    }
    #otros-programas{
        padding-top: 20px !important;
        padding-bottom: 30px !important;
    }
    #footer{
        padding-top: 50px !important;
        padding-bottom: 0px !important;
    }
    /**/
    /* Títulos */
    .texto_admisiones h1{
        font-size: 30px !important;
        text-align: center !important;
    }
    .ajuste_texto_elegir{
        font-size: 30px !important;
    }
    .titulo_early_years h1, .titulo_familia_early h1, .primary_titulo h1, .secondary_titulo h1, .boarding_titulo h1, .otros_programas_titulo h1{
        font-size: 30px !important;
    }
    .texto_contacto h1{
        font-size: 30px !important;
    }
    .texto_contacto h2{
        font-size: 20px !important;
    }
    /**/
    .formulario{
        width: 90% !important;
    }
    .boton_early_familia a{
        width: 60% !important;
    }
    .boton_primary a{
        width: 60% !important;
    }
    .boton_secondary a{
        width: 60% !important;
    }
    .boton_boarding a{
        width: 60% !important;
    }
    .titulo_early_years h2, .titulo_familia_early h2, .primary_titulo h2, .secondary_titulo h2, .boarding_titulo h2, .otros_programas_titulo h2{
        font-size: 25px !important;
        margin-top: 6% !important;
    }
    .p-responsive-boarding{
        margin-top: 6% !important;
    }
    .fila_interior_programa{
        margin-left: -6px !important;
    }
    .otros_programas_titulo h1{
        text-align: center !important;
    }
    .img_footer img{
        width: 200px !important;
        margin-bottom: 20% !important;
    }
    .texto_footer p, .info_footer{
        font-size: 20px !important;
        text-align: center !important;
    }
    /* Testimonios Early */
    .testimonios_early{
        margin-top: -10px !important;
    }
    .fila_test_early{
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
    }
    .img_test_early{
        width: 40% !important;
    }
    .test_text_early{
        width: 100% !important;
        text-align: center !important;
    }
    .test_text_early .wpb_text_column{
        margin-left: 0px !important;
    }
    .test_text_early .vc_column-inner{
        margin-left: 0px !important;
    }
    .texto_familia{
        margin-left: 0px !important;
    }
    .texto_admisiones{
        padding-left: 10px !important;
        padding-right: 10px !important;
        padding-bottom: 20px !important;
    }
    .boton_early_familia a{
        width: 70% !important;
    }
    .secondary_reseña{
        display: flex !important;
        flex-direction: column-reverse !important;
        align-items: center !important;
        justify-content: center !important;
    }
    .texto_testimonio_secondary{
        width: 100% !important;
    }
    .img_testimonio_secondary{
        width: 45% !important;
    }
}