/*Palette V.2.0*/

@import url('https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:ital,wght@0,100..700;1,100..700&display=swap');

:root {
  /* Primitive/Colours Styles */

  --primary-element-background: #FFF;
  --primary-element-pale: #F9F9F9;
  /* --primary-element-pale: #fff; */
  /* this color is updated to achieve background color of web pages as per figma*/
  --primary-element-subtle: #78E5E6;
  --primary-element-light: #515170;
  --primary-element-mid-light: #DAF572;
  --primary-element-mid: #C8F02D;
  --primary-element-mid-dark: #8EAA20;
  --primary-element-dark: #35373C;

  /* Secondary/Element */
  --secondary-element-background: #FFF;
  --secondary-element-pale: #F9FEFC;
  --secondary-element-subtle: #EBFBF5;
  --secondary-element-light: #5D5F63;
  --secondary-element-mid-light: #7AE6B9;
  --secondary-element-mid: #C8F02D;
  --secondary-element-mid-dark: #289A6B;
  --secondary-element-dark: #B34B33;

  /* Primary/Button */
  --primary-button-foreground-ondark: #000;
  --primary-button-foreground-onlight: #C8F02D;
  --primary-button-label-inverted: #35373C;
  --primary-button-resting: #C8F02D;
  --primary-button-hover: #78797C;
  --primary-button-pressed: #185B35;

  /* Secondary/Button */
  --secondary-button-foreground-ondark: #FFF;
  --secondary-button-foreground-onlight: #38D996;
  --secondary-button-label-inverted: #185B3F;
  --secondary-button-resting: #38D996;
  --secondary-button-hover: #289A6B;
  --secondary-button-pressed: #1F7753;

  /* Tertiary/Button */
  --tertiary-button-foreground-ondark: #FFF;
  --tertiary-button-foreground-onlight: #FFD41E;
  --tertiary-button-label-inverted: #6B590D;
  --tertiary-button-resting: #FFD41E;
  --tertiary-button-hover: #B59715;
  --tertiary-button-pressed: #8C7511;

  /* Primary/Navigation */
  --primary-nav-label-selected: #35373C;
  --primary-nav-label-resting: #fff;
  --primary-nav-label-hover: #CCC;
  --primary-nav-label-pressed: #546513;
  --primary-nav-container-selected: #C8F02D;
  --primary-nav-container-selected-hover: #C8F02D;

  /* Primary/Chip */
  --primary-chip-label-selected: #C8F02D;
  --primary-chip-border-selected: #C8F02D;
  --primary-chip-container-selected: #FAFEEA;
  --primary-chip-container-selected-hover: #EEFABE;

  /* Primary/Tab */
  --primary-tab-label-resting: #FFF;
  --primary-tab-container-active: #FFF;
  --primary-tab-container-resting: #C8F02D;
  --primary-tab-container-resting-hover: #8EAA20;

  /* Primary/Title */
  --primary-title-page-title: #35373C;
  --primary-title-page-subtitle: #35373C;
  --primary-title-card-title: #35373C;
  --primary-title-card-subtitle: #35373C;
  --primary-title-highlight: #55EC8D;

  /* Secondary/Title */
  --secondary-title-page-title: #546513;
  --secondary-title-page-subtitle: #8EAA20;
  --secondary-title-card-title: #35373C;
  --secondary-title-card-subtitle: #8EAA20;
  --secondary-title-highlight: #B6DA29;

  /* Primary/Body Text */
  --primary-body-text-highlight: #B6DA29;

  /* Secondary/Body Text */
  --secondary-body-text-highlight: #33C589;


  /* Primary/Overlay */
  --primary-overlay-overlaylight: #35373c66;

  /* Primary/Shadow */
  --primary-shadow-branded: #252E8C;


  /* Gradient/Element */
  --gradient-element-flashing: linear-gradient(135deg, #c5caff 0%, #eceeff 50.52%, #c1f3de 100%);
  --gradient-element-fade: linear-gradient(90deg, #F9FAFF 0%, #F9FAFF 100%);

  /* ==========>          Gradients with the same start and end color */
  --gradient-element-pattern: linear-gradient(135deg, #c5caff 0%, #eceeff 50.52%, #c1f3de 100%);

  /* Gradient/Navigation */
  --gradient-navigation-separator: transparent;
  --gradient-navigation-fade: linear-gradient(90deg, #eceeff00 0%, #eceeff 100%);


  --additional-anchor-resting: #515170;
  --additional-anchor-hover: #78797C;
  --additional-anchor-pressed: #185B35;

  /* Primary/Anchor Link */
  --primary-anchor-link-resting: var(--Primary-Resting, #515170);
  --primary-anchor-link-hover: var(--Anchor-link-Hover, #78797C);
  --primary-anchor-link-pressed: var(--Anchor-Link-Pressed, #185B35);




  /* Font */
  --font-title: "Barlow";

  --primary-hyperlink-onlight: #FF00FF;
  --primary-hyperlink-ondark: #515170;
}



footer div.cmp-experiencefragment--footer-nav {
  padding-bottom: var(--space-m);
}

footer div.cmp-experiencefragment--footer-nav .container .cmp-container {
  display: block;
}

#footer-v2 {
  .primary-nav {
    .primary-nav {

      &__middlenav,
      &__rightnav {
        display: none;
      }
    }

    .above-brand-nav__rightnav {
      display: none;
    }
  }

  @media only screen and (min-width: 320px) and (max-width: 1024px) {
    .columncontainer .column-container-stack-footer2 .cmp-columncontainer.cmp-columncontainer--4 {
      .cmp-columncontainer-item:not(:has(.global-link)) {
        display: none;
      }
    }
  }
}

@media only screen and (min-width: 320px) and (max-width: 1024px) {
  .cmp-primary-nav .primary-nav-wrapper .primary-nav__rightnav .hamburger-container {
    color: var(--primary-anchor-link-resting) !important
  }
}

.cmp-anchorlink .cmp-primary-nav .primary-nav-wrapper .primary-nav ul.menu>li a span:nth-child(2) {
  margin-left: 0;
}

.cmp-reference--triple-number ul li span {
  text-align: center;
}


body {
  background: var(--primary-element-background);
}

sup {
  font-size: 50%;
  top: 0;
  vertical-align: super;
}

.cmp-primary-navigation-nav-2-0.cmp-primary-nav .overflowState.primary-nav-wrapper .primary-nav .primary-nav__megamenu ul.megamenu li.megamenu--active.sublink-parentlink {
  background: var(--primary-nav-container-selected);
  border-radius: var(--space-3xs);
  color: var(--primary-nav-label-selected) !important;
}

.cmp-primary-navigation-nav-2-0 .primary-nav-wrapper.overflowState .primary-nav__megamenu ul.megamenu>li.megamenu--active a.megamenu-nomenu,
.cmp-primary-navigation-nav-2-0 .primary-nav-wrapper.overflowState .primary-nav__megamenu ul.megamenu>li.megamenu--active a.megamenu-toggle {
  background: var(--primary-nav-container-selected);
  border-radius: var(--space-3xs);
  color: var(--primary-nav-label-selected) !important;
}

@media (max-width: 768px) {
  .cmp-primary-navigation-nav-2-0 .primary-nav .primary-nav__megamenu ul.megamenu>li.megamenu--active .cmp-nav__menu--icon {
    background: var(--primary-nav-container-selected);
    border-radius: var(--space-3xs);
  }

  .cmp-primary-navigation-nav-2-0 .primary-nav .primary-nav__megamenu ul.megamenu>li.megamenu--active .cmp-nav__menu--icon a {
    color: var(--primary-nav-label-selected) !important;
  }
}


/* fix menu Jordan S. Molina 
.cmp-anchorlink .primary-nav__middlenav ul.menu>li.-more {
  display: none !important;
}

.cmp-anchorlink .primary-nav__middlenav ul.menu>li.--hidden:not(.-more) {
  display: list-item !important;
  visibility: visible !important;
}

*/

@media (min-width: 1024.1px) {
  .cmp-anchorlink.menu-hide .cmp-primary-nav.primary-nav__more {
    max-width: var(--grid-max-width);
    padding-inline: var(--total-grid-gutter);
    margin-inline: auto;
  }

  .cmp-anchorlink .cmp-primary-nav.primary-nav__more .primary-nav-wrapper {
    max-width: 100%;
  }


  .cmp-primary-nav .primary-nav-wrapper .primary-nav ul.menu {
    display: flex;
    justify-content: space-between;
  }

  .cmp-anchorlink .cmp-primary-nav.primary-nav__more .primary-nav-wrapper .primary-nav ul.menu>li a {
    padding-inline: 0;
  }

  .cmp-anchorlink .cmp-primary-nav.primary-nav__more {
    max-width: var(--grid-max-width);
    padding-inline: var(--total-grid-gutter);
    margin-inline: auto;
  }
}

@media only screen and (min-width: 320px) and (max-width: 1024px) {
  .cmp-anchorlink .cmp-primary-nav.primary-nav__more {
    padding-inline: var(--total-grid-gutter);
    max-width: 100%;
  }
}