@charset "UTF-8";

.news_section_02{
    margin-top: 10%;
}

.main_content{
    margin-top: 5%;
    margin-bottom: 30%;
    border-block: 1px solid #EE781E;
    padding-block: 3%;
    --min-size: 14;
    --max-size: 16;
    font-size: var(--clamp-size);
}

.news_section_03{
    margin-top: 10%;
    text-align: center;
    font-size: var(--clamp-size);
    width: 50%;
     margin: 20% auto 5%;
     background-color: #31519A;
     padding-block: 1%;
    
}



.news_archive a{
    color: #ffffff;
}



.category-posts{
    width: 75%;
    margin: 0 auto;
   
}

.post{
    margin-top: 10%;
    margin-bottom: 10%;
    

}

.post h6  {
    --min-size: 16;
    --max-size: 20;
    font-size: var(--clamp-size);
    margin-block: 2%;
    border-bottom: 1px solid #EE781E;
}

.post h6 span {
    --min-size: 12;
    --max-size: 16;
    font-size: var(--clamp-size);
    color: #444444;
    
}



.post h6 a {
    color: #444444;
    
}

.post-excerpt a{
    color: #444444;
    --min-size: 12;
    --max-size: 14;
    font-size: var(--clamp-size);
}


.pagination {
    text-align: center;
    margin: 20px 0;
}

.pagination a, .pagination span {
    display: inline-block;
    margin: 0 5px;
    padding: 10px 15px;
    border: 1px solid #ddd;
    color: #0073aa;
    text-decoration: none;
    transition: background-color 0.3s, color 0.3s;
}

.pagination a:hover {
    background-color: #0073aa;
    color: #fff;
}

.pagination .current {
    background-color: #0073aa;
    color: #fff;
    border-color: #0073aa;
}


@media (max-width: 1000px) {
    .news_section_03{
    width: 80%;
    margin: 20% auto;
    }
    .category-posts{
        width: 100%;
        margin: 0 auto;
       
    }
    
}