/*!
Theme Name: Trueself Theme
Theme URI: https://southwavesoft.com/
Author: Southwavesoft
Author URI: https://southwavesoft.com/
Description: A responsive WordPress theme for Trueself, a lifestyle publication covering wellness, style, relationships, and everyday life. Features topic-based sections, article cards, author pages, and support for existing AVIF and WebP image variants.
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: paypath-theme
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

Paypath Theme is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

@font-face {
    font-display: swap;
    font-family: OpenSans-Regular;
    font-style: normal;
    font-weight: 400;
    src: local('OpenSans Regular'), local('OpenSans-Regular'),
    url(./dist/fonts/OpenSans/OpenSans-Regular.woff2) format('woff2');
}

@font-face {
    font-display: swap;
    font-family: OpenSans-Bold;
    font-style: normal;
    font-weight: 700;
    src: local('OpenSans Bold'), local('OpenSans-Bold'),
    url(./dist/fonts/OpenSans/OpenSans-Bold.woff2) format('woff2');
}

@font-face {
    font-display: swap;
    font-family: Bookmania-Regular;
    font-style: normal;
    font-weight: 400;
    src: local('Bookmania Regular'), local('Bookmania-Regular'),
    url(./dist/fonts/Bookmania/Bookmania-Regular.woff2) format('woff2');
}

@font-face {
    font-display: swap;
    font-family: Bookmania-Bold;
    font-style: normal;
    font-weight: 700;
    src: local('Bookmania Bold'), local('Bookmania-Bold'),
    url(./dist/fonts/Bookmania/Bookmania-Bold.woff2) format('woff2');
}

@font-face {
    font-display: swap;
    font-family: IBMPlexSans-Regular;
    font-style: normal;
    font-weight: 400;
    src: local('IBMPlexSans Regular'), local('IBMPlexSans-Regular'),
    url(./dist/fonts/IBMPlexSans/IBMPlexSans-Regular.woff2) format('woff2');
}

@font-face {
    font-display: swap;
    font-family: IBMPlexSans-Bold;
    font-style: normal;
    font-weight: 700;
    src: local('IBMPlexSans Bold'), local('IBMPlexSans-Bold'),
    url(./dist/fonts/IBMPlexSans/IBMPlexSans-Bold.woff2) format('woff2');
}

:root {
    --dynamic-text-color: #73a26b;
}

* {
    color: #242424;
}

body {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    padding: 100px 0 0;
}

body.admin-bar .header {
    top: 32px;
}

body footer.footer {
    margin: auto 0 0;
}

main {
    width: 100%;
}

.container {
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
}

@media (max-width: 991px) {
    body {
        padding: 80px 0 0;
    }
}

@media only screen and (max-width: 782px) {
    body.admin-bar .header {
        top: 46px;
    }
}

@media only screen and (max-width: 600px) {
    #wpadminbar {
        position: fixed;
    }
}

@media (min-width: 768px) {
    .container {
        width: 750px;
    }
}

@media (min-width: 992px) {
    .container {
        width: 970px;
    }
}

@media (min-width: 1200px) {
    .container {
        width: 1170px;
    }
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    color: #242424;
    font-family: Bookmania-Bold, serif;
    font-style: normal;
    font-weight: 400;
    margin: 0;
    line-height: 1.3;
}

.body-1,
.body-2,
.body-3,
.body-4,
.caption,
.overline {
    color: #242424;
    font-family: OpenSans-Regular, sans-serif;
    font-style: normal;
    font-weight: 400;
    margin: 0;
}

.body-1 {
    font-size: 19px;
    line-height: 23px;
}

.body-2 {
    font-size: 14px;
    line-height: 16px;
}

.body-3,
.caption {
    font-size: 12px;
    line-height: 14px;
}

.body-4,
.overline {
    font-size: 10px;
    line-height: 12px;
}

.h1,
h1 {
    font-size: 40px;
    /* line-height: 128px; */
}

.h2,
h2 {
    font-size: 32px;
    /* line-height: 80px; */
}

.h3,
h3 {
    font-size: 24px;
    /* line-height: 56px; */
}

.h4,
h4 {
    font-size: 22px;
    /* line-height: 40px; */
}

.h5,
h5 {
    font-size: 20px;
    /* line-height: 30px; */
}

.h6,
h6 {
    font-size: 20px;
    line-height: 24px;
}

p {
    font-family: OpenSans-Regular, sans-serif;
    font-size: 19px;
}

.button {
    background-color: #242424;
    border: 1px solid #242424;
    border-radius: 24px;
    box-sizing: border-box;
    color: #a6c6a4;
    display: block;
    font-family: IBMPlexSans-Bold, sans-serif;
    font-size: 14px;
    line-height: 16px;
    padding: 13px 26px;
    text-transform: uppercase;
    transition: 0.25s ease-in;
    transition-property: border-color, background-color, color;
    white-space: nowrap;
    width: min-content;
}

.button:hover {
    background-color: #a6c6a4;
    border-color: #a6c6a4;
    color: #242424;
    outline: none;
    text-decoration: none;
}

.button:active {
    outline: none;
}

.button:-ms-input-placeholder {
    color: #f3ebe3;
}

.button::placeholder {
    color: #f3ebe3;
}

.button_primary {
    background-color: #3a5136;
    border-color: #3a5136;
    color: #f3ebe3;
}

.button_primary:hover {
    background-color: #f3ebe3;
    border-color: #f3ebe3;
    color: #3a5136;
}

.button_secondary {
    background-color: #a6c6a4;
    border-color: #a6c6a4;
    color: #fff;
}

.button_secondary:hover {
    background-color: #fff;
    border-color: #a6c6a4;
    color: #a6c6a4;
}

.text-input {
    background-color: #fff;
    border: 1px solid #f9f7f1;
    border-radius: 20px;
    box-sizing: border-box;
    color: #242424;
    display: block;
    font-family: OpenSans-Regular, sans-serif;
    font-size: 14px;
    line-height: 16px;
    padding: 13px 26px;
    transition: border-color 0.25s ease-in;
    width: 100%;
}

.text-input:focus {
    border-color: #a6c6a4;
    outline: none;
}

.text-input:-ms-input-placeholder {
    color: #f9f7f1;
}

.text-input::placeholder {
    color: #f9f7f1;
}

.search-form {
    gap: 20px;
}

.post-author,
.search-form {
    align-items: center;
    display: flex;
}

.post-author {
    position: relative;
}

.post-author__image {
    border-radius: 50%;
    height: 30px;
    min-width: 30px;
    overflow: hidden;
    position: relative;
    width: 30px;
}

.post-author__image img {
    height: 100%;
    object-fit: cover;
    width: 100%;
}

.post-author__name {
    font-family: OpenSans-Bold, sans-serif;
    font-weight: 700;
    padding: 5px 10px;
    transition: color 0.25s ease-in;
    white-space: nowrap;
}

.post-author:hover {
    text-decoration: none;
}

.post-author:hover .post-author__name {
    color: #a6c6a4;
}

.post-author:after {
    background: #242424;
    content: '';
    display: block;
    height: 1px;
    width: 30px;
}

.post-meta {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 10px 20px;
    letter-spacing: 3px;
}

.post-meta a {
    text-decoration: none;
    text-transform: uppercase;
    transition: color 0.25s ease-in;
}

.post-meta a:hover {
    color: #a6c6a4;
}

.post-meta > * {
    color: #242424;
    position: relative;
    white-space: nowrap;
}

.post-meta > :not(:last-child):after {
    background-color: #242424;
    content: '';
    height: 14px;
    position: absolute;
    right: -10px;
    top: 0;
    transform: rotate(20deg);
    width: 1px;
}

.post-tags {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 10px 20px;
}

.post-tags svg {
    display: block;
    height: 14px;
    margin: 0 -10px 0 0;
    width: 14px;
}

.post-tags svg path {
    fill: #242424;
}

.post-tags a {
    color: #242424;
    letter-spacing: 2.99px;
    line-height: normal;
    text-decoration: none;
    text-transform: uppercase;
    transition: color 0.25s ease-in;
}

.post-tags a:hover {
    color: #a6c6a4;
}

.post-socials {
    align-items: center;
    display: flex;
    gap: 20px;
    list-style: none;
    margin: 0;
    padding-left: 0;
}

@media screen and (max-width: 767px) {
    .post-socials {
        flex-wrap: wrap;
    }
}

.post-socials li.post-socials__item a {
    background-color: #73a26b;
    border-radius: 50%;
    display: block;
    height: 35px;
    padding: 10px;
    transition: opacity 0.25s ease-in-out;
    width: 35px;
}

.post-socials li.post-socials__item a svg {
    display: block;
    height: 15px;
    margin: 0 auto;
    width: 15px;
}

.post-socials li.post-socials__item a svg path {
    fill: #fff;
}

.post-socials li.post-socials__item a:hover {
    opacity: 0.75;
}

.single-sponsored__head-social .share-glyph {
    display: inline-block;
    fill: currentColor;
    height: 1em;
    vertical-align: -0.125em;
    width: 1em;
}

.post-socials li.post-socials__item_facebook a {
    background-color: #1777f2;
}

.post-socials li.post-socials__item_x a {
    background-color: #000;
}

.post-socials li.post-socials__item_mail a {
    background-color: #5e7286;
}

.post-socials li.post-socials__item_tumblr a {
    background-color: #2c4762;
}

.post-socials li.post-socials__item_pinterest a {
    background-color: #ce1e1f;
}

.post-socials li.post-socials__item_reddit a {
    background-color: #ff4300;
}

.post {
    display: flex;
    flex-direction: column;
}

.post,
.post .post-body,
.post .post-image {
    width: 100%;
}

.post .post-body {
    margin-bottom: 0;
    padding: 20px 30px;
}

.post .post-body__title {
    margin: 10px 0;
}

.post .post-body__title,
.post .post-body__title a {
    color: #242424;
    text-decoration: none;
    transition: color 0.25s ease-in;
}

.post .post-body__title a:hover,
.post .post-body__title:hover {
    color: #a6c6a4;
}

.post .post-body__author {
    width: min-content;
}

.post .post-image {
    height: 320px;
    position: relative;
    z-index: 1;
}

.post .post-image img {
    height: 100%;
    object-fit: cover;
    width: 100%;
}

@media only screen and (max-width: 1199px) {
    .post .post-body {
        padding: 20px 30px;
    }

    .post .post-image {
        height: 280px;
    }
}

@media only screen and (max-width: 991px) {
    .post .post-body,
    .post .post-image {
        min-width: 100%;
        transform: none !important;
    }

    .post .post-image {
        height: 300px;
    }

    .post .post-body {
        height: unset !important;
        padding: 30px 20px !important;
    }

    .post .post-body__title {
        margin: 10px 0;
    }
}

@media only screen and (max-width: 767px) {
    .post .post-image {
        height: 250px;
    }
}

@media only screen and (max-width: 575px) {
    .post .post-image {
        height: 200px;
    }
}

.header {
    background-color: #fff;
    left: 0;
    position: fixed;
    top: 0;
    transition: height 0.25s ease-in-out;
    width: 100%;
    z-index: 10;
}

.header__container {
    align-items: center;
    display: flex;
    height: 100px;
    justify-content: space-between;
}

h1, h2, h3, h4, h5, h6 {
    scroll-margin-top: 110px;
}

.header__container .header-button {
    background: none;
    border: none;
    height: 35px;
    outline: none;
    padding: 5px;
    position: relative;
    width: 35px;
}

.header__container .header-button__icon {
    fill: #242424;
    display: block;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: opacity 0.25s ease-in;
}

.header__container .header-button__icon path {
    transition: fill 0.25s ease-in-out;
}

.header__container .header-button__icon:first-child {
    opacity: 1;
}

.header__container .header-button__icon:last-child,
.header__container .header-button_active .header-button__icon:first-child {
    opacity: 0;
}

.header__container .header-button_active .header-button__icon:last-child {
    opacity: 1;
}

.header__container .header-button:hover .header-button__icon path {
    fill: #73a26b;
}

.header__container .header-logo {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.header__container .header-logo__body {
    display: block;
    width: 130px;
}

.header__container .header-logo__body img {
    max-height: 100%;
    max-width: 100%;
    object-fit: contain;
	height: 32px;
}

.header__container .header-logo__socials {
    align-items: center;
    display: flex;
    gap: 20px;
    list-style: none;
    margin: 0;
    padding-left: 0;
}

.header__container .header-logo__socials li {
    position: relative;
}

.header__container .header-logo__socials li a {
    color: #242424;
    display: block;
    font-family: Roboto, sans-serif;
    font-size: 0;
    letter-spacing: 1.2px;
    padding-right: 0;
    text-transform: uppercase;
}

.header__container .header-logo__socials li a svg {
    display: block;
    margin: 0 auto;
}

.header__container .header-logo__socials li a svg path {
    transition: fill 0.25s ease-in-out;
}

.header__container .header-logo__socials li a:hover svg path {
    fill: #73a26b;
}

.header__container .header-logo__socials li:not(:last-child) a:before {
    background-color: #242424;
    content: '';
    height: 17px;
    position: absolute;
    right: -10px;
    transform: rotate(20deg);
    width: 1px;
}

.header__container ul.header-menu {
    align-items: center;
    display: flex;
    margin: 0;
    padding: 0;
}

.header__container ul.header-menu li {
    letter-spacing: 1.05px;
    list-style-type: none;
    padding: 12px 15px;
    position: relative;
    text-transform: uppercase;
}

.header__container ul.header-menu li a {
    color: #242424;
    text-decoration: none;
    transition: color 0.25s ease-in-out;
    white-space: nowrap;
}

.header__container ul.header-menu li a:hover {
    color: #73a26b;
}

.header__container ul.header-menu li:not(:last-child):after {
    background-color: #f3ebe3;
    border-radius: 100%;
    content: '';
    height: 3px;
    position: absolute;
    right: 0;
    top: 19px;
    width: 3px;
}

@media only screen and (max-width: 991px) {
    .header__container {
        height: 56px;
    }

    h1, h2, h3, h4, h5, h6 {
        scroll-margin-top: 66px;
    }

    .header__container .header-logo__socials,
    .header__container ul.header-menu {
        display: none;
    }
}

@media only screen and (min-width: 992px) {
    .header__container #header-bars {
        display: none;
    }
}

.footer {
    background-color: #242424;
    padding: 40px 0;
    position: relative;
    width: 100%;
}

.footer__background {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.footer__background img {
    height: 100%;
    object-fit: cover;
    width: 100%;
}

.footer__container {
    align-items: center;
    display: flex;
    justify-content: space-between;
    position: relative;
}

.footer__container .footer-logo {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.footer__container .footer-logo__body {
    display: block;
    height: 30px;
}

.footer__container .footer-logo__body img {
    height: 100%;
    object-fit: contain;
    width: 100%;
}

.footer__container ul.footer-menu {
    align-items: center;
    display: flex;
    margin: 0;
    padding: 0;
}

.footer__container ul.footer-menu li {
    letter-spacing: 3.6px;
    padding: 12px 15px;
    text-transform: uppercase;
}

.footer__container ul.footer-menu li a {
    color: #fff;
    text-decoration: none;
    transition: color 0.25s ease-in-out;
    white-space: nowrap;
}

.footer__container ul.footer-menu li a:hover {
    color: #a6c6a4;
}

.footer__container ul.footer-socials {
    align-items: center;
    display: flex;
    gap: 20px;
    list-style: none;
    margin: 0;
    padding-left: 0;
}

.footer__container ul.footer-socials li a {
    color: #242424;
    display: block;
    font-family: Roboto, sans-serif;
    font-size: 0;
    letter-spacing: 1.2px;
    padding-right: 0;
    text-transform: uppercase;
}

.footer__container ul.footer-socials li a svg {
    display: block;
    height: 20px;
    margin: 0 auto;
    width: 20px;
}

.footer__container ul.footer-socials li a svg path {
    transition: fill 0.25s ease-in-out;
}

.footer__container ul.footer-socials li a:hover svg path {
    fill: #a6c6a4;
}

@media only screen and (max-width: 991px) {
    .footer__container {
        flex-direction: column;
    }

    .footer__container ul.footer-menu {
        flex-direction: column;
        gap: 15px;
        padding: 30px;
    }
}

@media only screen and (min-width: 992px) {
    .footer__container ul.footer-menu li {
        position: relative;
    }

    .footer__container ul.footer-menu li:not(:last-child):after {
        background-color: #fff;
        border-radius: 100%;
        content: '';
        height: 3px;
        position: absolute;
        right: 0;
        top: 19px;
        width: 3px;
    }
}

.sidebar {
    background-color: #fff;
    flex-direction: column;
    height: 100vh;
    left: -100%;
    padding: 100px 0 0;
    position: fixed;
    top: 0;
    transition: left 0.25s ease-in-out;
    z-index: 9;
}

.sidebar,
.sidebar__socials {
    align-items: center;
    display: flex;
    width: 100%;
}

.sidebar__socials {
    border-bottom: 1px solid #242424;
    gap: 20px;
    justify-content: center;
    list-style: none;
    margin: 0;
    padding: 20px;
}

.sidebar__socials li a {
    color: #242424;
    display: block;
    font-family: Roboto, sans-serif;
    font-size: 0;
    letter-spacing: 1.2px;
    padding-right: 0;
    text-transform: uppercase;
}

.sidebar__socials li a svg {
    display: block;
    height: 20px;
    margin: 0 auto;
    width: 20px;
}

.sidebar__socials li a svg path {
    transition: fill 0.25s ease-in-out;
}

.sidebar__socials li a:hover svg path {
    fill: #a6c6a4;
}

.sidebar ul.sidebar-menu {
    align-items: center;
    display: flex;
    flex-direction: column;
    margin: 0;
    overflow-x: hidden;
    overflow-y: scroll;
    padding: 20px 0;
    width: 100%;
}

.sidebar ul.sidebar-menu li {
    letter-spacing: 1.05px;
    list-style-type: none;
    padding: 12px 15px;
    text-transform: uppercase;
}

.sidebar ul.sidebar-menu li a {
    color: #242424;
    text-decoration: none;
    transition: color 0.25s ease-in-out;
    white-space: nowrap;
}

.sidebar ul.sidebar-menu li a:hover {
    color: #73a26b;
}

.sidebar_opened {
    left: 0;
}

@media only screen and (max-width: 991px) {
    .sidebar {
        padding-top: 80px;
    }
}

@media only screen and (min-width: 992px) {
    .sidebar {
        display: none !important;
    }
}

.modal {
    height: 100vh;
    position: fixed;
    width: 100%;
}

.modal__body {
    background-color: #fff;
    border-radius: 25px;
    left: 50%;
    padding: 25px;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
}

.modal_active {
    opacity: 1;
}

.banner {
    padding: 40px 0;
}

@media only screen and (max-width: 991px) {
    .banner {
        margin-bottom: 40px;
        padding: 0;
    }

    .banner__container {
        padding: 0;
        width: 100%;
    }
}

@media only screen and (min-width: 992px) {
    .banner__container .post {
        flex-direction: row-reverse;
        margin-bottom: 80px;
    }

    .banner__container .post-body,
    .banner__container .post-image {
        height: 450px;
        min-width: calc(50% + 25px);
    }

    .banner__container .post-body {
        background-color: #f7f7f7;
        padding: 80px 100px 40px 50px;
        transform: translateX(50px);
    }

    .banner__container .post-image {
        transform: translateY(80px);
    }
}

@media only screen and (min-width: 1200px) {
    .banner__container .post .post-body__title {
        width: 80%;
    }
}

.posts {
    background-color: #fff;
    padding: 40px 0;
    width: 100%;
}

.posts .posts-title {
    margin-bottom: 70px;
    position: relative;
}

.posts .posts-title:after {
    background: #242424;
    bottom: -20px;
    content: '';
    display: block;
    height: 2px;
    position: absolute;
    width: 36%;
    z-index: 1;
}

.posts .posts-content {
    display: flex;
    gap: 50px;
}

.posts .posts-actions {
    display: flex;
    gap: 20px;
    justify-content: center;
    margin-top: 30px;
}

.posts_background_grey {
    background-color: #f7f7f7;
}

.posts_background_grey .posts-content .post .post-body {
    background-color: #fff;
}

@media only screen and (max-width: 991px) {
    .posts .posts-content {
        flex-direction: column !important;
    }

    .posts_layout_slider .posts-content.swiper .swiper-button-next,
    .posts_layout_slider .posts-content.swiper .swiper-button-prev {
        display: none;
    }
}

@media only screen and (min-width: 992px) {
    .posts_layout_sidebar .posts-content {
        flex-direction: column;
        gap: 20px;
    }

    .posts_layout_sidebar .posts-content .post .post-image {
        height: 150px;
    }

    .posts_layout_sidebar .posts-content .post .post-body {
        background-color: #f7f7f7;
        padding: 10px 20px;
        transform: translateY(-25%);
        width: 90%;
        z-index: 1;
    }

    .posts_layout_sidebar .posts-content .post .post-body__title {
        margin: 0;
    }

    .posts_layout_sidebar .posts-content .post .post-body__author,
    .posts_layout_sidebar .posts-content .post .post-body__meta {
        display: none;
    }

    .posts_layout_sidebar .posts-content .post:nth-child(odd) {
        align-items: flex-start;
    }

    .posts_layout_sidebar .posts-content .post:nth-child(2n) {
        align-items: flex-end;
    }

    .posts_layout_grid .posts-content {
        flex-direction: row;
        flex-wrap: wrap;
        gap: 20px;
    }

    .posts_layout_grid .posts-content .post {
        width: calc(50% - 10px);
    }

    .posts_layout_list .posts-content {
        flex-direction: column;
    }

    .posts_layout_list .posts-content .post {
        margin-bottom: 60px;
    }

    .posts_layout_list .posts-content .post .post-body,
    .posts_layout_list .posts-content .post .post-image {
        height: 350px;
        min-width: calc(50% + 40px);
    }

    .posts_layout_list .posts-content .post:nth-child(odd) {
        flex-direction: row;
    }

    .posts_layout_list .posts-content .post:nth-child(odd) .post-body {
        padding: 80px 80px 40px 120px;
        transform: translate(-60px, 60px);
    }

    .posts_layout_list .posts-content .post:nth-child(2n) {
        flex-direction: row-reverse;
    }

    .posts_layout_list .posts-content .post:nth-child(2n) .post-body {
        padding: 80px 120px 40px 80px;
        transform: translateX(60px);
    }

    .posts_layout_list .posts-content .post:nth-child(2n) .post-image {
        transform: translateY(60px);
    }
}

@media only screen and (min-width: 1200px) {
    .posts_layout_list .posts-content .post .post-body,
    .posts_layout_list .posts-content .post .post-image {
        height: 390px;
    }

    .posts_layout_list .posts-content .post .post-body__title {
        width: 80%;
    }
}

.single-post {
    position: relative;
}

.single-post .single-post-head {
    padding-top: 50px;
}

.single-post .single-post-head__title {
    margin: 10px 0;
}

.single-post .single-post-head__author-and-socials {
    align-items: center;
    display: flex;
    gap: 20px;
    margin: 10px 0 20px;
}

.single-post .single-post-head__image {
    width: 100%;
}

.single-post .single-post-head__image img {
    height: 100%;
    object-fit: cover;
    width: 100%;
    max-height: 580px;
}

.single-post .single-post-head:before {
    background-color: #f7f7f7;
    content: '';
    height: 400px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}

.single-post .single-post-body {
    display: flex;
    gap: 20px;
    padding: 40px 0;
}

.single-post .single-post-body__content {
    width: 70%;
}

.single-post .single-post-body__content.single-post-body__content--sponsored {
    width: 100%;
}

/*.single-post-body__content .post-content > p {*/
/*display: none;*/
/*}*/

.single-post .single-post-body__content .post-content a,
.single-post .single-post-body__content .post-content a * {
    color: inherit;
    font-weight: 700;
    text-decoration: none;
}


.single-post .single-post-body__content .post-content a {
    background-image: linear-gradient(
            rgba(166, 198, 164, 0.5),
            rgba(166, 198, 164, 0.5)
    );
    background-position: 0 100%;
    background-repeat: no-repeat;
    background-size: 100% 30%;
    padding-bottom: 2px;
}

.single-post .single-post-body__content .post-content a:has(img) {
    background: none;
}

.post-content a:hover {
    color: #73a26b !important;
}

.single-post .single-post-body__content .post-tags {
    margin: 50px 0 30px;
}

.single-post .single-post-body__content .post-socials {
    margin: 30px 0;
}

.single-post .single-post-body__content > :last-child {
    margin-bottom: 0;
}

.single-post .single-post-body__sidebar {
    width: 30%;
}

.single-post .single-post-body__sidebar .posts {
    padding: 0;
}

@media only screen and (max-width: 991px) {
    .single-post .single-post-head {
        padding: 330px 0 0px;
    }

    .single-post .single-post-head__image {
        height: 300px;
        left: 0;
        position: absolute;
        top: 0;
    }

    .single-post .single-post-body {
        flex-direction: column;
        padding: 0;
    }

    .single-post .single-post-body__content,
    .single-post .single-post-body__sidebar {
        width: 100%;
    }


    .h1,
    h1 {
        font-size: 32px !important;
    }

    .h2, h2 {
        font-size: 26px;
    }

    .h3, h3 {
        font-size: 22px;
    }

    .h4, h4 {
        font-size: 20px;
    }

    .post-content p {
        font-size: 17px;
        line-height: 1.5;
    }

}

@media only screen and (max-width: 767px) {
    .single-post .single-post-head {
        /* padding: 280px 0 30px; */
        display: flex;
        flex-direction: column;
        padding-top: 0;
    }

    .single-post .single-post-head__image {
        /* height: 250px; */
        position: relative;
        height: auto;
        order: -1;
        margin-bottom: 30px;
    }

    .h1,
    h1 {
        font-size: 30px !important;
    }

    .h2, h2 {
        font-size: 24px;
    }

    .h3, h3 {
        font-size: 22px;
    }

    .h4, h4 {
        font-size: 20px;
    }
}

@media only screen and (max-width: 575px) {
    /* .single-post .single-post-head {
      padding: 230px 0 30px;
    } */
    /* .single-post .single-post-head__image {
      height: 200px;
    } */
}

.single-author {
    position: relative;
}

.single-author .single-author-head {
    display: flex;
    gap: 30px;
    padding: 50px 0;
}

.single-author .single-author-head__image {
    border-radius: 50%;
    height: 250px;
    overflow: hidden;
    width: 250px;
}

.single-author .single-author-head__image img {
    height: 100%;
    object-fit: cover;
    width: 100%;
}

.single-author .single-author-head__body {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding-top: 69px;
}

.single-author .single-author-head:before {
    background-color: #f7f7f7;
    content: '';
    height: 175px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}

@media only screen and (max-width: 991px) {
    .single-author .single-author-head {
        padding: 330px 0 30px;
    }

    .single-author .single-author-head__image {
        border-radius: unset;
        height: 300px;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
    }

    .single-author .single-author-head__body {
        padding: 0;
    }

    .single-author .single-author-head:before {
        height: 100%;
    }
}

@media only screen and (max-width: 767px) {
    .single-author .single-author-head {
        padding: 280px 0 30px;
    }

    .single-author .single-author-head__image {
        height: 250px;
    }
}

@media only screen and (max-width: 575px) {
    .single-author .single-author-head {
        padding: 230px 0 30px;
    }

    .single-author .single-author-head__image {
        height: 200px;
    }
}

.search-section {
    padding: 20px 0;
}

@media (min-width: 768px) {
    .search-section__container {
        width: 100%;
    }
}

@media (min-width: 992px) {
    .search-section__container {
        width: 750px;
    }
}

@media (min-width: 1200px) {
    .search-section__container {
        width: 970px;
    }
}

.no-content {
    padding: 60px 0;
}

.no-content__container {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.no-content__container .no-content-title {
    text-align: center;
}

.body-description table td {
    background-color: transparent !important;
    padding: 0 !important;
    box-shadow: none !important;
}

a.wp-block-button__link,
.body-description table a {
    display: block;
    border-radius: 40px;
    padding: 12px 18px !important;
    /*margin-top: 30px;*/
    background-image: none !important;
    background-color: #000;

    color: #f2eee2 !important;
    font-family: 'IBMPlexSans-Bold', sans-serif !important;

    transition: all .3s ease;
}

a.wp-block-button__link:hover, a.wp-block-button__link:focus,
.body-description table a:hover,
.body-description table a:focus {
    background-color: rgba(166, 198, 164, 0.5);
    color: #000 !important;
}

.body-description {
    font-family: OpenSans-Regular, sans-serif !important;
    font-size: 19px !important;
}

.body-description img {
    max-width: 100%;
    max-height: fit-content;
    object-fit: contain;
}

.wp-block-button__link.wp-element-button {
    margin-block: 20px;
    font-size: 21px;
    box-shadow: 4px 4px 6px gray;
}

.elementor-button {
    background-image: none !important;
}

.elementor-button .elementor-button-content-wrapper,
.elementor-button .elementor-button-text {
    color: inherit !important;
    font-weight: inherit !important;
    font-family: "IBMPlexSans-Bold", sans-serif;
}

.post-content li {
    font-family: OpenSans-Regular, sans-serif;
    font-size: 19px;
}

@media only screen and (max-width: 991px) {
    .post-content li {
        font-size: 17px;
    }
}

.float-image img {
    float: right;
}

@media screen and (max-width: 767px) {
    .float-image img {
        float: none;
        margin: 0 auto;
    }
}

#termly-code-snippet-support {
    display: none !important;
    opacity: 0 !important;
    position: fixed !important;
    top: -100% !important;
    left: -100% !important;
    z-index: -1 !important;
}

/* Preserve the image layout box, including linked cards, avatars and block images. */
picture.trueself-picture {
  display: contents;
}