:root {
    --success: rgb(25, 135, 84)
}

@font-face {
    font-family: dana;
    src: url("fonts/dana.ttf");
    font-display: swap;
}

@font-face {
    font-family: dana-bold;
    src: url("fonts/dana-bold.ttf");
    font-display: swap;
}

@media screen and (max-width: 759px) {
    #news #cover {
        width: 90px !important;
        height: 90px !important;
    }

    .blog nav {
        display: flex;
        justify-content: center;
    }

    .blog .card .details {
        height: auto !important;
    }
    #news_content table p{
        text-align: center !important;
    }
}

.logo_news {
    width: 32px;
    height: 30px;
    border: 1px solid var(--success);
    padding: 5px;
}

.border-gray {
    border: 1px solid #eee;
}

#news {
    padding: 15px;
}

.blog .slide .carousel-item {
    height: 14rem !important;
}

.blog .slide .carousel-item img {
    filter: brightness(0.6);
    object-fit: fill;
}

.blog .carousel-caption {
    font-size: small !important;
    bottom: 0 !important;
    padding-bottom: 0 !important;
}

.blog .carousel-indicators {
    display: none !important;
}

.blog #news #body > small {
    font-size: 13px;
    text-align: justify;
}

.mf img {
    width: 8rem;
}

#news_content {
    margin-top: 20px;
    line-height: 40px;
    text-align: justify;
}

#news_content span,p {
    font-family: dana !important;
}


#news_content p {
    text-align: justify !important;
}

#news_content table{
    width: 100% !important;
    font-size: 13px !important;
}

#news #cover {
    width: 120px;
    height: 120px;
}

#news #body small p {
    text-align: justify;
}

#news_content img {
    max-width: 100% !important;
}

.blog nav {
    background: white;
    border-bottom: 0;
}

.blog .card {
    overflow-y: hidden;
    height: 45vh;
    width: 100%;
}

.blog .card .details {
    text-align: justify;
    position: absolute;
    bottom: 0;
    height: 77px;
    background: rgba(255, 255, 255, 0.9);
    right: 0;
    padding: 8px 15px;
    transition: height 0.5s ease-in-out;
}

.blog .card:hover .details {
    height: 160px !important;
    padding: 24px 15px !important;
}

.blog .card .details h6 {
    height: 2rem;
    display: flex;
}

.blog .card .details span {
    font-size: 12px !important;
}

.blog .card .image {
    height: 100% !important;
    width: 100%;
}

.blog .card .image img {
    height: 100% !important;
    width: 100%;
    filter: brightness(0.9);
}

.pagination {
    justify-content: center;
    margin-top: 3rem;
}

.pagination .page-link {
    color: black;
}

.pagination .page-item.active .page-link {
    color: white !important;
}