/*=====>=====>=====>*** Article Details CSS Start Here ***<=====<=====<=====*/
.signle-post-header .single-post-categories {
    width: 50%;
}

.single-post-date .single-post-date-published {
    grid-gap: clamp(5px, 0.625vw, 8px);
}

.single-post-date-published .img-fluid {
    width: clamp(15px, 1.25vw, 18px);
    object-fit: contain;
}

.single-post-date .single-post-date-sep {
    margin-inline: clamp(10px, 1.25vw, 22px);
}

@media (max-width:991px) {
    .signle-post-header .single-post-categories {
        width: 100%;
    }

    .signle-post-header  .single-post-date {
        justify-content: flex-start !important;
    }
}

/* Single Post Content CSS */
.single-post-content {
    margin-top: clamp(30px, 3.85vw, 45px);
    word-break:break-word;
}

/* Paragraphs flagged as spacer-only (.ds-content-spacer from single.php template) */
.single-post-content :where(h2, h3, h4, h5, h6):empty {
    display: none !important;
}

.single-post-content p.ds-content-spacer {
    margin-block: 0 !important;
}

.single-post-content :where(p, span:not(a span, strong span), li, blockquote) {
    letter-spacing: 0.01em !important;
    color: var(--ds-gray-700);
    font-weight: 300;
    font-size: var(--ds-fs-19) !important;
    line-height: 1.5 !important;
}

.single-post-content * {
    font-family: var(--ds-font-family) !important;
}

.single-post-content :where(.lwptoc_item + .lwptoc_item, .lwptoc_item > .lwptoc_itemWrap) {
    margin-top: 8px !important;
}

.single-post-content a:not(.lwptoc_item a) {
    text-decoration: underline !important;
}

.single-post-content a:not(.lwptoc_item a):hover {
    color: var(--ds-primary-color) !important;
}

.single-post-content .lwptoc_item a {
    color: var(--ds-primary-color) !important;
    font-weight: 400 !important;
}

.single-post-content .lwptoc_item a:hover {
    color: var(--ds-black-color) !important;
    text-decoration: underline !important;
}

.single-post-content :where(h1, h2, h3, .lwptoc_header .lwptoc_title, h1 strong, h2 strong, h3 strong, h1 span, h2 span, h3 span) {
    font-size: var(--ds-fs-24) !important;
    font-weight: 400 !important;
    color: var(--ds-black-color) !important;
    line-height: 1.2 !important;
    letter-spacing: 0.01em !important;
}

.single-post-content :where(h4, h5, h4 strong, h5 strong, h4 span, h5 span, .wpb_wrapper p span[style*="font-size: 24pt;"]) {
    font-size: var(--ds-fs-20) !important;
    font-weight: 400 !important;
    color: var(--ds-black-color) !important;
    line-height: 1.2 !important;
    letter-spacing: 0.01em !important;
}

.single-post-content :where(h6, h6 strong, h6 span) {
    font-size: var(--ds-fs-18) !important;
    font-weight: 400 !important;
    color: var(--ds-black-color) !important;
    line-height: 1.2 !important;
    letter-spacing: 0.01em !important;
}

.single-post-content :where(h6 + *) {
    margin-top: 10px !important;
}

.single-post-content :where(.vc_column_container>.vc_column-inner, .lwptoc_i) {
    padding: 0 !important;
}

.single-post-content :where(.lwptoc:first-child, .lwptoc_header, .wpb_content_element) {
    margin: 0 !important;
}

.single-post-content :where(h1 +*, h2 + *, h3 + *, h4 + *, h5 + *, h6 + *, .lwptoc_header + *, .page + *, p + *:not(p.ds-content-spacer + *)) {
    margin-top: clamp(10px, 1.25vw, 15px) !important;
}

.single-post-content :where(h2 + h3, h2 + h4, h2 + h5, h2 + h6, h3 + h4, h3 + h5, h3 + h6, h4 + h5, h4 + h6, h5 + h6) {
    margin-top: clamp(20px, 2.5vw, 35px) !important;
}

.single-post-content :where(.wpb_single_image .vc_figure, .wpb_single_image .vc_single_image-wrapper, figure, figure > a, a[rel*="attachment"]) {
    width: 100% !important;
}

.single-post-content :where(.wpb_single_image img, figure img, a[rel*="attachment"] img, img.alignnone.size-full, img.alignnone.size-large, span img.size-full) {
    width: 100%;
    object-fit: cover;
    border-radius: clamp(10px, 1.25vw, 20px) clamp(10px, 1.25vw, 20px) 0 0;
    aspect-ratio: 16/9;
}

.single-post-content :where(.vc_empty_space) {
    height: clamp(30px, 4.15vw, 60px) !important;
}

.single-post-content :where(.vc_row) {
    margin-inline: 0 !important;
    --gap: clamp(10px, 1.25vw, 15px);
}

.single-post-content .vc_row :where(.wpb_column.vc_col-sm-4:first-child) {
    padding-right: var(--gap);
}

.single-post-content .vc_row :where(.wpb_column.vc_col-sm-4:first-child + .wpb_column.vc_col-sm-8) {
    padding-left: var(--gap);
}

.single-post-content .vc_row :where(.wpb_column.vc_col-sm-4:first-child .vc_empty_space[style="height: 10px"], .wpb_column.vc_col-sm-4:first-child + .wpb_column.vc_col-sm-8 .vc_empty_space[style="height: 10px"]) {
    display: none;
}

.single-post-content .vc_row :where(.wpb_column.vc_col-sm-4:first-child img) {
    object-fit: contain !important;
}

.single-post-content :where(.wpb_text_column + .wpb_single_image, .wpb_single_image + .wpb_text_column, .wpb_single_image + .wpb_single_image) {
    margin-top: clamp(20px, 2.5vw, 35px) !important;
}

.single-post-content :where(.vc_do_btn) {
    margin: clamp(20px, 2.5vw, 35px) clamp(10px, 1.25vw, 15px) 0 0 !important;
    width: fit-content !important;
    display: inline-block !important;
}

#cs-site-main .single-post-content :where(.vc_do_btn .vc_general.vc_btn3) {
    padding: clamp(12px, 1.25vw, 17px) clamp(20px, 2.75vw, 26px) !important;
    font-size: var(--ds-fs-20) !important;
    line-height: 1 !important;
    font-weight: 600 !important;
    border-radius: 40px !important;
    transition: all 0.375s ease-in-out !important;
    display: inline-block !important;
    text-decoration: none !important;
    background-color: var(--ds-primary-color) !important;
    color: var(--ds-white-color) !important;
    border-style: none !important;
}

#cs-site-main .single-post-content :where(.vc_do_btn .vc_general.vc_btn3:hover) {
    background-color: var(--ds-black-color) !important;
    color: var(--ds-white-color) !important;
    transform: translateY(-4px) !important;
}

#cs-site-main .single-post-content :where(iframe) {
    width: 100%;
}
/* Top Travel & Booking Resources CSS */
.single-post-content :where(.vc_general.vc_cta3.vc_cta3-style-classic) {
    border-style: none !important;
    background-color: var(--ds-blue-50) !important;
    border-radius: clamp(10px, 1.25vw, 20px) !important;
    padding: clamp(40px, 4.15vw, 60px) clamp(15px, 2.75vw, 40px) !important;
    margin-top: clamp(20px, 2.5vw, 35px) !important;
    margin-bottom: 0 !important;
    overflow: auto;
}

#cs-site-main .single-post-content :where(.vc_general.vc_cta3.vc_cta3-style-classic .cleanslate) {
    float: right !important;
    margin-left: clamp(20px, 2.75vw, 40px) !important;
    margin-top: 10px !important;
}


#cs-site-main .single-post-content .vc_general.vc_cta3.vc_cta3-style-classic .vc_cta3-content::after {
    content: "" !important;
    clear: both !important;
    display: block !important;
}

tp-cascoon[id*="tp-cascoon-component"] {
    clear: both !important;
    padding-top: clamp(20px, 2.5vw, 35px) !important;
}

@media (max-width:991px) {
    #cs-site-main .single-post-content :where(.vc_general.vc_cta3.vc_cta3-style-classic .cleanslate) {
        margin-left: 0 !important;
        float: none !important;
        margin-top: clamp(20px, 2.5vw, 35px) !important;
    }
}

@media (max-width:767px) {
    .single-post-content :where(.vc_row) {
        --gap: 0 !important;
    }

    .single-post-content .vc_row :where(.wpb_column.vc_col-sm-4:first-child + .wpb_column.vc_col-sm-8) {
        margin-top: clamp(20px, 2.5vw, 35px) !important;
    }

    .single-post-content .vc_row :where(.wpb_column.vc_col-sm-4:first-child img) {
        object-position: left center !important;
    }
}

/* Related Posts CSS */
/* Articles Cards CSS Are Here */
.related-posts-wrapper {
    margin-top: clamp(40px, 4.15vw, 60px);
}

.related-posts-row.ds-row {
    --ds-row-gap: clamp(24px, 3.85vw, 55px);
    --ds-col-gap: clamp(15px, 1.45vw, 26px);
    margin-top: clamp(20px, 2.5vw, 30px);
}

.related-post-item .related-post-img {
    aspect-ratio: 472 / 295;
    overflow: hidden;
    border-radius: 10px 20px 0 0;
}

.related-post-item .related-post-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transition: all .5s ease-in-out;
}

.related-post-item:hover .related-post-img img {
    transform: scale(1.1);
}

.related-post-item .related-post-content {
    margin-top: 15px;
}

.related-post-content .related-post-terms a:hover {
    color: var(--ds-black-color);
}

.related-post-content .related-post-title:hover a {
    color: var(--ds-primary-color);
}

.related-post-content .related-post-excerpt {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    overflow-wrap: break-word;
    word-break: break-word;
}

.related-post-content .related-post-read-more {
    padding-top: 14px;
    text-transform: uppercase;
    grid-gap: 5px;
}

.related-post-content .related-post-read-more:hover {
    color: var(--ds-black-color);
}

.related-post-content .related-post-read-more img {
    width: 14px;
    max-height: 12px;
    object-fit: contain;
    transition: all .35s ease-in-out;
}

.related-post-content .related-post-read-more:hover img {
    transform: translate(4px, -2px);
    filter: brightness(0);
}

/* Article Details CTA CSS */
.article-details-cta {
    padding: clamp(30px, 3.85vw, 52px) clamp(15px, 5.45vw, 100px);
    text-transform: capitalize;
    margin-top: clamp(50px, 6.45vw, 100px);
    border-radius: 20px;
}

.article-details-cta a {
    font-weight: 500;
}

.article-details-cta a:hover {
    text-decoration: underline;
}

/*=====>=====>=====>*** Article Details CSS End Here ***<=====<=====<=====*/
