/**
* Theme Name: Wellson Child
* Description: This is a child theme of Wellson, generated by Merlin WP.
* Author: <a href="http://themeforest.net/user/themearc">ThemeArc</a>
* Template: wellson
* Version: 1.0
*/
/* ihd-editor-hero-fix — added 2026-08-06
   EDITOR ONLY. The theme enqueues Swiper via wp_enqueue_script for the front end and registers
   no elementor/editor or elementor/preview hook, so inside the Elementor canvas the banner
   carousel never initialises: the slide keeps no layout and the absolutely-positioned .bg-layer
   covers the copy, so the hero looks empty while editing.
   Every rule below is scoped to body.elementor-editor-active, so the live front end is untouched. */
body.elementor-editor-active .wellson-banner-carousel .swiper-wrapper {
    display: block;
}
body.elementor-editor-active .wellson-banner-carousel .swiper-slide {
    width: 100% !important;
    opacity: 1 !important;
    transform: none !important;
}
body.elementor-editor-active .wellson-banner-carousel .bg-layer {
    z-index: 0;
}
body.elementor-editor-active .wellson-banner-carousel .content-box {
    position: relative;
    z-index: 5;
}
body.elementor-editor-active .wellson-banner-carousel .content-box h2,
body.elementor-editor-active .wellson-banner-carousel .content-box p,
body.elementor-editor-active .wellson-banner-carousel .wellson-banner-title,
body.elementor-editor-active .wellson-banner-carousel .wellson-banner-text {
    color: #FFFFFF !important;
}

/* ihd-blog-typography — added 2026-08-06
   Knowledge Base / blog grid text was inconsistent across breakpoints:
     - post titles rendered LARGER on mobile (~30px) than on desktop (~20px)
     - excerpts were small and low-contrast, off the site's text colour
     - "Read More" was tiny and red, off the IHD palette
   Scoped to .wellson-blog-grid so it also normalises the homepage blog section. */

.wellson-blog-grid .news-block .lower-content h2 {
    margin: 0 0 12px;
}
.wellson-blog-grid .news-block .lower-content h2,
.wellson-blog-grid .news-block .lower-content h2 a {
    font-family: "Barlow", sans-serif;
    font-size: 22px;
    line-height: 1.32;
    font-weight: 600;
    color: #0C466A;
}
.wellson-blog-grid .news-block .lower-content h2 a:hover { color: #1E6C8D; }

/* excerpt: readable size, site text colour, comfortable leading */
.wellson-blog-grid .news-block .lower-content p {
    font-family: "Barlow", sans-serif;
    font-size: 16px;
    line-height: 1.68;
    color: #545F78;
    margin: 0 0 16px;
}

/* Read More: brand blue, not red */
.wellson-blog-grid .news-block .lower-content .link a {
    font-family: "Barlow", sans-serif;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: #1E6C8D;
}
.wellson-blog-grid .news-block .lower-content .link a:hover { color: #DEB100; }

/* the empty post-info list adds dead space above every title */
.wellson-blog-grid .news-block .lower-content .post-info:empty { display: none; margin: 0; }

/* tablet */
@media (max-width: 991px) {
    .wellson-blog-grid .news-block .lower-content h2,
    .wellson-blog-grid .news-block .lower-content h2 a { font-size: 21px; }
}

/* mobile — this is where titles were oversized */
@media (max-width: 767px) {
    .wellson-blog-grid .news-block .lower-content h2,
    .wellson-blog-grid .news-block .lower-content h2 a {
        font-size: 20px;
        line-height: 1.3;
    }
    .wellson-blog-grid .news-block .lower-content p {
        font-size: 15.5px;
        line-height: 1.65;
    }
    .wellson-blog-grid .news-block { margin-bottom: 34px; }
}

/* ihd-blog-typography-v2 — added 2026-08-06 (supersedes the v1 block above)
   Correct selector chain: the cards are .news-block-two > .inner-box > .lower-content.
   The theme sets h2 to 30px/38px and .link a to Roboto 14px red. Adding .wellson-blog-grid in
   front gives 4 classes + element (0,4,1), which beats the theme's (0,3,1) without !important. */

.wellson-blog-grid .news-block-two .inner-box .lower-content h2 {
    font-size: 22px;
    line-height: 1.32;
    font-weight: 600;
    margin-bottom: 12px;
}
.wellson-blog-grid .news-block-two .inner-box .lower-content h2 a {
    font-family: "Barlow", sans-serif;
    font-size: 22px;
    line-height: 1.32;
    font-weight: 600;
    color: #0C466A;
}
.wellson-blog-grid .news-block-two .inner-box .lower-content h2 a:hover { color: #1E6C8D; }

.wellson-blog-grid .news-block-two .inner-box .lower-content p {
    font-family: "Barlow", sans-serif;
    font-size: 16px;
    line-height: 1.68;
    color: #545F78;
    margin-bottom: 16px;
}

.wellson-blog-grid .news-block-two .inner-box .lower-content .link a {
    font-family: "Barlow", sans-serif;
    font-size: 13px;
    line-height: 1.4;
    font-weight: 600;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: #1E6C8D;
}
.wellson-blog-grid .news-block-two .inner-box .lower-content .link a:hover {
    color: #DEB100;
    border-color: #DEB100;
}

.wellson-blog-grid .news-block-two .inner-box .lower-content .post-info:empty { display: none; margin: 0; }

@media (max-width: 991px) {
    .wellson-blog-grid .news-block-two .inner-box .lower-content h2,
    .wellson-blog-grid .news-block-two .inner-box .lower-content h2 a { font-size: 21px; line-height: 1.3; }
}
@media (max-width: 767px) {
    .wellson-blog-grid .news-block-two .inner-box .lower-content h2,
    .wellson-blog-grid .news-block-two .inner-box .lower-content h2 a { font-size: 20px; line-height: 1.3; }
    .wellson-blog-grid .news-block-two .inner-box .lower-content p { font-size: 15.5px; line-height: 1.65; }
    .wellson-blog-grid .news-block { margin-bottom: 34px; }
}

/* ihd-readmore-fix — added 2026-08-06
   The theme hard-sets the blog "Read More" to red with a pink underline:
     .news-block-two .inner-box .lower-content .link a { color:#f65151; border-bottom:2px solid #fcc9c9 }
   A higher-specificity child-theme rule did not take effect here, so colour and border are forced.
   Scoped to the blog grid only — no other link on the site is affected. */
.wellson-blog-grid .news-block-two .inner-box .lower-content .link a,
.wellson-blog-grid .news-block .lower-content .link a {
    color: #1E6C8D !important;
    border-bottom-color: #BBD4E0 !important;
    font-family: "Barlow", sans-serif !important;
    font-size: 13px !important;
    letter-spacing: .08em !important;
}
.wellson-blog-grid .news-block-two .inner-box .lower-content .link a:hover,
.wellson-blog-grid .news-block .lower-content .link a:hover {
    color: #DEB100 !important;
    border-bottom-color: #DEB100 !important;
}