/* ============================
   MOBILE OVERRIDES ONLY
   ============================ */
@media (max-width: 767px) {

    /* ---------------------------------
       1. TWO-COLUMN SECTIONS
       --------------------------------- */
    section.two-column {
        display: flex !important;
        flex-direction: column !important;
    }

    section.two-column > .column-card {
        order: -1 !important;
        margin-bottom: 20px !important;
    }

    section.two-column > .column-card img {
        width: 100% !important;
        height: auto !important;
        display: block !important;
    }

    /* ---------------------------------
       2. PET LOSS PAGE — IMAGE WIDTHS
       --------------------------------- */
    .pet-loss-item img,
    .pet-loss-item .bg-img,
    .pet-loss-item .wp-image-2297,
    .pet-loss-item .wp-image-2295 {
        width: 100% !important;
        height: auto !important;
        display: block !important;
    }

    .pet-loss-card {
        width: 100% !important;
    }

    /* Restore padding ONLY inside the green Pet Loss cards */
    .pet-loss-row .pet-loss-card {
        padding: 16px !important;
        box-sizing: border-box !important;
    }

    /* Ensure inner text respects the padding */
    .pet-loss-row .pet-loss-card p,
    .pet-loss-row .pet-loss-card strong,
    .pet-loss-row .pet-loss-card em,
    .pet-loss-row .pet-loss-card span,
    .pet-loss-row .pet-loss-card ul,
    .pet-loss-row .pet-loss-card li {
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    /* ---------------------------------
       3. HOME PAGE HERO SECTION
       --------------------------------- */
    .tmpl-call_to_action-5 .container,
    .tmpl-call_to_action-5 .row,
    .tmpl-call_to_action-5 .col-md-12,
    .tmpl-call_to_action-5 .col-sm-12,
    .tmpl-call_to_action-5 .col-xs-12,
    .tmpl-call_to_action-5 .col-lg-12,
    .tmpl-call_to_action-5 .bg-box {
        padding-left: 1px !important;
        padding-right: 1px !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        text-align: center !important;
    }

    .tmpl-call_to_action-5 h2.title-white span {
        font-size: 24px !important;
        font-weight: 400 !important;
    }

    .tmpl-call_to_action-5 h5 span {
        font-size: 18px !important;
        line-height: 1.4 !important;
        padding: 0 10px !important;
        display: inline-block !important;
    }

    .tmpl-call_to_action-5 p.personal-touch span {
        font-size: 22px !important;
        font-weight: 700 !important;
    }

    .tmpl-call_to_action-5 a.button-primary {
        display: inline-block !important;
        margin: 0 auto !important;
    }

    /* ---------------------------------
       4. REMOVE MOBILE SIDE GUTTERS
       --------------------------------- */
    .col-xs-12,
    .col-sm-12,
    .col-md-12,
    .col-lg-12 {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .container,
    .boldgrid-section .container,
    .dynamic-gridblock .container {
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    .row {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .bg-box {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    /* ---------------------------------
       5. GLOBAL MOBILE TEXT PADDING
       --------------------------------- */
    .row p,
    .row h1,
    .row h2,
    .row h3,
    .row h4,
    .row h5,
    .row h6,
    .row em,
    .row span {
        padding-left: 10px !important;
        padding-right: 10px !important;
        display: block !important;
        box-sizing: border-box !important;
    }

    .row img {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .bg-box p,
    .bg-box h4,
    .bg-box span,
    .bg-box em {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    /* ---------------------------------
       6. HAMBURGER BAR ALIGNMENT FIX
       --------------------------------- */
    #main-menu-hamburger .hamburger-inner,
    #main-menu-hamburger .hamburger-inner::before,
    #main-menu-hamburger .hamburger-inner::after {
        width: 28px !important;
        left: 0 !important;
        right: 0 !important;
        margin-left: auto !important;
        margin-right: auto !important;
        transform: none !important;
    }

    /* ---------------------------------
       7. PREMIUM SECTION — SHRINK + CONTAIN
       --------------------------------- */
    .tmpl-premium-2 .col-xs-8,
    .tmpl-premium-2 .col-xs-4 {
        width: 100% !important;
        max-width: 100% !important;
        float: none !important;
        display: block !important;
    }

    .tmpl-premium-2 .col-xs-8 p {
        margin: 0 auto !important;
        padding: 0 !important;
        text-align: center !important;
    }

    .tmpl-premium-2 img {
        width: 80% !important;
        max-width: 280px !important;
        height: auto !important;
        margin: 0 auto !important;
        display: block !important;
    }

    .tmpl-premium-2 .bg-box {
        padding: 20px !important;
        width: 70% !important;
        max-width: 220px !important;
        margin: 15px auto !important;
        border-width: 10px !important;
    }

    .tmpl-premium-2 .col-xs-4,
    .tmpl-premium-2 .col-xs-8 {
        margin-bottom: 10px !important;
    }

    .tmpl-premium-2 .container,
    .tmpl-premium-2 .row {
        padding-left: 6px !important;
        padding-right: 6px !important;
        overflow: hidden !important;
    }

    .tmpl-premium-2 .bg-box-square,
    .tmpl-premium-2 .col-xs-4 {
        display: none !important;
    }

    /* ---------------------------------
       8. IMAGE SECTION SPACING
       --------------------------------- */
    .col-xs-9 p,
    .col-xs-9 img,
    .col-xs-9 .bg-img {
        margin: 0 auto !important;
        padding: 0 !important;
        display: block !important;
    }

    .col-xs-9 {
        margin-bottom: 30px !important;
    }

    .col-xs-3 {
        display: none !important;
    }

    .col-xs-9 img {
        width: 90% !important;
        max-width: 300px !important;
        height: auto !important;
    }

    /* ---------------------------------
       9. LOGO SIZING
       --------------------------------- */
    .wp-image-2307 {
        width: 140px !important;
        height: auto !important;
        max-width: 140px !important;
        margin: 0 auto !important;
        display: block !important;
    }

    .wp-image-1638 {
        width: 60px !important;
        height: 60px !important;
        max-width: 60px !important;
        margin-top: 24px !important;
        display: block !important;
    }

    .col-lg-6.col-md-6.col-sm-6.col-xs-12 {
        padding-left: 0 !important;
        padding-right: 0 !important;
        text-align: center !important;
    }

    .col-lg-6.col-md-6.col-sm-6.col-xs-12 .bg-box {
        width: 100% !important;
        margin: 0 auto !important;
    }

    .col-lg-6.col-md-6.col-sm-6.col-xs-12 img {
        display: block !important;
        margin: 0 auto !important;
    }

    /* ---------------------------------
       10. CTA BLOCK WIDTH FIX (CTA‑7)
       --------------------------------- */
    .tmpl-call_to_action-7 .container,
    .tmpl-call_to_action-7 .row,
    .tmpl-call_to_action-7 .col-md-12,
    .tmpl-call_to_action-7 .col-sm-12,
    .tmpl-call_to_action-7 .col-xs-12,
    .tmpl-call_to_action-7 .col-lg-12 {
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    /* Tan CTA‑7 padding */
    .tmpl-call_to_action-7.color3-background-color.bg-background-color {
        padding: 16px !important;
        box-sizing: border-box !important;
    }

    .tmpl-call_to_action-7.color3-background-color.bg-background-color p,
    .tmpl-call_to_action-7.color3-background-color.bg-background-color h1,
    .tmpl-call_to_action-7.color3-background-color.bg-background-color h2,
    .tmpl-call_to_action-7.color3-background-color.bg-background-color h3,
    .tmpl-call_to_action-7.color3-background-color.bg-background-color h4,
    .tmpl-call_to_action-7.color3-background-color.bg-background-color h5,
    .tmpl-call_to_action-7.color3-background-color.bg-background-color h6,
    .tmpl-call_to_action-7.color3-background-color.bg-background-color span,
    .tmpl-call_to_action-7.color3-background-color.bg-background-color em,
    .tmpl-call_to_action-7.color3-background-color.bg-background-color strong {
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .card-tan-wrapper .tmpl-call_to_action-7 {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .card-tan-wrapper .tmpl-call_to_action-7 .cta-rounded {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    /* ---------------------------------
       11. UNIVERSAL MOBILE BACKGROUND WIDTH
       --------------------------------- */
    .boldgrid-section,
    .dynamic-gridblock,
    .bg-background-color {
        width: calc(100% - 4px) !important;
        margin: 0 auto !important;
        padding: 0 !important;
        box-sizing: border-box !important;
    }

    /* ---------------------------------
       12. UNIVERSAL STACKING + FULL WIDTH
       --------------------------------- */
    .row {
        display: flex !important;
        flex-direction: column !important;
        flex-wrap: nowrap !important;
        width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .row > [class*="col-"] {
        width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 100% !important;
        margin: 0 !important;
        padding: 0 0 24px 0 !important;
    }

    .equal-heights,
    .equal-heights > div {
        height: auto !important;
        display: block !important;
    }

    img {
        max-width: 100% !important;
        height: auto !important;
    }

    /* Restore internal padding inside green resource cards */
    .service-card {
        padding: 16px !important;
        box-sizing: border-box !important;
    }

    .service-card p,
    .service-card h2,
    .service-card ul,
    .service-card li {
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    /* ---------------------------------
       PET LOSS PAGE — FINAL DEDICATION BLOCK FIX
       --------------------------------- */
    /* PET LOSS — Make the entire CTA‑1 wrapper tan on mobile */
    .page-id-817 .tmpl-call_to_action-1 {
        background-color: #d2bfab !important; /* full tan background */
        padding: 0 !important;
        margin: 0 !important;
    }

    /* Remove white gaps inside the wrapper */
    .page-id-817 .tmpl-call_to_action-1 .container-fluid,
    .page-id-817 .tmpl-call_to_action-1 .row,
    .page-id-817 .tmpl-call_to_action-1 [class*="col-"] {
        background-color: transparent !important;
        padding: 0 !important;
        margin: 0 auto !important;
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }

    /* Dedication text block padding */
    .page-id-817 .tmpl-call_to_action-1 .col-md-8.color3-background-color.bg-background-color {
        background-color: transparent !important; /* wrapper handles tan */
        padding: 20px 14px !important;
        margin: 0 auto !important;
        box-sizing: border-box !important;
    }

    /* Heart spacing */
    .page-id-817 .tmpl-call_to_action-1 .col-md-8.color3-background-color.bg-background-color p i {
        margin-top: 12px !important;
        margin-bottom: 12px !important;
        display: inline-block !important;
    }

    /* Center the image wrapper */
    .page-id-817 .tmpl-blog-3 .col-md-1 p {
        margin: 20px auto !important;
        width: 88% !important;
        text-align: center !important;
    }

    /* Center the image itself */
    .page-id-817 .tmpl-blog-3 img {
        display: block !important;
        margin: 0 auto !important;
    }

    /* Remove the empty space under the image */
    .page-id-817 .tmpl-blog-3 .col-md-1 {
        padding-bottom: 0 !important;
    }

/* FAQ MOBILE FIX — STACK IMAGE + ACCORDION */


    /* Force the FAQ two-column wrapper to stack */
    .wrap-two-col {
        display: flex !important;
        flex-direction: column !important;
        width: 100% !important;
    }

    /* Move the image ABOVE the accordions */
    .wrap-right {
        order: -1 !important;
        width: 100% !important;
        margin-bottom: 20px !important;
        text-align: center !important;
    }

    .wrap-right img {
        width: 100% !important;
        height: auto !important;
        display: block !important;
        margin: 0 auto !important;
    }

    /* Accordion full width below */
    .wrap-left {
        order: 2 !important;
        width: 100% !important;
        padding-right: 0 !important;
    }


/* HOME HERO — REMOVE THE REAL CULPRIT (INLINE PADDING) */
.home .tmpl-call_to_action-5 .row.bg-background-color {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}

/* HOME HERO — PULL THE ENTIRE CONTENT BLOCK UP */
.home .tmpl-call_to_action-5 .bg-box {
    position: relative !important;
    top: -60px !important; /* ← THIS is the one that moves it */
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

/* HOME HERO — ENSURE NO EXTRA SPACE BELOW */
.home .tmpl-call_to_action-5 {
    margin-bottom: 0px !important;
    padding-bottom: 0 !important;
}

	/* ADD SPACE ABOVE DEDICATION BLOCK */
.home .bg-editor-hr-wrap {
    padding-top: 20px !important; /* adjust as needed */
}

/* HOME HERO — NUDGE BUTTON UP ONLY */
    .home .tmpl-call_to_action-5 .bg-box a.button-primary {
        position: relative !important;
        top: -20px !important;   /* move up; tweak -8 / -16 as needed */
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }
	
	/* HOME — MOVE THE SPACER BLOCK DOWN (the one ABOVE the dedication) */
    .home .tmpl-services-1 .row.bg-background-color {
        padding-top: -10px !important; /* adjust as needed */
        margin-top: 0 !important;
    }
	
	/* HOME — MOVE DEDICATION TEXT DOWN */
    .home .tmpl-about-8 .row {
        padding-top: 0px !important; /* adjust to taste */
    }

    /* Reduce space BELOW the dedication paragraph */
    .home .tmpl-about-8 .row {
        padding-bottom: 10px !important; /* was 42px */
    }

    /* Reduce space ABOVE the next section */
    .home .bg-editor-hr-wrap {
        padding-top: 10px !important; /* was 40px or 20px */
        margin-top: 0 !important;
    }

/* FULL BLOG RESET — RESTORE NORMAL BOOTSTRAP BEHAVIOR */
    .single-post .row,
    .blog .row,
    .archive .row {
        display: block !important;
        flex-direction: initial !important;
        flex-wrap: initial !important;
        width: auto !important;
        margin: 0 auto !important;
        padding: 0 !important;
    }

    .single-post [class*="col-"],
    .blog [class*="col-"],
    .archive [class*="col-"] {
        display: block !important;
        width: auto !important;
        max-width: 100% !important;
        padding: initial !important;
        margin: initial !important;
        float: none !important;
    }

    /* Restore container behavior */
    .single-post .container,
    .blog .container,
    .archive .container {
        width: auto !important;
        max-width: 100% !important;
        padding: 0 16px !important;
        margin: 0 auto !important;
    }

    /* Restore text flow */
    .single-post p,
    .single-post h1,
    .single-post h2,
    .single-post h3,
    .single-post h4,
    .single-post h5,
    .single-post h6,
    .single-post span,
    .single-post em {
        display: block !important;
        padding: 0 !important;
        margin: 0 0 16px 0 !important;
    }

    /* BLOG — FORCE COLUMNS TO STACK */
    .single-post [class*="col-"],
    .blog [class*="col-"],
    .archive [class*="col-"] {
        width: 100% !important;
        max-width: 100% !important;
        float: none !important;
        display: block !important;
    }

    /* BLOG — FIX ROW BEHAVIOR */
    .single-post .row,
    .blog .row,
    .archive .row {
        display: block !important;
        flex-direction: column !important;
        flex-wrap: nowrap !important;
    }

/* FORCE BLOG COLUMNS TO STACK */
    .single-post .row,
    .blog .row,
    .archive .row {
        display: block !important;
    }

    .single-post .row > div,
    .blog .row > div,
    .archive .row > div {
        width: 100% !important;
        max-width: 100% !important;
        float: none !important;
        clear: both !important;
        display: block !important;
    }

	* OVERRIDE INLINE FLEX ON BLOG INDEX */
    .blog-index-wrapper > div {
        display: block !important;
    }

    .blog-index-wrapper > div > div {
        width: 100% !important;
        max-width: 100% !important;
        display: block !important;
    }
	
.blog-index-wrapper > div {
        display: block !important;
    }	

    /* SINGLE POST — DISABLE INLINE FLEX LAYOUTS */
    .single-top-row,
    .single-top-row > div,
    .single-post [style*="display:flex"] {
        display: block !important;
    }

    /* FORCE CHILD COLUMNS TO STACK */
    .single-top-row > div {
        width: 100% !important;
        max-width: 100% !important;
    }

    /* OPTIONAL: center icons on mobile */
    .single-post .meta-icons {
        margin-top: 15px;
    }

/* RESTORE META ROWS TO INLINE-FLEX */
    .single-post .single-meta-line {
        display: flex !important;
        flex-wrap: wrap;
        gap: 6px;
        white-space: normal !important;
    }

    .single-post .meta-icons {
        display: flex !important;
        align-items: center;
        gap: 20px;
        flex-wrap: wrap;
    }

    /* KEEP ICONS TOGETHER */
    .single-post .meta-icons > div {
        display: flex !important;
        gap: 15px;
    }

    /* Kill horizontal scroll */
    html, body {
        overflow-x: hidden !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    /* The REAL Crio containers causing your left indent */
    #page,
    #content,
    #primary,
    #main,
    .site-content,
    .content-area,
    .container,
    .lm-blog-index,
    .lm-blog-inner,
    .blog-card-wrapper {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 auto !important;      /* centers the blog */
        padding: 0 !important;           /* removes left/right padding */
        box-sizing: border-box !important;
    }

    /* Make images scale full width on mobile */
    .blog-card-wrapper img,
    .lm-blog-inner img,
    .entry-content img,
    .entry-header img,
    img {
        max-width: 100% !important;
        height: auto !important;
        display: block !important;
        margin: 0 auto !important;
    }

    /* Fix meta bar overflow */
    .single-meta-line,
    .meta-icons {
        white-space: normal !important;
        flex-wrap: wrap !important;
        text-align: left !important;
    }

    /* Fix Bootstrap row overflow */
    .row {
        display: block !important;
        flex-wrap: wrap !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .blog-card-wrapper img,
    .lm-blog-inner img,
    .entry-content img,
    .entry-header img,
    img {
        width: auto !important;        /* remove fixed width */
        max-width: 100% !important;    /* allow scaling */
        height: auto !important;       /* maintain ratio */
        display: block !important;
        margin: 0 auto !important;
    }

 /* Remove left/right padding that Crio injects */
    .site-content,
    .content-area,
    #primary,
    #main,
    .container {
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }

/* Stack the two columns vertically */
    .blog-index-wrapper > div {
        display: block !important;
    }

    /* Make the left column full width */
    .blog-index-wrapper > div > div:first-child {
        width: 100% !important;
        max-width: 100% !important;
        flex: none !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    /* Make the right column full width */
    .blog-index-wrapper > div > div:last-child {
        width: 100% !important;
        max-width: 100% !important;
        flex: none !important;
        margin: 0 !important;
        padding: 0 !important;
    }	
	
    /* ---------------------------------
       10. CTA BLOCK WIDTH FIX (CTA‑7)
       --------------------------------- */
    .tmpl-call_to_action-7 .container,
    .tmpl-call_to_action-7 .row,
    .tmpl-call_to_action-7 .col-md-12,
    .tmpl-call_to_action-7 .col-sm-12,
    .tmpl-call_to_action-7 .col-xs-12,
    .tmpl-call_to_action-7 .col-lg-12 {
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    /* Tan CTA‑7 padding */
    .tmpl-call_to_action-7.color3-background-color.bg-background-color {
        padding: 16px !important;
        box-sizing: border-box !important;
    }

    .tmpl-call_to_action-7.color3-background-color.bg-background-color p,
    .tmpl-call_to_action-7.color3-background-color.bg-background-color h1,
    .tmpl-call_to_action-7.color3-background-color.bg-background-color h2,
    .tmpl-call_to_action-7.color3-background-color.bg-background-color h3,
    .tmpl-call_to_action-7.color3-background-color.bg-background-color h4,
    .tmpl-call_to_action-7.color3-background-color.bg-background-color h5,
    .tmpl-call_to_action-7.color3-background-color.bg-background-color h6,
    .tmpl-call_to_action-7.color3-background-color.bg-background-color span,
    .tmpl-call_to_action-7.color3-background-color.bg-background-color em,
    .tmpl-call_to_action-7.color3-background-color.bg-background-color strong {
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .card-tan-wrapper .tmpl-call_to_action-7 {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .card-tan-wrapper .tmpl-call_to_action-7 .cta-rounded {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    /* ---------------------------------
       11. UNIVERSAL MOBILE BACKGROUND WIDTH
       --------------------------------- */
    .boldgrid-section,
    .dynamic-gridblock,
    .bg-background-color {
        width: calc(100% - 4px) !important;
        margin: 0 auto !important;
        padding: 0 !important;
        box-sizing: border-box !important;
    }

    /* ---------------------------------
       12. UNIVERSAL STACKING + FULL WIDTH
       --------------------------------- */
    .row {
        display: flex !important;
        flex-direction: column !important;
        flex-wrap: nowrap !important;
        width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .row > [class*="col-"] {
        width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 100% !important;
        margin: 0 !important;
        padding: 0 0 24px 0 !important;
    }

    .equal-heights,
    .equal-heights > div {
        height: auto !important;
        display: block !important;
    }

    img {
        max-width: 100% !important;
        height: auto !important;
    }

    /* Restore internal padding inside green resource cards */
    .service-card {
        padding: 16px !important;
        box-sizing: border-box !important;
    }

    .service-card p,
    .service-card h2,
    .service-card ul,
    .service-card li {
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    /* ---------------------------------
       PET LOSS PAGE — FINAL DEDICATION BLOCK FIX
       --------------------------------- */
    .page-id-817 .tmpl-call_to_action-1 {
        background-color: #d2bfab !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    .page-id-817 .tmpl-call_to_action-1 .container-fluid,
    .page-id-817 .tmpl-call_to_action-1 .row,
    .page-id-817 .tmpl-call_to_action-1 [class*="col-"] {
        background-color: transparent !important;
        padding: 0 !important;
        margin: 0 auto !important;
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }

    .page-id-817 .tmpl-call_to_action-1 .col-md-8.color3-background-color.bg-background-color {
        background-color: transparent !important;
        padding: 20px 14px !important;
        margin: 0 auto !important;
        box-sizing: border-box !important;
    }

    .page-id-817 .tmpl-call_to_action-1 .col-md-8.color3-background-color.bg-background-color p i {
        margin-top: 12px !important;
        margin-bottom: 12px !important;
        display: inline-block !important;
    }

    .page-id-817 .tmpl-blog-3 .col-md-1 p {
        margin: 20px auto !important;
        width: 88% !important;
        text-align: center !important;
    }

    .page-id-817 .tmpl-blog-3 img {
        display: block !important;
        margin: 0 auto !important;
    }

    .page-id-817 .tmpl-blog-3 .col-md-1 {
        padding-bottom: 0 !important;
    }

    /* ---------------------------------
       FAQ MOBILE FIX — STACK IMAGE + ACCORDION
       --------------------------------- */
    .wrap-two-col {
        display: flex !important;
        flex-direction: column !important;
        width: 100% !important;
    }

    .wrap-right {
        order: -1 !important;
        width: 100% !important;
        margin-bottom: 20px !important;
        text-align: center !important;
    }

    .wrap-right img {
        width: 100% !important;
        height: auto !important;
        display: block !important;
        margin: 0 auto !important;
    }

    .wrap-left {
        order: 2 !important;
        width: 100% !important;
        padding-right: 0 !important;
    }

    /* ---------------------------------
       HOME HERO FIXES
       --------------------------------- */
    .home .tmpl-call_to_action-5 .row.bg-background-color {
        padding-bottom: 0 !important;
        margin-bottom: 0 !important;
    }

    .home .tmpl-call_to_action-5 .bg-box {
        position: relative !important;
        top: -60px !important;
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }

    .home .tmpl-call_to_action-5 {
        margin-bottom: 0px !important;
        padding-bottom: 0 !important;
    }

    .home .bg-editor-hr-wrap {
        padding-top: 20px !important;
    }

    .home .tmpl-call_to_action-5 .bg-box a.button-primary {
        position: relative !important;
        top: -20px !important;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    .home .tmpl-services-1 .row.bg-background-color {
        padding-top: -10px !important;
        margin-top: 0 !important;
    }

    .home .tmpl-about-8 .row {
        padding-top: 0px !important;
    }

    .home .tmpl-about-8 .row {
        padding-bottom: 10px !important;
    }

    .home .bg-editor-hr-wrap {
        padding-top: 10px !important;
        margin-top: 0 !important;
    }

	    /* ---------------------------------
       FULL BLOG RESET — RESTORE NORMAL BOOTSTRAP BEHAVIOR
       --------------------------------- */
    .single-post .row,
    .blog .row,
    .archive .row {
        display: block !important;
        flex-direction: initial !important;
        flex-wrap: initial !important;
        width: auto !important;
        margin: 0 auto !important;
        padding: 0 !important;
    }

    .single-post [class*="col-"],
    .blog [class*="col-"],
    .archive [class*="col-"] {
        display: block !important;
        width: auto !important;
        max-width: 100% !important;
        padding: initial !important;
        margin: initial !important;
        float: none !important;
    }

    /* Restore container behavior */
    .single-post .container,
    .blog .container,
    .archive .container {
        width: auto !important;
        max-width: 100% !important;
        padding: 0 16px !important;
        margin: 0 auto !important;
    }

    /* Restore text flow */
    .single-post p,
    .single-post h1,
    .single-post h2,
    .single-post h3,
    .single-post h4,
    .single-post h5,
    .single-post h6,
    .single-post span,
    .single-post em {
        display: block !important;
        padding: 0 !important;
        margin: 0 0 16px 0 !important;
    }

    /* BLOG — FORCE COLUMNS TO STACK */
    .single-post [class*="col-"],
    .blog [class*="col-"],
    .archive [class*="col-"] {
        width: 100% !important;
        max-width: 100% !important;
        float: none !important;
        display: block !important;
    }

    /* BLOG — FIX ROW BEHAVIOR */
    .single-post .row,
    .blog .row,
    .archive .row {
        display: block !important;
        flex-direction: column !important;
        flex-wrap: nowrap !important;
    }

    /* FORCE BLOG COLUMNS TO STACK */
    .single-post .row,
    .blog .row,
    .archive .row {
        display: block !important;
    }

    .single-post .row > div,
    .blog .row > div,
    .archive .row > div {
        width: 100% !important;
        max-width: 100% !important;
        float: none !important;
        clear: both !important;
        display: block !important;
    }

    /* SINGLE POST — DISABLE INLINE FLEX LAYOUTS */
    .single-top-row,
    .single-top-row > div,
    .single-post [style*="display:flex"] {
        display: block !important;
    }

    /* FORCE CHILD COLUMNS TO STACK */
    .single-top-row > div {
        width: 100% !important;
        max-width: 100% !important;
    }

    /* OPTIONAL: center icons on mobile */
    .single-post .meta-icons {
        margin-top: 15px;
    }

    /* RESTORE META ROWS TO INLINE-FLEX */
    .single-post .single-meta-line {
        display: flex !important;
        flex-wrap: wrap;
        gap: 6px;
        white-space: normal !important;
    }

    .single-post .meta-icons {
        display: flex !important;
        align-items: center;
        gap: 20px;
        flex-wrap: wrap;
    }

    /* KEEP ICONS TOGETHER */
    .single-post .meta-icons > div {
        display: flex !important;
        gap: 15px;
    }

    /* Kill horizontal scroll */
    html, body {
        overflow-x: hidden !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    /* The REAL Crio containers causing your left indent */
    #page,
    #content,
    #primary,
    #main,
    .site-content,
    .content-area,
    .container,
    .lm-blog-index,
    .lm-blog-inner,
    .blog-card-wrapper {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 auto !important;
        padding: 0 !important;
        box-sizing: border-box !important;
    }

    /* Make images scale full width on mobile */
    .blog-card-wrapper img,
    .lm-blog-inner img,
    .entry-content img,
    .entry-header img,
    img {
        max-width: 100% !important;
        height: auto !important;
        display: block !important;
        margin: 0 auto !important;
    }

    /* Fix meta bar overflow */
    .single-meta-line,
    .meta-icons {
        white-space: normal !important;
        flex-wrap: wrap !important;
        text-align: left !important;
    }

    /* Fix Bootstrap row overflow */
    .row {
        display: block !important;
        flex-wrap: wrap !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .blog-card-wrapper img,
    .lm-blog-inner img,
    .entry-content img,
    .entry-header img,
    img {
        width: auto !important;
        max-width: 100% !important;
        height: auto !important;
        display: block !important;
        margin: 0 auto !important;
    }

    /* Remove left/right padding that Crio injects */
    .site-content,
    .content-area,
    #primary,
    #main,
    .container {
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }

/* Restore desktop flex layout */
    .blog-index-wrapper > div {
        display: flex !important;
        flex-direction: row !important;
        gap: 30px !important;
        align-items: flex-start !important;
    }

    /* Restore left column width */
    .blog-index-wrapper > div > div:first-child {
        flex: 0 0 350px !important;
        max-width: 350px !important;
    }

    /* Restore right column */
    .blog-index-wrapper > div > div:last-child {
        flex: 1 !important;
    }

    /* Prevent meta bar from wrapping */
    .blog-index-wrapper div[style*="white-space"] {
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }
	
	
	
	
	
	
	
	
	
	
} /* END MOBILE WRAPPER */