/* css cta boto principal banner principal*/

.inscribete-home{
    padding-left: 40px;
    padding-right: 40px;
    padding-top: 5px;
    padding-bottom: 5px;
    border-radius: 20px;
    font-family: Matter Regular;
    font-size: 16px;
    transition: all 0.3s ease;
    display: inline-block;
    max-width: 400px;
}

.inscribete-home.boton-amarillo:hover {
    background-color: #120E1A!important;
    color: #fff!important;
    border: 2px solid #120E1A!important;
}

.inscribete-home.boton-negro:hover {
    background-color: transparent!important;
    color: #fff!important;
    border: 2px solid #fff!important;
}

/* fi del css boto principal*/

/* boto submit blog*/

#submit{
    color: #fff;
    background-color: #120E1A;
}


/* boton secundario banner principal */

.conoce-escuela{

    border: 1px solid #fff;
    padding-left: 40px;
    padding-right: 40px;
    padding-top: 5px;
    padding-bottom: 5px;
    color: #fff!important;
    border-radius: 20px;
    font-family: Matter Regular;
    font-size: 16px;
    transition: all 0.3s ease;
    display: inline-block;
    max-width: 400px;
}

.conoce-escuela:hover{
    border: 1px solid #120E1A;
    background-color: #120E1A;
}

/* fin css boton secundario*/


/* margins inscribete home o boton secundario banner principal*/

.conoce-escuela, .incribete-home{
    margin-left: 20px;
    margin-right: 20px;
}

/* fin de los margins */


/* boton del bloque "texto un boton" */

.boton-conoce{
    border: 1px solid #000;
    padding-left: 40px;
    padding-right: 40px;
    padding-top: 5px;
    padding-bottom: 5px;
    color: #120E1A;
    border-radius: 20px;
    font-family: Matter Regular;
    font-size: 16px;
    transition: all 0.3s ease;
}

.boton-conoce:hover{
    color: #fff;
    border: 1px solid #120E1A;
    background-color: #120E1A;
}

/* fi del css del "bloque texto un boton" */


/* boton novedades */

.saber_mas_novedad{
    border: 2px solid #fff;
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 5px;
    padding-bottom: 5px;
    color: #fff;
    border-radius: 20px;
    font-family: Matter Regular;
    font-size: 16px;
    position: absolute;
    bottom: 35px;
    transition: all 0.3s ease;
}

.saber_mas_novedad:hover{
    color: #fff;
    border: 2px solid #120E1A;
    background-color: #120E1A;
}

/* fi css novedades */


/* boton columnas home */

.boton-columna-cuatro-home{
    border: 1px solid #fff;
    padding-top: 6px;
    padding-bottom: 6px;
    color: #fff;
    border-radius: 20px;
    font-family: Matter Regular;
    font-size: 16px;
    min-width: 270px;
    display: block;
    transition: all 0.3s ease;
}

.boton-columna-cuatro-home:hover{
    border: 1px solid #120E1A;
    color: #FFF;
    background-color: #120E1A;
}

/* fi boton columnas home*/

/* boton bloque blog home */

.boton-columna-cuatro-blog{
    border: 1px solid #fff;
    padding-top: 6px;
    padding-bottom: 6px;
    border-radius: 20px;
    font-family: Matter Regular;
    font-size: 16px;
    min-width: 185px;
    display: block;
    color: #fff;
    transition: all 0.3s ease;
}

.boton-columna-cuatro-blog:hover{
    border: 1px solid #120E1A;
    color: #FFF;
    background-color: #120E1A;
}

/* fi boton blog home */


/* boton  apuntarme puertas abiertas */
.boton-ap{
    background-color: #FAFF04;
    border: 2px solid #FAFF04;
    padding-left: 40px;
    padding-right: 40px;
    padding-top: 5px;
    padding-bottom: 7px;
    color: #120E1A;
    border-radius: 20px;
    font-family: Matter Regular;
    font-size: 16px;
    transition: all 0.3s ease;
    display: inline-block;
    max-width: 400px;
}

.boton-ap:hover{
    background-color: #120E1A;
    border: 2px solid #120E1A; 
    color: #fff;
}

/* fin css apuntarme puertas abiertas */


/* botons cta grog tota la web */

.cta-web-intern{
    background-color: #FAFF04;
    border: 1px solid #FAFF04;
    padding-left: 40px;
    padding-right: 40px;
    padding-top: 5px;
    padding-bottom: 5px;
    border-radius: 20px;
    font-family: Matter Regular;
    font-size: 16px;
    color: #120E1A!important;
    transition: all 0.3s ease;
    display: inline-block;
    max-width: 400px;
}

.cta-web-intern:hover{
    color: #fff!important;
    background-color: #120E1A;
    border: 1px solid #120E1A;
}

.cta-web-intern-negro{
    background-color: #FAFF04;
    border: 1px solid #FAFF04;
    padding-left: 40px;
    padding-right: 40px;
    padding-top: 5px;
    padding-bottom: 5px;
    border-radius: 20px;
    font-family: Matter Regular;
    font-size: 16px;
    color: #120E1A!important;
    transition: all 0.3s ease;
    display: inline-block;
    max-width: 400px;
}

.cta-web-intern-negro:hover{
    background-color: transparent;
    border: 1px solid #FFF;
    color: #FFF!important;
}


.ahora-ins{
    background-color: #FAFF04;
    border: 2px solid #FAFF04;
    padding-left: 80px;
    padding-right: 80px;
    padding-top: 10px;
    padding-bottom: 10px;
    color: #120E1A;
    border-radius: 20px;
    font-family: Matter Regular;
    font-size: 16px;
    transition: all 0.3s ease;
}

.ahora-ins:hover{
    background-color: #120E1A;
    border: 2px solid #120E1A;
    color: #fff;
}

.ahora-ins-black{
    background-color: #FAFF04;
    border: 2px solid #FAFF04;
    padding-left: 80px;
    padding-right: 80px;
    padding-top: 10px;
    padding-bottom: 10px;
    color: #120E1A;
    border-radius: 20px;
    font-family: Matter Regular;
    font-size: 16px;  
    transition: all 0.3s ease;
}

.ahora-ins-black:hover{
    background-color: transparent;
    border: 2px solid #FFF;
    color: #fff;
}

.boton-border-blanco{
    border: 2px solid #fff;
    padding-left: 90px;
    padding-right: 90px;
    padding-top: 10px;
    padding-bottom: 10px;
    color: #fff;
    border-radius: 20px;
    font-family: Matter Regular;
    font-size: 16px;
    transition: all 0.3s ease;
}

.boton-border-blanco:hover{
     color: #fff;
}

.border-blanco-fondo-negro{
    border: 2px solid #fff;
    padding-left: 90px;
    padding-right: 90px;
    padding-top: 10px;
    padding-bottom: 10px;
    color: #fff;
    border-radius: 20px;
    font-family: Matter Regular;
    font-size: 16px;
    transition: all 0.3s ease;
}

.border-blanco-fondo-negro:hover{
    border: 2px solid #fff;
    color: #120E1A;
    background-color: #fff; 
}

/* fi de botons cta web */

/* boton blog*/

body[data-button-style^="rounded"] #page-header-bg[data-post-hs="default_minimal"] .inner-wrap >a:hover{
    color: #fff!important;
    background-color: #120E1A!important;
}

/*

/* boton cta fondo transparente a fondo blanco */

.cta-transparent-w{
    background-color: transparent;
    border: 1px solid #fff;
    padding-left: 40px;
    padding-right: 40px;
    padding-top: 10px;
    padding-bottom: 12px;
    border-radius: 20px;
    font-family: Matter Regular;
    font-size: 16px;
    color: #fff !important;
    transition: all 0.3s ease;   
}

.cta-transparent-w:hover{
    color: #120E1A  !important;
    border: 1px solid #fff!important;
    background-color: #fff!important;
}

/* fi boton cta fondo transparente a fondo blanco */


/* botones del block es tu momento */

.boton-horarios-momento, .boton-tarifas-momento{
    border: 1px solid #000;
    padding-left: 40px;
    padding-right: 40px;
    padding-top: 5px;
    padding-bottom: 5px;
    color: #120E1A;
    border-radius: 20px;
    font-family: Matter Regular;
    font-size: 16px;
    margin-left: 20px;
    margin-right: 20px;
    transition: all 0.3s ease;
}

.boton-horarios-momento:hover, .boton-tarifas-momento:hover{
    background-color: #120E1A;
    color: #fff;
    border: 1px solid #120E1A;
}

/* fi de botones es tu momento */


/* boton bloque profes */

.veure-profes-home{
    border: 1px solid #fff;
    padding-left: 40px;
    padding-right: 40px;
    padding-top: 5px;
    padding-bottom: 5px;
    color: #fff;
    border-radius: 20px;
    font-family: Matter Regular;
    font-size: 16px;
    transition: all 0.3s ease;
}

.veure-profes-home:hover{
    color: #fff!important;
    border: 1px solid #120E1A!important;
    background-color: #120E1A!important;
}

.bloque-profesores-shortcode .veure-profes-home{
    border-color: #120E1A;
    color: #120E1A;
}
.bloque-profesores-shortcode.dark-bck .veure-profes-home:hover{
    color: #120E1A!important;
    border: 1px solid #FFF!important;
    background-color: #fff!important;
}

/* fi del boton bloque profes */


/* boton bloque actividades complementarias */

.saber_mas_complementario{
    border: 1px solid #000;
    padding-left: 40px;
    padding-right: 40px;
    padding-top: 7px;
    padding-bottom: 10px;
    color: #120E1A;
    border-radius: 20px;
    font-family: Matter Regular;
    font-size: 16px;
    transition: all 0.3s ease;
}

.saber_mas_complementario:hover{
    color: #fff;
    border: 1px solid #120E1A;
    background-color: #120E1A;
}

.saber_mas_mobil{
    display: none;
}

/* fi boton bloque complementarias */

/* boton banner bodas y primera classe */

.apunto-ins, .apunto-ins-bodas{
    padding-left: 40px;
    padding-right: 40px;
    padding-top: 5px;
    padding-bottom: 5px;
    color: #120E1A;
    border-radius: 20px;
    font-family: Matter Regular;
    font-size: 16px;
    right: 70px;
    position: absolute;
    transition: all 0.3s ease;
    display: inline-block;
    max-width: 400px;
}

.apunto-ins.boton-amarillo:hover, apunto-ins.boton-verde:hover, .apunto-ins-bodas.boton-verde:hover{
    color: #fff!important;
    background-color: #120E1A!important;
    border: 2px solid #120E1A!important;
    
}

.apunto-ins-bodas.boton-amarillo:hover{
    color: #120E1A!important;
    background-color: #fff!important;
    border: 2px solid #fff!important;
}

.apunto-ins.boton-negro:hover, .apunto-ins-bodas.boton-negro:hover{
    color: #120E1A!important;
    background-color: transparent!important;
    border: 2px solid #120E1A!important;
}



/* fi boton bodas y primera classe*/


/* contenedor boton  banner "es tu primera classe" y bodas */

.boton_classe{
    width: 50%;
    padding-top: 430px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
}

.boton-classe-bodas{
    padding-top: 380px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
}

/* fi del contenedor */


/* botons bloque texto */

.inscribete, .gratis{
    margin-left: 20px;
    margin-right: 20px;
}

.inscribete{
    background-color: #FAFF04;
    border: 1px solid #FAFF04;
    padding-left: 40px;
    padding-right: 40px;
    padding-top: 5px;
    padding-bottom: 5px;
    color: #120E1A;
    border-radius: 20px;
    font-family: Matter Regular;
    font-size: 16px;
    transition: all 0.3s ease;
    display: inline-block;
    max-width: 400px;
    
}

.inscribete:hover{
    background-color: #120E1A;
    border: 1px solid #120E1A;
    color: #fff;
}

.gratis{
    border: 1px solid #000;
    padding-left: 40px;
    padding-right: 40px;
    padding-top: 5px;
    padding-bottom: 5px;
    color: #120E1A;
    border-radius: 20px;
    font-family: Matter Regular;
    font-size: 16px;
    transition: all 0.3s ease;
    display: inline-block;
    max-width: 400px;
}

.gratis:hover{
    color: #fff;
    border: 1px solid #120E1A;
    background-color: #120E1A;
}

/* fi de botons bloque texto */

/* botons blocs prueba tu primera classe i spotify */

.boton-apuntarse {
    border: 1px solid #fff;
    padding-left: 70px;
    padding-right: 70px;
    padding-top: 5px;
    padding-bottom: 5px;
    color: #fff;
    border-radius: 20px;
    font-family: Matter Regular;
    font-size: 16px;
    position: absolute;
    bottom: 10%;
    left: 5%;
    z-index: 3;
    transition: all 0.3s ease;
}

.boton-spotify{
    border: 1px solid #000;
    padding-left: 70px;
    padding-right: 70px;
    padding-top: 5px;
    padding-bottom: 5px;
    color: #120E1A;
    border-radius: 20px;
    font-family: Matter Regular;
    font-size: 16px;
    position: absolute;
    bottom: 10%;
    z-index: 3;
    transition: all 0.3s ease;
}

.boton-apuntarse:hover, .boton-spotify:hover{
    border: 1px solid #120E1A;;
    color: #fff;
    background-color: #120E1A;;
}


/* botons de tarifes */

.boton-tarifa{
    border: 1px solid #000;
    padding-left: 40px;
    padding-right: 40px;
    padding-top: 7px;
    padding-bottom: 10px;
    color: #120E1A;
    border-radius: 20px;
    font-family: Matter Regular;
    font-size: 16px;
    transition: all 0.3s ease;
}

.boton-tarifa:hover{
    border: 1px solid #120E1A;
    color: #fff;
    background-color: #120E1A;
}
 /* fi botons tarifes */
 
 /* hover boton cabecera */
 
#top nav > ul > .button_solid_color > a:hover::before {
     background-color: #120E1A!important;

 }
 
#top nav>ul>li[class*=button_solid_color]>a, body #header-outer.transparent #top nav>ul>li[class*=button_solid_color]>a ,#header-outer[data-lhe=animated_underline] #top nav>ul>li[class*=button_solid_color]>a{
    color: #120e1a!important;
}

body #header-outer.transparent #top nav>ul>li[class*=button_solid_color]>a:hover::before{
     background-color: #120E1A!important;
 }
 
 #header-outer[data-lhe=animated_underline] #top nav>ul>li[class*=button_solid_color]>a:hover{
     color: #fff!important;
 }
 
 #top nav>ul>li[class*=button_solid_color]>a, body #header-outer.transparent #top nav>ul>li[class*=button_solid_color]>a:hover{
    color: #fff!important;
}
 
 body #header-outer[data-lhe=animated_underline] #top nav>ul>li:not([class*=button_])>a .menu-title-text:after{
     display: none;
 }
 
 /* fi boton cabecera */
 
 
 /* css treure hover elements del menu */
 
#header-outer #top nav > ul > li:not(.megamenu) ul a:hover, #header-outer:not([data-format="left-header"]) #top nav > ul > li:not(.megamenu) ul a:hover{
     background-color: transparent!important;
 }
 
 #header-outer:not([data-format="left-header"]) #top nav > ul > li:not(.megamenu) ul .current-menu-item > a{
     background-color: transparent!important;
 }
 
 
 /* fi css */
 
/*boton edades */

#boton_edades{
    border: 1px solid #fff;
    padding-left: 70px;
    padding-right: 70px;
    padding-top: 5px;
    padding-bottom: 5px;
    color: #fff;
    border-radius: 20px;
    font-family: Matter Regular;
    font-size: 16px;
    display: inline-block;
    max-width: 400px;
}


/* fi botons*/


/* tamany tablet raruno*/
@media only screen and (max-width: 1300px) and (min-width: 1000px){
    
.boton-columna-cuatro-home{
        min-width: 185px;
    }

.saber_mas_novedad{   
    
    min-width: 200px;
   
 }
 
}


/* css mobil */

@media (max-width: 758px) {
    
.inscribete-home{
        padding-left: 90px;
        padding-right: 90px;
}
    
.conoce-escuela{
        padding-left: 65px;
        padding-right: 65px;
}

.saber_mas_novedad{
        border: 0px transparent;
        padding-left: 5px!important;
        padding-right: 0px!important;
        bottom: 20px!important;
        font-size: 15px!important;
    }
.saber_mas_novedad:hover{
    color: #fff!important;
    border: 0px transparent;
    background-color: transparent!important;
}

.boton-columna-cuatro-home{
    padding-left: 20px;
    padding-right: 20px;
}

.cta-web-intern{
        padding-left: 30px;
        padding-right: 30px; 
}

.saber_mas_complementario{
    display: none!important;
}

.saber_mas_mobil{
    display: block!important;
    color: #120E1A;
    font-size: 12px;
}

.apunto-ins{
        padding-left: 90px!important;
        padding-right: 90px!important;
        right: 45px!important;
    }
    
.apunto-ins-bodas{
        padding-left: 30px!important;
        padding-right: 30px!important;
        right: auto!important;
        margin-top: 20px;
    }
    
.boton_classe, .boton-classe-bodas{
        padding-top: 0px!important;
}
    
.boton_classe, .boton-classe-bodas{
        width: 100%;
}


.boton-apuntarse{
    left: 10%;
    padding-left: 100px;
    padding-right: 100px;
}

.boton-spotify{
    left: 10%;
    padding-left: 100px;
    padding-right: 100px;
    z-index: 3;
}

    #boton_edades {
        display: inline-block;
        width: 100%; 
        padding: 3px 0; 
        color: #fff;
        border-radius: 20px;
        font-family: Matter Regular;
        font-size: 16px;
    }

    
}