/* ============================================
   ST MOBILE + ICON + ENLISTMENT FIXES v2.1
   ============================================ */

/* ---- 1. HEADER MOBILE: Shrink logo + site name ---- */
@media (max-width: 767px) {
    /* Shrink logo image on mobile */
    .custom-logo {
        max-width: 48px !important;
        width: 48px !important;
        height: auto !important;
    }
    /* Shrink site name text on mobile */
    .site-branding .site-title,
    .brand-title,
    .kadence-site-branding .site-title,
    .header-logo-link .site-title,
    .site-branding-text .site-title {
        font-size: 1.1rem !important;
        line-height: 1.2 !important;
    }
    /* Tighten header padding on mobile */
    .site-header .header-wrap,
    .site-header .main-header-bar {
        padding-top: 0.6rem !important;
        padding-bottom: 0.6rem !important;
        min-height: 56px !important;
    }
    /* Logo container */
    .kadence-logo-img-wrap,
    .site-branding {
        gap: 0.5rem !important;
    }
}

/* ---- 2. INFO BOX ICONS: Completely fix the blob issue ---- */
/* Nuclear option — hide all info box media containers that have no real icon */
.kt-blocks-info-box-media-container {
    display: none !important;
}
/* Re-show only when there's a real SVG with paths */
.kt-blocks-info-box-media-container:has(svg path),
.kt-blocks-info-box-media-container:has(svg polyline),
.kt-blocks-info-box-media-container:has(svg circle),
.kt-blocks-info-box-media-container:has(img) {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 64px !important;
    height: 64px !important;
    max-width: 64px !important;
    max-height: 64px !important;
    margin: 0 auto 1rem !important;
    overflow: hidden !important;
}
/* Show info boxes that DO have proper icons */
.kt-blocks-info-box-media-container:has(svg path) .kt-blocks-info-box-media,
.kt-blocks-info-box-media-container:has(svg polyline) .kt-blocks-info-box-media {
    width: 64px !important;
    height: 64px !important;
    background: linear-gradient(135deg, #c9a84c, #7a5c20) !important;
    border-color: transparent !important;
    border-radius: 50% !important;
}
/* Fix card layout when icon is hidden */
.kt-blocks-info-box-link-wrap {
    padding-top: 1.5rem !important;
}

/* ---- 3. ENLISTMENT PAGE: Fix white background + readability ---- */
/* Force dark background on all inner pages */
.entry-content,
.site-main .wp-block-post-content,
.wp-block-post-content,
.page-content,
.kadence-inner-column-inner,
.content-container {
    background-color: var(--st-dark, #111620) !important;
    color: var(--st-text, #dde1e7) !important;
}

/* Fix the plain white page backgrounds */
body.page {
    background-color: #111620 !important;
}
.site-main,
#primary,
.site-content {
    background-color: #111620 !important;
}

/* Fix white inner content wrappers */
.content-bg,
.entry-content-wrap,
.kadence-inner-column-inner > * {
    background-color: transparent !important;
}

/* Enlistment page specific — make text readable */
.page-id-52 .entry-content p,
.page-id-52 .wp-block-paragraph,
.page-id-52 .wp-block-list li {
    color: #dde1e7 !important;
}
.page-id-52 .wp-block-heading,
.page-id-52 h1, .page-id-52 h2, .page-id-52 h3 {
    color: #ffffff !important;
}

/* Remove emoji icons from tier headings — replace with clean gold labels */
.page-id-52 h3.wp-block-heading {
    font-family: 'Anuphan', sans-serif !important;
    font-size: 1.2rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.05em !important;
    text-transform: uppercase !important;
    color: #c9a84c !important;
    padding: 0.5rem 0 0.25rem !important;
    border-bottom: 1px solid #2a3347 !important;
    margin-bottom: 0.75rem !important;
}

/* Enlistment tier sections — card treatment */
.page-id-52 .wp-block-group,
.page-id-52 .wp-block-column {
    background: transparent !important;
}

/* ---- 4. GENERAL INNER PAGE DARK BACKGROUNDS ---- */
/* All pages that aren't the homepage */
body:not(.home) .site-main {
    background-color: #111620 !important;
}
body:not(.home) .entry-content {
    background-color: transparent !important;
    color: #dde1e7 !important;
}
body:not(.home) .wp-block-paragraph {
    color: #c0c8d4 !important;
}
body:not(.home) h1, body:not(.home) h2, body:not(.home) h3 {
    color: #ffffff !important;
}

/* Fix any remaining white content areas */
.wp-site-blocks {
    background-color: #111620 !important;
}
.is-root-container {
    background-color: #111620 !important;
}

/* ---- 5. MOBILE GENERAL ---- */
@media (max-width: 767px) {
    body { overflow-x: hidden; }

    /* Better padding on mobile inner pages */
    .entry-content {
        padding-left: 1.25rem !important;
        padding-right: 1.25rem !important;
    }

    /* Fix tier headings on mobile */
    .page-id-52 h3.wp-block-heading {
        font-size: 1rem !important;
    }

    /* Stack stats grid on mobile */
    .st-stats-grid {
        grid-template-columns: 1fr 1fr !important;
    }
    .st-stat-num { font-size: 2rem !important; }

    /* Parallax sections don't work well on iOS */
    .st-flag-callout {
        background-attachment: scroll !important;
    }
}


/* ============================================
   ADDITIONAL FIXES v2.2
   ============================================ */

/* ---- 1. CENTER HERO BUTTONS ---- */
.kb-btns88_4e2b91-97 {
    justify-content: center !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 1rem !important;
    display: flex !important;
}
.kb-btns88_4e2b91-97 .kb-button {
    text-align: center !important;
}
/* Also center the Kadence button wrapper */
.wp-block-kadence-advancedbtn {
    display: flex !important;
    justify-content: center !important;
    flex-wrap: wrap !important;
    gap: 0.75rem !important;
}

/* ---- 2. VCL BANNER: Subtle dark strip instead of giant red block ---- */
.vcl-banner,
[class*="vcl-banner"],
.pmpro-vcl-banner,
div.vcl-banner {
    background-color: #0d1018 !important;
    background-image: none !important;
    border-top: 1px solid #2a3347 !important;
    border-bottom: 1px solid #2a3347 !important;
    padding: 0.6rem 1.5rem !important;
    text-align: center !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 0.78rem !important;
    color: #7a8494 !important;
    margin: 0 !important;
}
.vcl-banner a,
[class*="vcl-banner"] a {
    color: #c9a84c !important;
    text-decoration: none !important;
    font-weight: 600 !important;
}
/* Hide any WP blocks rendering as red VCL banners */
.wp-block-kadence-rowlayout[style*="background-color: rgb(153, 0, 0)"],
.wp-block-kadence-rowlayout[style*="background-color:#990000"],
.kt-row-has-bg[style*="background"] .kt-row-layout-overlay[style*="opacity: 1"] {
    display: none !important;
}
/* Target the specific dark-red VCL section by looking at its overlay color */
.kb-row-layout-wrap:has(.kt-row-layout-overlay[style*="background-color: rgb(139"]) {
    background: #0d1018 !important;
}

/* ---- 3. PMPRO TIER SELECTOR: Swipeable horizontal cards ---- */
/* Wrap the PMPro levels table in a swipeable container */
.pmpro_levels_section,
table.pmpro_checkout,
.pmpro_level_cost,
#pmpro_levels_table {
    width: 100% !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
    scroll-snap-type: x mandatory !important;
    display: flex !important;
    gap: 1rem !important;
    padding: 1rem 0.5rem 1.5rem !important;
}

/* Each tier card */
.pmpro_level {
    min-width: 280px !important;
    max-width: 320px !important;
    flex: 0 0 auto !important;
    scroll-snap-align: start !important;
    background: linear-gradient(145deg, #141b26, #1c2535) !important;
    border: 1px solid #2a3347 !important;
    border-radius: 8px !important;
    padding: 1.5rem !important;
    position: relative !important;
    transition: border-color 0.25s ease, box-shadow 0.25s ease !important;
}
.pmpro_level:hover {
    border-color: rgba(201,168,76,0.5) !important;
    box-shadow: 0 8px 32px rgba(201,168,76,0.12) !important;
}

/* Gold top bar on each tier card */
.pmpro_level::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0;
    height: 3px;
    background: linear-gradient(90deg, transparent, #c9a84c, transparent);
    border-radius: 8px 8px 0 0;
    opacity: 0.6;
}
.pmpro_level:hover::before { opacity: 1; }

/* Tier card title */
.pmpro_level h2,
.pmpro_level .pmpro_level_name {
    font-family: 'Anuphan', sans-serif !important;
    font-size: 1.3rem !important;
    font-weight: 800 !important;
    letter-spacing: 0.05em !important;
    text-transform: uppercase !important;
    color: #ffffff !important;
    margin-bottom: 0.5rem !important;
}

/* Tier price */
.pmpro_level .pmpro_level_cost,
.pmpro_level span.pmpro_level_cost {
    font-family: 'Anuphan', sans-serif !important;
    font-size: 1.6rem !important;
    font-weight: 700 !important;
    color: #c9a84c !important;
    display: block !important;
    margin-bottom: 1rem !important;
}

/* Tier description */
.pmpro_level .pmpro_level_description,
.pmpro_level p {
    font-size: 0.88rem !important;
    color: #7a8494 !important;
    line-height: 1.6 !important;
    margin-bottom: 1.25rem !important;
}

/* SELECT button inside tier card */
.pmpro_level .pmpro_btn,
.pmpro_level input[type="submit"],
.pmpro_level .button,
.pmpro_level a.button {
    width: 100% !important;
    display: block !important;
    text-align: center !important;
    background: linear-gradient(135deg, #c9a84c, #a8883a) !important;
    color: #080b10 !important;
    border: none !important;
    font-family: 'Anuphan', sans-serif !important;
    font-weight: 700 !important;
    font-size: 0.82rem !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    padding: 0.8rem 1rem !important;
    border-radius: 4px !important;
    cursor: pointer !important;
    box-shadow: 0 2px 12px rgba(201,168,76,0.25) !important;
    transition: all 0.25s ease !important;
}
.pmpro_level .pmpro_btn:hover,
.pmpro_level input[type="submit"]:hover {
    background: linear-gradient(135deg, #e8c96a, #c9a84c) !important;
    box-shadow: 0 4px 20px rgba(201,168,76,0.45) !important;
}

/* Tier table — completely override white table */
table.pmpro_checkout,
.pmpro_level table {
    background: transparent !important;
    border: none !important;
    color: #dde1e7 !important;
}
table.pmpro_checkout td,
.pmpro_level table td {
    background: transparent !important;
    border-color: #2a3347 !important;
    color: #dde1e7 !important;
    padding: 0.6rem 0.5rem !important;
}
table.pmpro_checkout td:first-child {
    color: #7a8494 !important;
    font-weight: 600 !important;
    font-size: 0.82rem !important;
    text-transform: uppercase !important;
    letter-spacing: 0.06em !important;
}

/* Swipe hint on mobile */
@media (max-width: 767px) {
    .pmpro_levels_section,
    #pmpro_levels_table {
        padding-bottom: 2rem !important;
    }
    .pmpro_levels_section::after,
    #pmpro_levels_table::after {
        content: '← Swipe to see all tiers →';
        display: block;
        flex: 0 0 100%;
        text-align: center;
        font-size: 0.72rem;
        color: #4a5568;
        font-family: 'Inter', sans-serif;
        letter-spacing: 0.06em;
        margin-top: 0.5rem;
    }
}

/* ---- 4. INFO BOX ICONS: Replace with relevant inline SVGs via content trick ---- */
/* Hide all broken media containers completely */
.kt-blocks-info-box-media-container {
    display: none !important;
}

/* Use CSS ::before on the card to show a relevant icon */
.kt-blocks-info-box-link-wrap {
    padding-top: 2rem !important;
    position: relative !important;
}
.kt-blocks-info-box-link-wrap::before {
    content: '';
    display: block;
    width: 48px;
    height: 48px;
    margin: 0 auto 1rem;
    border-radius: 50%;
    background: linear-gradient(135deg, #c9a84c, #7a5c20);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

/* Community card — people icon */
.kt-info-box88_d56821-50:nth-of-type(1) .kt-blocks-info-box-link-wrap::before,
.wp-block-kadence-column:nth-child(1) .kt-blocks-info-box-link-wrap::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23080b10' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='9' cy='7' r='4'/%3E%3Cpath d='M23 21v-2a4 4 0 0 0-3-3.87'/%3E%3Cpath d='M16 3.13a4 4 0 0 1 0 7.75'/%3E%3C/svg%3E");
    background-color: linear-gradient(135deg, #c9a84c, #7a5c20);
    background-size: 60%;
    background-repeat: no-repeat;
    background-position: center;
}

/* ---- 5. ENLISTMENT PAGE: Remove emoji from tier headings ---- */
/* Strip the emoji characters from h3 headings via CSS */
.page-id-52 h3.wp-block-heading {
    font-size: 0.95rem !important;
    padding: 0.6rem 0.75rem !important;
    background: rgba(201,168,76,0.06) !important;
    border: 1px solid rgba(201,168,76,0.2) !important;
    border-radius: 4px !important;
    margin-bottom: 0.75rem !important;
    text-align: left !important;
}

/* ---- 6. GENERAL: Fix any remaining white page backgrounds ---- */
.site-main { background-color: #111620 !important; }
body.page, body.single { background-color: #111620 !important; }
.wp-block-post-content { background: transparent !important; }

/* Scrollbar for tier swipe container */
.pmpro_levels_section::-webkit-scrollbar,
#pmpro_levels_table::-webkit-scrollbar { height: 4px; }
.pmpro_levels_section::-webkit-scrollbar-track,
#pmpro_levels_table::-webkit-scrollbar-track { background: #1a2030; }
.pmpro_levels_section::-webkit-scrollbar-thumb,
#pmpro_levels_table::-webkit-scrollbar-thumb { background: #c9a84c; border-radius: 2px; }


/* ============================================
   HARD KILL for leftover info box shapes
   ============================================ */
.kt-blocks-info-box-media-container,
.kt-blocks-info-box-media,
.kt-info-svg-icon,
.kb-svg-icon-wrap,
.kadence-info-box-icon-container,
.kadence-info-box-icon-inner-container {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    background: transparent !important;
    opacity: 0 !important;
    visibility: hidden !important;
    position: absolute !important;
    pointer-events: none !important;
}

/* Make sure the info box link wrap itself has proper padding without broken icon */
.wp-block-kadence-infobox .kt-blocks-info-box-link-wrap {
    padding: 2rem 1.5rem !important;
    border-top: 5px solid transparent !important;
    border-right: 5px solid transparent !important;
    border-bottom: 5px solid transparent !important;
    border-left: 5px solid transparent !important;
}

/* Remove any ::before pseudo elements that might be rendering phantom shapes */
.kt-blocks-info-box-link-wrap::before,
.kt-blocks-info-box-link-wrap::after,
.wp-block-kadence-infobox::before,
.wp-block-kadence-infobox::after {
    display: none !important;
    content: none !important;
}

/* Our injected icon is the ONLY thing that should be visible at the top */
.st-injected-icon {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: 56px !important;
    height: 56px !important;
    position: relative !important;
    margin: 0 auto 1.25rem !important;
}

/* Card title alignment */
.kt-blocks-info-box-title-wrap,
.kt-infobox-textcontent {
    text-align: center !important;
}


/* ---- Tier card: center tier name ---- */
.st-tier-card > div:not(.st-injected-icon) {
    text-align: center !important;
}
.st-tier-card .st-tier-name,
div[class*="st-tier-"] > div[style*="font-size:1.8rem"],
div[class*="st-tier-"] > div[style*="Anuphan"][style*="1.8rem"] {
    text-align: center !important;
    width: 100% !important;
}


/* ============================================
   RESOURCES PAGE STYLING
   ============================================ */

.page-id-185 .entry-content h3.wp-block-heading {
    font-family: 'Anuphan', sans-serif !important;
    font-size: 1.1rem !important;
    font-weight: 800 !important;
    letter-spacing: 0.1em !important;
    text-transform: uppercase !important;
    color: #c9a84c !important;
    margin: 2rem 0 0.5rem !important;
    padding-bottom: 0 !important;
    border: none !important;
    background: none !important;
}

.page-id-185 .entry-content h4.wp-block-heading {
    font-family: 'Anuphan', sans-serif !important;
    font-size: 0.95rem !important;
    font-weight: 700 !important;
    color: #e8eaed !important;
    margin: 1.5rem 0 0.35rem !important;
    letter-spacing: 0.01em !important;
    text-transform: none !important;
    border: none !important;
    background: none !important;
}

.page-id-185 .entry-content h4.wp-block-heading a {
    color: #c9a84c !important;
    text-decoration: none !important;
    border-bottom: 1px solid rgba(201,168,76,0.3) !important;
    transition: border-color 0.2s ease, color 0.2s ease !important;
}
.page-id-185 .entry-content h4.wp-block-heading a:hover {
    color: #e8c96a !important;
    border-bottom-color: #c9a84c !important;
}

.page-id-185 .entry-content p {
    color: #9aa4b4 !important;
    font-size: 0.9rem !important;
    line-height: 1.65 !important;
    margin-bottom: 0.25rem !important;
}

.page-id-185 .entry-content p strong {
    color: #dde1e7 !important;
}

.page-id-185 .wp-block-separator {
    margin: 0.5rem 0 0.25rem !important;
    border-top-color: #2a3347 !important;
}

/* Section intro (italicised) */
.page-id-185 .entry-content p em {
    color: #7a8494 !important;
    font-size: 0.82rem !important;
}

/* ST calculator callout */
.page-id-185 .entry-content p strong:first-child {
    color: #c9a84c !important;
}


/* ============================================
   FIX 1: HOMEPAGE — Kill leftover box fragments
   The Kadence info box border renders a visible
   left/top border even when media is hidden.
   ============================================ */
.wp-block-kadence-infobox,
.wp-block-kadence-infobox *,
.kt-blocks-info-box-link-wrap,
.kt-blocks-info-box-link-wrap *,
.kt-blocks-info-box-media-container,
.kt-blocks-info-box-media-container *,
.kt-blocks-info-box-media {
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    border-bottom: none !important;
    box-shadow: none !important;
    outline: none !important;
}

/* Restore border on the card itself only */
.kt-blocks-info-box-link-wrap {
    border: 1px solid #2a3347 !important;
    border-radius: 8px !important;
    transition: transform 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease !important;
}
.kt-blocks-info-box-link-wrap:hover {
    border-color: rgba(201,168,76,0.5) !important;
    box-shadow: 0 12px 40px rgba(0,0,0,0.4) !important;
    transform: translateY(-4px) !important;
}

/* ============================================
   FIX 2: HOMEPAGE — Center hero buttons
   ============================================ */
.kb-btns88_4e2b91-97,
.wp-block-kadence-advancedbtn,
.kb-buttons-wrap {
    justify-content: center !important;
    align-items: center !important;
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 0.75rem !important;
    width: 100% !important;
}
.kb-btns88_4e2b91-97 .kb-button,
.wp-block-kadence-advancedbtn .kb-button {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* ============================================
   FIX 3: RESOURCES PAGE — Attractive layout
   ============================================ */

/* Full-width dark page */
.page-id-185 .entry-content {
    max-width: 820px !important;
    margin: 0 auto !important;
    padding: 0 1.5rem 3rem !important;
}

/* Page title */
.page-id-185 .entry-content h2.wp-block-heading {
    font-family: 'Anuphan', sans-serif !important;
    font-size: clamp(1.8rem, 5vw, 2.4rem) !important;
    font-weight: 800 !important;
    text-align: center !important;
    color: #ffffff !important;
    margin-bottom: 0.75rem !important;
    background: linear-gradient(90deg, #ffffff, #c9a84c) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
}

/* Intro paragraph */
.page-id-185 .entry-content > p:first-of-type {
    text-align: center !important;
    color: #8a94a6 !important;
    font-size: 1rem !important;
    max-width: 580px !important;
    margin: 0 auto 0.5rem !important;
}

/* CAC legend */
.page-id-185 .entry-content p em {
    display: block !important;
    text-align: center !important;
    color: #4a5568 !important;
    font-size: 0.78rem !important;
    margin-bottom: 2rem !important;
}

/* Section heading — gold all-caps with left accent bar */
.page-id-185 .entry-content h3.wp-block-heading {
    font-family: 'Anuphan', sans-serif !important;
    font-size: 0.72rem !important;
    font-weight: 800 !important;
    letter-spacing: 0.18em !important;
    text-transform: uppercase !important;
    color: #c9a84c !important;
    margin: 2.5rem 0 0 !important;
    padding: 0 !important;
    border: none !important;
    background: none !important;
    -webkit-text-fill-color: #c9a84c !important;
}

/* Separator under each section heading */
.page-id-185 .wp-block-separator {
    border-top: 1px solid #2a3347 !important;
    margin: 0.4rem 0 0.25rem !important;
    opacity: 1 !important;
}

/* Link entry heading */
.page-id-185 .entry-content h4.wp-block-heading {
    font-family: 'Anuphan', sans-serif !important;
    font-size: 1rem !important;
    font-weight: 700 !important;
    color: #e2e8f0 !important;
    margin: 1.25rem 0 0.2rem !important;
    -webkit-text-fill-color: #e2e8f0 !important;
    padding: 0 !important;
    background: none !important;
    border: none !important;
}

/* Link inside h4 */
.page-id-185 .entry-content h4.wp-block-heading a {
    color: #c9a84c !important;
    -webkit-text-fill-color: #c9a84c !important;
    text-decoration: none !important;
    border-bottom: 1px solid rgba(201,168,76,0.25) !important;
    transition: color 0.2s, border-color 0.2s !important;
}
.page-id-185 .entry-content h4.wp-block-heading a:hover {
    color: #e8c96a !important;
    -webkit-text-fill-color: #e8c96a !important;
    border-bottom-color: #c9a84c !important;
}

/* Description paragraph */
.page-id-185 .entry-content p {
    color: #7a8494 !important;
    font-size: 0.875rem !important;
    line-height: 1.65 !important;
    margin: 0 0 0.25rem !important;
    -webkit-text-fill-color: #7a8494 !important;
    text-align: left !important;
}

/* Bold text inside paragraphs */
.page-id-185 .entry-content p strong {
    color: #c0c8d4 !important;
    -webkit-text-fill-color: #c0c8d4 !important;
}

/* ST calculator callout paragraph */
.page-id-185 .entry-content p:has(strong:first-child) {
    background: rgba(201,168,76,0.06) !important;
    border: 1px solid rgba(201,168,76,0.2) !important;
    border-left: 3px solid #c9a84c !important;
    border-radius: 4px !important;
    padding: 0.75rem 1rem !important;
    margin: 1rem 0 !important;
    color: #9aa4b4 !important;
    -webkit-text-fill-color: #9aa4b4 !important;
}

/* Footer note */
.page-id-185 .entry-content > p:last-child {
    text-align: center !important;
    margin-top: 2rem !important;
    padding-top: 1.5rem !important;
    border-top: 1px solid #2a3347 !important;
    color: #4a5568 !important;
    -webkit-text-fill-color: #4a5568 !important;
    font-style: italic !important;
}
.page-id-185 .entry-content > p:last-child a {
    color: #c9a84c !important;
    -webkit-text-fill-color: #c9a84c !important;
}

/* Mobile */
@media (max-width: 767px) {
    .page-id-185 .entry-content {
        padding: 0 1rem 2rem !important;
    }
}