h4.archive-heading {
    padding: 0;
    margin: 0;
    font-size: 21px;
    color: #000;
    text-transform: uppercase;
    margin-bottom: 15px;
}

.item_post {
    float: left;
    width: 100%;
    margin-top: 10px;
    border-bottom: 2px solid #1a83c0;
    padding-bottom: 10px;
    opacity: 0.8;
}

.item_post:hover {opacity: 1;}

.item_post a {text-decoration: none;}

.item_post:hover h4 {text-decoration: underline;}

.item_post_img {
    float: left;
    width: 35%;
    margin-right: 2%;
}

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

.item_post h4 {
    color: #000;
    margin: 0;
    text-transform: uppercase;
    font-size: 16px;
}

.item_post_content {
    float: left;
    width: 63%;
}

.post_date {font-size: 13px;margin-top: 5px;color: #000;}

.post_excerpt p {margin: 0;margin-top: 10px;color: #000;}

nav.navigation.pagination {float: left;width: 100%;margin-top: 10px;text-align: center;}

/* nav.navigation.pagination a.page-numbers {padding: 5px;text-decoration: none;} */

nav.navigation.pagination a.page-numbers:hover {text-decoration: underline;}

/* single */

.single-post h2 {font-size: 16px;}

/* page */

.page-heading {text-align: center;color: #018791;font-size: 21px;text-transform: uppercase;margin: 0;margin-bottom: 5px;}

@media only screen and (max-width: 768px) {

.post_excerpt {font-size: 11px;}

.item_post h4 {font-size: 13px;}

.post_date {font-size: 10px;margin-top: 0px;}

.post_excerpt p {margin: 0;}

}

@media only screen and (max-width: 500px) {

.post_excerpt {display: none;}

}

@media only screen and (max-width: 900px) {

}

@media only screen and (max-width: 700px) {
    
}

@media only screen and (max-width: 500px) {
    h1.t_archive {
        font-size: 30px!important;
    }
    h4.post_title_archive {
        font-size: 20px!important;
    }
    
}

/* archive/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

/* h1.t_archive {
    color: #fff;
    font-size: 48px;
    margin: 6rem 0;
    text-transform: uppercase;
} */
main#main {
    width: 100%;
    float: left;
}

.entry-content {
    width: 100%;
    float: left;
}
.item_post_img_archive {
    width: 100%;
    float: left;
    padding-bottom: 47.5%;
    height: 0;
    position: relative;
}

.item_post_img_archive>img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.item_post_archive {
    width: 100%;
    overflow: hidden;
    margin-bottom: 25px;
}

.post_date_archive {
    position: absolute;
    padding: 8px 15px;
    color: #fff;
    display: flex;
    align-items: center;
    gap: 5px;
    bottom: 0;
    left: 0;
    transform: translate(35px, 20px);
    border-radius: 5px;
}

.item_post_content_archive {
    width: 100%;
    float: left;
    padding: 25px 35px;
}

h4.post_title_archive {
    color: #303030;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: uppercase;
    margin: 10px 0;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.post_excerpt_archive {
    width: 100%;
    float: left;
}

.post_excerpt_archive>p {
    margin: 0 0 20px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 16px;
}

nav.navigation.pagination a.page-numbers {
    width: 30px;
    height: 30px;
    display: flex;
    background: #fff;
    color: #1a83c0;
    font-size: 14px;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    border-radius: 5px;
}

.nav-links {
    width: 100%;
    float: left;
    display: flex;
}
.title_bar::after {
    content: "";
    position: absolute;
    height: 2px;
    width: 45px;
    background: #1a83c0;
    bottom: -2px;
    left: 0;
}


.full_bar_archive {
    width: 100%;
    float: left;
}

h3.title_bar {
    color: #293132;
    font-size: 16px;
    margin: 0;
    padding-bottom: 10px;
    border-bottom: 2px solid #ddd;
    position: relative;
}

.list_bar_archive {
    width: 100%;
    float: left;
    margin-top: 25px;
}

a.link_bar {
    display: block;
    margin-bottom: 10px;
}

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