/**
 * @file
 * Nreca Green color styling for CWB Custom Flashy for Drupal 8.
 *
 * $base: #008a53;
 */
: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: 156, 70%, 50%;
  --mt-link-color-hover: 200, 50%, 40%;
}
.region--accent-background {
  background-color: hsl(156, 100%, 95%);
}
.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;
}
.header-container ul.menu > li > a:before, .header-container ul.menu > li > span:before {
  border-bottom: 4px solid var(--mt-base-color);
}
.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,
.header-container .sf-menu ul li.sfHover > span, .header-container .sf-menu ul li span:hover, .header-container .sf-menu ul li > span.is-active, .header-container .sf-menu ul li.active-trail > span {
  border-left: 4px solid var(--mt-base-color);
  max-width: calc(100% - 4px);
}
.header-container ul.sf-menu .sf-sub-indicator {
  top: 36px;
}
.header-container ul.menu > li > a, .header-container ul.menu > li > span {
  font-size: 15px;
  padding: 24px 10px;
}
.header-container .sf-menu ul li a, .header-container .sf-menu ul li > span {
  font-size: 14px;
  padding: 10px 1em 13px;
  max-width: calc(100% - 4px);
}