/* ===== Blog Related CSS Begin ===== */

/* Pros and Cons symbol for listing - Blog Page */
.check_mark ul li {
    list-style-type: none;
}

.check_mark ul li:before {
    content: "✔";
    padding-right: 15px;
    color: #1fbda5;
}

.cross_mark ul li {
    list-style-type: none;
}

.cross_mark ul li:before {
    content: "✘";
    padding-right: 15px;
    color: #bd1f1f;
}

/* Hiding Comments and Share Container */
.single #single-meta {
    display: none;
}

/* Blog Page Heading */
.single .heading-title {
    border-bottom: none !important;
    padding: 30px 0px;
    margin-bottom: 0px !important;
}

.heading-title .blog-title h1.entry-title,
.heading-title .blog-title #single-below-header {
    width: 80%;
    margin: auto;
    color: #000 !important;
    text-align: center;
}

/* For Smaller Tablets and Mobile Devices */
@media screen and (max-width: 690px) {

    /* Adjusting Blog Heading Container Padding */
    .single .heading-title {
        padding: 30px 0px 0px 0px;
    }

    /* Hiding Author Details */
    .heading-title .blog-title #single-below-header {
        display: none;
    }

    /* Removing Width Parameter from Blog Title */
    .heading-title .blog-title h1.entry-title {
        width: auto;
    }
}

/* Custom Related Blogs Section - Old Blogs Before [Sep 2024] (Important) */
.post-content .content-inner .related_blogs {
    margin: 10px 0;
}

/* Custom Heading Blog Page */
.single-post .wpb_wrapper h2.vc_custom_heading {
    font-size: clamp(25px, 2.5vw, 35px) !important;
}

.single-post .wpb_wrapper h3.vc_custom_heading {
    color: #444444 !important;
    font-size: clamp(20px, 2.5vw, 30px) !important;
}

.single-post .wpb_wrapper h4 {
    color: #3e4144 !important;
    font-size: clamp(18px, 2.5vw, 22px) !important;
}

/* Adjusting Font-Size and Alignment */
.single-post .wpb_wrapper p, 
.single-post .wpb_wrapper li {
    color: #1c1b1a;
    text-align: justify !important;
    font-size: clamp(16px, 2vw, 19px) !important;
}

/* Padding for List Tag */
.single-post .wpb_wrapper li {
    padding: 5px 0px !important;
}

@media screen and (max-width: 540px) {
    .single-post .wpb_wrapper p,
    .single-post .wpb_wrapper li {
        text-align: left !important;
    }

    .single-post .wpb_wrapper li {
        padding: 0px !important;
    }
}

/* Blog Comment Section */
.comments-section #commentform textarea#comment {
    padding: 10px;
}

/* Blog Add Comment Form Submit Button */
.comment-form .form-submit input[type="submit"] {
    width: 100%;
}

/* Noptin NewsLetter Button */

/* .noptin-sidebar-main-wrapper.noptin-form-id-4545.noptin-optin-main-wrapper .noptin-form-header {
    padding: 0px;
}

.noptin-popup-content form.noptin-optin-form.noptin-form-new-line {
    padding: 40px !important;
}

.noptin-form-single-line .noptin-form-fields {
    width: 65%;
    margin: auto;
}

.noptin-optin-form.noptin-form-single-line .noptin-form-fields .noptin-form-submit {
    padding: 0px 22px !important;
} */

/* Blog Page Related Blogs Section */
.blog-page-related-blogs-section {
    padding: 3%;
    background-color: #f8f8f8;
}

.blog-page-related-blogs-section h3 {
    margin: 0px 0px 5px 0px !important;
    /* color: #00998e; */
}

.blog-page-related-blogs-section ul.blog-page-related-blogs-link {
    margin: 0px !important;
    display: block !important;
}

.blog-page-related-blogs-section ul.blog-page-related-blogs-link li {
    list-style-position: inside;
    padding: 12px 0px !important;
}

.blog-page-related-blogs-section ul.blog-page-related-blogs-link li:not(:last-child) {
    border-bottom: 1px solid #c3c3c3;
}

@media screen and (max-width: 690px) {

    .blog-page-related-blogs-section {
        padding: 5%;
        background-color: #f8f8f8;
    }
}

/* Call To Action Section */
.sft-blog-page-cta-container {
    /* background: #fff8e8; */
    background: #f8f8f8;
    /* border-radius: 10px; */
    padding: 20px !important;
    border: 2px solid #1FBDA5;
}

.sft-blog-page-cta-container .vc_column-inner {
    /* border: 2px dashed #d5bf8a; */
    padding: 20px 10px;
    border-radius: 5px;
}

/* CTA Heading */
.sft-blog-page-cta-container .vc_column-inner p:first-child {
    margin: 0px !important;
    padding: 0px !important;
    font-family: 'Roboto';
    font-weight: 700;
    line-height: 1.5;
    text-align: center !important;
    font-size: clamp(20px, 2.5vw, 30px) !important;
    color: #444444 !important;
}

.sft-blog-page-cta-container .vc_column-inner p:nth-child(2) {
    margin: 10px 0px !important;
    padding: 0px !important;
    text-align: center !important;
}

/* Related Blogs Section Heading - Removed H3 Heading because of Table of Contents Plugin */
.sft-custom-related-blogs-heading, 
.wpb_wrapper p.sft-custom-related-blogs-heading {
    font-family: 'Roboto';
    padding: 0px !important;
    color: #444444 !important;
    font-weight: 600;
    font-size: clamp(20px, 2.5vw, 30px) !important;
}

/* Image Credits CSS */
.sft-blog-image-credits .wpb_wrapper p {
    text-align: center !important;
    font-size: 12px !important;
}

/* Blog image border */
.sft-blog-img-border {
    border: 1px solid #ddd !important;
}

/* ===== Blog Related CSS Ends ===== */


/* ===== Sale Coupon Grid CSS Begins ===== */

/* Sale Deals Menu CSS */
.sft-sale-deals-coupons-menu {
    background: #f2f2f2;
    margin-top: 10px;
    border: 1px solid #979797;
    border-radius: 10px;
    box-shadow: 0px 0px 5px #c3c3c3;
}

.sft-sale-deals-coupons-menu ul {
    margin: 0px !important;
    display: flex;
    justify-content: center;
    gap: 25px;
}

.sft-sale-deals-coupons-menu ul li {
    list-style: none !important;
}

/* Sale Cards CSS */
.sft-dev-serv-fcbox.sft-sale-deals-content .vc_column-inner {
    padding: 20px !important;
    border: 2px solid #00998e !important;
}

.sft-dev-serv-fcbox.sft-sale-deals-content .wpb_wrapper {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
}

.sft-dev-serv-fcbox.sft-sale-deals-content .wpb_wrapper p {
    text-align: left !important;
    font-size: 16px !important;
    padding-bottom: 10px;
    line-height: 2;
}

/* ===== Sale Coupon Grid CSS Ends ===== */