@font-face {
    font-family: 'Yellowtail';
    src: url('/w1/wk/fon/Yellowtail-Regular.ttf')

}    

#wk-menu-1 .navbar-nav, #wk-menu-1 .dropdown-menu {
    font-family: 'Yellowtail';
font-size: 1.4rem;

}

h1,h2,h3{
    font-family: 'Yellowtail';
}

h1 {
font-size: 3rem;
}

h2 {
font-size: 2.5rem;
}

h3 {
font-size: 2rem;
}

.wk-elemento-diseno1 {
background-color: #60920f;
}
.wk-seccion {
padding-top: 4rem;
padding-bottom: 4rem;
}


#wk-cabecera.fixed-top {
box-shadow: none !important;
transition: box-shadow 0.4s ease-in-out;
}

#wk-cabecera.fixed-top #wk-especiales-cabecera {
background-color: #00000000;
transition: background-color 0.4s ease-in-out;
}


#wk-cabecera.fixed-top .wk-menu{
background-color: #00000000;
transition: background-color 0.4s ease-in-out;

}

#wk-cabecera.fixed-top #wk-menu-botonAbrir-1 {
background-color: transparent;
border-color: transparent;
color: white;
transition: background-color 0.4s ease-in-out;
transition: border-color 0.4s ease-in-out;
transition: color 0.4s ease-in-out;
}


 

#wk-cabecera.fixed-top.wk-cabecera-scroll {
box-shadow: var(--bs-box-shadow)  !important;
}

#wk-cabecera.fixed-top.wk-cabecera-scroll #wk-especiales-cabecera {
background-color: var(--colorX1);
}

#wk-cabecera.fixed-top.wk-cabecera-scroll .wk-menu{
background-color: var(--colorB1);
}

#wk-cabecera.fixed-top.wk-cabecera-scroll  #wk-menu-botonAbrir-1 {

    background-color: var(--colorL1);
    border-color: var(--colorL1);
    color: var(--colorB1);
}