/*
Theme Name: FSQ
Theme URI: https://pimpart.net/
Author: El equipo de PIMPart
Author URI: https://wordpress.org/
Description: Plantilla creada exclusivamente para FSQ
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: fsq
*/
*{
    font-family: 'Poppins', sans-serif;
    transition-duration: 0.05s;
    transition-timing-function: ease-out;
    line-break: anywhere;
}

.texto-suscribete{
    width: 200px;
}
.fondo-azul{
    background-color: #00509c;
}
.fondo-azul2{
    background: #020972;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to bottom, #00509c, #020972);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to bottom, #00509c, #020972); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.texto-azul{
    color: #00509c;
}
.texto-naranja{
    color: #e17605;
}
.fondo-naranja{
    background-color: #e17605;
}
.hvr-sweep-to-right:before, .hvr-bounce-to-bottom:before{
    background: #e17605;
}
.nav-item .active{
    background: #e17605;
}
.zoom-75{
    width: 100px;
}
/* slider */
.carousel-caption{
    bottom: 25%;
    padding: 1em;
    text-align: start;
    width: 600px;
    max-width: 100%;
}
.carousel-indicators [data-bs-target]{
    height: 30px;
}
/* boton whats app */
.boton-flotante{
    width: 70px;
    height: 70px; 
    font-size: 2.9em;
    padding: 0.02em;
    z-index: 10000;
}
.boton-whatsapp{
    left: 25px;
    bottom: 30px;
}
#formulario-suscribete p{
    display: flex;
}
.placeholder-blanco::placeholder{
    color: white;
}
/* Paginacion */
.pagination .page-numbers{
    text-decoration: none;
    color: #ffffff;
    background-color: #00509c;
    margin: 0 0.2em;   
    padding: 0.1em 0.7em;   
    font-weight: 700;
    border-radius: 0.2em;
}
.pagination a{
    transition-duration: 0.1s;
    transition-timing-function: ease-out;
}
.pagination a:hover{
    transform: scale(1.1);
    transition-duration: 0.1s;
    transition-timing-function: ease-out;
}
.pagination .current{
    background-color: #979797;
}
@media (max-width:992px) {
    .fondo-responsive-menu{
        background-color: #00509c;
    }   
}