/* ==========================================================================
    CONFIGURAÇÕES GERAIS E GLOBAIS
   ========================================================================== */

#barra-ensp {
    z-index: 8000;
}

.col {
    height: 15rem;

.card {
    border: none;
    box-shadow: var(--bs-box-shadow);
    min-height: 100%;

    .card-title {
        height: 40%;
    }

    .card-body {
        h6 {
            text-decoration: none;
            color: var(--tema);
            font-size: 0.9rem;
        }

        p {
            font-size: 0.9rem;
        }
    }

    .card-text a {
        text-decoration: none;
        color: var(--tema);

        &:hover {
            text-decoration: underline;
        }
    }
}

    .btn {
        border: none;
    }
}

/* ==========================================================================
    HEADER
   ========================================================================== */

header {
    .navbar-brand a.site-title {
        display: none;
    }

    .region-header {
        margin-top: -0.7rem;

        .btn {
            background-color: var(--tema);
            border: none;

            &:hover {
                background-color: #198754;
            }
        }
    }
}

/* ==========================================================================
    MENU SUPERFISH
   ========================================================================== */

.block-superfish {
    display: grid;
    justify-content: center;
    position: relative;
    background-color: var(--tema);
    margin-top: -0.7rem;
    height: 3rem; 
    box-shadow: var(--bs-box-shadow);
    z-index: 7000;

    a {
        text-decoration: none;
        font-weight: bold;
    }

    ul.sf-menu.menu a, 
    .nolink {
        display: grid;
        background-color: var(--tema);
        color: var(--bs-white);
    }

    div.sf-accordion-toggle.sf-style-white a, 
    div.sf-accordion-toggle.sf-style-white a.sf-expanded,
    ul.sf-menu.sf-style-white span.nolink, 
    ul.sf-menu.sf-style-white a:visited {
        background-color: var(--tema);
        color: var(--bs-white);
        border: none;
    }

    ul.sf-menu.sf-style-white li:hover, 
    ul.sf-menu.sf-style-white li.sfHover, 
    ul.sf-menu.sf-style-white a:focus,
    ul.sf-menu.sf-style-white a:hover, 
    ul.sf-menu.sf-style-white span.nolink:hover {
        background: var(--bs-white);
        color: var(--tema);
        outline: 0;
    }
}

/* ==========================================================================
    PÁGINA INICIAL (SLIDES)
   ========================================================================== */

.path-frontpage {
    .view-featured-1 {
        margin-top: -0.7rem;

        .img-fluid {
            width: 100vw;
            height: auto;
            object-fit: contain;
        }
    }

    .titleSlide {
        text-align: center;
        padding-bottom: 1.5rem;
    }

    .carousel-caption a {
        color: var(--bs-white);
        text-shadow: 2px 2px 2px #000;
        font-size: 1.5rem;
        text-decoration: none;
    }

    .carousel-indicators [data-bs-target] {
        box-sizing: content-box;
        flex: 0 1 auto;
        width: 1.25rem;
        height: 1.25rem;
        padding: 0;
        margin-right: 0.1875rem;
        margin-left: 0.1875rem;
        text-indent: -999rem;
        cursor: pointer;
        background-clip: padding-box;
        background-color: var(--bs-white);
        border: 0;
        border-top: 1.25rem solid transparent;
        border-bottom: 1.25rem solid transparent;
        transition: opacity .6s ease;
        border-radius: 50%;
    }

    .carousel-control-prev-icon, 
    .carousel-control-next-icon {
        background-color: #000;
    }
}

/* ==========================================================================
    PÁGINA INICIAL (SEÇÃO DE NOTÍCIAS / HIGHLIGHTED)
   ========================================================================== */

.region-highlighted {
    background-image: url(../images/predio-da-ensp-noticias.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
    box-shadow: var(--bs-box-shadow);
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(20rem, 1fr));
    width: 65vw;
    height: auto;
    margin-bottom: 1rem;

    .view-display-id-bloco_featured_2_1 {
        padding: 0 2rem;
        margin-top: 38rem;

        .more-link a {
            display: flex;
            justify-content: flex-end;
            margin: 2rem 2rem 2rem 0;
            font-weight: bold;
            color: var(--bs-white) !important;
            text-shadow: 2px 2px 2px #000;
        }
    }

    #block-bloco-featured-2-1 a, 
    .view-display-id-bloco_featured_2_1 a {
        text-decoration: none;
    }
}

/* ==========================================================================
    MAIN (CONTEÚDO PRINCIPAL)
   ========================================================================== */

main {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 3rem;

    a {
        color: var(--tema);
    }

    [class*="field--type-image"] {
        display: grid;
        justify-content: center;
        grid-area: imagem;
        padding-bottom: 1rem;
    }

    #block-deptsubtheme-page-title {
        color: var(--tema);
        display: flex;
        justify-content: center;
        padding: 3rem 0;
        font-weight: normal;
    }

    .breadcrumb {
        padding-top: 2rem;
    }
}

/* ==========================================================================
   FOOTER (RODAPÉ)
   ========================================================================== */

footer {
    display: grid;
    justify-content: center;
    background-color: var(--tema);
    font-size: 0.8rem;

    .region-footer .navbar-nav {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        flex-direction: row;
        column-gap: 2rem;
        row-gap: 5rem;
        border-bottom: 1px dashed #fff;
        padding: 1rem;
        max-width: 85vw;
        margin: 0 auto;

        & ul {
            list-style-type: none;
            padding: 0;
        }

        & > .nav-item > .nav-link {
            font-size: 0.85rem;
            font-weight: bold;
        }

        & > .nav-item > ul > .nav-item > .dropdown-item:after {
            content: "▼";
            font-size: 0.6rem;
            margin-left: 0.3rem;
            vertical-align: middle;
        }

        & ul ul > .nav-item > .nav-link:before {
            content: "•";
            margin-right: 0.3rem;
        }
    }

    #block-deptsubtheme-enderecofooter {
        display: grid;
        justify-content: center;
        text-align: center;
        padding: 2rem;
        color: var(--bs-white);
        border-bottom: 1px dashed var(--bs-white);
    }

    #block-deptsubtheme-logos {
        ul {
            display: flex;
            flex-direction: row;
            justify-content: center;
            column-gap: 2rem;
            place-items: center;
            flex-flow: row wrap;
            list-style: none;
            flex-basis: auto;
            padding: 2rem;
            border-bottom: 1px dashed var(--bs-white);
        }

        li:nth-child(2) {
            padding-right: 12rem;
        }
    }

    #block-deptsubtheme-politicadeacesso {
        display: flex;
        justify-content: center;
        padding-top: 3rem;
        color: var(--bs-white);

        a {
            text-decoration: underline;

            &:hover {
                background-color: var(--bs-white);
                color: var(--tema);
            }
        }
    }
}

/* ==========================================================================
    MEDIA QUERIES (RESPONSIVIDADE ACESSÍVEL EM REM)
   ========================================================================== */

/* Telas até 900px (Tablets) -> 900px / 16 = 56.25rem */
@media (max-width: 56.25rem) {
    .region-highlighted {
        display: flex;
        justify-content: center;
        height: auto;
        background-image: url(../images/predio-da-ensp-noticias.jpg);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: top;
        background-color: #80BD77;
        background-color: #59bd74;
        width: 100vw;

        .view-content {
            margin-top: -25rem;
        }

        .view-display-id-bloco_featured_2_1 {
            .more-link a {
                color: var(--bs-white) !important;
            }
        }
    }

    #block-deptsubtheme-menu-footer {
        display: none;
    }        

    #block-deptsubtheme-logos {
        ul {
            display: flex;
            grid-template-columns: repeat(auto-fit, minmax(2rem, 3rem));
            column-gap: 3rem;
            row-gap: 2rem;
            align-items: center;
            justify-content: center;
        }

        li:nth-child(2) {
            padding-right: 0 !important;
        }
    }
}

#block-deptsubtheme-logosenspfiocruz {
    display: flex;
    justify-content: center;

    .field--name-body {
        position: relative;
        max-width: fit-content;
        left: 0;

        img {
            max-width: 80%;
            height: auto;
        }
    }
}

/* Telas entre 901px e 1366px (Laptops / Tablets Paisagem) -> 1366px / 16 = 85.375rem */
@media (min-width: 56.26rem) and (max-width: 85.375rem) {
    .region-highlighted {
        display: flex;
        justify-content: center;
        background-image: url(../images/predio-da-ensp-noticias.jpg);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: top;
        background-color: #80BD77;
        background-color: #59bd74;
        width: 100vw;
        height: auto;

        .view-content {
            margin-top: 43rem !important;
        }

        .view-display-id-bloco_featured_2_1 {
            .more-link a {
                color: var(--bs-white) !important;
            }
        }
    }

    #block-deptsubtheme-logosenspfiocruz {
        display: flex;
        justify-content: center;
        
        .field--name-body {
            position: relative;
            max-width: fit-content;

            img {
                max-width: 80%;
                height: auto;
            }
        }
    }

    footer {
        #block-deptsubtheme-logos {
            ul {
                li:nth-child(2) {
                    padding-right: 0 !important;
                }
            }
        }
    }
}

@media (min-width: 85.376rem) {
    #block-deptsubtheme-logosenspfiocruz .field--name-body {
        position: absolute;
        top: 30%;
        left: 20%;
    }
}