@import url('main-banner.css');
@import url('post-card.css');
@import url('ctas.css');

.main_banner_content {
    max-width: 53%;
}

.main_banner .banner_image_desktop {
    display: block;
    width: clamp(614px, 60vw, 900px);
    height: auto;
    transform: translate(30px, 0px);
}

.single_banner {
    padding-top: clamp(17px, 10vw, 115px);
    overflow: hidden;
}

.single_banner .banner_image_desktop {
    position: absolute;
    bottom: 0px;
    width: clamp(544px, 60vw, 900px);
    transform: translate(50px, 0px);
}

.single_banner .main_banner_content {
    max-width: 58%;
}

.single_banner h2 {
    max-width: 100%;
}

.main_banner .wrapper {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    column-gap: 20px;
}

.main_banner_image {
    background-color: var(--color-primary);
    max-width: 290px;
    height: clamp(314px, 53vw, 385px);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 40px;
    position: absolute;
    width: 100%;
    bottom: 0px;
    right: 0px;
    overflow: hidden;
}

.singler_content {
    display: flex;
    flex-direction: column;
    row-gap: 15px;
    max-width: 1240px;
    margin: 0 auto;
}

.singler_content .single_title {
    color: #1E1E1E;
    font-size: clamp(24px, 4vw, 38px);
    font-style: normal;
    font-weight: 800;
    line-height: 117.823%;
}

.singler_content h2,
.singler_content h2 span,
.singler_content h3,
.singler_content h4 {
    color: #1E1E1E;
    font-size: clamp(18px, 3vw, 28px);
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 20px;
}

.singler_content .wp-caption.aligncenter {
    max-width: 100%;
    margin: 20px auto;
}

.singler_content p,
.singler_content p span,
.singler_content ul li {
    color: #1E1E1E;
    font-size: clamp(14px, 1.4vw, 16px);
    font-style: normal;
    line-height: 132%;
    margin: 20px 0px;
}

.singler_content a {
    color: var(--color-primary);
    font-size: clamp(14px, 1.4vw, 16px);
    font-style: normal;
    font-weight: 400;
    line-height: 132%;
}

.singler_content .back_to_home {
    color: #000;
}

.singler_content img {
    display: block;
    margin: 20px auto;
}

.singler_content .wp-block-separator {
    border: none;
    border-top: 1px solid;
}

.single_info_author {
    display: flex;
    flex-direction: row;
    gap: 10px;
    align-items: flex-start;
}


.single_info_icon {
    display: flex;
    gap: 10px;
    align-items: center;
    margin-bottom: 20px;
}

.single_info_icon span {
    font: bold;
}

.single_info_icon:nth-child(3) {
    display: none;
}

.single__post_category {
    display: none;
}

.singler_content hr {
    margin: 20px 0px;
}

.single_container .latest_posts {
    display: flex;
    overflow-y: hidden;
    scrollbar-width: none;
    padding-bottom: 20px;
    gap: 20px;
}

.single_container .post_card_info_category {
    text-decoration: none;
    color: #585858;
    font-size: clamp(12px, 2.2vw, 14px);
    font-style: normal;
    font-weight: 400;
    line-height: 117.823%;
}

.single_container .post_card_title {
    grid-area: title;
    color: #1E1E1E;
    font-size: clamp(16px, 2.2vw, 28px);
    font-style: normal;
    font-weight: 700;
    line-height: 117.823%;
    margin-top: 27px;
    text-decoration: none;
}

.single_container .related_title {
    font-weight: 800;
    border-top: 2px solid #A1A1A1;
    padding-top: 42px;
}

.single_post_social {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 30px;
    margin: 20px 0px;
}

.single_post_social div {
    display: flex;
    align-items: center;
    gap: 10px;
}

.single_post_social img {
    width: clamp(27px, 4vw, 42px);
    height: clamp(27px, 4vw, 42px);
    border-radius: 0px;
    transition: all .1s ease-in-out;
}

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

    .single_post_social>div:nth-child(1)>img:hover {
        scale: 1;
        filter: none;
    }

    .single_post_social img:hover {
        filter: drop-shadow(1px 4px 3px var(--color-primary));
        scale: 1.1;
    }

    .single_container .latest_posts {
        /* flex-wrap: wrap; */
        gap: 40px;
        /* justify-content: center; */
    }

    .single_info_author .single__post_category {
        display: block;
        color: var(--color-primary);
        font-size: 18px;
        font-style: normal;
        font-weight: 500;
        line-height: 132%;
        text-decoration-line: underline;
    }

    .single_container {
        margin-top: 40px;
    }

    .singler_content:first-child p {
        margin-top: 0px;
    }

    .single_info_author {
        flex-direction: column;
        border-right: 1px solid #818181;
        padding-right: 40px;
        margin-right: 40px;
        float: left;
        margin-bottom: 20px;
    }

    .single_info_icon:nth-child(3) {
        display: flex;
    }

    .main_banner .wrapper {
        column-gap: 150px;
        justify-content: center;

    }

    .singler_content .wp-element-caption {
        min-width: 200px;
    }

    .main_banner .banner_image_desktop {
        transform: translate(4px, 0px);
    }

    .main_banner_image {
        position: relative;
        overflow: visible;
    }

    .singler_content .wp-caption.aligncenter {
        display: table-cell;
    }

    .singler_content figure {
        display: table-cell;
    }

    .singler_content .wp-block-image .aligncenter {
        display: table-cell;
    }

    .singler_content img {
        border-radius: 28px;
        /* display: inline-flex; */
    }

    .single_post_social img {
        border-radius: 0px;
    }

    .singler_content p img {
        display: flex;
        width: 100%;
        max-width: 730px;
    }

    .kk-star-ratings.kksr-align-left {
        float: left;
        clear: both;
    }
}