/*Blog Listing Page
--------------------------*/
.blog #content .ast-container, .archive #content .ast-container {
    max-width: 1340px;
}
.blog .ast-archive-entry-banner, .archive .ast-archive-entry-banner {
    padding-top: 4em;
}
.blog .post, .archive .post{
    padding: 0 12px !important;
    margin-bottom:24px !important;
}
.blog .post .ast-article-inner, .archive .post .ast-article-inner{
    padding:16px !important;
    background-color: #FFFBF8;
    border-style: none;
    border-radius: 16px 16px 16px 16px !important;
}
.blog .post .ast-article-inner .ast-blog-featured-section, .archive .post .ast-article-inner .ast-blog-featured-section {
    padding-bottom:-16px !important;

}
.blog .post .ast-article-inner .cat-links, .archive .post .ast-article-inner .cat-links {
    display:none
}
.blog .post .ast-article-inner .entry-title a, .archive .post .ast-article-inner .entry-title a {
    font-size: 18px;
    text-decoration: none;
    color:#313131;
}
.blog .post .ast-article-inner .entry-title, .archive .post .ast-article-inner .entry-title {
    margin-bottom:10px
}
.blog .post .ast-article-inner .ast-excerpt-container.ast-blog-single-element p, .archive .post .ast-article-inner .ast-excerpt-container.ast-blog-single-element p {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-bottom: 10px !important;
    font-size:14px;
}
.blog .ast-article-post:hover .post-thumb-img-content img, .archive .ast-article-post:hover .post-thumb-img-content img {
    transform: none;
}
.blog .post .ast-article-inner:hover .entry-title a, .archive .post .ast-article-inner:hover .entry-title a {
    color:#ff7800;
}
.blog .post .ast-article-inner .read-more, .archive .post .ast-article-inner .read-more {
    margin:0 !important;
}
.blog .post .ast-article-inner .read-more a, .archive .post .ast-article-inner .read-more a {
    font-size:14px !important;
    position:relative;
    right:32px;
}
.blog .post .ast-article-inner .read-more a:before, .archive .post .ast-article-inner .read-more a:before {
    content: '';
    background-image: url(/wp-content/themes/astra-child/assets/../../../uploads/2026/01/btn_arrow.png);
    width: 24px;
    height: 24px;
    background-size: contain;
    position: absolute;
    background-repeat: no-repeat;
    right: -32px;
    left: auto;
    background-position: right;
}
.blog .post .ast-article-inner .post-content, .archive .post .ast-article-inner .post-content {
    display:flex;
    flex-direction:column;
    height:100%;
}
.blog .post .ast-article-inner .post-content .ast-excerpt-container, .archive .post .ast-article-inner .post-content .ast-excerpt-container {
    height:100%
}
.blog .ast-pagination .page-numbers, .archive .ast-pagination .page-numbers {
    border-radius: 8px;
}
.blog .post-page-numbers.current .page-link, .archive-pagination .page-numbers.current, .archive .post-page-numbers.current .page-link, .archive-pagination .page-numbers.current {
    color: #fff;
}
.hr_product_ckeditor span a{
    color:#fff;
}
.blog.ast-separate-container, .archive.ast-separate-container {
    background-color:#fff
}
.blog .ast-pagination .page-numbers.current, .archive .ast-pagination .page-numbers.current {
    color: #fff;
}
/*
Blog Detail Page
--------------------------*/
.single-post .content-area .elementor-section.elementor-section-boxed > .elementor-container {
    max-width: 100%;
}
.single-post .entry-header .entry-meta .ast-terms-link a{
    pointer-events: none;
}
.single-post.ast-separate-container{
    background-color:#fff
}
.single-post #primary.content-area{
    width:100%
}
.single-post .widget-area.secondary{
    display:none;
}
.single-post .content-area .entry-header{
    text-align:center;
}
.single-post .content-area .entry-header img{
    border-radius:16px
}
.single-post .content-area .entry-header .entry-title{
    margin-bottom:24px;
}
.single-post .content-area .entry-header .entry-meta .ast-terms-link a{
    width:fit-content;
    color:#fff !important;
    padding:4px 8px;
}
.single-post .content-area .entry-header .entry-meta .ast-terms-link{
    width:fit-content;
    background-color:#ff7800;
    padding:4px 8px;
    border-radius:16px;
}
.single-post .content-area .entry-header .entry-meta{
    margin:0 auto 16px;
}
.single-post .ast-single-related-posts-container{
    display:none;
}
.single-post .elementor-column-gap-default>.elementor-column>.elementor-element-populated{
    padding:0;
}
.single-post .entry-content[data-ast-blocks-layout] > * {
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
}
.single-post .ast-container .content-area{
    margin-bottom:1em !important;
    padding-bottom:3em !important;
}
.single-post .site-content{
    border-bottom:1px solid #e5d7d1 !important;
}
.single-post .nav-previous:after{
    content:none
}
.blog a.prev.page-numbers, .blog a.next.page-numbers{
    display:none
}
/* Pagination CSS */
body.single.single-post nav.navigation.post-navigation .nav-links {
    flex-direction: row-reverse;
    gap:8px !important
}

body.single.single-post nav.navigation.post-navigation .nav-links .nav-previous a {
    text-align: right;
    max-width: 100%;
}

body.single.single-post nav.navigation.post-navigation .nav-links .nav-next a {
    text-align: left;
    max-width: 100%;
}
body.single .post-navigation .nav-next a, body.single .post-navigation .nav-previous a {
    padding: 0 2px !important;
}
@media only screen and (min-width: 2250.98px) {
  .blog #content .ast-container, .archive #content .ast-container {
    max-width: 1556px;
  }
 .single-post #content .ast-container {
    max-width: 1570px;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media only screen and (max-width: 1920.98px) {
    .blog #content .ast-container, .archive #content .ast-container {
        max-width: 1544px;
        padding-left: 12px;
        padding-right: 12px;
    }
    .single-post #content .ast-container{
        max-width: 1560px;
        padding-left: 12px;
        padding-right: 12px;
    }
}
@media only screen and (max-width: 1600.98px) {
    .blog #content .ast-container, .archive #content .ast-container {
        max-width: 1336px;
        padding-left: 16px;
        padding-right: 16px;
    }
    .single-post #content .ast-container {
        max-width: 1344px;
        padding-left: 16px;
        padding-right: 16px;
    }
}
@media only screen and (max-width: 1366.98px) {
    .blog #content .ast-container, .archive #content .ast-container {
        max-width: 1256px;
    }
    .single-post #content .ast-container {
        max-width: 1266px;
    }
}
@media only screen and (max-width: 1280.98px) {
    .blog #content .ast-container, .archive #content .ast-container {
        max-width: 1186px;
    }
    .single-post #content .ast-container {
        max-width: 1200px;
    }
}
@media only screen and (max-width: 1200.98px) {
    .blog #content .ast-container, .archive #content .ast-container {
        max-width: 1136px;
    }
    .single-post #content .ast-container {
        max-width: 1150px;
    }
}
@media only screen and (max-width: 1024.98px) {
    .blog #content .ast-container, .archive #content .ast-container {
        max-width: 1006px;
    }
    .single-post #content .ast-container {
        max-width: 1020px;
    }
}
@media only screen and (max-width: 991.98px) {
    .blog #content .ast-container, .archive #content .ast-container {
        max-width: 100%;
        padding-left: 24px;
        padding-right: 24px;
    }
    .single-post #content .ast-container {
        max-width: 100%;
    }
    .blog .post, .archive .post {
       width:50%
    }

    .blog.ast-separate-container #primary, .archive.ast-separate-container #primary {
        padding: 2em 0 3em 0;
    }
    .single-post.ast-separate-container #primary{
        padding: 3em 0 3em 0;
    }
    .blog .ast-archive-entry-banner, .archive .ast-archive-entry-banner{
        padding: 2em 0 0 0;
    }
    .single .post-navigation a p{
        display:none
    }
}
@media only screen and (max-width: 921.98px) {
    .blog #content .ast-container, .archive #content .ast-container {
        padding-left: 8px;
        padding-right: 8px;
    }
}
@media only screen and (max-width: 767.98px) {
    .blog .post, .archive .post {
        width:100% !important
    }
    .blog #content .ast-container, .archive #content .ast-container {
        padding-left: 8px;
        padding-right: 8px;
    }
}


@media only screen and (max-width: 544.98px) {
    .single .post-navigation .nav-links{
        padding-left:0 !important;
        padding-right:0 !important;
    }
}
@media only screen and (max-width: 430.98px) {
    body.single .post-navigation a .ast-post-nav {
        text-align: center !important;
        width: 100% !important;
    }
    body.single .nav-links .nav-previous, body.single .nav-links .nav-next{
        width:100% !important
    }
    
}
@media only screen and (max-width: 420.98px) {
    .single .post-navigation .ast-left-arrow, .single .post-navigation .ast-right-arrow {
        display: block !important;
    }
}
@media only screen and (max-width: 380.98px) {
    .single .post-navigation a .ast-post-nav {
        padding: 15px 8px 15px 8px;
    }
}