/**

A WIP theme to build a re-usable set of classes that can be applied to various Divi modules.

To use this theme, define the following root variables on the page

:root {
  --page-primary-color: var(--noom-pine);
  --page-secondary-color: var(--noom-mint);
  --page-common-color: var(--noom-off-white);
  --noom-nav-link: #fff;
}

**/

#main-content .noom-btn-secondary {
    background-color: var(--page-primary-color, --noom-pine) !important;
}

#main-content a:not(.noom-btn-secondary):not(.et_pb_video_play) {
    border: none !important;
    text-decoration: underline;
}

header,
footer div.et_pb_with_background.et_pb_section {
    background-color: var(--page-primary-color, --noom-pine) !important;
}

header ul#mega-menu-primary-menu>li>a.mega-menu-link {
    color: var(--noom-nav-link, #fff) !important;
}

body header ul#mega-menu-primary-menu>li>a.mega-menu-link {
    border: none !important;
}

body header .et_pb_menu__logo svg, body header .noom-logo svg {
    color: var(--noom-nav-link, #fff);
}

body #page-container header nav.et-menu-nav ul[id^="menu-main"]>li.menu-item>a,
body #page-container header nav.et-menu-nav ul[id^="menu-main"]>li.menu-item>a:hover {
    color: var(--noom-nav-link, #fff) !important;
}

#main-content .dipi_counter_number_number,
#main-content .dipi_counter_number_suffix,
#main-content .dipi_counter_number_prefix {
    font-family: var(--common-font-serif);
    position: relative;
    color: var(--page-primary-color, --noom-pine) !important;
}

#main-content .dipi_counter.dipi_counter {
    border-right-color: var(--page-primary-color, --noom-pine) !important;
}

#main-content .et_pb_divider::before {
    border-top-color: var(--page-primary-color, --noom-pine) !important;
}


#main-content sup {
    font-size: .6rem !important;
}

#value-rows .et_pb_row,
#counters,
#leadgen-form {
    background-color: var(--page-secondary-color, --noom-mint);
}

/****  			S9 		*****/
#main-content .dipi-carousel-item-content {
    text-align: left;
}

#main-content .dipi-carousel-item-content h2 span {
    font-family: var(--common-font-label) !important;
    text-transform: uppercase;
    letter-spacing: 2.5px;
    font-size: 1rem;
    border: 1px solid #000;
    display: inline;
    margin: 0;
    padding: 5px 8px;
    border-radius: 5px;
    font-weight: bold;
    letter-spacing: 2px;
}

#main-content .dipi-carousel-item-content h2 {
    margin: 0;
    padding: 0 0 10px 0;
    line-height: 1rem;
}

#main-content .dipi-carousel-item-content p {
    font-size: 1.25rem;
    line-height: 1.4rem;
    font-weight: 500;
}


#main-content .gform_wrapper,
#main-content .gform_wrapper .gfield_label.gform-field-label {
    font-weight: normal;
}

#main-content .gform_wrapper .charleft.ginput_counter {
    padding-top: 0;
    text-align: left;
    font-size: .6rem;
}

#main-content .gform_wrapper.gravity-theme input,
#main-content .gform_wrapper.gravity-theme textarea,
#main-content .gform_wrapper.gravity-theme select {
    background-color: #fff !important;
    border: 1px solid var(--noom-gold) !important;
    border-radius: 3px !important;
}

#main-content .gform_wrapper input[type="submit"],
#main-content .gform_wrapper button[type="submit"],
#main-content .gform_wrapper button[type="button"] {
    background-color: var(--page-primary-color, --noom-pine) !important;
    margin: 0 auto;
    border: none !important;
    border-radius: 50px !important;
    ;
    padding: 15px 20px !important;
    min-width: 300px;
    font-family: var(--common-font-sans) !important;
    text-transform: none !important;
    letter-spacing: 0 !important;

}

#main-content .gform_wrapper .gform_required_legend,
#main-content .gform_wrapper .ginput_counter.gfield_description {
    display: none;
}

#main-content h3.font-label,
#main-content .glp1-blurbs h3 {
    font-family: var(--common-font-label);
    color: var(--page-primary-color, --noom-pine);
    font-weight: bold;
    letter-spacing: 2px;
}

#main-content .dipi-at-tab-title {
    font-family: var(--common-font-label);
    color: var(--page-primary-color, --noom-pine);
    font-weight: bold;
    letter-spacing: 2px;
    padding-bottom: 5px;
}

/** Hide the tab text on all views except for mobile **/
#main-content .dipi-at-panel-text {
    display: none;
}

#main-content .dipi-at-tab-container,
#main-content .dipi-at-panel-content {
    align-content: center;
    justify-content: center;
}

#main-content .dipi-at-tab.dipi-at-tab--active {
    background-color: var(--page-secondary-color, --noom-mint) !important;
}

#main-content .dipi-at-panels {
    background-color: var(--page-secondary-color, --noom-mint) !important;
    background-image: url("/wp-content/themes/Divi-child/images/noom-path.svg");
    background-repeat: no-repeat;
    background-size: 150%;
    background-position: 0;
    border-radius: 18px;
    margin-top: 0 !important;
    margin-right: 0 !important;
}

@media (min-width: 600px) {
    #main-content .dipi-at-panels .dipi-at-panel-image {
        width: auto;
    }
}

@media (max-width: 600px) {

    #main-content .dipi-at-panels {
        margin: 0 !important;
        background-color: var(--noom-off-white) !important;
        background-size: 280%;
        background-position: -177px 220px;
    }

    #main-content .dipi-at-panel-text {
        margin: 0 auto;
        margin-bottom: 20px;
    }

    #main-content .gform_wrapper input[type="submit"],
    #main-content .gform_wrapper button[type="submit"],
    #main-content .gform_wrapper button[type="button"] {
        min-width: 0 !important;
        width: 100%;
    }

    /** Tabs **/
    #main-content .dipi_advanced_tabs .dipi-at-tabs-prev,
    #main-content .dipi_advanced_tabs .dipi-at-tabs-next {
        background-color: var(--page-primary-color, --noom-pine) !important;
        color: var(--page-common-color, --noom-off-white);
    }


    #main-content .dipi-at-tab-title {
        text-align: center;
    }

    #main-content .dipi-at-tab-subtitle {
        display: none;
    }

    #main-content .dipi-at-tab-title {
        padding-bottom: 0px;
    }

    #main-content .dipi-at-panel-text {
        display: block;
    }

}

body.tablet-view header #top-nav .mobile_menu_bar::before,
body.mobile-view header #top-nav .mobile_menu_bar::before {
    color: var(--noom-nav-link, #fff) !important;
}

/** Don't break up words in the blurbs **/
.et_pb_blurb h3 {
    word-break: keep-all;
}


/** Pre-launch tweaks: Dec 12, 2024 **/

#main-content h3.font-label {
    font-size: 1.125rem;
    line-height: 1.5rem; 
}
#main-content .et_pb_text_inner {
    font-size: 1.125rem !important;
    line-height: 1.5rem !important;
}
#main-content .dipi-at-tab-subtitle {
 line-height: 1.7rem !important;   
}
#main-content .et_pb_blurb_container h3 {
    font-size: 1.125rem;
    line-height: 1.2rem;
    text-transform: uppercase;
}
#main-content .dipi-at-tab-title {
    font-size: 1.125rem;
    line-height: 1.5rem;
}
#main-content .dipi-at-tabs-next, #main-content .dipi-at-tabs-prev {
    top: 25px !important;
}

/** Hide the blog post summary from the Health product pages. 
The summary is only visible on  the B2B Health Resource LP */
#main-content .dps-layout-b2b-resource .b2b_resource-summmary,
#main-content .dps-layout-b2b-carousel .excerpt-wrapper {
    display: none;
}