@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@600;700&display=swap');
/* --- Root Styles for The Latest Post View --- */
.elementor-post__full-content,
.elementor-post__full-content p {
    font-family: "Inter", sans-serif !important;
    font-size: 16px !important;
    line-height: 1.75 !important;
    color: #444444 !important;
    margin-bottom: 25px !important;
}

/* --- Headers Spacing & Design --- */
.elementor-post__full-content h2 {
    font-family: "Inter", sans-serif !important;
    font-size: 36px !important;
    font-weight: 700 !important;
    margin-top: 40px !important;
    margin-bottom: 20px !important;
    color: #222222 !important;
    line-height: 1.2 !important;
}

.elementor-post__full-content h3 {
    font-family: "Inter", sans-serif !important;
    font-size: 30px !important;
    font-weight: 600 !important;
    padding-bottom: 20px !important;
    margin-top: 45px !important;
    margin-bottom: 20px !important;
    border-bottom: 2px solid #eeeeee !important;
    color: #222222 !important;
    line-height: 1.2 !important;
}

.elementor-post__full-content h4 {
    font-family: "Inter", sans-serif !important;
    font-size: 18px !important;     
    font-weight: 800 !important;   
    margin-top: 50px !important;   
    margin-bottom: 12px !important; 
    color: #333333 !important;
    text-transform: uppercase !important;
}

/* ==========================================================================
   1. MAIN HEADINGS (H1 - H6)
   ========================================================================== */

/* H1 - Main Title */
selector.elementor-widget-theme-post-content h1,
.elementor-post__full-content h1,
.elementor-loop-container h1 {
    font-size: 42px;
    font-weight: 700;
    margin-top: 0;
    margin-bottom: 20px;
    color: #222222;
    line-height: 1.2;
}

/* H2 - Main Section Headers */
selector.elementor-widget-theme-post-content h2,
.elementor-post__full-content h2,
.elementor-loop-container h2 {
    font-size: 36px;
    font-weight: 700;
    margin-top: 45px;
    margin-bottom: 15px;
    padding-bottom: 5px;
    color: #222222;
    line-height: 1.2;
}

/* H3 - Sub-section Headers (Orange Line) */
selector.elementor-widget-theme-post-content h3,
.elementor-post__full-content h3,
.elementor-loop-container h3 {
    font-size: 30px;
    font-weight: 600;
    margin-top: 70px;
    padding-bottom: 15px;
    margin-bottom: 25px;
    border-bottom: 2px solid #eeeeee;
    color: #222222;
    line-height: 1.2;
}

/* H4 - Numbered / Uppercase Headings (Yellow Lines) */
selector.elementor-widget-theme-post-content h4,
.elementor-post__full-content h4,
.elementor-loop-container h4 {
    font-size: 18px;
    font-weight: 800;
    margin-top: 40px;
    margin-bottom: 15px;
    padding-bottom: 0;
    color: #333333;
    letter-spacing: 1px;
    text-transform: uppercase;
    line-height: 1.3;
}

/* H5 - Subtitles / Connecting Headers (Blue Lines) */
selector.elementor-widget-theme-post-content h5,
.elementor-post__full-content h5,
.elementor-loop-container h5 {
    font-size: 16px;
    font-style: italic;
    font-weight: 700;
    margin-top: 10px;
    margin-bottom: 12px;
    color: #222222;
    line-height: 1.4;
}

/* H6 - Subheadings above Lists (Pink Line) */
selector.elementor-widget-theme-post-content h6,
.elementor-post__full-content h6,
.elementor-loop-container h6 {
    font-size: 15px;
    font-weight: 600;
    margin-top: 15px;
    margin-bottom: 10px;
    color: #333333;
    line-height: 1.4;
}

/* ==========================================================================
   2. ADJACENT HEADINGS & CONTEXTUAL OVERRIDES
   ========================================================================== */

/* H2 directly following H1 */
h1 + h2,
selector.elementor-widget-theme-post-content h1 + h2,
.elementor-post__full-content h1 + h2 {
    margin-top: 35px;
}

/* H3 directly following H2 */
h2 + h3,
selector.elementor-widget-theme-post-content h2 + h3,
.elementor-post__full-content h2 + h3 {
    margin-top: 30px;
}

/* H5 directly following Paragraph (Tight connection for "How to..." lines) */
selector.elementor-widget-theme-post-content p + h5,
.elementor-post__full-content p + h5 {
    margin-top: -10px;
}

/* Paragraph following H3 */
h3 + p,
.elementor-post__full-content h3 + p {
    margin-top: 15px;
}

/* Reset for inline H4 tags inside list items */
selector.elementor-widget-theme-post-content li h4,
.elementor-post__full-content li h4 {
    display: inline;
    font-size: 16px;
    margin: 0 5px 0 0;
    padding: 0;
    text-transform: none;
    font-weight: 700;
}

/* ==========================================================================
   3. PARAGRAPHS & LIST CONTENT (Black Lines)
   ========================================================================== */

/* Root Paragraph Styling */
selector.elementor-widget-theme-post-content p,
.elementor-post__full-content p,
.elementor-loop-container p {
    font-family: "Inter", sans-serif;
    font-size: 16px;
    line-height: 1.75;
    color: #444444;
    margin-top: 0;
    margin-bottom: 25px;
}

/* Main Unordered & Ordered List Wrappers */
selector.elementor-widget-theme-post-content ul,
selector.elementor-widget-theme-post-content ol,
.elementor-post__full-content ul,
.elementor-post__full-content ol {
    margin-top: 8px;
    margin-bottom: 20px;
    padding-left: 24px;
}

/* Individual List Items & Bullets/Numbers Color */
selector.elementor-widget-theme-post-content li,
.elementor-post__full-content li,
.elementor-loop-container li {
    margin-bottom: 8px;
    line-height: 1.6;
    color: #555555; /* Dark gray, lighter than header text */
}

/* Bold text within List Items */
selector.elementor-widget-theme-post-content li strong,
.elementor-post__full-content li strong {
    color: #222222;
}

/* Nested Sub-lists */
selector.elementor-widget-theme-post-content li ul,
selector.elementor-widget-theme-post-content li ol,
.elementor-post__full-content li ul,
.elementor-post__full-content li ol {
    margin-top: 6px;
    margin-bottom: 6px;
}

/* ==========================================================================
   4. RESPONSIVE / MOBILE OVERRIDES
   ========================================================================== */
@media (max-width: 750px) {
    selector.elementor-widget-theme-post-content h1,
    .elementor-post__full-content h1 {
        font-size: 32px;
    }

    selector.elementor-widget-theme-post-content h2,
    .elementor-post__full-content h2 {
        font-size: 30px;
        margin-top: 20px;
        line-height: 1.2;
    }

    selector.elementor-widget-theme-post-content h3,
    .elementor-post__full-content h3 {
        font-size: 26px;
        margin-top: 45px;
        padding-bottom: 10px;
    }

    selector.elementor-widget-theme-post-content h4,
    .elementor-post__full-content h4 {
        font-size: 16px;
        font-weight: 700;
        margin-top: 30px;
        padding-bottom: 10px;
    }
}

.e-n-tab-title[aria-selected="true"] {
  background-color: #4F67E8 !important;
  color: #ffffff !important;
}
* ===== ResilienceADHD buttons ===== */
.ra-btn-wrap{display:block;width:100%;text-align:center;margin:0 0 20px;box-sizing:border-box}
.ra-btn-row{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;margin:0 0 20px}
.ra-btn-row .ra-btn-wrap{flex:1 1 240px;width:auto;margin:0}
.ra-btn-wrap--auto{display:inline-block;width:auto}
.ra-btn-wrap--auto .ra-btn{display:inline-block!important;width:auto!important}

.ra-btn{display:block!important;width:100%!important;box-sizing:border-box!important;text-align:center!important;
  font-family:'Open Sans',sans-serif!important;font-size:18px!important;font-weight:700!important;line-height:1.2!important;
  padding:20px 28px!important;border-radius:10px!important;text-decoration:none!important;cursor:pointer!important;
  transition:all .25s ease-in-out!important}
.ra-btn *{font:inherit!important;color:inherit!important}
.ra-btn:hover{transform:scale(1.05)!important}
.ra-btn:active{transform:scale(1)!important}
.ra-btn:focus-visible{outline:3px solid #1A2332!important;outline-offset:3px!important}

/* Primary: solid blue, flips to white on hover */
.ra-btn--primary{background:#4F67E8!important;color:#fff!important;border:2px solid #4F67E8!important;box-shadow:0 4px 14px rgba(79,103,232,.35)!important}
.ra-btn--primary:hover{background:#fff!important;color:#4F67E8!important;box-shadow:0 6px 20px rgba(0,0,0,.15)!important}

/* Outline: white with blue text, flips to solid blue on hover */
.ra-btn--outline{background:#fff!important;color:#4F67E8!important;border:2px solid #4F67E8!important;box-shadow:0 2px 8px rgba(0,0,0,.08)!important}
.ra-btn--outline:hover{background:#4F67E8!important;color:#fff!important}

/* Light: for dark banners and dark sections */
.ra-btn--light{background:#fff!important;color:#1A2332!important;border:2px solid #fff!important;box-shadow:0 4px 14px rgba(0,0,0,.25)!important}
.ra-btn--light:hover{background:transparent!important;color:#fff!important}

@media (max-width:600px){
  .ra-btn{font-size:17px!important;padding:18px 22px!important}
  .ra-btn-row{flex-direction:column}
}
/* Elementor Button widget styled like .ra-btn primary */
.ra-el .elementor-button{display:block!important;width:100%!important;box-sizing:border-box!important;text-align:center!important;
  font-family:'Open Sans',sans-serif!important;font-size:18px!important;font-weight:700!important;line-height:1.2!important;text-transform:none!important;
  padding:20px 28px!important;border-radius:10px!important;background:#4F67E8!important;color:#fff!important;border:2px solid #4F67E8!important;
  box-shadow:0 4px 14px rgba(79,103,232,.35)!important;transition:all .25s ease-in-out!important}
.ra-el .elementor-button *{color:inherit!important;font:inherit!important}
.ra-el .elementor-button:hover{background:#fff!important;color:#4F67E8!important;transform:scale(1.05)!important;box-shadow:0 6px 20px rgba(0,0,0,.15)!important}
@media (max-width:600px){.ra-el .elementor-button{font-size:17px!important;padding:18px 22px!important}}

/* ===== Small buttons (header, banners) ===== */
.ra-btn-wrap--flush{margin:0!important}
.ra-btn--sm{font-size:14px!important;padding:11px 22px!important;border-radius:999px!important;
  letter-spacing:.6px!important;text-transform:uppercase!important}
.ra-btn--sm:hover{transform:scale(1.04)!important}
@media (max-width:600px){.ra-btn--sm{font-size:13px!important;padding:10px 18px!important}}

/* Answer page lists */
.ra-list ol, .ra-list ul{padding-left:24px!important;margin:0 0 16px!important}
.ra-list li{margin-bottom:10px!important;line-height:1.6!important}
.ra-list li:last-child{margin-bottom:0!important}
.ra-list ol li::marker{color:#4F67E8;font-weight:700}
.ra-list ul li::marker{color:#4F67E8}
/* ===== Comparison / price tables ===== */
.ra-compare{max-width:800px;margin:0 auto}
.ra-compare table{width:100%;border-collapse:separate;border-spacing:0;border:1px solid #CAD5E2;border-radius:16px;overflow:hidden;
  font-family:'Sarabun',sans-serif;font-size:17px;line-height:1.5;color:#333333;background:#fff}
.ra-compare th,.ra-compare td{padding:14px 18px;text-align:left;vertical-align:top;border-bottom:1px solid #E1E7FF}
.ra-compare tbody tr:last-child th,.ra-compare tbody tr:last-child td{border-bottom:0}
.ra-compare thead th{background:#4F67E8;color:#fff;font-weight:700;font-size:17px}
.ra-compare tbody th{background:#F2F5FF;color:#1A2332;font-weight:700;width:34%}
.ra-compare .ra-price{font-weight:700;color:#1A2332}
.ra-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
@media (max-width:600px){
  .ra-compare table,.ra-compare tbody,.ra-compare tr,.ra-compare th,.ra-compare td{display:block;width:auto}
  .ra-compare thead{display:none}
  .ra-compare table{border:0;background:transparent}
  .ra-compare tbody tr{border:1px solid #CAD5E2;border-radius:14px;overflow:hidden;margin-bottom:12px;background:#fff}
  .ra-compare tbody th,.ra-compare td{border-bottom:1px solid #E1E7FF}
  .ra-compare td::before{content:attr(data-label);display:block;font-size:12px;font-weight:700;letter-spacing:.6px;
    text-transform:uppercase;color:#4F67E8;margin-bottom:2px}
}
/* ===== ADHD Answers hub cards ===== */
.ra-cards{display:flex;flex-direction:column;gap:16px;margin:16px 0 0}
.ra-card{display:block;background:#fff;border:1px solid #CAD5E2;border-radius:16px;padding:24px 28px;text-decoration:none!important;
  transition:border-color .2s,box-shadow .2s,transform .2s}
.ra-card:hover{border-color:#4F67E8;box-shadow:0 6px 20px rgba(79,103,232,.15);transform:translateY(-2px)}
.ra-card h3{font-family:'Sarabun',sans-serif!important;font-size:22px!important;font-weight:700!important;line-height:1.3!important;
  color:#1A2332!important;margin:0 0 8px!important;text-transform:none!important}
.ra-card p{font-family:'Sarabun',sans-serif;font-size:17px;line-height:1.6;color:#333333;margin:0 0 12px}
.ra-card .ra-more{font-family:'Sarabun',sans-serif;font-size:16px;font-weight:700;color:#4F67E8}
.ra-card:hover .ra-more{text-decoration:underline}
@media (max-width:600px){.ra-card{padding:20px}.ra-card h3{font-size:19px!important}}
/* ===== Article short-answer box ===== */
.ra-short{background:#F2F5FF;border-left:5px solid #4F67E8;border-radius:16px;padding:20px 24px;margin:8px 0 32px}
.ra-short-label{display:block;font:600 12px 'Inter',sans-serif;letter-spacing:.8px;text-transform:uppercase;color:#4F67E8;margin-bottom:8px}
.ra-short p{margin:0!important;font-family:'Sarabun',sans-serif;font-size:19px;line-height:1.6;color:#1A2332}
/* Article quotes: plain text with a thin gray line */
.elementor-widget-theme-post-content blockquote{margin:0 0 20px;padding:2px 0 2px 20px;border-left:3px solid #CAD5E2;background:none;font-style:normal;color:inherit}
/* Callout box: add the class ra-callout to a quote */
.elementor-widget-theme-post-content blockquote.ra-callout{background:#F2F5FF;border-left:5px solid #4F67E8;border-radius:12px;padding:18px 22px;margin:8px 0 24px;color:#1A2332}
.elementor-widget-theme-post-content blockquote p{margin:0}
/* Quotes inside lists stay plain, so there's no big gap after the number */
.elementor-widget-theme-post-content li blockquote{background:none;border:0;padding:0;margin:0;font-style:normal;color:inherit;border-radius:0}
/* Article numbered lists: blue numbers, better spacing */
.elementor-widget-theme-post-content ol li{padding-left:6px;margin-bottom:14px}
.elementor-widget-theme-post-content ol li::marker{color:#4F67E8;font-weight:700}
/* Links inside ra-list: darker blue so they're easy to read */
.ra-list a{color:#3D52CC;text-decoration:underline;text-underline-offset:3px}
.elementor-widget-theme-post-content blockquote.ra-callout p + p{margin-top:12px}
/* Free-hour button: outline version */
.ra-el.ra-el--outline .elementor-button{background:#fff!important;color:#4F67E8!important;border:2px solid #4F67E8!important}
.ra-el.ra-el--outline .elementor-button:hover{background:#4F67E8!important;color:#fff!important}
/* Answer pages: navy FAQ so the blue button stands out */
.parent-pageid-18907 .elementskit-accordion .elementskit-btn-link{background:#fff!important;border:1px solid #CAD5E2!important;color:#1A2332!important}
.parent-pageid-18907 .elementskit-accordion .ekit-accordion-title,
.parent-pageid-18907 .elementskit-accordion .ekit_accordion_icon_group i{color:#1A2332!important}
.parent-pageid-18907 .elementskit-accordion .elementskit-btn-link:not(.collapsed){background:#F2F5FF!important}
/* Answer pages: more space above and below the bottom buttons */
.parent-pageid-18907 [data-elementor-type="wp-page"] .e-con:has(> .elementor-widget-html .ra-btn):not(:has(.ra-cta)){padding-top:40px!important;padding-bottom:32px!important}
/* Mid-page call-to-action box */
.ra-cta{background:#F2F5FF;border-radius:16px;padding:24px 28px;margin:16px 0 40px;text-align:center}
.ra-cta p{margin:0 !important;font-family:'Sarabun',sans-serif;font-size:19px;line-height:1.5;color:#1A2332}
/* ===== Resource lists ===== */
.ra-res{list-style:none!important;margin:12px 0 0!important;padding:0!important;display:grid;gap:12px}
.ra-res li{background:#fff;border:1px solid #CAD5E2;border-radius:14px;padding:16px 20px;margin:0!important}
.ra-res a{font-family:'Sarabun',sans-serif;font-weight:700;font-size:18px;line-height:1.35;color:#1A2332!important;text-decoration:none!important}
.ra-res a:after{content:" \2197";color:#4F67E8;font-weight:400}
.ra-res a:hover{color:#4F67E8!important;text-decoration:underline!important}
.ra-res .by{display:block;font-family:'Sarabun',sans-serif;font-size:15px;color:#525252;margin-top:2px}
.ra-res .why{display:block;font-family:'Sarabun',sans-serif;font-size:16px;line-height:1.55;color:#333333;margin-top:6px}
.ra-tags{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 0;padding:0;list-style:none}
.ra-tags a{display:inline-block;padding:8px 14px;border-radius:999px;background:#F2F5FF;border:1px solid #E1E7FF;color:#1A2332!important;
  font-family:'Sarabun',sans-serif;font-size:15px;font-weight:600;text-decoration:none!important}
.ra-tags a:hover{border-color:#4F67E8;color:#4F67E8!important}
.elementor-image-carousel-wrapper img {
    filter: grayscale(100%);
    opacity: 0.6;
    transition: all 0.3s ease;
    max-height: 60px !important; /* Adjust this number to make it even slimmer */
    width: auto !important;
}
.elementor-image-carousel-wrapper img:hover {
    filter: grayscale(0%);
    opacity: 1;
}