@font-face {
    font-family: 'Thin';
    src: url('../../fonts/SpartanMB-Thin.otf')
    format(opentype);
}@font-face {
    font-family: 'Semi-Bold';
    src: url('../../fonts/SpartanMB-SemiBold.otf')
    format(opentype);
}@font-face {
    font-family: 'Regular';
    src: url('../../fonts/SpartanMB-Regular.otf')
    format(opentype);
}@font-face {
    font-family: 'Medium';
    src: url('../../fonts/SpartanMB-Medium.otf')
    format(opentype);
}@font-face {
    font-family: 'Light';
    src: url('../../fonts/SpartanMB-Light.otf')
    format(opentype);
}@font-face {
    font-family: 'Extra-Light';
    src: url('../../fonts/SpartanMB-ExtraLight.otf')
    format(opentype);
}@font-face {
    font-family: 'Extra-Bold';
    src: url('../../fonts/SpartanMB-ExtraBold.otf')
    format(opentype);
}@font-face {
    font-family: 'Bold';
    src: url('../../fonts/SpartanMB-Bold.otf')
    format(opentype);
}@font-face {
    font-family: 'Black';
    src: url('../../fonts/SpartanMB-Black.otf')
    format(opentype);
}

:root{
    --verde-oficial: #00a859;
    --verde-escuro: #047741;
    --verde-alternativo: #00924e;
    --branco: #ffffff;
    --cor3: #5e45f8;
    --cor4: #ffffff;

    --fonte-thin: 'Thin';
    --fonte-semibold: 'Semi-Bold';
    --fonte-regular: 'Regular';
    --fonte-medium: 'Medium';  
    --fonte-light: 'Light';
    --fonte-extralight: 'Extra-Light';
    --fonte-extrabold: 'Extra-Bold';
    --fonte-bold: 'Bold';
    --fonte-black: 'Black';
}

#nav-docs{
    border-top: solid 3px var(--amarelo);
    width: 60%;
    box-shadow: 0px 0px 10px 2px rgb(0, 0, 0, 8%);

}#container{
    width: 70%;
    height: max-content;
    margin: 0 auto 2% auto;
    padding: 0%;
    background-color: rgb(3, 63, 63, 0);
    }.title-v{
        display: flex;
        flex-direction: row;
        align-items: end;
        justify-content: space-between;
        height: 2%;
        margin: 0 0 2% 0;
        text-align: center;
        border-bottom: solid 3px var(--verde-escuro);
        }.title-v > h1{
            font-family: var(--fonte-bold);
            color: var(--verde-escuro);
            font-size: 2,5em;
            margin: 0;
        }.title-v > h3{
            font-size: 1.2em;
            color: var(--verde-escuro);
    }.vereadores{
        display: flex;
        width: 75%;
        padding: 5px;
        border-radius: 1em;
        margin-bottom: 2%;
        border: solid 3px var(--verde-alternativo);
        }.card-vereador{
            display: block;
            margin: auto;
            width: 32%;
            height: 100%;
            padding: 2%;
            }.card-vereador> img{
                width: 100%;
                height: 100%;
                max-width: auto;
                max-height: auto;
                border-top-left-radius: 0.6em;
                border-bottom-left-radius: 0.6em;
        }.vereador-info{
            justify-items: start;
            width: 68%;
            color: var(--branco);
            padding: 3% 1% 1% 1%;
            border-top-right-radius: 0.7em;
            border-bottom-right-radius: 0.7em;
            background-color: var(--verde-alternativo);
        }.v-info-ul{
            width: 100%;
            margin: 0;
            }.v-info-ul > h2{
                font-family: var(--fonte-extrabold);
                font-size: 2.4em;
                margin: 0;
            }.v-info-ul-li{
                font-size: 1.2em;
                font-family: var(--fonte-semibold);
                margin-bottom: 2%;
                }.v-info-ul-li > strong{
                    margin-right: 3px;
                    font-family: var(--fonte-bold);
                }.v-info-ul-li > a {
                    color: var(--branco);
                    font-family: var(--fonte-semibold);
                    text-decoration: none;
                    transition-duration: 0.5s;
                    font-style: italic;
                    }.v-info-ul-li > a:hover{
                        opacity: 60%;
                        text-decoration: underline;

    }#news-sec{
        width: 100%;
        height: fit-content;
        border-radius: 1em;
        padding: 1.5% 1%;
        margin: 0 0 2% 0;
        background-color: rgb(0, 0, 0, 5%);
        }#news-sec > h2{
            border-bottom: solid 3px var(--verde-escuro);
            font-family: var(--fonte-extrabold);
            text-align: center;
            color: var(--verde-escuro);
        }#news-container{
            display: flex;
            width: 100%;
            height: fit-content;
            padding: 1%;
            gap: 15px;
            overflow-x: auto;
            }#wth-news{
                display: block;
                margin: auto;
                color: var(--verde-escuro);
            }.news-sec-card{
                display: flex;
                flex: 0 0 60%;
                height: fit-content;
                border-radius: 1em;
                box-shadow: 0px 0px 10px 2px rgb(0, 0, 0, 10%);
                }.news-sec-card-txt{
                    display: flex;
                    flex-direction: column;
                    justify-content: space-between;
                    width: 60%;
                    height: fit-content;
                    margin: 0;
                    padding: 20px;
                    }.lk-news-card{
                        text-decoration: none;
                        color: black;
                        transition-duration: 0.5s;
                        }.lk-news-card:hover{
                            color: var(--verde-alternativo);
                            margin-left: 2%;
                    }.news-sec-card-txt > h4{
                        font-size: 1.8em;
                        font-family: var(--fonte-bold);
                        color: var(--verde-escuro);
                        margin: 3% 0;
                    }.sec-card-txt{
                        height: 100%;
                        font-size: 1em;
                    }.sec-card-date{
                        padding-top: 5%;
                        }.sec-card-date > p{
                            color: var(--verde-escuro);
                            margin: 0;
                            font-family: var(--fonte-bold);
                            text-align: end;
                }.news-sec-card-img{
                    display: flex;
                    position: relative;
                    flex-direction: column;
                    justify-content: center;
                    align-items: center;
                    width: 40%;
                    overflow: hidden;
                    border-top-left-radius: 1em;
                    border-bottom-left-radius: 1em;
                    }.sec-card-bg{
                        z-index: 0;
                        position: absolute;
                        top: 0;
                        left: 0;
                        width: 100%;
                        height: 100%;
                        filter: blur(8px);
                        transform: scale(1.1)
                    }.news-sec-card-img-thb{
                        z-index: 3;   
                        max-width: 100%;
                        max-height: 100%;
                        width: auto;
                        height: auto;
                        transition-duration: 0.4s;
                        }.news-sec-card-img-thb:hover{
                            transform: scale(1.1);
                        }


        #info-sec{
            box-shadow: 0px 0px 25px 2px rgb(0, 0, 0, 15%);
            padding: 2%;
            border-radius: 1em;
            }#info-sec > h2{
                color: var(--verde-escuro);
                font-family: var(--fonte-bold);
                font-size: 2.5em;
                margin: 0 1.5%;
            }.comps{
                border-radius: 1em;
                padding: 2%;
                font-family: var(--fonte-semibold);
                font-size: 1.2em;
                margin: 0;
            }

/*------------------------------------- Media Query ---------------------------------------*/

@media (min-width: 0px) and (max-width: 576px) {

    #container{
        width: 100%;
        }.title-v{
            display: block;
            margin: 8% 0 5% 0;
            font-size: 0.8em;
            border-bottom: solid 2px var(--verde-escuro);
            }.title-v > h1{
                font-size: 2em;
                margin: 0;
            }.title-v > h3{
                font-size: 1em;
    
        }.vereadores{
            width: 100%;
            display: block;
            margin-bottom: 10%;
            }.card-vereador{
                width: 100%;
                display: flex;
                justify-content: center;
                height: auto;
                padding: 2%;
                }.card-vereador > img{
                    padding: 10%;
                    width: 150px;
                    height: 150px;
                    object-fit: contain;
                    object-position: center;
                    border-radius: 50%;
                    border: solid 3px var(--verde-oficial);
                    padding: 1%;
            }.vereador-info{
                width: 100%;
                padding: 3% 3% 3% 0;
                border-radius: 0.6em;
                background-color: var(--verde-oficial);
                color: var(--branco);
                }.v-info-ul > h2{
                    font-size: 2em;
                }.v-info-ul-li{
                    font-size: 1em;
                    font-family: var(--fonte-semibold);
                    margin-bottom: 2%;
                }.v-info-ul-li > a:hover{
                    opacity: 100%;
                    text-decoration: none;
                }.v-info-ul-li > a:active{
                    text-decoration: underline;

        }#news-sec{
            margin-bottom: 8%;
        }#news-sec > h2{
            border-bottom: solid 2px var(--verde-escuro);
        }.news-sec-card{
            display: block;
            flex: 0 0 90%;
            }.lk-news-card{
                text-decoration: none;
                color: var(--verde-oficial);
                transition-duration: 0.5s;
                }.lk-news-card:hover{
                    color: var(--verde-oficial);
                    margin-left: 0%;
            }.fa-face-frown{
                display: none;
            }.news-sec-card-img{
                position: none;
                flex-direction: row;
                width: 100%;
                border-radius: 0;
                border-top-left-radius: 1em;
                border-top-right-radius: 1em;
                }#sec-card-bg{
                    position: none;
                    top: -50%;
                    z-index: 0;
                    width: auto;
                    height: auto;
                    max-width: 100%;
                    max-height: max-content;
                    filter: blur(5px);
                    transform: scale(1)
                }.news-sec-card-img-thb{
                    max-width: 40%;
                    z-index: 3;
                    border-top-left-radius: 0em;
                    border-top-right-radius: 0em;
                    }.news-sec-card-img-thb:hover{
                        transform: scale(1);
            }.news-sec-card-txt{    
                width: 100%;


            }#info-sec > h2{
                color: var(--verde-escuro);
                font-family: var(--fonte-bold);
                font-size: 1.7em;
                margin: 3% 0 1% 0;
            }.comps{
                background-color: #f7f7f7;
                border-radius: 1em;
                padding: 4%;
                font-size: 1em;
            
        }#documents{
            margin-bottom: 8%;
        }
            
}