/* Post Box */
.post-box{ padding: 15px; width: 33.33333%; margin-bottom: 20px; }

    /* Featured Image */
    .post-box .featured-image{ margin-bottom: 20px; overflow: hidden; line-height: 0; }
    .post-box .featured-image a{ display: block; padding-top: 65%; position: relative; background: var(--white-ccc); }
    .post-box .featured-image a img{ width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0; left: 0; }

    /* Post Content */
    .post-box .post-content{ padding: 0 10px; }
    .post-box .post-content a{ text-decoration: none; color: var(--black); }
    .post-box .post-content a:hover{ text-decoration: none; }
    .post-box .post-content .button{ margin-top: 20px; padding: 8px 20px; color: var(--white); background: var(--beige); border-color: var(--beige); }
    .post-box .post-content .button:hover{ color: var(--black); background: transparent; border-color: var(--black); }

    /* Post Categories */
    .post-box .post-content .category-list{ margin-bottom: 15px; display: flex; flex-wrap: wrap; gap: 15px; }
    .post-box .post-content .category-list li{}
    .post-box .post-content .category-list li a{ font-weight: 600; color: var(--skyblue); transition: var(--transition); }
    .post-box .post-content .category-list li a:hover{ color: var(--black); }
    
    /* Post Meta */
    .post-box .post-content .post-meta{ margin-top: 10px; font-size: 14px; color: var(--grey-333); }
    .post-box .post-content .post-meta .post-title{ font-size: 24px; color: var(--black); margin-bottom: 10px; letter-spacing: -1px; font-weight: 600; line-height: 1.2; transition: var(--transition); }
    .post-box .post-content .post-meta .post-title:hover{ color: var(--skyblue); }
    .post-box .post-content .post-meta .post-author-name{ font-size: 15px; color: var(--grey-111); font-weight: 500; }
    .post-box .post-content .post-meta .post-author-name a{ color: var(--skyblue); transition: var(--transition); }
    .post-box .post-content .post-meta .post-author-name a:hover{ color: var(--black); }
    .post-box .post-content .post-meta .post-date{ margin: 5px 0 0; font-size: 14px; color: var(--grey-222); font-weight: 500; }

/* Archive */
.archive-wrapper{ padding: 70px 0; line-height: 1.4; font-size: 17px; }
.archive-wrapper .head{ margin: 0 0 40px; padding: 0 10px; }
.archive-wrapper .posts-list{ display: flex; flex-wrap: wrap; }

/* Page and Single */
.content-wrapper{ padding: 70px 0; line-height: 1.4; font-size: 17px; }
.content-wrapper .head{ margin-bottom: 50px; }
.content-wrapper .head .category-list,
.content-wrapper .head .tag-list{ margin-bottom: 10px; font-weight: 600; display: flex; gap: 20px; }
.content-wrapper .head .date{ display: block; font-size: 16px; }
.content-wrapper .head .title{ font-size: 42px; font-weight: 600; letter-spacing: -1px; line-height: 1.2; }

.content-wrapper p{ margin-bottom: 20px; }
.content-wrapper img{ max-width: 100% !important; }
.content-wrapper .aligncenter{ width: 100% !important; margin: 30px 0; }
.content-wrapper .wp-caption-text{ font-size: 15px; color: var(--grey-333); font-weight: normal; margin-top: 10px; display: block; text-align: center; margin-bottom: 20px; }
.content-wrapper a{ color: var(--skyblue); text-decoration: none; }
.content-wrapper a:hover{ text-decoration: underline; }
.content-wrapper .article-content ul{ list-style-type: disc; padding-left: 40px; margin-bottom: 20px; }
.content-wrapper .article-content ol{ list-style-type: decimal; padding-left: 40px; margin-bottom: 20px; }
.content-wrapper .article-content h2{ font-size: 26px; font-weight: bold; color: var(--blue); margin-bottom: 20px; }
.content-wrapper .article-content h3{ font-size: 18px; }

.content-wrapper .author-name{ margin-top: 40px; }

.wp-block-separator{ margin: 30px 0; border-top: 1px solid var(--beige); }

/* Pagination */
.pagination{ display: flex; margin: 70px 0 40px; width: 100%; }
.pagination ul{ display: flex; justify-content: center; align-items: center; width: 100%; position: relative; font-weight: 600; }
.pagination ul li{ margin: 0 2px; }
.pagination ul li a{ text-decoration: none; }
.pagination ul li a,
.pagination ul li span{ display: flex; align-items: center; justify-content: center; color: var(--skyblue); width: 35px; height: 35px; border-radius: 5px; font-size: 16px; transition: all .3s; }
.pagination ul li a:hover{ color: var(--black); }
.pagination ul li .current{ background: var(--white-eee); color: var(--black); }
.pagination ul li .prev{ position: absolute; left: 0; top: 0; display: flex; flex-direction: row; align-items: center; padding-left: 15px; overflow: hidden; width: auto; font-size: 22px; }
.pagination ul li .next{ position: absolute; right: 0; top: 0; display: flex; flex-direction: row-reverse; align-items: center; padding-right: 15px; overflow: hidden; width: auto; font-size: 22px; }
.pagination ul li .prev:hover,
.pagination ul li .next:hover{ background: none; }

.pagination ul li .next:before{ content: '\ea1f'; font-family: var(--ti); display: block; margin-left: 5px; position: relative; transition: var(--transition); left: 0; }
.pagination ul li .prev:before{ content: '\ea19'; font-family: var(--ti); display: block; margin-right: 5px; position: relative; transition: var(--transition); left: 0; }
.pagination ul li .next:hover:before{ left: 3px; }
.pagination ul li .prev:hover:before{ left: -3px; }

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

}

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

    /* Post Box */
    .post-box{ width: 100%; padding: 0; margin-bottom: 50px; }

    /* Archive */
    .archive-wrapper .head{ padding: 0; }

    /* Page and Single */
    .content-wrapper .head .title{ font-size: 30px; }
    .content-wrapper .article-content{ font-size: 15px; }
    
    
}

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

}

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