.c-subsite-intro {
  background-color: #FFF;
  background-color: var(--color-white);

  /* max-width: var(--container-narrow); */
}

.c-subsite-intro > * {
  max-width: max(17.5rem, min(95vw, 77.5rem));
  max-width: var(--container-narrow);
  padding-top: max(3.00rem, min(calc(2.79rem + 1.04vw), 3.75rem));
  padding-bottom: max(3.00rem, min(calc(2.79rem + 1.04vw), 3.75rem));
  padding-top: max(3.00rem, min(calc(2.79rem + 1.04vw), 3.75rem));
  padding-top: var(--space-xl);
  padding-bottom: max(3.00rem, min(calc(2.79rem + 1.04vw), 3.75rem));
  padding-bottom: var(--space-xl);
  padding-left: 0;
  padding-right: 0;
  display: grid;
  gap: max(1.00rem, min(calc(0.57rem + 2.08vw), 2.50rem));
  grid-gap: max(1.00rem, min(calc(0.57rem + 2.08vw), 2.50rem));
  grid-gap: var(--gutter);
  gap: var(--gutter);
}

@media (min-width: 990px){

.c-subsite-intro > * {
    grid-template-columns: 1fr 1fr;
}
  }

.page-node-type-subsite-page .block-system-main-block,
.page-node-type-subsite-page .c-hero + div > .l-slat{
  margin-top: 0;
}

.c-subsite-intro .paragraph--type--links a {
  color: #CF0072;
  color: var(--section-nav-link-color);
  -webkit-text-decoration: none;
  text-decoration: none;
  font-family: 'Poppins', sans-serif;
  font-family: var(--font-brand);
  display: flex;
  gap: max(0.50rem, min(calc(0.46rem + 0.17vw), 0.63rem));
  gap: var(--space-2xs);
  font-weight: 600;
}

.c-subsite-intro .paragraph--type--links a:hover {
    color: #0F7697;
    color: var(--section-nav-link-color-hover);
  }

.c-subsite-intro .paragraph--type--links a:hover::before {
      /*filter: invert(28%) sepia(70%) saturate(2023%) hue-rotate(170deg) brightness(91%) contrast(88%);*/
      filter: invert(28%) sepia(70%) saturate(2023%) hue-rotate(170deg) brightness(91%) contrast(88%);
      filter: var(--section-nav-icon-filter-hover);
    }

.c-subsite-intro .paragraph--type--links a::before{
    background-image: url("data:image/svg+xml,%3Csvg width%3D%2214%22 height%3D%2219%22 viewBox%3D%220 0 14 19%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath id%3D%22Vector%22 d%3D%22M2 17.375L11.75 9.5L2 1.625%22 stroke%3D%22currentColor%22 stroke-width%3D%223%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E");
    font-size: max(1.20rem, min(calc(1.10rem + 0.50vw), 1.56rem));
    font-size: var(--step-1);
    content: '';
    width: 1rem;
    display: block;
    background-size: 100% 100%;
    background-position: left center;
    height: 1em;
    margin-top: 0.125em;
    /*filter: invert(17%) sepia(98%) saturate(3073%) hue-rotate(312deg) brightness(84%) contrast(117%);*/
    filter: invert(17%) sepia(98%) saturate(3073%) hue-rotate(312deg) brightness(84%) contrast(117%);
    filter: var(--section-nav-icon-filter);
    flex-shrink: 0;
}

.page-node-type-subsite-page main h2 {
  font-size: max(1.44rem, min(calc(1.29rem + 0.71vw), 1.95rem));
  font-size: var(--step-2);
}


.c-hero--section .views-exposed-form form input[type="text"] {
  border-color: #FFF;
  border-color: var(--color-white);
}
