/*
Theme Name: Divi Child Theme
Theme URI: https://www.elegantthemes.com/gallery/divi/
Description: Noom's Child Theme for Divi
Author: Noom
Template: Divi
Text Domain: noom_theme
Version: 2.7.4
*/

/** Compass Colors **/
:root {
  --noom-pine: #2B4010;
  --noom-kale: #316700;
  --noom-sprout: #A9D15A;
  --noom-mint: #C8E3B1;

  --noom-blueberry: #1D3A44;
  --noom-lagoon: #05727A;
  --noom-stream: #6CC1B6;
  --noom-sky: #B4E0D8;

  --noom-cherry: #5F110E;
  --noom-cinnamon: #AA3521;
  --noom-tarocco: #FB513B;
  --noom-salmon: #F4BEAE;

  --noom-plum: #671D48;
  --noom-berry: #A82F67;
  --noom-blossom: #F2AACD;
  --noom-conch: #EBCCD9;

  --noom-gold: #AD925E;
  --noom-sand-1: #d3c9b4;
  --noom-sand-2: #E4DECE;
  --noom-off-white: #F6F4EE;
  --noom-black: #191717;

  --white: #ffffff;

  --common-font-sans: 'Untitled Sans', 'DM Sans', Helvetica, Arial, Lucida, sans-serif;
  --common-font-serif: 'Untitled Serif', 'Source Serif Pro', 'Source Serif', Georgia, serif;
  --common-font-label: 'BrownLLWeb', Helvetica, Arial, Lucida, sans-serif;
  --common-font-icons: 'Font Awesome 6 Pro', 'Font Awesome 6', 'Font Awesome 5 Free';

  --page-primary-color: var(--noom-tarocco);
  --page-secondary-color: var(--noom-mint);
  --page-common-color: var(--noom-off-white);
  --noom-nav-link: var(--noom-black);
  --noom-desktop-nav-background: var(--noom-off-white);

  --noom-logo: url("/wp-content/themes/Divi-child/images/noom-logo.svg");
  --noom-logo-width: 100px;

  --noom-logo-health: url("/wp-content/themes/Divi-child/images/noom-logo-health.svg");
  --noom-logo-health-width: 144px;

  --page-primary-logo: var(--noom-logo);
  --page-primary-logo-width: var(--noom-logo-width);
  --page-logo-color: var(--noom-black);

  --page-mobile-menu-toggle-color: var(--noom-black);

  --noom-preloader-animation: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200"><radialGradient id="a9" cx=".66" fx=".66" cy=".3125" fy=".3125" gradientTransform="scale(1.5)"><stop offset="0" stop-color="currentColor"></stop><stop offset=".3" stop-color="currentColor" stop-opacity=".9"></stop><stop offset=".6" stop-color="currentColor" stop-opacity=".6"></stop><stop offset=".8" stop-color="currentColor" stop-opacity=".3"></stop><stop offset="1" stop-color="currentColor" stop-opacity="0"></stop></radialGradient><circle transform-origin="center" fill="none" stroke="url(%23a9)" stroke-width="15" stroke-linecap="round" stroke-dasharray="200 1000" stroke-dashoffset="0" cx="100" cy="100" r="70"><animateTransform type="rotate" attributeName="transform" calcMode="spline" dur="2" values="360;0" keyTimes="0;1" keySplines="0 0 1 1" repeatCount="indefinite"></animateTransform></circle><circle transform-origin="center" fill="none" opacity=".2" stroke="currentColor" stroke-width="15" stroke-linecap="round" cx="100" cy="100" r="70"></circle></svg>');
}

@font-face {
  font-family: "BrownLLWeb";
  src: url('assets/fonts/BrownLLWeb-Regular.woff2') format('woff2'),
    /* Super Modern Browsers */
    url('assets/fonts/BrownLLWeb-Regular.woff') format('woff');
  /* Pretty Modern Browsers */
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "BrownLLWeb";
  src: url('assets/fonts/BrownLLWeb-Bold.woff2') format('woff2'),
    /* Super Modern Browsers */
    url('assets/fonts/BrownLLWeb-Bold.woff') format('woff');
  /* Pretty Modern Browsers */
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Untitled Sans";
  src: url("assets/fonts/untitled-sans-web-regular.woff2") format("woff2"),
    /* Super Modern Browsers */
    url("assets/fonts/untitled-sans-web-regular.woff") format("woff");
  /* Pretty Modern Browsers */
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Untitled Sans";
  src: url("assets/fonts/untitled-sans-web-medium.woff2") format("woff2"),
    /* Super Modern Browsers */
    url("assets/fonts/untitled-sans-web-medium.woff") format("woff");
  /* Pretty Modern Browsers */
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Untitled Sans";
  src: url("assets/fonts/untitled-sans-web-bold.woff2") format("woff2"),
    /* Super Modern Browsers */
    url("assets/fonts/untitled-sans-web-bold.woff") format("woff");
  /* Pretty Modern Browsers */
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Untitled Serif";
  src: url("assets/fonts/untitled-serif-web-regular.woff2") format("woff2"),
    /* Super Modern Browsers */
    url("assets/fonts/untitled-serif-web-regular.woff") format("woff");
  /* Pretty Modern Browsers */
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Untitled Serif";
  src: url("assets/fonts/untitled-serif-web-medium.woff2") format("woff2"),
    /* Super Modern Browsers */
    url("assets/fonts/untitled-serif-web-medium.woff") format("woff");
  /* Pretty Modern Browsers */
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Untitled Serif";
  src: url("assets/fonts/untitled-serif-web-bold.woff") format("woff2"),
    /* Super Modern Browsers */
    url("assets/fonts/untitled-serif-web-bold.woff2") format("woff");
  /* Pretty Modern Browsers */
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}


body {
  font-family: Helvetica, Arial, Lucida, sans-serif;
  font-family: var(--common-font-sans);
  color: var(--noom-black);
  font-weight: normal;
  font-style: normal;
  font-size: 16px;
  font-size: 1rem;
}

h1, h2, h3, h4, h5, h6 {
  font-family: Georgia, serif;
  font-family: var(--common-font-serif);
  font-weight: normal;
  font-style: normal;
  word-wrap: normal;
}

/** Responsive H1-H3 font sizes **/
@media (max-width: 768px) {
  #main-content h1.font-clamp { font-size: 3rem; font-size: clamp(1.5rem, 8vw, 3rem) !important; }
  #main-content h2.font-clamp { font-size: 2rem; font-size: clamp(1.5rem, 8vw, 3rem) !important; }
  #main-content h3.font-clamp { font-size: 1.5rem; font-size: clamp(1rem, 8vw, 2rem) !important; }
}

@media (min-width: 798px) and (max-width: 980px) {
  #main-content h1.font-clamp { font-size: 3rem; font-size: clamp(2rem, 4vw, 4rem) !important; }
  #main-content h2.font-clamp { font-size: 2rem; font-size: clamp(1.5rem, 3vw, 3rem) !important; }
  #main-content h3.font-clamp { font-size: 1.5rem; font-size: clamp(1rem, 3vw, 2rem) !important; }
}

@media (min-width: 980px) {
  #main-content h1.font-clamp { font-size: 5rem; font-size: clamp(2rem, 4vw, 4rem) !important; }
  #main-content h2.font-clamp { font-size: 3rem; font-size: clamp(1.5rem, 3vw, 3rem) !important; }
  #main-content h3.font-clamp { font-size: 2rem; font-size: clamp(1rem, 3vw, 2rem) !important; }
}

/** START: Add font medium weight class **/
.font-medium { font-weight: 500 !important; }
/** END: Add font medium weight class **/

/** Screen reader class **/
.sr-only {
  border: 0 !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  /* 1 */
  -webkit-clip-path: inset(50%) !important;
  clip-path: inset(50%) !important;
  /* 2 */
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  white-space: nowrap !important;
  /* 3 */
}

.hide {
  display: none !important;
}

/** Top nav **/
.et_pb_fullwidth_menu .et_pb_menu__menu>nav>ul>li {
  z-index: 0;
}

#main-content {
  position: relative;
  z-index: 0;
}

body #et-boc #main-content .et-l .et_pb_section {
  background-color: var(--noom-off-white);
}

.gfield_select {
  color: black;
}

/* Standard CTA - black text gold border */
.et_pb_button.et_pb_button_0.cta-styling-standard-cta.et_pb_bg_layout_dark {
  background: transparent !important;
  color: black !important;
  border: 1px solid var(--noom-gold) !important;
  font-family: var(--common-font-label) !important;
  text-transform: uppercase;
  font-weight: bold;
}


.et_pb_slide_description img.slider-logo {
  margin-top: 20px;
}

a.et-pb-arrow-prev,
a.et-pb-arrow-next {
  color: var(--noom-sand-1) !important;
  border: none !important;
}

.page #page-container h2.slider-quote-text {
  font-family: var(--common-font-serif) !important;
  color: #000000 !important;
  font-size: 52px;
  line-height: 64px;
  text-shadow: none;
}


.entry-content .et_pb_module.et_pb_text.press-post .et_pb_text_inner a {
  color: black !important;
  display: block !important;
}

/** Lists **/
footer .footer-menu ul {
  margin: 0;
  padding: 0 !important;
}

footer .footer-menu ul li {
  color: #fff;
  list-style-type: none;
  padding: 10px 0 0 0;
}

footer .footer-menu ul li a {
  text-transform: none;
}

footer .footer-legal ul.legal-links {
  padding-left: 0 !important;
}

footer .footer-legal ul.legal-links li {
  display: inline-block;
  list-style-type: none !important;
  padding-right: 5px;
}

footer .footer-legal .footer-legal ul.legal-links li {
  padding-right: 10px !important;
}

footer .footer-legal ul.legal-links li:after {
  content: '|';
  color: white !important;
  padding-left: 10px;
}

footer .footer-legal ul.legal-links li:last-child:after {
  content: '' !important;
}

/* HIDE THE NOOM LOGO ON THE TABLET IN THE FOOTER */
footer #footer-area-one .et_pb_column.et_pb_column_1_4.et_pb_column_0_tb_footer {
  display: none !important;
}

#main-content .entry-content ol,
#main-content .entry-content ul:not(.et_mobile_menu),
#main-content .et_pb_text ol,
#main-content .et_pb_text ul:not(.et_mobile_menu) {
  padding-top: 1em;
  padding-left: 2em;
}

/** Ignore the support menu lists **/
#main-content .entry-content p+ol,
#main-content .entry-content p+ul,
#main-content .et_pb_text p+ol,
#main-content .et_pb_text p+ul {
  padding-top: 0;
}

#main-content .entry-content ul:not([id^='menu-support']):not(.et_mobile_menu) li::marker,
#main-content .et_pb_text ul:not([id^='menu-support']):not(.et_mobile_menu) li::marker {
  font-size: .75em;
}

#main-content .et-l--body ul:not([id^='menu-support']):not(.et_mobile_menu) li ul {
  list-style: none;
  padding-bottom: 0;
}

#main-content .et-l--body ul:not([id^='menu-support']):not(.et_mobile_menu) li ul li::before {
  content: '\2013';
  position: absolute;
  margin-left: -15px;
}

/** The default Divi text shadow shown on the slide description **/
.et_pb_bg_layout_dark .et_pb_slide_description {
  text-shadow: none;
}

.post-meta,
h2.gform_submission_error,
.et_pb_slide_description .et_pb_slide_title {
  font-family: var(--common-font-label);
  font-weight: normal;
}

#page-container h2.gform_submission_error {
  padding-bottom: 0;
}

/** Slider Animation **/
/** Disabling animation of slider content **/
.et_pb_slide .et_pb_slide_description {
  opacity: 1 !important;
  animation: none !important;
}

/** Adding a linear-gradient overlay to Post sliders whith background images **/
.et_pb_fullwidth_post_slider.et_pb_post_slider_image_background .et_pb_slide:after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-image: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%) !important;
}

/** Hiding mobile menu on small breakpoints **/
@media (max-width: 980px) {

  .reverse, .col-reverse {
      display: flex;
      flex-direction: column-reverse;
  }

  .hide-mobile-menu.et_pb_menu .et_pb_menu__menu,
  .hide-mobile-menu.et_pb_fullwidth_menu .et_pb_menu__menu {
    display: flex !important;
  }

  .hide-mobile-menu .et_mobile_nav_menu {
    display: none !important;
  }

  .hide-mobile-menu .et_pb_menu__wrap {
    justify-content: center;
  }

  /** The blog nav column doesn't need any margins. Can't seem to set it using Divi **/
  .blog-nav-bar .blog-nav-column {
    margin-bottom: 0;
  }
}

/** Divi Fullwidth slider **/
#main-content .et_pb_fullwidth_post_slider .et-pb-slider-arrows a {
  font-size: 80px;
}

/** Inline links **/
#main-content a:not(.et-pb-arrow-prev):not(.et-pb-arrow-next):not(.jump-link):not(.et_pb_button):not(.noom-btn):not(.video_popup):not(.entry-featured-image-url):not(.et_pb_video_play):not(.noom-btn-secondary) {
  border-bottom: 2px solid var(--noom-sand-1);
  color: var(--noom-black);
}

/** No underline borders for menu links **/
#main-content nav.et-menu-nav a,
#main-content .et_mobile_menu a,
#main-content a.et_pb_video_play {
  border: none;
}

#main-content a.et_pb_video_play {
  color: white;
}

/** No border under image links **/
#main-content .et_pb_image a,
footer .et_pb_image a {
  border: none !important;
}

/** Link Exceptions which should not have the border underline **/
#main-content ul[id^='menu-support'] a:not(.et_pb_button),
#main-content .et_pb_fullwidth_post_slider a,
#main-content .et_pb_slider a,
#main-content a[class^="et-fb-"],
#main-content .et_pb_image_container a {
  border: none;
}

#main-content .et_pb_bg_layout_dark a {
  color: #fff;
}

/** Headline or Selling Links in sliders **/
#main-content .et_pb_fullwidth_post_slider a.et_pb_button,
#main-content .et_pb_slider a.et_pb_button {
  text-decoration: none;
  border-bottom: 2px solid var(--noom-tarocco) !important;
  border-width: 3px !important;
  border-radius: 0;
}

/** Off-White **/
#main-footer {
  background-color: var(--noom-blueberry) !important;
}

/** Creating the Label Style **/
#main-content h2.label,
#main-content .label *,
#main-content .h2-label h2 {
  line-height: 19.74px;
  letter-spacing: .0625em;
  font-size: 16px;
  text-transform: uppercase;
  font-family: var(--common-font-label) !important;
  font-weight: bold;
}

#main-content h2.label.et_pb_bg_layout_dark,
#main-content .label.et_pb_bg_layout_dark *,
#main-content .h2-label.et_pb_bg_layout_dark h2 {
  color: var(--noom-sand-1);
}

/** Title and Button styles in Full-width Slider Exceptions **/
#main-content .et_pb_fullwidth_post_slider h2 a {
  color: #fff !important;
}

#main-content .et_pb_fullwidth_post_slider a.et_pb_button,
#main-content .et_pb_slider a.et_pb_button {
  letter-spacing: 0;
  font-size: 16px;
  text-transform: none;
  font-size: 28px;
  font-family: var(--common-font-sans) !important;
  border: none !important;
  margin: 0;
  padding: 0 !important;
  color: #fff !important;
  border-bottom: 3px solid var(--noom-tarocco) !important;
}

/** Customized headers **/
#main-content div:not(.column-section) h2:not(.gform_submission_error) {
  margin-bottom: 15px
}

body:not(.single) #main-content div:not(.column-section) h2:not(.gform_submission_error)+h3 {
  margin-bottom: 45px
}

#main-content .column-section h2+h3,
#main-content .subhead p,
#main-content p.subhead {
  font-size: 24px;
  margin-bottom: 1em;
  margin-top: 2em;
  line-height: 1.5em;
  padding-bottom: 50px;
  padding-top: 15px;
}

#main-content .column-section h2+h3 {
  line-height: 1em;
}

#main-content .h2-label h2,
#main-content .label {
  font-size: 16px;
  letter-spacing: 2px
}

#main-content .h2-label h2+h3 {
  margin-bottom: .5em;
  margin-top: .25em;
}

#main-content .et_pb_blurb_container h2.et_pb_module_header {
  font-size: 1em;
  margin-bottom: 0;
}

#main-content .hero .link-underlinem,
#main-content .hero a:not(.noom-btn-secondary):not(.noom-btn):not(.video_popup) {
  padding: 0 !important;
  border: none;
  border-bottom: 2px solid var(--noom-tarocco);
}

#main-content .hero .link-underlinem:hover,
#main-content .hero a:not(.noom-btn-secondary):not(.noom-btn):not(.video_popup):hover {
  background-color: transparent;
}

/* START Removes potential space above H2s in blog posts & gives space in pages */
#main-content .et_pb_post_content p+h2:not(.gform_submission_error) {
  margin-top: 0;
}

body:not(.single) #main-content .et_pb_post_content p+h2:not(.gform_submission_error) {
  margin-top: 35px;
}

#main-content .et_pb_post_content p {
  padding-bottom: 1rem;
}

/* END Removes potential space above H2s in blog posts */

/* START Blog Tables */
.noom-blog-table table {
  margin: 0 0 25px 0;
}

.noom-blog-table table tr td,
.noom-blog-table table tr th {
  line-height: 1.25em;
  vertical-align: top;
  padding: 25px 10px;
}

.noom-blog-table table tr th {
  text-align: left;
  font-family: var(--common-font-serif);
  font-size: 1.4em;
}

.noom-blog-table table tr td,
.noom-blog-table table tbody tr th {
  border-bottom: 2px solid #ccc;
}

.noom-blog-table tr.check-mark td {
  text-align: center;
}

.noom-blog-table tr.check-mark td .fa-xmark {
  color: var(--noom-tarocco);
}

.noom-blog-table tr.check-mark td .fa-check {
  color: var(--noom-blueberry);
  font-size: 1.25em;
}

/* END Blog Tables */

/* START Custom CTA Button */
body #page-container .et_pb_button.et_pb_more_button.et_pb_button_one,
body #page-container .et_pb_button.et_pb_promo_button {
  border-width: 2px !important;
  border-color: var(--noom-tarocco);
  color: #fff;
  padding: .3em 2em !important;
  font-family: var(--common-font-label);
  font-weight: bold;
  font-size: 1.25rem !important;
  text-transform: uppercase;
}

/* END Custom CTA Button */


#page-container #et-boc header #top-nav nav ul[id^="menu-main"] li.menu-item.menu_cta a,
#page-container #et-boc header #top-nav .et_mobile_nav_menu ul.et_mobile_menu li.menu-item.menu_cta a {
  color: #fff !important;
  background-color: var(--noom-cinnamon) !important;
}

#page-container #et-boc header #top-nav .et_mobile_nav_menu ul.et_mobile_menu li.menu-item.menu_cta a:hover {
  background-color: var(--noom-cinnamon) !important;
  opacity: 1;
}


.et-db #et-boc .et-l .et_pb_tab {
  padding: 0 !important;
}

/** START: Collapsing Search box **/
.search-bar.collapsed input {
  width: 0;
  background-position: 10px;
  border: none !important;
}
/** END: Collapsing Search box **/

/* Tabs - END */
/* Support Search - START */
.search-bar .search,
.searchwp-form .swp-input,
.blog-search-bar form input[type=text] {
  background: url(/wp-content/themes/Divi-child/images/search-regular.svg) no-repeat 95%;
  background-size: 21px;
  background-color: var(--noom-off-white);
  border: 1px solid var(--noom-gold) !important;
  color: var(--noom-black) !important;
  border-radius: 122px !important;
  width: 100%;
  padding: 12px 20px;
  font-size: 1rem;
  float: right;
}

.search-bar .search::placeholder {
  color: var(--noom-sand-1);
}


.searchwp-live-search-results {
  background-color: var(--white) !important;
  padding: 10px 20px;
}

.searchwp-live-search-result p {
  padding: 25px;
  margin: 0;
  border-bottom: none;
}

.searchwp-live-search-result a {
  font-size: 1rem !important;
  color: black !important;
}

.searchwp-live-search-result a:hover {
  color: var(--noom-gold) !important;
}

.searchwp-live-search-results-showing {
  padding: 0 0 30px 0 !important;
}

.search.search-no-results .et_pb_ajax_pagination_container p {
  color: #000 !important;
}

/* Support Search - END */
/* Related Questions Module Start */
.related-questions .title {
  color: #000 !important;
  font-family: var(--common-font-label) !important;
  font-weight: bold;
  font-size: 14px;
  letter-spacing: 1px;
  text-transform: uppercase !important;
  padding: 0 !important;
  border: none !important;
  margin-bottom: 33px !important;
}

.related-questions .et_pb_tabs_controls li {
  width: 49% !important;
  margin: 0 !important;
  display: inline-block !important;
}

.et-db #et-boc .et-l .related-questions .et_pb_tabs_controls li a {
  color: var(--noom-gold) !important;
}

.related-questions .et_pb_tab_content ul {
  padding: 0 !important;
  list-style: none !important;
}

#main-content .related-questions .et_pb_tab_content ul li {
  border-bottom: 1px solid var(--noom-gold);
  padding: 20px 0 20px 0;
  background: url(/wp-content/themes/Divi-child/images/right-angle-arrow.png) no-repeat right;
  background-size: 8px;
  margin-bottom: 0 !important;
}

#main-content .related-questions .et_pb_tab_content ul li a {
  font-size: 1rem;
  border: none;
  color: var(--noom-black);
}

#main-content .related-questions .et_pb_tab_content ul li a:hover {
  border-bottom: 2px solid var(--noom-sand-1);
}

.et-db #et-boc .et-l .et_pb_all_tabs,
.related-questions .et_pb_all_tabs {
  background-color: transparent !important;
}

.related-questions .et_pb_tabs {
  border: none !important;
}

.related-questions ul.et_pb_tabs_controls {
  background-color: transparent !important;
}

.related-questions ul.et_pb_tabs_controls li {
  border: none !important;
  margin-bottom: 0 !important;
  opacity: 0.444;
}

.related-questions ul.et_pb_tabs_controls li.et_pb_tab_active {
  opacity: 1;
}

.et-db #et-boc .et-l .et_pb_tabs_0_tb_body .et_pb_tabs_controls li {
  margin-bottom: 30px ​ !important;
}

/* Related Questions Module End */

.et-db #et-boc .et-l .et_pb_code_0_tb_body {
  width: auto !important;
}

/** Divi Blog Module (grid layout) **/
#main-content .et_pb_blog_grid .et_pb_post {
  padding: 15px;
  margin-bottom: 30px;
}

#main-content .et_pb_blog_grid .et_pb_image_container img {
  object-fit: cover;
}

#main-content .et_pb_blog_grid .et_pb_image_container,
#main-content .et_pb_post .entry-featured-image-url {
  margin-bottom: 0;
}

#main-content .et_pb_blog_grid .et_pb_post h2.entry-title {
  padding-bottom: 0;
  padding-top: 0;
  margin-bottom: 0;
}

#main-content .et_pb_blog_grid .et_pb_post h2.entry-title a,
#main-content .et_pb_fullwidth_post_slider h2.et_pb_slide_title a,
#main-content .et_pb_fullwidth_post_slider .et-pb-slider-arrows a {
  border: none;
}

@media (min-width:980px) {

  /** Widen the sub-menu width of the header on tablet/desktops **/
  header .et-menu li:not(.mega-menu) ul, #top-menu li:not(.mega-menu) ul{width: 260px !important;}

  /** Removing the hover effect of the CTA in the top nav **/
  #page-container header ul#menu-main li.menu_cta:hover>a {
    color: #fff !important;
  }

  /* FOOTER */

  /* REVEAL THE NOOM LOGO ON THE DESKTOP VIEW IN THE FOOTER */
  footer #footer-area-one .et_pb_column.et_pb_column_1_4.et_pb_column_0_tb_footer {
    display: block !important;
  }


  #main-content .h2-label h3 {
    font-size: 64px;
  }

  .search-bar .search {
    width: 496px;
  }

  #main-content .column-section h2:not(.gform_submission_error) {
    font-size: 32px;
    margin-bottom: 25px;
  }

  /** Custom Divi Blog Grid Module **/
  #main-content .et_pb_blog_grid .et_pb_post {
    height: 400px;
    padding: 15px;
    margin-bottom: 30px;
    overflow: hidden;
  }

  #main-content .et_pb_blog_grid .et_pb_post h2.entry-title {
    padding-bottom: 0;
    padding-top: 0;
    margin-bottom: 0;
  }

  #main-content .et_pb_blog_grid .et_pb_image_container {
    margin: -15px -15px 0;
    max-height: 250px;
    overflow: hidden;
  }

  #main-content .et_pb_blog_grid .et_pb_image_container img {
    object-fit: cover;
    max-height: 250px;
  }

  /** Div (Desktop) Header CTA button **/
  .menu_cta a {
    color: #fff !important;
    border-radius: 5px;
    padding: 0px 25px 0 25px !important;
    background-color: var(--noom-cinnamon);
    height: 40px;
    margin-top: 15px;
    margin-right: 0 !important;
  }

  .menu_cta a:hover {
    color: #fff !important;
  }

  .et_pb_fullwidth_menu--with-logo .et_pb_menu__menu>nav>ul>li>a {
    padding: 30px 0;
  }
}

/** Footer - START **/
/** Special Footer backgrounds **/
.page-careers footer .et_pb_section {
  background-color: var(--noom-plum) !important;
}

.page-coaching footer .et_pb_section {
  background-color: var(--noom-cherry) !important;
}

.page-healthy-mind footer .et_pb_section {
  background-color: var(--noom-blueberry) !important;
}

.page-healthy-weight footer .et_pb_section {
  background-color: var(--noom-pine) !important;
}

.page-engineering footer .et_pb_section {
  background-color: var(--noom-pine) !important;
}

/** Footer - END **/

/** Header - START **/
.et_pb_fullwidth_menu_0_tb_header.et_pb_fullwidth_menu .et-menu-nav li a {
  margin-right: 15px !important;
}

/** Fix a Divi bug where all the sub-menu items inherit the text alignment of their parents **/
header .nav ul.sub-menu .menu-item a {
  text-align: left !important;
}

header .nav .menu-item a {
  font-family: var(--common-font-label);
}

/** Header - END **/

/** Urgent Status Bar - START **/
.status-bar {
  display: none;
}

body.has-status-bar .status-bar {
  display: block;
  z-index: 10000;
  width: 100%;
}

/* body.has-status-bar header .et_pb_section:nth-child(2) { margin-top: 55px; } */

body.has-status-bar .site.no-header {
  padding-top: 55px;
}

body.has-status-bar .site.no-header .site-header {
  display: block !important;
}

body.has-status-bar .site.no-header .site-header .site-header-content {
  display: none !important;
}

@media screen and (max-width: 767px) {
  body.has-status-bar header .et_pb_section:nth-child(2) {
    margin-top: 0
  }

  body.has-status-bar .site-header .site-header-content {
    padding: 9px 20px 0 20px;
  }

  body.has-status-bar .site-header {
    height: 115px;
  }

  body.has-status-bar .site.no-header .site-header {
    height: 55px;
  }

  body.has-status-bar .site-header .status-bar {
    line-height: 24px !important;
  }

  body.has-status-bar .site {
    padding-top: 115px;
  }

  body.has-status-bar .site.no-header {
    padding-top: 55px;
  }
}

/** Urgent Status Bar - END **/


/** BLOG - START **/
/** Add a default fallback image to the blog grid view for posts that don't have a featured image */
.et_pb_blog_grid .et_pb_no_thumb .entry-title:before {
  content: " ";
  width: 100%;
  height: 220px;
  margin-bottom: 15px;
  position: relative;
  top: 0;
  left: 0;
  display: block;
  z-index: -1;
  background-color: var(--noom-gold);
  background: var(--noom-gold) center/25% no-repeat url("/wp-content/uploads/2021/05/Noom_Wordmark_White-300x67.png");
}

/** Reduce the font-size of the blog titles on the search result page and increase the size of the blog cards **/
body.search-results .et_pb_blog_grid h2.entry-title {
  font-size: 20px !important;
  line-height: 1.25;
}

body.search-results #main-content .et_pb_blog_grid .et_pb_post {
  height: 450px;
}

/** BLOG - END **/


/* Noom Blog Callout - Start */

.noom-blog-callout {
  border: 2px solid #ccc;
  background-color: #fff3d2;
  padding: 20px;
  margin: 55px 0;
  border-radius: 2px;
}

/* Noom Blog Callout - End */

.wp-block-table.is-style-stripes tbody tr {
  background-color: transparent;
}

.wp-block-table.is-style-stripes tbody tr:nth-child(2n+1) {
  background-color: #fff
}

.wp-block-table.is-style-stripes td,
.wp-block-table.is-style-stripes th {
  padding: 5px;
}

#main-content .et_password_protected_form {
  padding: 50px;
}

/* END - Blog Post WP Block Editor */



/** START - Supportive Partner Course **/
body.primary-parent-partner-course,
body.primary-parent-partner-course #main-content {
  background-color: #fff !important;
}

body.primary-parent-partner-course #main-content {
  padding-top: 25px;
}

body.page-partner-course .et_pb_icon_wrap {
  display: none;
}

body.primary-parent-partner-course #main-content h2 {
  font-size: 1.5em;
}

body.primary-parent-partner-course #main-content h3,
body.primary-parent-partner-course #main-content h4 {
  font-size: 1.25em;
}

/** END - Supportive Partner Course **/

/** START - No Blog Search-result copy **/
.search.search-no-results .et_pb_ajax_pagination_container p {
  color: #000 !important;
}

/** END - No Blog Search-result copy **/

/** START - Override Divi CTA Module button customization **/
body .et_pb_button.et_pb_promo_button,
body .et_pb_button.et_pb_more_button.et_pb_button_one {
  text-transform: none;
}

/** END - Override Divi CTA Module button customization **/

/** Support/Known Issues - END **/

/** Noom Reviews  - START **/
/** Custom blockquotes for /reviews page **/
body.page-reviews blockquote,
body.page-reviews-and-success-stories blockquote {
  border: none;
  padding: 0;
}

body.page-reviews blockquote cite,
body.page-reviews-and-success-stories blockquote cite {
  text-transform: uppercase;
  font-style: normal;
  font-family: var(--common-font-label);
  margin-top: 20px;
  display: block;
  letter-spacing: 1px;
  font-weight: bold;
}

/** Noom Reviews - END **/

/** START: Sticky Top CTA **/
body.admin-bar:not(.mobile-view) #sticky-cta {
  margin-top: 30px;
}

/* Account for the admin-bar when showing the sticky CTA banner */
#sticky-cta {
  font-size: 1.5rem;
  color: #fff;
  font-weight: normal;
  font-family: var(--common-font-serif);
}

#sticky-cta a {
  color: var(--noom-sand-1);
  border-bottom: 2px solid var(--noom-sand-1);
}

#sticky-cta a.et_pb_button {
  border-radius: 6px;
  border: transparent;
  background-color: var(--noom-tarocco);
  font-size: 1rem;
  display: inline-block;
  margin: 0 50px;
  text-transform: uppercase;
  letter-spacing: 1px;
}

#sticky-cta a.et_pb_button.outline {
  background-color: transparent;
  border: 1px solid var(--noom-tarocco);
  color: var(--noom-tarocco);
}

#sticky-cta a.et_pb_button.outline:hover {
  background-color: var(--noom-tarocco);
  color: #fff;
}

#sticky-cta a.et_pb_button.outline.light {
  background-color: transparent;
  border: 1px solid #fff !important;
  color: #fff;
  font-family: var(--common-font-label);
  padding: 5px 60px !important;
}

#sticky-cta a.et_pb_button.outline.light:hover {
  background-color: #fff;
  color: #333;
}

#sticky-cta.sticky-cta-custom {
  top: -100px;
  z-index: 1000 !important;
  position: fixed !important;
  width: 100% !important;
  box-shadow: rgba(0, 0, 0, 0.09804) 0px 2px 4px;
}

/** END: Sticky Top CTA **/


/** START: Fix WPML top nav menu to fit 2-letter locale titles **/
header .nav .wpml-ls-item .sub-menu .menu-item,
header .nav .wpml-ls-item .sub-menu .menu-item a {
 display: block;
}
header .nav .wpml-ls-item .sub-menu {
  width: 100px !important;
}
/** END: Fix WPML top nav menu to fit 2-letter locale titles **/

/** START: Wider Top nav sub-menus to fit German translations **/
header .nav li ul {
  width: 280px
}

header .et-menu li li a,
header .nav li li {
  width: 100%;
}

/** END: Wider Top nav sub-menus to fit German translations **/

body:not(.single) #main-content div:not(.column-section) h2:not(.gform_submission_error)+h3 {
  margin-bottom: 45px
}

body.single #main-content .et_pb_post_content p+h2:not(.gform_submission_error) {
  margin-top: 0;
}

body:not(.single) #main-content .et_pb_post_content p+h2:not(.gform_submission_error) {
  margin-top: 35px;
}


/** START Divi Engine Blog Grid Layout **/
#main-content .divi-machine-blog h2.dmach-post-title {
  margin: 0;
  padding: 0 0 15px 0;
  line-height: 1.25;
}

#main-content .divi-filter-pagination ul.page-numbers li {
  border: none;
  padding-right: 5px;
}

#main-content .divi-filter-pagination ul.page-numbers li span.current,
#main-content .divi-filter-pagination ul.page-numbers li span.page-numbers.dots {
  background-color: var(--noom-cinnamon);
  color: #fff;
  border-bottom: 2px solid var(--noom-cinnamon);
  text-align: center;
  border-radius: 5px;
  min-width: 30px;
}

#main-content .divi-machine-blog .et_pb_de_mach_thumbnail img {
  object-fit: cover;
  max-height: 250px;
  height: 250px;
  width: 100%;
}

/** END Divi Engine Blog Grid Layout **/

.hero h2:not(.gform_submission_error) {
  overflow-wrap: initial;
}

/** Sticky CTA is too big on mobile **/
@media screen and (max-width: 767px) {
  header #sticky-cta {
    font-size: 1rem;
  }

  header #sticky-cta a {
    margin-top: 10px !important;
    font-size: .75em !important;
  }
}

/** START: Noom For Work Patches **/


/** END: Fix Top nav CTA Hover color for all languages **/

/* SUPPORT - Accordions  */
.et_pb_accordion_item p {
  line-height: 1.8em !important;
}

/** The 3-dot Divi slider controllers **/
.page #page-container .et-pb-controllers {
  bottom: -20px !important;
}

#main-content .divi-machine-slider ul.slick-dots {
  bottom: 20px !important;
  padding-left: 0em !important;
}

#main-content .divi-machine-slider .slick-slide a {
  border-bottom: none !important;
}

#main-content .divi-machine-slider .slick-slide img {
  display: inline !important;
  border-bottom: none !important;
}

#main-content .divi-machine-slider .slick-slide img {
  display: inline !important;
  border-bottom: none !important;
}

#main-content .dmach_carousel_container .slick-next::before,
#main-content .dmach_carousel_container .slick-prev::before {
  text-shadow: none !important;
}

#main-content .divi-machine-slider .dmach_carousel_container button.slick-prev {
  left: -10px !important;
}

#main-content .divi-machine-slider .dmach_carousel_container button.slick-next {
  right: -10px !important;
}

#main-content .dmach_carousel_container .slick-next {
  right: -25px !important;
}

#main-content .dmach_carousel_container .slick-prev {
  left: -25px !important;
}


@media (min-width:767px) {
  #main-content .divi-machine-slider .dmach_carousel_container button.slick-prev {
    left: 30px !important;
  }

  #main-content .divi-machine-slider .dmach_carousel_container button.slick-next {
    right: 30px !important;
  }

  #main-content .dmach_carousel_container .slick-next {
    right: -50px !important;
  }

  #main-content .dmach_carousel_container .slick-prev {
    left: -50px !important;
  }
}

/** START: Fixing broken CSS after latest DIVI update **/
/** Remove these once we decide that we shouldn't be using COPY on top of hero images for WCAG compliance **/
.primary-parent-blog .et_pb_slides .et_pb_button,
.archive.category .et_pb_slides .et_pb_button,
.page-blog .et_pb_slides .et_pb_button {
  background-color: transparent !important;
  padding: 0px !important;
}

body #page-container .et_pb_button.et_pb_promo_button {
  background-color: var(--noom-tarocco);
}

/** END: Fixing broken CSS after latest DIVI update **/

/** START: Custom font exceptions **/
/** See: https://noomhq.atlassian.net/browse/GT-3261 **/
header ul#menu-main li a,
h1.et_pb_module_header {
  font-weight: bold;
}

h2.et_pb_module_header {
  font-family: var(--common-font-serif);
  font-weight: normal;
  font-style: normal;
}

/** END: Custom font exceptions **/

/** START: Author Archive Page */
.author-blog-posts article.et_pb_post {
  height: auto;
  padding: 25px 0;
  min-height: 550px;
}

.author-blog-posts h2.entry-title {
  font-weight: 700 !important;
  width: 100%;
  font-size: 1.5rem;
}

.author-blog-posts .et_pb_image_container {
  margin-bottom: 25px !important;
}

.author-blog-posts .post-content .post-content-inner p {
  display: block;
  margin-bottom: 10px !important;
  line-height: 1.35;
}

/** END: Author Archive Page */

/** START: CSF v4 **/
.gf-csf-help-blurb,
.gf-csf-help-blurb-success {
  position: relative;
  display: block;
  background-color: var(--noom-sand-2);
  padding: 20px;
  border-left: 60px solid var(--noom-gold);
}

.gf-csf-help-blurb-success {
  background-color: var(--noom-mint);
  border-left: 60px solid var(--noom-kale);
}

.gf-csf-help-blurb::before,
.gf-csf-help-blurb-success::before {
  content: "\f05a";
  position: absolute;
  left: -40px;
  color: #fff;
  font-size: 1.5rem;
  top: 32px;
  font-family: var(--common-font-icons);
}

.gf-csf-help-blurb-success::before {
  content: "\f00c";
  top: 20px;
}


.et-db #et-boc .et-l .et_pb_text_0.et_pb_text .gf-csf-help-blurb a {
  color: var(--noom-lagoon) !important;
  border-color: var(--noom-lagoon);
}

/** END: CSF v4 **/

/** START: WCAG - Footer headers **/
footer #footer-area-one h2 {
  font-family: var(--common-font-label);
  line-height: 1em;
  padding: 0 0 10px 0;
}

/** END: WCAG - Footer headers **/

/** START: Blog Category Slider **/
.archive.category .et_pb_slide_description h2.et_pb_slide_title,
.page-blog .et_pb_slide_description h2.et_pb_slide_title {
  font-family: var(--common-font-serif);
  font-weight: normal;
}

#main-content .et_pb_fullwidth_post_slider .et-pb-slider-arrows a {
  font-size: 3rem;
}

/** END: Blog Category Slider **/

/** START: Blog Menu **/
#menu-blog .menu-item a {
  font-family: var(--common-font-label);
  text-transform: uppercase;
  font-size: 1rem;
  border-bottom: 2px solid var(--noom-cinnamon) !important;
}

#menu-blog .menu-item a,
#menu-blog {
  padding: 0 !important;
}

#menu-blog {
  padding-top: 10px !important;
  position: relative;
}

#menu-blog .menu-item:not(:last-child):after {
  content: "|";
  position: absolute;
  top: 0;
  right: 0;
  color: var(--noom-sand-1);
}

.search-bar .search {
  width: 100%;
}

/** END: Blog Menu **/

/** START: Blog Table 80% width adjustment **/
/** See: https://noomhq.atlassian.net/browse/GT-3338 **/
body.single-post figure.noom-blog-table {
  overflow-x: auto;
  margin-left: calc(-80vw / 2 + 100% / 2);
  margin-right: calc(-80vw / 2 + 100% / 2);
}

/** END: Blog Table 80% width adjustment **/

body.single-support-post figure.noom-blog-table table,
body.page figure.noom-blog-table table {
  width: 100%;
}

#main-content .et_pb_section:not(.hero) div:not(.column-section) h2:not(.gform_submission_error),
.hero h2 {
  font-family: var(--common-font-serif);
}

#main-content .et_pb_section:not(.hero) div:not(.column-section) h2:not(.gform_submission_error) {
  margin-bottom: inherit;
}

/** END: Baseline H2 styleing site-wide **/

/** Float the top nav on pages that have a hero banner/slider (desktop/tablet) **/

/** START: Style the Header SVG logo **/
header .et_pb_menu__logo {
  margin: 0 !important;
}
/** END: Style the Header SVG logo **/

body:not(.mobile-view) .hero-page { margin-top: -75px !important;  }

/** START: WCAG fix for the top nav menu items on top of hero banners. **/
body.has-hero .hero:not(.et_pb_with_background) { background-color: var(--noom-black) !important; }
/** END: WCAG fix for the top nav menu items on top of hero banners. **/

/** START: Top Nav mobile menu bar **/
body.tablet-view header #top-nav .mobile_menu_bar::before, 
body.mobile-view header #top-nav .mobile_menu_bar::before { color: var(--noom-black); }
body.has-hero.mobile-view header #top-nav .mobile_menu_bar::before, 
body.has-hero.tablet-view header #top-nav .mobile_menu_bar::before { color: #fff; }
/** END: Top Nav mobile menu bar **/


/** START: Noom Guide Navigation **/
.noom-guide-navigation .article_nav_container {
  min-width: 350px;
  margin-top: 25px;
  position: relative;
  border: 1px solid var(--noom-sand-1);
  padding: 25px 45px;
}

.noom-guide-navigation .article_nav_title {
  font-size: 1.25em;
  font-weight: 500;
  border-bottom: 2px solid var(--noom-sand-1);
}

.noom-guide-navigation .article_nav_next {
  text-align: right;
}

.noom-guide-menu {
  width: 100%;
}

@media (min-width: 980px) {
  .noom-guide-menu {
    transition: all .5s ease-in-out;
  }

  .noom-guide-navigation .article_nav_previous {
    float: left;
  }

  .noom-guide-navigation .article_nav_next {
    float: right;
  }

  .noom-guide-menu.fixed {
    position: absolute;
    top: 0;
  }
}

.noom-guide-navigation .article_nav_container.article_nav_previous:before {
  content: "\f104";
  position: absolute;
  left: 15px;
  font-size: 1.5rem;
  top: 32px;
  font-family: var(--common-font-icons);
}

.noom-guide-navigation .article_nav_container.article_nav_next:after {
  content: "\f105";
  position: absolute;
  right: 15px;
  font-size: 1.5rem;
  top: 32px;
  font-family: var(--common-font-icons);
}

#main-content .noom-guide-menu ul li ul::before {
  content: "" !important;
}

#main-content .noom-guide-menu ul li ul li.current-menu-item {
  background-color: var(--noom-sand-1) !important;
}

#main-content .noom-guide-menu ul li ul li a {
  border: none !important;
}

.category #main-content #noom-guide-container .et_pb_de_mach_content ul,
.category #main-content #noom-guide-container .et_pb_de_mach_content ol,
.category #main-content #noom-guide-container .et_pb_de_mach_content ul,
.category #main-content #noom-guide-container .et_pb_de_mach_content ol {
  list-style-position: outside;
  padding: 0 0 23px 2em !important;
}

/** END: Noom Guide Navigation **/

#main-content .noom-btn-light,
footer .noom-btn-light {
  background-color: var(--noom-conch) !important;
  color: var(--noom-black) !important;
}

#main-content .noom-btn-outline,
footer .noom-btn-outline {
  background-color: transparent !important;
  border: 2px solid #fff !important;
}

#main-content .noom-btn-outline-dark,
footer .noom-btn-outline-dark {
  background-color: transparent !important;
  border: 2px solid var(--noom-black) !important;
  color: var(--noom-black) !important;
}

#main-content .noom-btn-block,
footer .noom-btn-block {
  width: 100%;
  min-width: 100%;
  display: block;
}

#main-content .noom-btn-outline:hover,
footer .noom-btn-outline:hover {
  background-color: #fff !important;
  color: var(--noom-black) !important;
}

/** START: Noom button class stack **/
#main-content .noom-btn,
footer .noom-btn {
  border: 2px solid var(--noom-cinnamon);
  border-radius: 6px !important;
  background-color: transparent;
  padding: .5em 2em !important;
  display: inline-block;
  color: var(--noom-cinnamon);
  text-transform: uppercase;
  letter-spacing: 1px;
  font-family: var(--common-font-label);
  font-weight: bold !important;
  font-size: 1em !important;
  line-height: 1.5em;
  text-align: center;
  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

#main-content .noom-btn-primary:hover {
  cursor: pointer;
}

#main-content .noom-btn-primary,
footer .noom-btn-primary {
  background-color: var(--noom-cinnamon) !important;
  color: #fff !important;
}

#main-content .hero .noom-btn {
  margin-top: 20px;
}

#main-content .hero .noom-btn-link {
  background-color: transparent;
  border: none;
  margin-top: 20px;
  padding: .5em 0;
  border-radius: 0;
  font-size: 1.25em;
  border-bottom: 3px solid var(--noom-tarocco);
  /* border: 2px solid transparent !important; */
}

#main-content .noom-btn-link {
  background: none;
	color: inherit;
	border: none;
	padding: 0;
	font: inherit;
	cursor: pointer;
	outline: inherit;
}

#main-content .hero .noom-btn.noom-btn-primary { font-size: 1rem; }

/** START: All H1s in a hero must use the BrownLLWeb font **/
.hero .et_pb_fullwidth_header h1 { 
	text-transform: uppercase;
	font-size: 16px;
	letter-spacing: 2px;
	line-height: 19.74px;
	font-family: var(--common-font-label) !important; 
}
/** END: All H1s in a hero must use the BrownLLWeb font **/

/** Space Noom buttons that are used inline **/
#main-content .noom-btn:not(:first-of-type):not(.noom-btn-block),
footer .noom-btn:not(:first-of-type):not(.noom-btn-block) {
  margin-left: 20px;
}

/** END: Noom button class stack **/


/** START: Hero subheader font-style **/
/** Without this, there's a chance the inline font-family saved in the database prior to removing the Untitled fonts would disappear when the hero section is changed. **/
.hero .et_pb_fullwidth_header_subhead {
  font-family: var(--common-font-serif);
}

/** END: Hero subheader font-style **/

/** START: Fix the top nav menu item colors **/
body.has-hero header .et_pb_section--with-menu {
  border-bottom-color: #fff;
}

body.has-hero #et-boc header ul[id^="menu-main"]:not(.wpb_category_n_menu_accordion_list) .menu-item a {
  color: #fff;
}

body.has-hero #et-boc header ul[id^="menu-main"]:not(.wpb_category_n_menu_accordion_list) .sub-menu .menu-item a {
  color: var(--noom-black);
}

body:not(.has-hero) #et-boc header ul[id^="menu-main"]:not(.wpb_category_n_menu_accordion_list) .menu-item:not(.menu_cta) a {
  color: var(--noom-black);
}

body #et-boc header ul[id^="menu-main"]:not(.wpb_category_n_menu_accordion_list) .menu-item.current-menu-item a,
body #et-boc header ul[id^="menu-main"]:not(.wpb_category_n_menu_accordion_list) .menu-item:not(.menu_cta) a:hover {
  text-decoration: underline !important;
}

body #et-boc header ul[id^="menu-main"]:not(.wpb_category_n_menu_accordion_list) .sub-menu .menu-item a:hover {
  text-decoration: none !important;
}

/** END: Fix the top nav menu item colors **/

/** Helper clases **/
.font-serif {
  font-family: var(--common-font-serif) !important;
  font-weight: normal;
  font-style: normal;
  text-transform: none;
}

.font-sans {
  font-family: var(--common-font-sans) !important;
  font-weight: normal;
  font-style: normal;
  text-transform: none;
}

.font-label {
  font-family: var(--common-font-label) !important;
  font-size: 1em;
  font-weight: bold;
  font-style: normal;
  text-transform: none;
  letter-spacing: 1px;
  text-transform: uppercase;
}


/* blog menu & date contrast for WCAG */
body.category-blog #menu-search-row .et_pb_menu_0_tb_body.et_pb_menu ul#menu-blog li a,
body.category-blog .et_pb_module .dmach-postmeta-value span {
    color: var(--noom-cinnamon) !important;
}

body.category-blog ul.page-numbers li span.page-numbers,
body.category-blog ul.page-numbers li span.page-numbers.current {
    background-color: var(--noom-cinnamon) !important;
    border-bottom: 2px solid var(--noom-cinnamon) !important;
}

body.category-blog ul.page-numbers li a,
body.category-blog ul.page-numbers li span {
    border-bottom: 2px solid var(--noom-cinnamon) !important;
}

/* border hover contrast for WCAG*/
body.category-blog #blog-archive-loop .et_pb_with_border.et_pb_section.et_section_regular:hover {
    border: 1px solid var(--noom-cinnamon) !important;
}

/** START: Noom B2B Lists with custom diamond bullets **/
#main-content ul.green-check,
#main-content ul.noom-b2b,
body.single-b2b_resource #main-content .et_pb_de_mach_content ul,
body.single-post #main-content ul {
  padding-left: 0 !important;
  position: relative;
  list-style-type: none !important;
  list-style: none !important;
  margin-left: 25px;
}

#main-content ul.green-check li::before,
#main-content ul.noom-b2b li::before,
body.single-b2b_resource #main-content .et_pb_de_mach_content ul li::before,
body.single-post #main-content ul li::before {
    content: '';
    display: inline-block;
    height: 15px;
    width: 15px;
    background-size: cover;
    background-image: url("/wp-content/themes/Divi-child/images/noom-diamond.png");
    background-repeat: no-repeat;
    background-position: center center;
    vertical-align: middle;
  margin-top: 5px;
  position: absolute;
  left: -25px;
}

#main-content ul.green-check li::before {
    background-image: url("/wp-content/themes/Divi-child/images/noom-green-check.svg");
}


#main-content ul.green-checkli ul::before,
#main-content ul.noom-b2b li ul::before,
body.single-b2b_resource #main-content ul li ul::before,
body.single-post #main-content ul li ul::before {
  content: '' !important;
  position: relative !important;
  margin-left: 0 !important;
}

#main-content div > ul.green-check> li > ul > li:last-child,
#main-content div > ul.noom-b2b > li > ul > li:last-child,
body.single-b2b_resource #main-content div > ul > li > ul > li:last-child,
body.single-post #main-content div > ul > li > ul > li:last-child { padding-bottom: 25px !important; }

#main-content ul.green-check li,
#main-content ul.noom-b2b li,
body.single-b2b_resource #main-content .et_pb_de_mach_content ul li,
body.single-post #main-content ul li {
  position: relative;
}

/** START: Noom Unordered list top padding adjustment after a paragraph **/
#main-content p+ul.noom-b2b, #main-content p+ul.green-check {
  padding-top: 0 !important;
}
/** END: Noom Unordered list top padding adjustment after a paragraph **/

/** END: Noom B2B Lists with custom diamond bullets **/


/** START: B2B Content Image aspect ratio **/
/** 1:1 aspect ratio thumbnails **/
body.tax-b2b-content-type img.featured-image {
    border-radius: 6px;
}

body.single-b2b_resource #has-summary .et_pb_de_mach_thumbnail .et_pb_module_inner,
body.single-b2b_resource .divi-filter-archive-loop .et_pb_de_mach_thumbnail .et_pb_module_inner,
body.page-blog.parent-b2b-resources-lp .divi-filter-archive-loop .et_pb_de_mach_thumbnail .et_pb_module_inner,
body.page-blog.parent-b2b-resources-lp .et_pb_de_mach_thumbnail img.featured-image {
    aspect-ratio: 1/1;
}

body.single-b2b_resource .et_pb_de_mach_thumbnail img.featured-image,
body.page-blog.parent-b2b-resources-lp .et_pb_de_mach_thumbnail img.featured-image {
    object-fit: cover;
    object-position: center;
    height: 100% !important;
    border-radius: 15px;
}

/** Background of B2B Single Posts **/
body.single-b2b_resource,
body.single-b2b_resource #et-boc #main-content {
    background-color: #fff !important;
}

/** START: B2B Content Hub meta attributes **/
#main-content .noom_fields {
    font-size: 1rem;
}

#main-content .noom_fields ul {
    display: block;
    margin-bottom: 10px;
    padding: 0 !important;
}

#main-content .noom_field_b2b_resource_webinar_date,
#main-content .noom_field_b2b_resource_webinar_date.webinar_time,
#main-content .noom_field_b2b_resource_reading_time {
  font-family: var(--common-font-sans);
	letter-spacing: 1px;
}

#main-content .noom_field_b2b_resource_webinar_date.webinar_time {
  color: #606060;
}

@media (min-width:980px) {

    #main-content #no-summary .noom_fields ul:not(first-of-type):after {
        border-right: 1px solid #D3C9B4;
        display: inline;
        content: "";
        width: 1px;
        color: #D3C9B4;
        margin: 0 20px;
    }

    #main-content #no-summary .noom_fields ul {
        display: inline-block;
    }


}

#main-content .noom_fields ul li {
    line-height: 1;
    display: inline-block;
    text-transform: uppercase;
    font-family: var(--common-font-label);
}

#main-content .noom_fields .noom_field_post_date {
    text-transform: uppercase;
    color: #606060;
}



#main-content .noom_fields ul li:nth-of-type(n+2)::before,
#main-content .noom_fields div:nth-of-type(n+2)::before {
    background-image: url("/wp-content/themes/Divi-child/images/noom-diamond.png");
    background-size: 8px auto;
    width: 20px;
    height: 20px;
    display: inline-block;
    content: "";
    background-repeat: no-repeat;
    margin-bottom: -12px;
    margin-left: 10px;
    margin-right: 3px;
}

#main-content .noom-author {
    font-family: var(--common-font-serif);
    font-size: 16px;
    line-height: 18px;
    color: var(--noom-blueberry);
}
/** END: B2B Content Hub meta attributes **/


/** START: B2B Resource Category listing using noom_getTerms shortcode **/
#main-content .b2b_resource-terms ul {
    list-style-type: none;
    padding: 0 !important;
    display: inline-block;
}

#main-content .b2b_resource-terms ul li,
#main-content .b2b_resource-terms div.b2b_resource-term  {
    line-height: 1;
    display: inline-block;
    text-transform: uppercase;
    font-family: var(--common-font-label);
}

#main-content .b2b_resource-terms ul li:first-of-type,
#main-content .b2b_resource-terms div.b2b_resource-term:first-of-type {
    border: 1px solid #000;
    padding: 5px 10px;
    border-radius: 5px;
}

/** END: B2B Resource Category listing using noom_getTerms shortcode **/





/** START: B2B Resource Single Post Page **/
body.single-b2b_resource #et-boc #main-content .et-l .et_pb_section {
    background-color: transparent;
}

body.single-b2b_resource header {
    background-color: var(--noom-off-white);
}

/** END: B2B Resource Single Post Page **/


/* START: Monarch social sharing icons **/
.et_social_share { border: none !important; }
.et_social_inline {
	box-shadow: 0px 4px 30px 0px #0000000F;
	background-color: #fff;
	padding: 10px;
	border-radius: 50px;
	width: 80%;
	margin: 0 auto;
}
.et_monarch .et_social_networks { display: block; }
.et_monarch .et_social_networks ul.et_social_icons_container { display: flex !important; justify-content: space-evenly; align-items: center; }

@media only screen and (max-width: 979px)  {
	.et_monarch .et_social_autowidth.et_social_networks li:nth-child(n) { margin: 0 !important; }	
}


@media (min-width:980px) {
	.et_monarch .et_social_networks ul.et_social_icons_container { flex-direction: column; }
	
	.et_monarch .et_social_networks.et_social_circle li:not(last-of-type) {
		margin-bottom: 10px !important;
	}
	.et_monarch .et_social_networks.et_social_circle li:last-of-type {
		margin-bottom: 0 !important;
	}
	.et_social_inline {
		position: absolute;
		width: 70px;
		right: -150px;
		padding: 15px 10px;
	}
}
/* END: Monarch social sharing icons **/

/** Hide social sharing icons on Webinar pages **/
body.tax-b2b-content-type-webinars #main-content .et_social_inline,
body.tax-b2b-content-type-reports #main-content .et_social_inline,
body.tax-b2b-content-type-guides #main-content .et_social_inline,
body.single-b2b_resource #main-content .et_social_inline { display: none; }
body.single-b2b_resource.tax-b2b-content-type-events #main-content .et_social_inline, body.single-b2b_resource.tax-b2b-content-type-blog #main-content .et_social_inline { display: block; }
	
@media (min-width:980px) {
	
	/** Position the Webinar form on desktop to overlap the header banner **/
	#main-content .b2b-webinar-form-column {
		top: -350px;
		padding: 80px 60px;
		border-radius: 8px;
		background: var(--white, #FFF) !important;
		box-shadow: 0px 4px 21px 0px rgba(0, 0, 0, 0.06);
	}
	body.tax-b2b-content-type-white-papers #main-content .b2b-webinar-form-column {
		top: 0;
	}
	
}
body.single-b2b_resource.tax-b2b-content-type-white-papers #main-content .et_pb_de_mach_content ul { margin-top: 5px !important; }


/* B2B pages */

.parent-b2b .et_pb_section.et_pb_section_0_tb_body.et_pb_with_background.et_section_regular {background-color: var(--noom-off-white) !important;}

.page-magnit-global span.et-pb-icon,
.page-us-venture span.et-pb-icon {display: none!important;}



/** START: WCAG contrast patches **/
footer #footer-area-two { background-color: transparent; }
footer .et_pb_social_media_follow_network_name { color: #fff; }
header nav #menu-main li ul.sub-menu li.current-menu-item a { color: var(--noom-cinnamon) !important; background-color: #fff; }
/** END: WCAG contrast patches **/

/** START: Dark Table header **/
.noom-blog-table-light table thead tr { background-color: var(--noom-black); }
.noom-blog-table-light table thead tr th { color: #fff; }
/** END: Dark Table header **/


/* Table styling */
.wp-block-table table { margin: 0 0 25px 0; width: 100%; }
.wp-block-table table tr td, .wp-block-table table table tr th { line-height: 1.25em; vertical-align: top; padding: 25px 10px;  }
.wp-block-table table tr th { text-align: left; font-family: var(--common-font-serif); font-size: 1.4em; }
.wp-block-table table tr td, .wp-block-table table table tbody tr th { border-bottom: 2px solid #ccc; }
.wp-block-table tr.check-mark td { text-align: center; }
.wp-block-table tr.check-mark td .fa-xmark { color: var(--noom-tarocco); }
.wp-block-table tr.check-mark td .fa-check { color: var(--noom-blueberry); font-size: 1.25em;}


/** START: Hide the "Take a Quiz" CTA button from the Divi Layout "CTA Layout — For WP Block Editor" that's added to blog posts **/
/** The "CTA Layout — For WP Block Editor" Layout was updated to use the TEXT module insted of a CTA module and use the 'noom-btn noom-btn-primary' classes for the CTA button, but the CTA button from the CTA module is still shown for some reason in all the posts. The blog posts will have to be updated to use the new Layout (with the Text module). **/
body.single-post #main-content .wp-block-divi-layout .et_pb_button_wrapper { display: none; }
body.single-post #main-content .wp-block-divi-layout .et_pb_promo_description p:last-of-type { padding: 0; }
/** END: Hide the "Take a Quiz" CTA button from the Divi Layout that's added to blog posts **/

/** Hide the WPML notice about the site being registered as a development site **/
.otgs-development-site-front-end { display: none; }

/** Top+bottom padding of the main content container for all default non-Divi pages. **/
body:not(.et-tb) #main-content .container { padding: 60px 0; }


/** START: Square Aspect Ratio image helper **/
.aspect-square img {
  aspect-ratio: 1/1;
      border-radius: 15px;
   object-fit: cover;
    object-position: center;
    height: 100% !important;
}
/** END: Square Aspect Ratio image helper **/

/** START: Default Page Template **/
body.et_full_width_page #content-area h1 { font-size: 5rem; margin: 0 0 40px 0; }
body.et_full_width_page #content-area h2 { margin: 35px 0 10px 0 !important; padding: 0 !important; }
body.et_full_width_page #content-area h3,
body.et_full_width_page #content-area h4,
body.et_full_width_page #content-area h5,
body.et_full_width_page #content-area h6 { margin: 20px 0 10px 0 !important; padding: 0 !important; }
body.et_full_width_page #content-area ol li { list-style-position: outside; }
body.et_full_width_page #content-area ol li ol,
body.et_full_width_page #content-area ol li ol li ol{ padding-top: 0; }
body.et_full_width_page #content-area ol>li { padding-bottom: 1em; }
body.et_full_width_page #content-area ol li ol li { padding-bottom: 1em!important; }
body.et_full_width_page #content-area ol li ol { padding-bottom: 0!important; }
/** END: Default Page Template **/


/** START: Blog SearchWP Live Search Results **/
body.category .searchwp-live-search-result,
body.single-post .searchwp-live-search-result { flex-wrap: nowrap; }
body.category .searchwp-live-search-result .searchwp-live-search-result--title a,
body.single-post .searchwp-live-search-result .searchwp-live-search-result--title a { font-family: var(--common-font-sans); font-weight: normal; font-size: .75rem !important; line-height: 1;  }
body.category .searchwp-live-search-result .searchwp-live-search-result--title a:hover,
body.single-post .searchwp-live-search-result .searchwp-live-search-result--title a:hover { color: var(--noom-cherry) !important; border-bottom: 1px solid;}
/** END: Blog SearchWP Live Search Results **/

/** START: Blog Breadcrumbs **/
body.category #main-content .et_pb_bg_layout_dark ol.breadcrumb , 
body.single-post #main-content ol.breadcrumb { font-size: .85rem; padding: 0; display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap; }
body.category #main-content ol.breadcrumb li,
body.single-post #main-content ol.breadcrumb li { line-height: 1.5rem; }
body.single-post #main-content .searchwp-form .swp-input { font-size: 1rem; border-radius: 50px; padding: 10px 15px; }
body.category #main-content .et_pb_bg_layout_dark ol.breadcrumb li a ,
body.single-post #main-content .et_pb_bg_layout_dark ol.breadcrumb li a { color: #fff !important; }

/** END: Blog Breadcrumbs **/

/** START: SME Social Media Channels **/
ul.sme-social-channels { padding: 0; margin: 0; }
ul.sme-social-channels li { display: inline; padding: 0 5px }
ul.sme-social-channels li a { border: none !important; font-size: 1.5em; }
/** END: SME Social Media Channels **/

/** START: Global Superscript **/
sup {
	font-size: .75em;
}
/** END: Global Superscript **/

/** START: Superscript tag in H1s **/
body.single #main-content :is(p,li,h1, h2, h3, h4, h5, h6) sup {
  font-size: 0.5em;
}
/** END: Superscript tag in H1s **/

/** START: Helper Test center on mobile **/
@media (max-width:980px) {
	p.center-on-mobile { text-align: center; }
}
/** END: Helper Test center on mobile **/


/** START: 2024 Mobile off-canvas Top Nav and SVG logo **/
@media (max-width: 768px) {

  body.has-hero header .wpb-wmca-menu-icon,
  body.has-hero header .wpb-wmca-menu-icon:before,
  body.has-hero header .wpb-wmca-menu-icon:after {
    background-color: #fff !important;
  }

  body.has-hero header #mobile-view svg[id^="noom-logo"],
  body.has-hero header #mobile-view img#noom-logo
   {
    color: #fff;
  }

  body.has-hero header,
  body.home header,
  body.page-home-2024 header {
    position: absolute;
    width: 100% !important;
    top: 10px;
  }

  /* Move down the mobile nav 50px to offset from the WP Admin bar. */
  body.admin-bar header {
    top: 50px;
  }

  header #mobile-view svg[id^="noom-logo"], header #mobile-view img#noom-logo {
    width: 75px;
    padding-top: 5px;
  }

}
/** END: 2024 Mobile off-canvas Top Nav and SVG logo **/

/** START: WPB Accordions plugin: Use self-hosted Font Awesome 6 Pro, otherwise fallback to Font Awesome 5  **/
.wpb_the_menu_accordion>ul>li>a::before {
  font-family: var(--common-font-icons) !important;
}

/** END: WPB Accordions plugin: Use self-hosted Font Awesome 6 Pro, otherwise fallback to Font Awesome 5  **/

/** START: Used for links in the Top nav that don't link anywhere **/
.unclickable>a {
  pointer-events: none;
}

/** START: Used for links in the Top nav that don't link anywhere **/


/** START: Noom Secondary Button **/
.noom-btn-secondary {
  display: inline-block;
  border-radius: 50px;
  padding: 15px 20px;
  font-size: 1rem;
  background-color: var(--page-primary-color, --noom-tarocco);
  border: none !important;
  font-family: var(--common-font-sans);
  text-transform: none;
  font-weight: 500;
  letter-spacing: 0;
  color: #fff !important;
  text-align: center;
  line-height: 1.625rem;
}
.noom-btn-secondary:hover {
  cursor: pointer;
}
@media (max-width: 768px) {
  .noom-btn-secondary { min-width: 100%; }
}

@media (min-width: 798px) and (max-width: 980px) {
  .noom-btn-secondary { min-width: 300px; }
}

@media (min-width: 980px) {
  .noom-btn-secondary { min-width: 300px; }
}

.noom-btn-fit {
  min-width: unset;
  padding-left: 40px;
  padding-right: 40px;
}

/** END: Noom Secondary Button **/


/** START: Noom btn helper colors **/
.noom-bg-lagoon {
  background-color: var(--noom-lagoon);
  color: #fff !important;
}
.noom-bg-kale {
  background-color: var(--noom-kale);
  color: #fff !important;
}
.noom-bg-pine {
  background-color: var(--noom-pine);
  color: #fff !important;
}
.noom-bg-blueberry {
  background-color: var(--noom-blueberry);
  color: #fff !important;
}
.noom-bg-plum {
  background-color: var(--noom-plum);
  color: #fff !important;
}
/** END: Noom btn helper colors **/

/** START: iPAD Media Query for home page header **/
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait)
and (-webkit-min-device-pixel-ratio: 2) {
  body.has-hero header,
  body.home header,
  body.page-home-2024 header {
    position:relative;
  }
}
/** iPhone landscape **/
@media only screen and (min-device-width: 375px) 
  and (max-device-width: 812px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: landscape) {
  body.has-hero header,
  body.home header,
  body.page-home-2024 header {
    position:relative;
  }
}

/** END: iPAD Media Query for home page header **/


/** START: Font sizes of default (Not Divi) full-width WP content pages on mobile/tablet **/
@media (max-width: 981px) {
	body.et_full_width_page #content-area h1 {
  		font-size: 3rem;
		margin: 30px 0 50px 0;
	}
 	body.et_full_width_page #content-area h2 { font-size: 1.75rem; }
	body.et_full_width_page #content-area h3 { font-size: 1.5rem; } 
}

/** END: Font sizes of default (Not Divi) full-width WP content pages on mobile/tablet **/

/** START: Default content background for non-Divi builder pages **/
body.page-template-default:not(.et_pb_pagebuilder_layout) #main-content { background-color: var(--noom-off-white); }
/** END: Default content background for non-Divi builder pages **/

/** START: Footer OAG privacy policy choices badge **/
footer .oag-badge {
	margin-left: 5px;
	height: 16px;
	display: inline-block;
	vertical-align: middle;
}
/** END: Footer OAG privacy policy choices badge **/

.noom-arrow-after {
  position: relative;
  display: inline-block;
}

.noom-arrow-after::after {
  content: "";
  background-color: var(--page-secondary-color, --noom-sand-1);
  -webkit-mask-image: url("/wp-content/themes/Divi-child/images/noom-icon-arrow-right.svg");
  mask-image: url("/wp-content/themes/Divi-child/images/noom-icon-arrow-right.svg");
  mask-repeat: no-repeat;
  mask-size: contain;
  mask-position: center;
  width: 12px;
  height: 12px;
  background-size: 100%;
  color: var(--page-secondary-color, --noom-sand-1);
  display: block !important;
  position: absolute;
  top: 7px;
  right: -20px;
  opacity: 1;
}

/** 

Hide any element that has a class starting with "-noom-url-param-show__"

noom_url_param_show() in global_last.js will parse the class name and show the element if the URL has a parameter that matches the class name.

Examples: 

If an element has the class "-noom-url-param-show__question--true", it will be shown if the URL has a parameter "question" with the value "true".

/my-page?question=true will show the element

If an element has the class "-noom-url-param-show__anything--something", it will be shown if the URL has a parameter "anything" with the value "something".

/my-page?anything=something will show the element

**/
[class*="-noom-url-param-show__"] { display: none; }