/**
 * @file
 * Nreca Green color styling for CWB Custom Flashy
 */
:root {
  --mt-foreground-color: 156, 6%, 13%;
  --mt-foreground-color-contrast: 0, 0%, 100%;
  --mt-base-color-lightness: 35%;
  --mt-dark-color-lightness: 27%;
  /*--mt-base-color: 156, 100%, var(--mt-base-color-lightness);*/
  /*--mt-dark-color: 156, 100%, var(--mt-dark-color-lightness);*/
  --mt-link-color-hover: 200, 50%, 40%;
}
.header-container ul.menu > li > a:before, .header-container ul.menu > li > span:before,
.header-container .sf-menu ul li.sfHover > a, .header-container .sf-menu ul li a:hover, .header-container .sf-menu ul li > a.is-active, .header-container .sf-menu ul li.active-trail > a {
  background-color: transparent;
  transition: all 0.2s linear;
}
.header-container ul.menu > li > a:before, .header-container ul.menu > li > span:before {
  max-width: calc(100% - 20px);
  margin: auto;
}
.fixed-header-enabled.onscroll .header-container ul.sf-menu > li.menuparent > a, .fixed-header-enabled.onscroll .header-container ul.sf-menu > li.menuparent > span {
  padding: 4px 32px 4px 32px;
}
.header-container .sf-menu ul li a, .header-container .sf-menu ul li > span {
  font-size: 14px;
  padding: 10px 1em 13px;
}
.header-container .sf-menu ul li.sfHover > a,
.header-container .sf-menu ul li a:hover,
.header-container .sf-menu ul li > a.is-active,
.header-container .sf-menu ul li.active-trail > a {
  color: var(--mt-link-color);
}
@media (min-width: 768px) {
  .header-container ul.sf-menu > li.sf-depth-1.menuparent > a > .sf-sub-indicator,
  .header-container ul.sf-menu > li.sf-depth-1.menuparent > span > .sf-sub-indicator {
    top: 52px;
    right: auto;
    left: auto;
    display: block;
  }
  .header-container ul.sf-menu > li.menuparent > a, .header-container ul.menu > li > span {
    font-size: 16px;
    padding: 4px 32px 4px 32px;
    display: flex;
    justify-content: center;
    text-align: center;
    line-height: 1.15;
  }
}