@layer base {
  :root {
    --hs-link-color: var(--wvu-legacy-accent--burnt-orange);
    --button-bg-color: var(--hs-link-color);
    --button-hover-bg-color: color-mix(in oklch, var(--wvu-legacy-accent--burnt-orange), var(--wvu-legacy-accent--orange) 15%);
    --button-border-color: var(--hs-link-color);
    --button-hover-border-color: var(--hs-link-color);
    --card-border-radius: 0;
    --card-border-width: 0 0 8px;
    --card-border-color: var(--wvu-legacy-accent--dark-green);
    --card-title-color: var(--wvu-legacy-accent--dark-green);
    --card-title-font-family: "Amatic SC";
    --card-title-font-size: 2rem;
    --subpage-header-bg-color: var(--wvu-legacy-accent--dark-green);
    --sub-navigation-link-bg-hover-color: rgb(var(--wvu-legacy-accent--light-green-rgb) / 0.5);
    --sub-navigation-link-color: var(--wvu-legacy-accent--dark-green);
    --sub-navigation-link-hover-color: var(--sub-navigation-link-color);
    --sub-navigation-link-current-color: var(--hs-link-color);
    --media-feature-font-size: 2rem;
  }
  h1, h2, h3 {
    font-family: "Amatic SC", cursive, serif;
  }
  h1 {
    font-size: 4.5rem;
    line-height: 1.2;
  }
  h2 {
    color: var(--wvu-legacy-accent--dark-green);
    font-size: 3rem;
    line-height: 1.2;
  }
  h3 {
    color: var(--wvu-legacy-accent--dark-blue);
    font-size: 2.5rem;
    line-height: 1.3;
  }
}
@layer objects {
  .button {
    background-image: linear-gradient(rgb(var(--wvu-neutral--off-white-rgb)/0.15), rgb(var(--wvu-neutral--off-white-rgb)/0));
    text-shadow: none;
  }
  .button:hover {
    text-shadow: none;
  }
  .card {
    position: relative;
  }
  .card::after {
    content: "";
    position: absolute;
    width: 3rem;
    height: 3rem;
    top: 0;
    left: 0;
    background-image: linear-gradient(-45deg, rgb(var(--wvu-legacy-accent--burnt-orange-rgb)/0) 50%, var(--wvu-legacy-accent--burnt-orange) 50%);
  }
}
@layer components {
  .wvu-masthead {
    --wvu-top-nav-link-hover-bg-color: rgb(var(--wvu-legacy-accent--light-green-rgb) / 0.5);
    --wvu-top-nav-link-color: var(--wvu-legacy-accent--dark-green);
    --wvu-top-nav-link-hover-color: var(--wvu-top-nav-link-color);
    --wvu-top-nav-link-current-accent-color: var(--hs-link-color);
  }
  .share-this__heading {
    font-family: revert;
  }
  .news-story-stub__headline {
    font-family: "Amatic SC";
    font-size: 2.5rem;
    font-weight: bold;
    line-height: 1.3;
  }
  .news-story-stub__headline-link {
    color: var(--wvu-legacy-accent--burnt-orange);
  }
  .story__header {
    background-color: var(--subpage-header-bg-color);
  }
  .story__headline {
    font-family: "Amatic SC";
    font-weight: bold;
  }
  .story__tags-heading {
    font-family: revert;
  }
}
@layer components {
  .media-feature__icon-wrapper {
    top: 3.25rem;
    background-color: var(--wvu-legacy-accent--orange);
    box-shadow: 44px 0 0 -12px var(--wvu-legacy-accent--orange), 28px 0 0 -8px var(--wvu-legacy-accent--orange), 0 0 0 4px white;
  }
  @media screen and (max-width: 67.4375em) {
    .media-feature__icon-wrapper {
      top: -0.5rem;
      box-shadow: 44px 0 0 -12px var(--wvu-legacy-accent--orange), 28px 0 0 -8px var(--wvu-legacy-accent--orange), 44px 0 0 -8px white, 28px 0 0 -4px white, 0 0 0 4px white;
    }
  }
  .subpage-body__grid > h2::before {
    display: none;
  }
  .hero + .cards {
    margin-block-start: -6rem;
  }
  .hero + .cards .card__body {
    align-items: center;
  }
  .hero + .cards .card .card__body::before {
    content: "";
    display: inline-block;
    width: 3rem;
    aspect-ratio: 1;
    margin-block-end: 1.5rem;
    background-image: url(images/FTYwebsite-icon-nutrition.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
  }
  .hero + .cards .card:nth-child(2) .card__body::before {
    background-image: url(images/FTYwebsite-icon-recipes.png);
  }
  .hero + .cards .card:nth-child(3) .card__body::before {
    background-image: url(images/FTYwebsite-icon-health.png);
  }
  .hero__headline {
    position: relative;
    display: inline-block;
  }
  .hero__headline del {
    text-decoration: line-through;
    text-decoration-color: var(--wvu-legacy-accent--burnt-orange);
  }
  .hero__headline ins {
    transform: rotate(-13deg) translate(-7rem, -1rem);
    transform-origin: left center;
    position: absolute;
    bottom: 100%;
    left: 100%;
    color: var(--wvu-legacy-accent--burnt-orange);
    font-family: "Fredericka the Great", "Times New Roman", Times, serif;
    text-decoration: none;
    text-transform: uppercase;
  }
  @media screen and (min-width: 36em) {
    .hero__headline ins {
      transform: rotate(-13deg) translate(-10.5rem, -1rem);
    }
  }
  @media screen and (min-width: 48em) {
    .hero__headline ins {
      transform: rotate(-13deg) translate(-15rem, -1rem);
    }
  }
}