/* latest-posts-section */

.latest-posts-section__wrapper {
    padding-top: 6rem;
    padding-bottom: 6rem;
    display: flex;
    flex-direction: column;
    gap: 4.2rem;
}

.latest-posts-section__title {
    text-align: center;
}

.latest-posts-section__btn {
    width: max-content;
    gap: 4rem;
    margin: 0 auto;
}

.latest-posts {
    width: 100%;
}

.swiper-pagination-bullets.swiper-pagination-horizontal.latest-posts__pagination {
    display: flex;
    align-items: center;
    gap: .8rem;
    margin-top: 1.8rem;
    bottom: auto;
    left: auto;
    right: auto;
    top: auto;
}

.latest-posts__pagination .swiper-pagination-bullet {
    width: .8rem;
    height: .8rem;
    border-radius: 50%;
    background-color: #d0d0d166;
    transition: .3s;
    border: 1px solid #12131a;
}

.latest-posts__pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #12131a;
}


@media (min-width: 1200px) {
    .latest-posts-section__wrapper {
        padding-top: 10rem;
        padding-bottom: 10rem;
        gap: 7.2rem;
    }
}

@media (max-width: 1199px) {
    .latest-posts__slide {
        width: 31.5rem;
    }
    .latest-posts {
        overflow: unset !important;
    }
}





/* post-card */

.post-card {
    border-radius: 1.2rem;
    overflow: hidden;
    position: relative;
    aspect-ratio: 1;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 2rem;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    height: 100%;
}

.post-card:hover .post-card__img {
    scale: 1.1;
}

.post-card__img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all .3s;
}

.post-card__title {
    color: #fff;
    font-size: 1.8rem;
    font-style: normal;
    font-weight: 500;
    line-height: 100%;
    letter-spacing: -.036rem;
    margin-bottom: 1.4rem;
    margin-top: .7rem;
    position: relative;
    z-index: 1;
}

.post-card__category,
.post-card__text {
    position: relative;
    z-index: 1;
    line-height: 110%;
    font-size: 1.4rem;
    color: #fff;
}

.post-card__text {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    min-height: 2.8rem;
}

@media (min-width: 1200px) {
    .post-card__title {
        font-size: 2.8rem;
        max-width: 27.2rem;
    }
    .post-card__category,
    .post-card__text {
        max-width: 27.2rem;
    }
}




/* home-banner */

.post-hero,
.home-banner {
    min-height: 23.4rem;
    display: flex;
    align-items: flex-end;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.post-hero .container,
.home-banner .container {
    padding-top: 2.4rem;
    padding-bottom: 2.4rem;
}

.post-hero__title,
.home-banner__title {
    color: var(--White, #fff);
    font-family: Clash Display;
    font-size: 4.2rem;
    font-style: normal;
    font-weight: 500;
    line-height: 80%;
    letter-spacing: -.186rem;
    word-break: break-word;
}

.post-hero:not(.has-banner),
.home-banner:not(.has-banner) {
    padding-top: 6rem;
    align-items: center;
}
.home-banner:not(.has-banner) .post-hero__title,
.home-banner:not(.has-banner) .home-banner__title {
    color: var(--Black, #12131a);
    text-align: center;
}

@media (min-width: 750px) {
    .post-hero__title,
    .home-banner__title {
        font-size: 6.2rem;
    }
}

@media (min-width: 1200px) {
    .post-hero__title,
    .home-banner__title {
        font-size: 10.2rem;
        letter-spacing: -.306rem;
        text-align: center;
    }
    .post-hero,
    .home-banner {
        align-items: center;
        padding: 0;
        min-height: 36rem;
    }
    .home-banner:not(.has-banner) {
        padding-top: 0;
    }
}





/* home-posts */

.home-posts__wrapper {
    padding-top: 6rem;
    padding-bottom: 6rem;
}  

.post-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.post-grid__item {
    width: 100%;
}

@media (min-width: 750px) {
    .post-grid__item {
        width: calc(50% - 4px);
    }
}

@media (min-width: 990px) {
    .post-grid__item {
        width: calc(33.3333% - 5.3333px);
    }
}

@media (min-width: 1200px) {
    .post-grid {
        gap: 10px;
    }
    .post-grid__item {
        width: calc(33.3333% - 6.6666px);
    }
    .home-posts__wrapper {
        padding-top: 10rem;
        padding-bottom: 10rem;
    } 
}




/* pagination */

.pagination {
    margin-top: 4.4rem;
}

.pagination .nav-links {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px;
    font-size: 1.6rem;
}

.pagination .page-numbers {
    min-width: 30px;
    height: 30px;
    border-radius: 5px;
    border: 1px solid #153628;
    color: #153628;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 300ms;
}

.pagination .page-numbers.next,
.pagination .page-numbers.prev {
    padding-bottom: 3px;
}

.pagination .page-numbers.current,
.pagination .page-numbers:hover {
    color: #fff;
    background: #153628;
}



@media (min-width: 1200px) {
    .pagination {
        margin-top: 7.2rem;
    }
    .pagination .nav-links {
        gap: 10px;
    }
    .pagination .page-numbers {
        min-width: 40px;
        height: 40px;
    }
}



/* blog */


@media (max-width: 1199px) {
    body.single.wp-child-theme-ref-child>.wrapper,
    body.blog.wp-child-theme-ref-child>.wrapper {
        padding-top: 110px;
    }
}


@media (max-width: 767px) {
    body.single.wp-child-theme-ref-child>.wrapper,
    body.blog.wp-child-theme-ref-child>.wrapper {
        padding-top: 6.6rem;
    }
}

@media (max-width: 400px) {
    body.single.wp-child-theme-ref-child>.wrapper,
    body.blog.wp-child-theme-ref-child>.wrapper {
        padding-top: 4.4rem;
    }
}




/* post */

.post-meta {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin-top: 2rem;
}

.post-categories,
.post-tags,
.post-date {
    color: var(--Black, #12131a);
    font-size: 1.2rem;
    font-style: normal;
    font-weight: 600;
    line-height: 110%;
    letter-spacing: -.024rem;
}

.post-categories a,
.post-tags a {
    font-weight: 400;
    text-decoration: underline;
    color: #153628;
    transition: all 300ms;
}

.post-categories a:hover,
.post-tags a:hover {
    text-decoration: none;
}

.post-tags {
    margin-top: .5rem;
}

.post-share {
    margin-top: 4rem;
}

.post-share .sharethis-inline-share-buttons {
    text-align: center !important;
}

.back-to-blog {
    margin-top: 4rem;
    margin-bottom: 6rem;
}

.back-to-blog .button {
    width: max-content;
    gap: 4rem;
    margin: 0 auto;
}

.back-to-blog .button img {
    transform: rotate(180deg);
}

body.single.wp-child-theme-ref-child .text-section {
    margin: 0;
    padding: 6rem 0;
}

body.single.wp-child-theme-ref-child .text-section__inner {
    display: block;
}

body.single.wp-child-theme-ref-child .text-section__inner p img {
    max-width: 100%;
    height: auto;
}

body.single.wp-child-theme-ref-child .text-section__inner p img.alignleft {
    float: left;
    margin-right: .8rem;
    margin-bottom: .8rem;
}

body.single.wp-child-theme-ref-child .text-section__inner p img.alignright {
    float: right;
    margin-left: .8rem;
    margin-bottom: .8rem;
}

body.single.wp-child-theme-ref-child .text-section__inner p img.aligncenter {
    margin: 0 auto;
    display: block;
}

body.single.wp-child-theme-ref-child .text-section__inner>* {
    margin-top: .8rem;
    margin-bottom: .8rem;
}

body.single.wp-child-theme-ref-child .text-section__inner>:first-child {
    margin-top: 0;
}

body.single.wp-child-theme-ref-child .text-section__inner>:last-child {
    margin-bottom: 0;
}

body.single.wp-child-theme-ref-child .text-section__inner .gallery .gallery-item img {
    max-width: 100%;
}


@media (min-width: 1200px) {
    body.single.wp-child-theme-ref-child .post-categories,
    body.single.wp-child-theme-ref-child .post-tags,
    body.single.wp-child-theme-ref-child .back-to-blog,
    body.single.wp-child-theme-ref-child .post-share,
    body.single.wp-child-theme-ref-child .text-section .container {
        max-width: calc(1250px + 10rem) !important;
        padding: 0 5rem;
    }
    .post-meta {
        flex-direction: row;
        align-items: flex-end;
        justify-content: space-between;
        margin-top: 4rem;
        max-width: calc(1250px + 10rem);
        padding: 0 5rem;
    }
    .post-categories,
    .post-tags,
    .post-date {
        font-size: 1.6rem;
    }
    .back-to-blog {
        margin-bottom: 10rem;
    }
    body.single.wp-child-theme-ref-child .text-section {
        padding: 10rem 0;
    }
    body.single.wp-child-theme-ref-child .text-section__inner>* {
        margin-top: 1rem;
        margin-bottom: 1rem;
    }
    body.single.wp-child-theme-ref-child .text-section__inner p img.alignleft {
        float: left;
        margin-right: 1rem;
        margin-bottom: 1rem;
    }
    
    body.single.wp-child-theme-ref-child .text-section__inner p img.alignright {
        float: right;
        margin-left: 1rem;
        margin-bottom: 1rem;
    }
}


@media (max-width: 750px) {
    .post-share .sharethis-inline-share-buttons .st-btn {
        min-width: 50px !important;
    }
    .post-share .sharethis-inline-share-buttons .st-btn > span {
        display: none !important;
    }
    body.single.wp-child-theme-ref-child .text-section__inner .gallery {
        display: flex;
        flex-wrap: wrap;
    }
    body.single.wp-child-theme-ref-child .text-section__inner .gallery .gallery-item {
        width: 50% !important;
    }

    body.single.wp-child-theme-ref-child .text-section__inner .gallery .gallery-item img {
        width: 100%;
        height: auto;
    }
}




/* breadcrumbs */

.breadcrumbs {
    font-size: 1.2rem;
    font-style: normal;
    font-weight: 400;
    line-height: 110%;
    letter-spacing: -.024rem;
    display: flex;
    white-space: nowrap;
    gap: .6rem;
    overflow: hidden;
}

.breadcrumbs a {
    color: var(--Black, #12131a);
    opacity: .6;
    transition: .3s;
}

.breadcrumbs a:hover {
    opacity: 1;
}


@media (min-width: 1200px) {
    .breadcrumbs {
        gap: 1.2rem;
        font-size: 1.6rem;
    }
}


/* text-section */
.text-section {
    word-break: break-word;
}
.text-section ul {
    list-style-type: disc;
    padding-left: 2.5rem;
}

.text-section ol {
    list-style-type: decimal;
    padding-left: 2.5rem;
}

.text-section ul,
.text-section ol,
.text-section li {
    color: var(--Black, #12131a);
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    letter-spacing: -.032rem;
}


.text-section a {
    text-decoration: underline;
    color: #153628;
    transition: all 300ms;
}

.text-section a:hover {
    text-decoration: none;
}

.text-section strong {
    font-weight: 600;
}

.text-section em {
    font-style: italic;
}

.text-section h3,
.text-section h4,
.text-section h2 {
    color: var(--Black, #12131a);
    font-family: Clash Display;
    font-style: normal;
    font-weight: 500;
    line-height: 80%;
    letter-spacing: -.132rem;
}

.text-section h2 {
    font-size: 4.4rem;
}

.text-section h3 {
    font-size: 3.4rem;
}

.text-section h4 {
    font-size: 2.4rem;
}


@media (min-width: 1200px) {
    .text-section ul,
    .text-section ol,
    .text-section li {
        font-size: 1.8rem;
        line-height: 110%;
        letter-spacing: -.036rem;
    }
    .text-section h3,
    .text-section h2 {
        font-size: 6.2rem;
        line-height: 90%;
        letter-spacing: -.186rem;
    }
    .text-section h2 {
        font-size: 6.2rem;
    }
    .text-section h3 {
        font-size: 4.4rem;
    }
    .text-section h4 {
        font-size: 3.4rem;
    }
}