/*
Theme Name: InfoVitoria
Description: Tema hijo InfoVitoria
Author: InfoVitoria
Template: info-vitoria
Version: 1.0.0
*/


/* General */

@font-face {
    font-family: 'Poppins', sans-serif!important;
    src: url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,200;0,400;0,500;0,900;1,200&display=swap');
}

:root {
    --infovitoria-azul: #1684ba;
    --infovitoria-gris-oscuro: #374049;
    --infovitoria-cta: #ba1684;
}

body {
    font-family: 'Poppins', sans-serif;
    scroll-behavior: smooth;
}

p, li {
    color: var(--infovitoria-gris-oscuro);
    font-size: 1.2rem;
}

img {
    margin-bottom: .5rem;
}

a {
    color: var(--infovitoria-azul);
}

.boton-cta {
    background-color: var(--infovitoria-cta);
    color: #fff;
    padding: .75rem;
    text-decoration: none;
    border-radius: .5rem;
    display: inline-block;
    border: solid 1px var(--infovitoria-cta);
    transition: .4s ease all;
}

.boton-cta:hover {
    background-color: #fff;
    color: var(--infovitoria-azul);
    border: solid 1px var(--infovitoria-azul);
}


/* Home */

#poster-home {
    background-color: var(--infovitoria-gris-oscuro);
    color: #fff;
    height: 30vh;
    margin-bottom: 3.5rem;
}

.home #main article .encabezado-extracto p {
    min-height: 7.25rem;
}

.post img, .post-thumbnail img {
    aspect-ratio: 3/2;
}


/*Entradas*/

.single article {
    margin: auto;
}

.single article h1 {
    margin-top: 1.5rem;
    font-size: calc(1.5rem + 1.5vw);
}

.single article h2 {
    font-size: calc(1.5rem + .9vw);
    margin-bottom: 1.5rem;
    margin-top: 1rem;
}

.single article h3 {
    font-size: calc(1.2rem + .6vw);
    margin-bottom: 1.25rem;
    margin-top: 1rem;
}

.single article .post-thumbnail img {
    height: 100%;
    width: 100%;
}


/* Paginacion */

.pagination {
    display: flex;
    justify-content: center;
    margin-top: 2rem;
    font-size: 1.2rem;
}

.pagination span.current {
    font-size: 1.3rem;
    background-color: var(--infovitoria-azul);
    color: #fff;
    border-radius: 100%;
    width: 2rem;
    height: 2rem;
    display: inline-block;
    text-align: center;
}


/* 404 */

.error404 #main {
    height: 65vh;
    display: flex;
    align-items: center;
    justify-content: center;
}

.error404 h1 {
    font-size: 6rem;
}

.error404 .entry-content p {
    font-size: 3rem;
}


/* Footer */

#footer {
    margin-top: 5rem;
}

#footer .container-fluid {
    background-color: var(--infovitoria-gris-oscuro);
    color: #fff;
    padding: 5rem;
}

#footer .container-fluid a {
    color: #fff;
}

/*Cookies*/

#cookie-law-info-bar {
    top: 0;
    background-color: rgb(0 0 0 / 30%) !important;
    padding: 0 !important;
}

#cookie-law-info-bar>span {
    background: rgb(255 255 255 / 95%);
    display: block;
    padding: 5rem;
    border-radius: 3rem;
    height: 100%;
    margin-top: 7rem;
}

.cli-style-v2 .cli-bar-message {
    text-align: center;
    padding-bottom: 1rem;
}

.cli-style-v2 .cli-bar-btn_container {
    justify-content: center;
    width: 100%;
}




/* Medias */


@media (min-width: 768px) {
    /* Cookies */
    #cookie-law-info-bar {
        padding: 3rem !important;
    }
    #cookie-law-info-bar>span {
        height: auto;
        margin: 20vh auto;
        background-color: #fff;
    }
}

@media(min-width:1024px) {
    /* Cookies */
    #cookie-law-info-bar>span {
        max-width: 50%;
    }
    .cli-style-v2 {
        flex-direction: column;
    }
    .cli-style-v2>div {
        padding: 1rem;
    }
    .cli-bar-btn_container {
        margin-left: 0;
    }
    #tipos-cristal .tipo-cristal {
        max-width: 20%;
        padding: 0.5rem;
        margin-bottom: 0!important;
    }
}

@media(min-width:1200px) {
    /*Entradas*/
    .single article,
    .single #comments,
    .single .post-navigation {
        width: 75%;
        margin: auto;
    }
    .single .post-navigation {
        margin-right: auto!important;
        margin-left: auto!important;
    }
}