img {
    max-width: 100%;
    height: auto !important;
}

/*------------------------------------------------------------ header --------------------------------------------------------*/
header {
    .region-header {
        background-image: url(../images/testeira.jpg);
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        display: flex;
        justify-content: center;
        margin-top: -0.7rem;
        width: 100%;
        height: 14rem;

        .navbar-brand {
            height: 100%;
            width: auto;

            img {
                width: 100%;
                height: auto;
                transform: scale(.7);
            }
        }

        #block-deptsubtheme-search-form {
            right: 0;
            transform: scale(.8);
            margin-top: 1rem;
            position: absolute;
            z-index: 1;

            #edit-submit {
                background-color: var(--bs-white);
                color: var(--tema);
                border: .1rem solid var(--bs-white);
                margin-left: -5rem ;

                &:hover {
                    background-color: var(--tema);
                    color: #fff;
                }
            }

            #edit-keys {
                width: 20rem;
                border: .1rem solid var(--bs-white);
                color: var(--tema);
            }
        }
    }

/*------------------------------------------------------ header/menu superfish ----------------------------------------------*/

    .navbar {
        display: grid;
        justify-content: center;
        background-color: var(--tema);
        height: 3.5rem;

        a {
            text-decoration: none;
        }

        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;
        }
    }
}

/*--------------------------------------------------------- main -----------------------------------------------------------*/

main {
    width: 85vw;
    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;
    }

/*-------------------------------------------------------------- main/card -------------------------------------------------------*/

    .card {
        box-shadow: var(--bs-box-shadow);
        border: none;

        .btn {
            border: none;
        }
    }

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

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

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


/*-------------------------------------------------------- main/breadcrumb -----------------------------------------------------*/

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

/*-------------------------------------------------------- pagina inicial/slide ------------------------------------------------*/
.path-frontpage {
    .view-featured-1 {
        margin-bottom: 3rem;
    }

    .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: 20px;
        height: 20px;
        padding: 0;
        margin-right: 3px;
        margin-left: 3px;
        text-indent: -999px;
        cursor: pointer;
        background-clip: padding-box;
        background-color: var(--bs-white);
        border: 0;
        border-top: 20px solid transparent;
        border-bottom: 20px solid transparent;
        transition: opacity .6s ease;
        border-radius: 50%;
    }

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


/*-------------------------------------------------- pagina inicial/destaques -----------------------------------------------*/

    .view-destaque {
        margin-bottom: 5rem;


        a {
            color: var(--bs-white) ;
            padding-bottom: 0.5rem;
            text-decoration: none;
        }

        .card-header {
            background-color: var(--tema);
        }
    }

/*----------------------------------------------------- pagina inicial/noticias ---------------------------------------------*/

    .region-highlighted {
        box-shadow: var(--bs-box-shadow);
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(20rem , 1fr));
        margin-bottom: 3rem;

        .view-display-id-bloco_featured_2_1 {
            padding: 0 1rem;
        }

        #block-bloco-featured-2-1 {
            h2 {
                background-color: var(--tema) ;
                text-align: center;
                color: var(--bs-white);
                margin-top: -3rem;
                min-width: 85vw;
            }

            .view-content .card-body {
                margin-top: 1rem;
            }
        }


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

        .view-display-id-bloco_featured_2_2 .view-footer p a{
            float: right;
            padding: 1rem;
        }

        .card {
            border: none;
            box-shadow: none;
        }
    }


/*-------------------------------------------------------- pagina inicial/eventos -------------------------------------------*/

    .view-display-id-bloco_featured_3 {
        padding-bottom: 3rem;

        .card {
            border: none;
            box-shadow: var(--bs-box-shadow);
        }

        .view-header a {
            display: flex;
            justify-content: right;
            margin-right: 10px;
            text-decoration: none;
        }
    }

    .block-views-blockfeatured-3-bloco-featured-3 {

        h2 {
            background-color: var(--tema) ;
            color: var(--bs-white);
            text-align: center;
        }
    }


/*--------------------------------------------------------- footer -------------------------------------------------------*/

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: 1.3rem;
        row-gap: 5rem;
        border-bottom: 1px dashed #fff;
        padding: 2rem 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: "▼"; /* Down arrow */
            font-size: 0.6rem;
            margin-left: 0.3rem;
            vertical-align: middle;
        }

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

/*------------------------------------------------------ footer/endereços -----------------------------------------------*/

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

/*------------------------------------------------------ footer/logos --------------------------------------------------*/

    #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(3) {
            padding-right: 12rem;
        }
    }

/*------------------------------------------------------- footer/politica ---------------------------------------------------*/

    #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);
            }
        }
    }
}

/*---------------------------------------------------------- medias -----------------------------------------------------*/

/*-------------------------------------- header --------------------------------------*/

@media (max-width: 1160px ) {
    header {
        .region-header {
            display: flex;
            justify-content: center;

            .navbar-brand {
                min-width: 10rem;
                overflow: hidden;

                img {
                    width: 100%;
                    height: auto;
                }
            }

            #block-deptsubtheme-search-form {
                margin: 11rem 3rem -5rem 0;
                transform: scale(.7);

                #edit-submit {
                    background-color: var(--bs-white);
                    color: var(--tema);
                    border: .4rem solid var(--bs-white);
                    margin-left: -5rem;

                    &:hover {
                        background-color: var(--tema) !important;
                        color: #fff;
                    }
                }

                #edit-keys {
                    width: 20rem;
                    border: .4rem solid var(--bs-white);
                }
            }
        }
    }
}

/*-------------------------------------------------- noticias -------------------------------------------------*/

@media (max-width: 768px) {
    .region-highlighted{
        display: inline-block;
        justify-content: center;
    }
}


@media (max-width: 768px) {
    .view-display-id-bloco_featured_2_2 .views-row{
        display: inline-block;
        justify-content: center;
    }
}

/*----------------------------------------------------- menu footer ----------------------------------------------*/

@media screen and (max-width: 992px) {
    #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;
        justify-items: center;
        justify-content: center;
    }

    #block-deptsubtheme-logos li:nth-child(3) {
        padding-right: 0;
    }
}