@charset 'UTF-8';

/*Base & Reset*/

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */

article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}

body {
	line-height: 1;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* EOF */

:root{
  --light: #fff;
  --dark: #000;

  /* basic site colors  */
  /* DO NOT USE COLOR NAMES THAT DEFEATS THE PURPOSE OF THE VARIABLES */

  --primary: #003349;
  --secondary: #00A39B;
  --secondary: #00857E;
  --secondary2: #2CCDC5;
  --secondary3: #5cf5ee;
  /* --tertiary: #E3794B; */
  /* --tertiary: #e17749; */
  /* --tertiary: #d93f02; */
  --tertiary: #F05619;
  /* --tertiary: #D93F02; */
  --tertiary: #AC406D;
  --tertiary2: #EF6934;
  --tertiary2: #AC406D;
  --quadrinary: #5D5D5D;
  --pentinary: #F1F3F5;
  --pentinary2: #ADADAD;
  --pentinary3: #E6E6E6;
  --hexinary: #707489;
}

/* EOF */

*,
*:before,
*:after {
  box-sizing: inherit;
  box-sizing: border-box;
  /* transition: none !important; */
  /* transition: none !important; */

  font-display: auto;
  scroll-behavior: smooth;
}

html,
body {
  /* min-height: 100vh; */
  margin: 0;

  font-size: 62.5%;

  color: #003349;

  color: var(--primary);
  background-color: #fff;
  background-color: var(--light);

  font-display: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

body {
  margin: 0;
  padding: 0;
  /* font-size: 1.8rem; */

  -webkit-overflow-scrolling: touch;
}

/* No Image larger than full width */

img {
  /* width: 100%; */
  max-width: 100%;
  height: auto;
}

a {
  transition: color0.2s;

  color: #AC406D;

  color: var(--tertiary);
  outline-offset: 0rem;
  background-color: #fff;
  background-color: var(--light);

  touch-action: manipulation;
}

a:empty {
  display: none;
}

@supports (text-decoration-skip: edges) {
  a {
    text-decoration-color: currentColor;
    text-decoration-line: underline;
    text-decoration-skip: edges;
    text-decoration-skip-ink: auto;
    text-decoration-style: line;
  }
}

a:hover,
a:active,
a:focus {
  color: #00857E;
  color: var(--secondary);
  box-shadow: none;
  text-shadow: none;
}

a:focus {
  position: relative;
  z-index: 2;

  outline: solid 2px #00857E;

  outline: solid 2px var(--secondary);
  outline-offset: 2px;
}

/* *:last-child,
* + *:last-child {
  margin-bottom: 0;
} */

.skip {
  position: absolute;
  z-index: -999;
  top: auto;
  left: -999px;

  display: block;
  overflow: hidden;

  width: 1px;
  height: 1px;
  padding: 1rem;

  color: #fff !important;

  color: var(--light) !important;
  background-color: #003349 !important;
  background-color: var(--primary) !important;
}

.skip:hover,
.skip:focus,
.skip:active {
  position: absolute;
  z-index: 999;
  top: 0;
  right: 0;
  left: 0;

  overflow: auto;

  width: 100%;
  width: 100vw;
  height: auto;

  text-align: center;
}

.clearfix::after {
  content: "";
  clear: both;
  display: table;
}

.sr-only {
  position: absolute;

  overflow: hidden;
  clip: rect(0 0 0 0);

  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;

  white-space: nowrap;

  border: 0;
  clip-path: polygon(0px 0px, 0px 0px, 0px 0px);
  color: #ffffff !important;
  background-color: #000000 !important;
}

[hidden]{
  display: none !important;
  visibility: hidden !important;
}

main {
  width: 100%;
  max-width: 1200px;
  /* max-width: 75ch; */
  margin-right: auto;
  margin-left: auto;
  padding-right: 2rem;
  padding-left: 2rem;

  flex-grow: 1
}

@media (max-width: 768px) {

main {
    flex-grow: initial
}
  }

body {
  display: flex;
  overflow-x: hidden;
  flex-direction: column;
  align-items: center
}

body main {
    align-self: start;
    flex-grow: 1;
  }

body header,
  body footer {
    width: 100%;
  }

/* @supports (display:grid) {
  body {
    display: grid;

    grid-template-columns: [full-start] 2rem [main-start] 1fr [main-end] 2rem [full-end];
    grid-template-rows: auto 1fr auto;
    & header {
      grid-column: full;
    }
    & main {
      grid-column: main;
    }
    & footer {
      grid-column: full;
    }
  }
} */

@supports (content:normal) {
  @media print {
    a[href^='http']:after {
      content: ' (' attr(href) ')';
    }
  }
}

/* EOF */

:root {
  /* unitless base font size variables in px */
  --unitless-min-font-size: 14;
  --unitless-max-font-size: 16;

  /* unitless viewport widths in px */
  --unitless-lower-font-range: 380;
  --unitless-upper-font-range: 1800;

  --font-size-difference: calc(16 - 14);

  --font-size-difference: calc(var(--unitless-max-font-size) - var(--unitless-min-font-size));
  --font-range-difference: calc(1800 - 380);
  --font-range-difference: calc(var(--unitless-upper-font-range) - var(--unitless-lower-font-range));
  --viewport-difference: calc(100vw - (380 * 1px));
  --viewport-difference: calc(100vw - (var(--unitless-lower-font-range) * 1px));

  --source: 'source', Verdana, sans-serif;
  --sourcebold: 'sourcebold', Verdana, sans-serif;
  --sourcesemi: 'sourcesemi', Verdana, sans-serif;
  --atc: 'atc', 'Arial Black', Verdana, sans-serif;
}

html {
  font-size: 14px;
  font-size: calc((14 * 1px) + calc(16 - 14) * calc(100vw - (380 * 1px)) / calc(1800 - 380));
  font-size: calc((var(--unitless-min-font-size) * 1px) + var(--font-size-difference) * var(--viewport-difference) / var(--font-range-difference));
}

body {
  font-family: 'source', Verdana, sans-serif;
  font-family: var(--source);
  font-size: 1.2rem;
  font-weight: 400;
  font-style: normal;
  line-height: 160%;
  letter-spacing: normal;
  letter-spacing: inherit;
  font-display: auto;
  text-size-adjust: 100% !important;
}

@font-face { font-display: swap !important; }

h1,
h2,
h3,
h4,
h5{
  font-family: 'atc', 'Arial Black', Verdana, sans-serif;
  font-family: var(--atc);
  font-display: auto;
}

h1, .h1 {
  font-size: 4rem;
  /* line-height: 4.8rem; */
  line-height: 110%;
  /* margin-top: 1.6rem; */
  margin-top: 0;
  margin-bottom: 1.6rem;
}

h2, .h2 {
  font-size: 3.5rem;
  /* line-height: 3.2rem; */
  line-height: 120%;
  /* margin-top: 1.6rem; */
  margin-top: 0;
  margin-bottom: 1.6rem;
}

h3, .h3 {
  font-size: 3rem;
  /* line-height: 1.6rem; */
  line-height: 130%;
  /* margin-top: 1.6rem; */
  margin-top: 0;
  margin-bottom: 0rem;
}

h4, .h4 {
  font-size: 1.8rem;
  /* line-height: 1.6rem; */
  line-height: 140%;
  /* margin-top: 1.6rem; */
  margin-top: 0;
  margin-bottom: 0rem;
}

h5, .h5 {
  font-size: 1.4rem;
  /* line-height: 1.6rem; */
  line-height: 150%;
  /* margin-top: 1.6rem; */
  margin-top: 0;
  margin-bottom: 0rem;
}

h6, .h6{
  font-size: 1.2rem;
  /* line-height: 1.6rem; */
  line-height: 150%;
  /* margin-top: 1.6rem; */
  margin-top: 0;
  margin-bottom: 0rem;
  text-transform: uppercase;
  font-family: 'source', Verdana, sans-serif;
  font-family: var(--source);
}

p, ul, ol, pre, table, blockquote {
  /* margin-top: 0rem; */
  margin-top: 0;
  margin-bottom: 1.6rem;
}

ul, ol{
  list-style: outside;
  padding-left: 1.5rem;
}

ul ul, ol ol, ul ol, ol ul {
  /* margin-top: 0rem; */
  margin-top: 0;
  margin-bottom: 0rem;
  padding-left: 1rem;
  list-style: outside;
}

li{
  /* padding-left: .5rem; */
  margin-bottom: 1em;
}

/* Let's make sure all's aligned */

hr, .hr {
  border: 1px solid;
  margin: -1px 0;
}

a, b, i, strong, em, small, code {
  /* line-height: 0; */
}

sub, sup {
  /* line-height: 0; */
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

strong,
b,
.b {
  font-family: 'sourcebold', Verdana, sans-serif;
  font-family: var(--sourcebold);
  font-weight: 700 !important;
}

i,
em,
.i {
  font-style: italic !important;
}

/* EOF */

input,
textarea,
select {
  color: inherit;
  overflow: visible;

  margin: 0;
  padding: .3rem .5rem;
  width: 100%;

  font-size: inherit;
  line-height: inherit;
  vertical-align: bottom;

  border: none;
  border-radius: 0 ;
  outline: none;
  background-color: #fff;
  background-color: var(--light);
  box-shadow: none;

  appearance: none;
  -webkit-appearance: none;
  text-fill-color: #fff;
  text-fill-color: var(--light)
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder, select::-webkit-input-placeholder {
    line-height: inherit;
    font-style: italic;
    font-size: 1rem;
  }

input[type='submit'],textarea[type='submit'],select[type='submit']{
    width: auto;
  }

input:focus,textarea:focus,select:focus{
    outline: solid 2px #00857E;
    outline: solid 2px var(--secondary);
    outline-offset: 2px;
  }

[type='checkbox']{
  padding: 0;
  height: 1em;
  width: 1em;
  border: 1px solid currentColor;
  display: inline-block;
  vertical-align: middle;
  margin-right: .5rem
}

[type='checkbox']:checked{
    background-color: #000;
    background-color: var(--dark);
    box-shadow: inset 0 0 0 .1rem #fff;
    box-shadow: inset 0 0 0 .1rem var(--light);
  }

input,
textarea,
select {
  border: 1px solid #ADADAD;
  border: 1px solid var(--pentinary2);
  border: 1px solid #003349;
  border: 1px solid var(--primary);
}

input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
  color: inherit;
  background-color: #fff !important;
  background-color: var(--light) !important;
  box-shadow: 0 0 0 1000px #fff inset;
          box-shadow: 0 0 0 1000px var(--light) inset;

  -webkit-text-fill-color: currentColor;
          text-fill-color: currentColor;
}

input:-moz-focus-inner,
select:-moz-focus-inner,
*:focus-inner {
  padding: 0;

  border: none;
}

label{
  display: block;
  margin-bottom: 1rem;
  cursor: pointer;
}

.honey {
  display: none;
}

/* EOF */

/* Modules */

.Header {
  position: fixed;
  z-index: 3;
  top: 0;
  left: 0;


  padding-right: 1rem;
  padding-left: 1rem;

  background-color: #003349;

  background-color: var(--primary);
}

.Header__logo {
  display: block;

  padding: 1.5rem 0;

  background-color: #003349;

  background-color: var(--primary);

  order: -1
}

.Header__logo svg {
    display: block;

    max-width: 20rem;
    max-height: 2.1rem;
  }

.Header__sublogo {
  display: none;
}

@media screen and (min-width: 1400px) {
  .Header {
    /* padding-right: calc(((100% - 1400px) / 2) + 0rem); */
    /* padding-left: calc(((100% - 1400px) / 2) + 0rem); */
  }
}

@media (min-width:400px) {
  .Header__sublogo {
    display: block;
  }
}

@media screen and (min-width: 970px) {
  .Header {
    display: flex;
    justify-content: space-between;
    /* align-items: center; */

    vertical-align: middle;
  }
    .Header__logo img {
      max-width: 24rem;
    }
}

/* EOF */

.Nav {
  display: block;

  font-size: 0.95rem;
  /* height: 100%; */
  /* font-weight: 700; */
  letter-spacing: 0.05rem;
  text-transform: uppercase
}

.Nav ul {
    position: fixed;
    top: 0;
    left: 0;

    display: none;
    flex-direction: column;
    justify-content: center;
    align-items: center;

    width: 100%;
    height: 100%;
    height: 100%;
    margin: 0;
    padding: 0;

    list-style: none;

    background-color: #003349;

    background-color: var(--primary);
  }

.Nav li {
    position: relative;

    width: 100%;
    margin-bottom: 1px;
    padding: 0;

    text-align: center
  }

.Nav li:not(:first-of-type) {
      & a::after, button::after {
        position: absolute;
        z-index: 2;
        bottom: calc(100% + 1px);
        left: 50%;

        display: block;
        /* right: 2rem; */
        /* left: 2rem; */

        width: 80%;
        max-width: 30rem;
        height: 1px;

        content: '';
        transform: translateX(-50%);

        background-color: #00857E;

        background-color: var(--secondary);
      }
    }

.Nav li.active a::after {
        display: none;
      }

.Nav li.active + li a::after {
        display: none;
      }

.Nav li.active a {
        color: #003349;
        color: var(--primary);
        background-color: #2CCDC5;
        background-color: var(--secondary2);
      }

.Nav a{
    position: relative;

    display: inline-block;

    width: 100%;
    height: 100%;
    padding: 3vh 1rem;

    font-family: 'sourcebold', Verdana, sans-serif;

    font-family: var(--sourcebold);
    font-size: 1.4rem;
    font-weight: 700;
    text-decoration: none;
    word-wrap: no-wrap;

    color: #fff;

    color: var(--light);
    background-color: #003349;
    background-color: var(--primary)
  }

.Nav a:hover,
    .Nav a:active,
    .Nav a:focus {
      background-color: #00857E;
      background-color: var(--secondary);
    }

.Nav--isactive ul {
    display: flex;
  }

.Nav__toggle {
  position: absolute;
  z-index: 2;
  top: 0.2rem;
  right: 0rem;

  display: block;

  width: 4.5rem;
  height: 4.5rem;
  margin: 0;
  padding: 1rem;

  cursor: pointer;

  text-align: center;

  border: none;
  outline: none;
  background: none
}

.Nav__toggle:focus {
    outline: 2px solid #00857E;
    outline: 2px solid var(--secondary);
    outline-offset: -8px;
  }

.Nav__hamburger {
  position: relative;
  top: 0;

  display: block;

  width: 1.5rem;
  height: 2px;
  margin: 0 auto;

  transition: 0.2s;

  background: #fff;

  background: var(--light);
}

.Nav__hamburger::before,
.Nav__hamburger::after {
  position: absolute;
  left: 0;

  display: block;

  width: 100%;
  height: 2px;

  content: '';
  transition-delay: 0.2s, 0s;
  transition-duration: 0.2s, 0.2s;

  background-color: #fff;

  background-color: var(--light);
}

.Nav__hamburger::before {
  top: -0.6rem;

  transition-property: top, transform;
}

.Nav__hamburger::after {
  bottom: -0.6rem;

  transition-property: bottom, transform;
}

.Nav--isactive .Nav__hamburger {
  background-color: transparent
}

.Nav--isactive .Nav__hamburger::before {
    top: 0;

    transform: rotate(45deg);

    background-color: #fff;

    background-color: var(--light);
  }

.Nav--isactive .Nav__hamburger::after {
    bottom: 0;

    transform: rotate(-45deg);

    background-color: #fff;

    background-color: var(--light);
  }

.Nav--isactive .Nav__hamburger::before,
  .Nav--isactive .Nav__hamburger::after {
    transition-delay: 0s, 0.2s;
  }

.Nav__search {
  display: flex;
  flex-direction: row;
  justify-content: center;
  padding: 2rem !important
}

.Nav__search form{
    display: flex;
    align-items: center;
    justify-content: center;
    grid-gap: 2rem;
    gap: 2rem
  }

.Nav__search form *{
      margin: 0;
    }

.Nav__search-button {
  color: #fff;
  color: var(--light);
  background: none;
  border: none;
  padding: 0;
  margin: 0;
  display: flex;
  /* flex-direction: column; */
  justify-content: center;
  font-family: 'sourcebold', Verdana, sans-serif;
  font-family: var(--sourcebold);
  letter-spacing: inherit;
  align-items: center;
  cursor: pointer;
  padding: 1rem 1.5rem;
  height: 100%;
  text-align: center;
  font-weight: 700;
  font-size: 1rem

}

.Nav__search-button:hover,
  .Nav__search-button:active,
  .Nav__search-button:focus {
    background-color: #00857E;
    background-color: var(--secondary);
  }

.Nav__search-button.focus-visible {
    outline: 2px solid #00857E;
    outline: 2px solid var(--secondary);
    outline-offset: 2px;
  }

.Nav__search-button:focus-visible {
    outline: 2px solid #00857E;
    outline: 2px solid var(--secondary);
    outline-offset: 2px;
  }

@media screen and (min-width: 600px) {
    .Nav a {
      font-size: 1.8rem;
    }
}

@media screen and (min-width: 900px) {
  .Nav__toggle {
    top: 0.3rem;
    right: 0;
  }
}

@media screen and (min-width: 1300px) {
    .Nav ul {
      position: relative;
      top: auto;
      left: auto;

      display: flex;
      flex-direction: row;

      width: auto;
      margin-bottom: 0;
      padding-left: 0;
    }
    .Nav li {
      display: inline-block;

      width: auto;
      height: 100%;
      margin-bottom: 0;
    }
    .Nav a {
      /* width: min-content; */
      max-width: 11rem;
      line-height: 1em;
      display: flex;
      flex-direction: column;
      justify-content: center;

      padding: 1rem 1rem;

      font-size: inherit;
      font-size: 1rem
    }
      .Nav a:after {
        display: none !important;
      }
  .Nav__toggle {
    right: 1rem;

    display: none;
  }
  .Nav__search {
    position: relative;
    padding: 0 !important
  }
    .Nav__search button::after{
      display: none !important;
    }
    .Nav__search form{
      display: none;
      padding: 1rem;
    }
    .Nav__search .Nav__search-form--active {
      display: flex;
      justify-content: center;
      align-items: center;
      position: fixed;
      left: 0;
      top: 5rem;
      width: 100vw;
      background-color: #003349;
      background-color: var(--primary);
      z-index: 1000
    }
      .Nav__search .Nav__search-form--active form{
        display: block;
      }
}

/* EOF */

.Hero {
  position: relative;
  right: 50%;
  left: 50%;

  width: 100vw;
  margin-right: -50vw;
  /* margin-bottom: 6rem; */
  margin-left: -50vw
}

.Hero h1 {
    margin-bottom: 1.5rem;

    font-size: 2.5rem;
  }

.Hero h2 {
    font-size: 2.2rem;
  }

.Hero::after {
    position: absolute;
    z-index: 1;
    top: 100%;
    left: 50%;

    display: block;

    width: 5rem;
    height: 10rem;

    content: '';
    transform: translate(-50%, -80%);

    border-radius: 5rem / 10rem;
    background-color: inherit;
  }

.Hero a{
    background-color: inherit;
  }

.Hero + section{
  margin-top: 4rem;
}

.Hero__content {
  position: relative;
  z-index: 2;

  max-width: 1200px;
  margin-right: auto;
  margin-left: auto;
  padding-top: 3rem;
  padding-right: 2rem;
  padding-bottom: 2rem;
  padding-left: 2rem;
}

.Hero__intro {
  font-size: 1.4rem;
  line-height: 150%;
}

/* For each section hero color */

.Hero {
  background-color: #DDF0CE;
}

.research .Hero {
  background-color: #ffeed5;
}

.publications .Hero {
  background-color: #e2f2ee;
}

.about .Hero {
  background-color: #D8ECFD;
}

.state-policies .Hero{
  background-color: #ecf1f3
}

.news .Hero {
  margin-bottom: 0;
  padding-bottom: 0;

  background-color: #ecf1f3
}

.news .Hero .Hero__content {
    padding-bottom: 2rem;
  }

@media (min-width: 768px) {
    .Hero h1 {
      font-size: 4rem;
    }
  .Hero__intro{
    font-size: 1.8rem;
  }
  .Hero__content {
    /* padding-top: 3rem; */
    padding-bottom: 2rem;
  }
}

/* EOF */

.Main{
  margin-top: 5rem;
  /* & a{
    color: var(--tertiary);
  } */
}

.Features {
  margin-bottom: 2rem;

  color: #fff;

  color: var(--light)
}

.Features a {
    color: #2CCDC5;
    color: var(--secondary2);
    background-color: inherit;
  }

.Features__headline {
  width: 100%;
  margin-top: 4rem;
  margin-bottom: 1rem;

  font-size: 2rem;
  line-height: 150%;
  text-align: center;

  color: #003349;

  color: var(--primary);
}

.Features__excerpt {
  width: 100%;
  margin-bottom: 2rem;

  font-size: 1.2rem;
  font-style: italic;
  line-height: 150%;
  /* min-width: 40rem; */
  text-align: center;
  text-align: center;

  color: #003349;

  color: var(--primary);
}

.Features__article {
  margin-bottom: 2rem;

  background: #003349;

  background: var(--primary)
}

.Features__article h2 {
    margin-bottom: 0.5rem;

    font-size: 1.8rem
  }

.Features__article h2 a:hover,
      .Features__article h2 a:active,
      .Features__article h2 a:focus {
        color: #5cf5ee !important;
        color: var(--secondary3) !important;
      }

.Features__image {
  position: relative;
  top: 0;
  left: 0;

  display: block;

  margin-bottom: 0 !important
}

.Features__image a {
    display: block;
  }

.Features__image a:focus {
    position: relative;
    z-index: 1;

    display: block;

    outline: solid 2px #00857E;

    outline: solid 2px var(--secondary);
    outline-offset: 2px;
  }

.Features__image a:hover .Features__button, .Features__image a:focus .Features__button, .Features__image a:active .Features__button {
      opacity: 0.9;
    }

.Features__image img{
    aspect-ratio: 3/2;
    object-fit: cover;
    object-position: center center;
  }

.Features__button {
  position: absolute;
  z-index: 2;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;

  display: block;

  width: 100%;
  height: 100%;

  transition: 0.5s;
  /* padding-bottom: 100%; */

  font-style: normal;
  letter-spacing: -0.02rem;

  opacity: 0;
  /* opacity: 0.9; */
  color: #fff;
  color: var(--light);
  background-color: #00857E;
  background-color: var(--secondary)
}

.Features__button span {
    position: absolute;
    top: 50%;
    left: 50%;

    padding: 0.4rem 1.5rem;

    transform: translate(-50%,-50%);

    font-family: 'sourcebold', Verdana, sans-serif;

    font-family: var(--sourcebold);
    font-size: 1rem;
    white-space: nowrap;
    text-transform: uppercase;

    border: solid 2px #fff;

    border: solid 2px var(--light);
    border-radius: 3rem
  }

.Features__button span:hover {
      color: #00857E;
      color: var(--secondary);
      background-color: #fff;
      background-color: var(--light);
    }

.Features__section {
  position: absolute;
  z-index: 2;
  top: 0;
  right: 0;

  padding: 0.5rem 1rem;

  font-family: 'sourcebold', Verdana, sans-serif;

  font-family: var(--sourcebold);
  font-size: 0.9rem;
  letter-spacing: 0.05rem;
  text-transform: uppercase;

  color: #003349;

  color: var(--primary);
  background-color: #2CCDC5;
  background-color: var(--secondary2);
  box-shadow: 0 0 0.5rem rgba(0,0,0,0.15);
}

.Features__content {
  padding: 2rem 2rem 0.1rem
}

.Features__content p {
    line-height: 150%;
  }

@media (min-width: 500px) {
  .Features__excerpt{
    padding-right: 15%;
    padding-left: 15%;
  }
}

@media (min-width: 700px) {
  .Features {
    display: flex;
    flex-wrap: wrap;

    margin-right: -1rem;
    margin-left: -1rem;
  }
  .Features__headline {
    margin-top: 0rem;

    font-size: 3.5rem;
  }
  .Features__article {
    width: calc(50% - 2rem);
    margin: 1rem
  }

    .Features__article:first-of-type {
      display: flex;
      align-items: flex-start;

      width: 100%
    }
      .Features__article:first-of-type .Features__image {
        max-width: 60%;
        height: 100%;
        min-height: 30rem;

        flex-grow: 6
      }
        .Features__article:first-of-type .Features__image a {
          height: 100%;
        }
        .Features__article:first-of-type .Features__image img {
          width: 100%;
          height: 100%;

          object-fit: cover;
        }
      .Features__article:first-of-type .Features__content {
        max-width: 40%;
        padding-top: 4rem;

        flex-grow: 4;
      }
    .Features__article h2 {
      /* font-size: 2rem; */
    }
  .Features__content {
    padding-bottom: 0;
  }
}

@media (min-width: 768px) {
  .Features__excerpt{
    padding-right: 20%;
    padding-left: 20%;
  }
}

.Team {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;

  margin-top: 2rem;

  margin-right: -1rem;
  margin-left: -1rem
}

.Team > h2 {
    width: 100%;
    margin-top: 2rem;
    margin-bottom: 2rem;
    text-align: center;

    font-size: 2.5rem;
  }

:nth-child(-n + 2 of .Team) {
  position: relative;
  right: 50%;
  left: 50%;

  width: 100vw;
  margin-top: 0;
  margin-right: -50vw;
  margin-bottom: 0;
  margin-left: -50vw;
  padding-right: 1rem;
  padding-left: 1rem;

  background-color: #faf5d5;
}

:nth-child(1 of .Team) {
  padding-top: 2rem !important;
  padding-right: 1.5rem;
  padding-bottom: 0rem !important;
  padding-left: 1.5rem;
  margin-top: 8rem !important
}

:nth-child(1 of .Team) h3 {
    font-size: 1.8rem;
    line-height: 120%;
  }

:nth-child(2 of .Team) {
  margin-bottom: 6rem !important;
  padding-top: 0rem !important;
  padding-bottom: 4rem !important
}

:nth-child(2 of .Team)::after {
    position: absolute;
    z-index: 1;
    top: 100%;
    left: 50%;

    display: block;

    width: 5rem;
    height: 10rem;

    content: "";
    transform: translate(-50%, -80%);

    border-radius: 5rem / 10rem;
    background-color: inherit;
  }

.Team:last-child {
  margin-bottom: 8rem;
}

.Team__excerpt {
  margin-bottom: 2rem;
  padding-right: 0;
  padding-left: 0;
  text-align: center;

  font-style: italic;
}

.Team__person {
  position: relative;
  position: relative;
  z-index: 2;

  display: block;

  width: 100%;
  max-width: 45%;
  margin: 2.5%;

  text-decoration: none;

  background-color: inherit
}

.Team__person h3 {
    font-size: 1.5rem;
    line-height: 110%;
  }

.Team__person p {
    font-family: 'sourcesemi', Verdana, sans-serif;
    font-family: var(--sourcesemi);
    /* margin-top: -0.2rem; */
    font-size: 1.2rem;
    /* font-weight: 700; */
    font-style: italic;
    line-height: 150%;
    letter-spacing: -0.02rem;

    color: #003349;

    color: var(--primary);
  }

.Team__person:hover .Team__button, .Team__person:active .Team__button, .Team__person:focus .Team__button {
      opacity: 0.9;
    }

.Team:first-of-type {
  /* display: none; */
}

.Team:first-of-type .Team__person {
    max-width: 100%;
    margin: 0;
  }

.Team__title {
  margin-top: 0.5rem;
}

.Team__button {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;

  width: 100%;
  height: 0;
  padding-bottom: 100%;

  transition: 0.5s;

  font-style: normal;
  letter-spacing: 0.05rem;

  opacity: 0;
  color: #fff;
  color: var(--light);
  background-color: #00857E;
  background-color: var(--secondary)
}

.Team__button span {
    position: absolute;
    top: 50%;
    left: 50%;

    padding: 0.4rem 1.5rem;

    transform: translate(-50%, -50%);
    white-space: nowrap;

    font-family: 'sourcebold', Verdana, sans-serif;

    font-family: var(--sourcebold);
    font-size: 1rem;
    text-transform: uppercase;

    border: solid 2px #fff;

    border: solid 2px var(--light);
    border-radius: 3rem
  }

.Team__button span:hover {
      color: #00857E;
      color: var(--secondary);
      background-color: #fff;
      background-color: var(--light);
    }

.Team__institution {
  width: 100%;
  margin-bottom: 1.2rem;
  padding-right: 2rem;
  padding-left: 2rem;

  text-align: center
}

.Team__institution h3 {
    font-family: 'atc', 'Arial Black', Verdana, sans-serif;
    font-family: var(--atc);
    font-size: 1.4rem;
    font-weight: 700;
  }

.Team__thumb {
  text-align: center
}

.Team__thumb img {
    width: 100%;
  }

@media (min-width: 600px) {
  .Team {
    width: calc(100% + 4rem);
    margin-right: -2rem;
    margin-left: -2rem
  }
    .Team h2 {
      font-size: 3rem;
    }
    .Team:nth-of-type(-n + 2) {
      padding-right: calc((100vw - 1200px) / 2);
      padding-left: calc((100vw - 1200px) / 2);
    }
  .Team__excerpt {
    padding-right: 10%;
    padding-left: 10%;
  }
  .Team__person {
    position: relative;
    z-index: 2;

    max-width: 30%;
    margin: 1.5%;
  }

  .Team:first-of-type {
    /* display: none; */
  }
    .Team:first-of-type .Team__person {
      max-width: 45%;
      margin: 2.5%;
    }
  .Team__institution {
    margin-bottom: 1rem;
  }
}

@media (min-width: 800px) {
    .Team:first-of-type {
      padding-top: 4rem !important;
    }
  .Team__excerpt {
    padding-right: 20%;
    padding-left: 20%;
  }
  .Team__person {
    max-width: 22%;
    margin: 1.5%
  }
    .Team__person p {
      font-size: 1rem;
    }
  .Team:first-of-type {
    /* display: none; */
  }
    .Team:first-of-type .Team__person {
      max-width: 30%;
      margin: 1.5%;
    }
}

.Footer {
  /* padding: 1rem; */
  /* margin-top: 2rem; */
  color: #fff;
  color: var(--light);
  /* TODO REMOVE */
  background-color: #003349;
  background-color: var(--primary);
  /*
  & a{
    background-color: inherit;
    color: var(--light);
  } */
}

.Footer__signup {
  padding-top: 1rem;
  padding-bottom: 2rem;

  color: #003349;

  color: var(--primary);
  background-color: #2CCDC5;
  background-color: var(--secondary2)
}

.Footer__signup::after {
    display: table;
    clear: both;

    content: '';
  }

.Footer__signup form {
    max-width: 1200px;
    margin-right: auto;
    margin-left: auto;
    padding: 3rem 2rem 4rem;
  }

.Footer__signup h3 {
    width: 100%;
    margin-bottom: 1rem;
    margin-bottom: 0.1rem;

    font-family: 'sourcebold', Verdana, sans-serif;

    font-family: var(--sourcebold);
    font-size: 1.2rem;
  }

.Footer__signup p {
    margin-bottom: 4rem;
    /* font-weight: 700; */

    font-family: 'sourcesemi', Verdana, sans-serif;

    font-family: var(--sourcesemi);
    font-size: 1rem;
    font-style: italic;
    line-height: 150%;
  }

.Footer__signup label {
    position: relative;

    width: 100%;

    flex-shrink: 1
  }

.Footer__signup label span {
      position: absolute;
      bottom: 100%;
      left: 0;

      font-size: 0.9rem;
      font-weight: 700;
      letter-spacing: 0.02rem;
      text-transform: uppercase;
    }

.Footer__signup .Button {
    float: right;

    margin-bottom: 4rem;

    line-height: inherit;
  }

.Footer__content {
  position: relative;

  margin-top: 5rem;
  margin-bottom: 4rem;
  /* padding: 1rem; */
  padding-right: 2rem;
  padding-left: 2rem;

  font-size: 1rem;
  line-height: 150%
}

.Footer__content h3 {
    margin-top: 2rem;
    margin-bottom: 1rem;

    font-family: 'sourcebold', Verdana, sans-serif;

    font-family: var(--sourcebold);
    font-size: 1.2rem;
    letter-spacing: 0.05rem;
    text-transform: uppercase;
  }

.Footer__content a {
    font-family: 'sourcebold', Verdana, sans-serif;
    font-family: var(--sourcebold);
    letter-spacing: 0.02rem;

    color: #2CCDC5;

    color: var(--secondary2);
    background-color: inherit
  }

.Footer__content a:hover,
    .Footer__content a:active,
    .Footer__content a:focus {
      color: #fff !important;
      color: var(--light) !important;
    }

.Footer__shield {
  position: absolute;
  bottom: 100%;
  left: 50%;

  width: 7.1rem;

  transform: translate(-50%, 10%)
}

.Footer__shield svg {
    max-width: 100%;
  }

.Footer__information {
  position: relative;

  padding-top: 1rem;

  font-size: 0.90rem;
  font-style: italic
}

.Footer__information::before {
    position: absolute;
    bottom: 100%;

    width: 35px;
    height: 3px;

    content: '';

    background-image: url('/ui/images/dots.svg');
    background-repeat: no-repeat;
  }

.Footer__navigate ul {
    margin-left: 0;
    padding-left: 0;

    list-style: none;
  }

.Footer__navigate li {
    margin-bottom: 0;
    /* margin-bottom: 0.5rem; */
    padding-left: 0;

    font-family: 'sourcesemi', Verdana, sans-serif;

    font-family: var(--sourcesemi);
    text-transform: uppercase;
  }

.Footer__navigate a {
    display: block;

    padding: 0.2rem 0 0.5rem;
  }

.Footer__contact {
  font-family: 'sourcesemi', Verdana, sans-serif;
  font-family: var(--sourcesemi);
  font-weight: normal
}

.Footer__contact a {
    /* text-transform: uppercase; */
    /* display: block; */
    /* padding: 0.2rem 0 0.5rem; */
    text-decoration: none
  }

.Footer__contact a path {
      fill: #2CCDC5;
      fill: var(--secondary2);
    }

.Footer__contact a:hover path,
    .Footer__contact a:active path,
    .Footer__contact a:focus path {
      fill: #fff !important;
      fill: var(--light) !important;
    }

.Footer__copyright {
  margin-bottom: 0;
  padding: 1rem 2rem;
  /* letter-spacing: -.02rem; */

  font-family: 'sourcesemi', Verdana, sans-serif;

  font-family: var(--sourcesemi);
  font-size: 0.9rem;
  line-height: 150%;
  /* font-weight: 700; */
  text-align: center;

  color: #003349;

  color: var(--primary);
  background-color: #F1F3F5;
  background-color: var(--pentinary)
}

.Footer__copyright span {
    font-style: italic;
  }

.Footer__copyright a {
    color: #003349;
    color: var(--primary);
    background-color: inherit;
  }

@media (min-width: 600px) {
    .Footer__signup h3 {
      /* font-size: 1.5em; */
    }
    .Footer__signup form {
      /* display: flex; */
      /* flex-wrap: wrap; */
      /* justify-content: space-between; */
      /* align-items: center; */
    }
    .Footer__signup p {
      float: left;

      width: 46%;
      /* min-width: 360px; */
      margin-bottom: 0;
      /* letter-spacing:; */
    }
    .Footer__signup label {
      float: right;

      max-width: 50%;
      /* margin-right: 1rem; */
      margin-bottom: 1rem;

      flex-grow: 1
      /* margin-left: 1rem; */
    }
      .Footer__signup label span {
        font-size: 0.8rem;
      }
    .Footer__signup .Button {
      float: right;
      clear: right;

      margin-bottom: 2rem;
    }
  .Footer__content {
    display: flex;
    /* justify-content: space-between; */
    flex-wrap: wrap;

    max-width: 1200px;
    margin-right: auto;
    margin-left: auto
  }
    .Footer__content h3 {
      margin-top: 0;
    }

  .Footer__about {
    width: 100%;
    margin-bottom: 2rem;
    /* margin-right: 5rem; */
  }
  .Footer__navigate {
    min-width: max-content;
    margin-right: 4rem;
  }
}

@media (min-width: 1024px) {
    .Footer__signup form {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      align-items: center;
    }
    .Footer__signup p {
      float: left;

      width: 20rem;
      /* min-width: 360px; */
      margin-bottom: 0;
    }
    .Footer__signup label {
      float: right;

      max-width: 51%;
      /* margin-right: 1rem; */
      margin-bottom: 0rem;

      flex-grow: 1;
      /* margin-left: 1rem; */
    }
    .Footer__signup .Button {
      margin-bottom: 0rem;
    }
  .Footer__content {
    flex-wrap: nowrap;
    justify-content: space-between;
  }
  .Footer__about {
    max-width: 28rem;
    margin-right: 5rem;
    margin-bottom: 0;
  }
  .Footer__navigate {
    margin-right: 2rem;
  }
}

@supports (padding: max(0px)) {
  .Footer__copyright {
    padding-bottom: max(1rem, env(safe-area-inset-bottom));
  }
}

/* EOF */

.Filter {
  position: relative;

  margin-bottom: 6rem;
}

.Filter__topcat {
  margin-top: 1rem;
  margin-bottom: 0;

  font-family: 'sourcebold', Verdana, sans-serif;

  font-family: var(--sourcebold);
  font-size: 1.2rem;
  letter-spacing: 0.02rem;
}

.Filter__toggle {
  position: absolute;
  top: -0.7rem;
  right: 0;

  margin-bottom: 1rem;
  padding: 0.5rem 1rem;

  transform: translateY(-100%);

  font-size: 1rem;
  font-weight: 700;
  line-height: 150%;
  text-transform: uppercase;

  color: #5D5D5D;

  color: var(--quadrinary);
  border: none;
  border-radius: 0.5rem;
  background-color: #F1F3F5;
  background-color: var(--pentinary);
}

.Filter__filters--isactive .Filter__form {
    display: block;
  }

.Filter__filters--isactive .Filter__toggle {
    top: 0.3rem;

    padding-bottom: 1.5rem;

    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }

.Filter__filters {
  position: absolute;
  z-index: 1;
  top: 3rem;
  right: 0;

  width: 100%;

  color: #5D5D5D;

  color: var(--quadrinary);
  border-radius: 0.5rem;
  border-top-right-radius: 0;
  background-color: #F1F3F5;
  background-color: var(--pentinary);
}

.Filter__form {
  display: none;

  padding: 1rem 2rem 2rem 2rem
}

.Filter__form::after {
    display: table;
    clear: both;

    content: '';
  }

.Filter__form ul {
    margin-bottom: 1rem;
    padding: 0;

    list-style: none;
  }

.Filter__form li {
    margin: 0;
    padding: 0;

    font-size: 1rem;
    text-transform: lowercase
  }

.Filter__form li:last-child {
      margin-bottom: 0;
    }

.Filter__form label {
    position: relative;

    margin-bottom: 0;
    margin-bottom: 0.5rem;

    font-size: 1.1rem;
    line-height: 120%;
  }

.Filter__form input {
    border: 1px solid #5D5D5D !important;
    border: 1px solid var(--quadrinary) !important;
    background-color: #F1F3F5 !important;
    background-color: var(--pentinary) !important;
  }

.Filter__form input + svg {
    display: none;
    visibility: hidden;
  }

.Filter__form input:checked {
    border: 1px solid #AC406D !important;
    border: 1px solid var(--tertiary) !important;
    background-color: #fff !important;
    background-color: var(--light) !important;
  }

.Filter__form input:checked + svg {
    display: block;
    visibility: visible;
  }

.Filter__form svg {
    position: absolute;
    top: 0.45rem;
    left: 0.22rem;

    width: 0.7rem;
    height: 0.7rem;
    /* transform: translateY(50%); */
  }

.Filter__form .check {
    stroke: #AC406D !important;
    stroke: var(--tertiary) !important;
  }

.Filter__form .Filter__clear {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }

.Filter__close {
  float: right;

  margin-top: 1.7rem;
  padding: 0.3rem 0.7rem;

  font-size: 1rem;
  font-weight: 700;
  line-height: 150%;
  text-transform: uppercase;

  color: #5D5D5D;

  color: var(--quadrinary);
  border: none;
  border-radius: 0.5rem;
  background-color: #e2e8ea;
}

.Filter__current-filters {
  margin-top: 0;
  margin-bottom: 2.5rem;
  margin-left: 0;
  padding-left: 0;

  line-height: 120%
}

.Filter__current-filters ul {
    margin-left: 0;

    list-style: none;
  }

.Filter__current-filters li {
    display: inline-block;
    /* padding: 0; */

    margin-bottom: 0;
    /* margin: 0; */
    padding-left: 0;

    cursor: pointer;

    text-transform: lowercase
  }

.Filter__current-filters li:not(:last-of-type) {
      padding-right: 1rem;
    }

.Filter__heading {
  margin-bottom: 1rem;
  padding-right: 8.5rem;
  padding-bottom: 0.5rem;

  font-size: 2rem;

  border-bottom: 2px solid #F1F3F5;

  border-bottom: 2px solid var(--pentinary);
}

.Filter__clear {
  margin: 0rem 0 0;
  padding: 0;

  cursor: pointer;

  font-family: 'source', Verdana, sans-serif;

  font-family: var(--source);
  font-size: 0.9rem;
  font-weight: 400;
  text-decoration: underline;
  letter-spacing: normal;
  text-transform: lowercase;
  text-transform: inherit;

  color: #5D5D5D;

  color: var(--quadrinary);
  color: #AC406D;
  color: var(--tertiary);
  border: none;
  border-radius: 0;
  background-color: inherit;
  box-shadow: none
}

.Filter__clear svg {
    position: relative;

    margin-left: 0.2rem;

    vertical-align: middle;
  }

.Filter__clear .cross {
    fill: #AC406D;
    fill: var(--tertiary);
    stroke: #AC406D;
    stroke: var(--tertiary);
  }

.Filter__clear .circle {
    fill: #fff;
    fill: var(--light);
    stroke: #AC406D;
    stroke: var(--tertiary);
  }

.Filter__clear:hover,
  .Filter__clear:active,
  .Filter__clear:focus {
    text-decoration: underline;

    color: #00857E;

    color: var(--secondary);
    border: none;
    background-color: inherit
  }

.Filter__clear:hover .cross, .Filter__clear:active .cross, .Filter__clear:focus .cross {
      fill: #fff;
      fill: var(--light);
      stroke: #fff;
      stroke: var(--light);
    }

.Filter__clear:hover .circle, .Filter__clear:active .circle, .Filter__clear:focus .circle {
      fill: #00857E;
      fill: var(--secondary);
      stroke: #00857E;
      stroke: var(--secondary);
    }

.Filter__clear:focus {
    outline: solid 2px #00857E;
    outline: solid 2px var(--secondary);
    outline-offset: 2px;
  }

.Filter__filters .Filter__clear {
  /* float: left; */

  font-size: 1rem
}

.Filter__filters .Filter__clear svg {
    top: 0;
  }

.Filter__article {
  margin-bottom: 2rem;
  &first-of-type {
    margin-top: 2rem;
  }
}

.Filter__date {
  margin-bottom: -0.2rem;

  font-family: 'sourcebold', Verdana, sans-serif;

  font-family: var(--sourcebold);
  font-size: 1rem;
  letter-spacing: 0.02rem;
  text-transform: uppercase;
}

.Filter__title {
  margin-bottom: 0.2rem;

  font-size: 1.3em;
  font-style: italic;
  line-height: 150%;
}

.Filter__byline {
  margin-bottom: 0rem;
}

.Filter__categories {
  font-size: 0.9rem;
  font-style: italic;
  text-transform: lowercase;

  color: #707489;

  color: var(--hexinary)
}

.Filter__categories span:not(:last-of-type)::after {
    display: inline;

    content: ', ';
  }

.Filter__pages {
  margin-top: 4rem;

  font-size: 0.9rem;
  text-align: right;

  color: #707489;

  color: var(--hexinary);
}

@media (min-width: 768px) {
  .Filter {
    display: flex;
    align-items: flex-start;
  }
  .Filter__filters {
    position: relative;
    top: 0;

    min-width: min-content;
    max-width: 30%;

    font-size: 1em;

    border-radius: 0.5rem;
  }
  .Filter__filters .Filter__clear {
    /* float: right; */
  }
  .Filter__topcat {
    font-size: 1.1rem;
  }
  .Filter__toggle,
  .Filter__filters--isactive .Filter__toggle {
    position: relative;
    top: 0;

    margin-bottom: 0;
    padding: 1.5rem 1rem 0 1rem;

    transform: none;

    font-size: 1.1rem;
    letter-spacing: 0.02rem;
    /* margin: 0; */
  }
  .Filter__form {
    display: block !important;

    padding-top: 0;
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .Filter__close {
    display: none;
  }
  .Filter__results {
    width: 100%;
    margin-left: 3rem;
  }
  .Filter__heading {
    padding-right: 0;
  }
}

@media (min-width:850px) {
  .Filter__toggle,
  .Filter__filters--isactive .Filter__toggle {
    padding-left: 2rem;
  }
  .Filter__form {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width:1024px) {
  /* .Filter__toggle,
  .Filter__filters--isactive .Filter__toggle {
    padding-left: 2rem;
  }
  .Filter__form{
    padding-left: 2rem;
    padding-right: 2rem;
  } */
}

.Entry {
  margin-bottom: 6rem;
  padding-top: 2rem
}

.Entry h1 {
    font-size: 2.5rem;
  }

.Entry__date {
  margin-bottom: 0.5rem;
  margin-bottom: 1.5rem;

  font-family: 'sourcebold', Verdana, sans-serif;

  font-family: var(--sourcebold);
  font-size: 1.1rem;
  line-height: 150%;
  letter-spacing: 0.02rem
}

.Entry__date span {
    text-transform: uppercase;
  }

.Entry__byline {
  margin-bottom: 1.5rem;

  font-size: 1.4rem;
  font-style: italic;
}

.Entry__excerpt {
  margin-bottom: 3rem;

  font-size: 1.4rem;
  font-style: italic;
  line-height: 150%;
}

.Entry__downloads {
  /* margin-top: 1rem; */
  /* margin-bottom: 1rem; */
  min-width: 50%;
  margin-bottom: 3rem
}

.Entry__downloads a {
    display: block;

    margin: 0 0 0;
    /* float: left; */
    /* width: 100%; */
    /* min-width: calc(50% - 2rem); */

    text-align: center;
    white-space: nowrap;
    text-decoration: none
  }

.Entry__downloads a:focus {
      /* outline: none; */
    }

.Entry__downloads a span {
      margin-bottom: 0;
    }

.Entry__downloads a path {
      fill: currentcolor;
    }

.Entry__downloads a .Button {
      transition: 0.2s !important;
    }

.Entry__downloads a:hover,
    .Entry__downloads a:active,
    .Entry__downloads a:focus {
      /* & .Button{
        padding-right: 3rem !important;
      } */
    }

.Entry__downloads figure {
    margin-right: auto;
    margin-left: auto;

    box-shadow: 0 0 0.5rem rgba(0,0,0,0.15);
  }

.Entry__downloads svg {
    width: 1.7rem;
    height: 1rem;
    margin: 0;
    margin-right: 1rem;
    padding-left: 0.5rem;

    vertical-align: baseline;
  }

.Entry__downloads path {
    fill: currentcolor !important;
  }

.Entry__downloads--double {
  float: none;

  margin-right: 0;
  margin-bottom: 2rem
}

.Entry__downloads--double a {
    margin-bottom: 4rem;
  }

.Entry .Button {
  position: relative;
}

.Entry__cycle {
  /* display: flex; */
  /* justify-content: space-between; */
  clear: both;
  width: 100%;
  margin-top: 4rem;
  margin-bottom: 2rem;
  padding-top: 2rem;

  border-top: 1px solid #ADADAD;

  border-top: 1px solid var(--pentinary2)
}

.Entry__cycle::after {
    display: table;
    clear: both;

    content: '';
  }

.Entry__cycle {
  /* &::after {
    display: table;
    clear: both;

    content: '';
  } */
}

.Entry__prev,
.Entry__next,
.Entry__back {
  display: block;
  display: flex;
  flex-direction: column;

  font-family: 'sourcebold', Verdana, sans-serif;

  font-family: var(--sourcebold);
  font-size: 1rem;

  text-decoration-skip: spaces
}

.Entry__prev svg, .Entry__next svg, .Entry__back svg {
    display: inline-block;

    max-width: 1rem;
    max-height: 0.7rem;
    margin-top: -0.1rem;
    margin-right: 0.3rem;

    vertical-align: middle
  }

.Entry__prev svg .icon_arrow, .Entry__next svg .icon_arrow, .Entry__back svg .icon_arrow {
      fill: currentcolor !important;
    }

.Entry__prev:hover .icon_arrow, .Entry__prev:active .icon_arrow, .Entry__prev:focus .icon_arrow, .Entry__next:hover .icon_arrow, .Entry__next:active .icon_arrow, .Entry__next:focus .icon_arrow, .Entry__back:hover .icon_arrow, .Entry__back:active .icon_arrow, .Entry__back:focus .icon_arrow {
      fill: #00857E !important;
      fill: var(--secondary) !important;
    }

.Entry__prev {
  /* justify-self: flex-start; */
  float: left;
}

.Entry__next {
  /* justify-self: flex-end; */
  float: right;

  text-align: right
}

.Entry__next svg {
    margin-top: 0;
    margin-right: 0;
    margin-bottom: -0.1rem;
    margin-left: 0.3rem;

    transform: rotate(180deg);
  }

.Entry__back {
  width: 100%;

  background-color: inherit;
}

.Entry__thumb {
  display: none;
}

body.contact {
  background-color: #ecf1f3;
}

body.state-policies.subPage {
  background-color: #f0f3f4;
}

@media (min-width: 600px) {
  body.research.subPage {
    background-color: #fceed8;
  }

  body.publications.subPage {
    background-color: #e2f2ee;
  }
  body.team.subPage {
    background-color: #faf3cc;
  }
  body.news.subPage {
    background-color: #ecf1f3;
  }
  body.news:not(.subPage) {
    background-color: #ecf1f3;
  }

  .Entry {
    margin-top: 2rem;
    padding: 4rem 3rem;

    border: 1px solid #ADADAD;

    border: 1px solid var(--pentinary2);
    background-color: #fff;
    background-color: var(--light);
  }
  .Entry__downloads {
    float: left;

    width: 40%;
    min-width: auto;
    margin-right: 2rem;
    margin-bottom: 1.5rem;
  }
  .Entry__downloads--double {
    position: relative;

    display: flex;
    float: none;
    justify-content: space-between;

    width: 100%;
    margin-bottom: 4rem
  }
    .Entry__downloads--double a {
      width: 48%;
      margin-bottom: 0;
    }
}

@media (min-width: 768px) {
    .Entry h1 {
      font-size: 3.5rem;
    }
}

@media (min-width: 1024px) {
  .Entry {
    padding: 4rem 6rem;
  }
  .Entry__thumb {
    display: inline-block;

    max-width: 10rem !important;
    margin-bottom: 0 !important;

    vertical-align: text-top;
  }
  .Entry__excerpt {
    margin-top: 1rem;

    font-size: 1.6rem;
  }
  .Entry__downloads {
    margin-bottom: 1.5rem;
  }
  .Entry__downloads--double {
    margin-bottom: 3rem
  }
    .Entry__downloads--double a {
      width: 42%;
    }
    .Entry__downloads--double::after {
      position: absolute;
      top: 0;
      left: 50%;

      display: block;

      width: 1px;
      height: 100%;

      content: '';
      transform: translateX(-1px);

      background-color: #ADADAD;

      background-color: var(--pentinary2);
    }
}

@supports (clip-path: polygon(0% 0%, 100% 100%, 100% 0)) {
    .Entry .Button .triangle {
      position: absolute;
      bottom: calc(100% - 10px);
      left: calc(50% - 10px);

      display: block;

      width: 20px;
      height: 20px;

      transform: rotate(-45deg);

      border: inherit;
      background-color: inherit;

      clip-path: polygon(0% 0%, 100% 100%, 100% 0);
    }
}

.Feed {
  margin-bottom: 4rem;
}

.Feed__article {
  /* margin-bottom: 4rem; */
  /* padding-bottom: 3rem; */
}

.Feed__article:not(:last-child) {
    border-bottom: 1px solid #ADADAD;
    border-bottom: 1px solid var(--pentinary2);
  }

.Feed__image {
  position: relative;

  display: block;
  overflow: visible;

  margin-bottom: 2rem;

  box-shadow: 0 0 0.5rem rgba(0,0,0,0.25) !important;
}

.Feed__image figcaption {
  position: absolute;
  z-index: 2;
  top: 0;
  right: 0;

  padding: 0.3rem 1rem;

  font-family: 'sourcebold', Verdana, sans-serif;

  font-family: var(--sourcebold);
  font-size: 0.9rem;
  text-transform: uppercase;

  color: #003349;

  color: var(--primary);
  background-color: #2CCDC5;
  background-color: var(--secondary2);
}

@supports (clip-path: circle(50% at 50% 50%)) {
  .Feed__image figcaption {
    padding: 0.5rem 0.5rem 3rem 3rem;
    clip-path: polygon(100% 0, 0 0, 100% 100%);
  }
}

.Feed__date {
  margin-top: 0.8rem;
  margin-bottom: 0.8rem;

  font-family: 'sourcebold', Verdana, sans-serif;

  font-family: var(--sourcebold);
  font-size: 0.9rem;
  line-height: 150%;
  letter-spacing: 0.02rem
}

.Feed__date span {
    text-transform: uppercase;
  }

.Feed__date span {
  text-transform: uppercase;
}

.Feed__title {
  margin-bottom: 0.8rem;

  font-size: 2rem;
}

.Feed__byline {
  font-style: italic;
  line-height: 150%;
}

.Feed__learn {
  font-weight: 700;

  background-color: inherit
}

.Feed__learn svg {
    display: inline-block;

    max-width: 1em;
    max-height: 1em;
    margin-top: 0rem;
    margin-left: 0.5rem;

    transform: rotate(180deg);

    vertical-align: middle
  }

.Feed__learn svg .icon_arrow {
      fill: currentcolor !important;
    }

.Feed__learn:hover .icon_arrow, .Feed__learn:active .icon_arrow, .Feed__learn:focus .icon_arrow {
      fill: #00857E !important;
      fill: var(--secondary) !important;
    }

.Feed__downloads {
  font-size: 0.8rem
}

.Feed__downloads a:first-child {
    margin-right: 1rem;
  }

.Feed__downloads svg{
    margin-right: 1rem;
    width: 1.7rem;
    height: 1rem;
    padding-left: 0.5rem;
    vertical-align: baseline;
    margin: 0;
  }

.Feed__downloads path{
    fill: currentcolor !important;
  }

.publications .Hero h1 {
  display: none;
}

@media (min-width: 600px) {
  .publications .Hero h1 {
    display: block;
  }
  .Feed__article {
    display: flex;
    align-items: flex-start;
  }
  .Feed__image {
    display: block;

    width: 25%;
    margin-right: 2rem;
    margin-bottom: 0
  }
    .Feed__image figure {
      margin-bottom: 0;
    }
  .Feed .Feed__image {
    width: 25%;
  }
  .Feed__content {
    width: 100%;
  }
  .Feed:has(figure) .Feed__content {
    width: 75%;
  }
}

@media (min-width: 1200px) {
  .publications .Hero h1 {
    display: block;
  }
  .Feed__article {
    display: flex;
    align-items: flex-start;
  }
  .Feed__image {
    display: block;

    width: 33%;
    margin-right: 2rem;
    margin-bottom: 0
  }
    .Feed__image figure {
      margin-bottom: 0;
    }
  .Feed .Feed__image {
    width: 25%;
  }
  .Feed__content {
    width: 100%;
  }
  .Feed:has(figure) .Feed__content {
    width: 75%;
  }
}

/* EOF */

.NewsFeed__results {
  margin-bottom: 6rem;
}

.NewsFeed__hero {
  margin-top: 4rem;
  margin-bottom: 2rem;

  font-size: 2.5rem;
}

.NewsFeed__article {
  margin-bottom: 2rem;
  padding-bottom: 1.5rem;

  border-bottom: 1px solid #ADADAD;

  border-bottom: 1px solid var(--pentinary2)
}

.NewsFeed__article:first-of-type {
    margin-top: 2rem;
  }

.NewsFeed__article:last-of-type {
    border-bottom: none;
  }

.NewsFeed__date {
  margin-bottom: 0.5rem;

  font-family: 'sourcebold', Verdana, sans-serif;

  font-family: var(--sourcebold);
  font-size: 1.2rem;
  text-transform: uppercase;
}

.NewsFeed__title {
  margin-bottom: 1rem;

  font-family: 'sourcebold', Verdana, sans-serif;

  font-family: var(--sourcebold);
  font-size: 1.3em;
  font-style: italic;
}

.NewsFeed__excerpt {
  line-height: 150%;
}

.NewsFeed__back {
  font-family: 'sourcebold', Verdana, sans-serif;
  font-family: var(--sourcebold);
  font-size: 1rem;
}

@media(min-width:600px) {
  .NewsFeed__hero {
    margin-bottom: 3rem;

    font-size: 4.5rem;
  }
  .NewsFeed__article {
    margin-top: 2rem;
    margin-bottom: 0;
    padding: 2rem 2rem 0.1rem;

    border: 1px solid #ADADAD;

    border: 1px solid var(--pentinary2);
    background-color: #fff;
    background-color: var(--light)
  }
    .NewsFeed__article:first-of-type {
      margin-top: 0;
    }

    .NewsFeed__article:last-of-type {
      border-bottom:  1px solid #ADADAD;
      border-bottom:  1px solid var(--pentinary2);
    }
}

.Person {
  display: flex;
  flex-direction: column
}

.Person h1 {
    line-height: 110%;
  }

.Person h2 {
    font-size: 2rem;
  }

.Person__headshot {
  display: block;

  width: calc(100% + 4rem);
  margin-top: calc(-2rem - 1px);
  margin-right: -2rem;
  margin-bottom: 4rem;
  margin-left: -2rem;

  background-color: #faf3cc;

  order: -2
}

.Person__headshot img {
    display: block;

    width: 100%;
  }

.Person__headshot figcaption {
    width: 100%;
    padding: 3rem 3rem 3rem 3rem;

    text-align: center;

    color: #003349;

    color: var(--primary);
    background-color: #2CCDC5;
    background-color: var(--secondary2);
  }

.Person__headshot p {
    margin-top: -0.7rem;
    margin-bottom: 0;
    /* font-style: italic; */

    font-family: 'sourcebold', Verdana, sans-serif;

    font-family: var(--sourcebold);
    font-size: 1.4rem;
  }

.Person__additions {
  width: calc(100% + 4rem);
  margin: -4rem -2rem 4rem;
  padding: 3rem 0 1rem 2rem;

  text-align: center;

  background-color: #e2f2ee;

  order: -1
}

.Person__additions h3 {
    font-family: 'sourcebold', Verdana, sans-serif;
    font-family: var(--sourcebold);
    font-size: 1.2rem;
  }

.Person__additions a {
    background-color: inherit;
  }

.Person__additions:empty,
  .Person__additions:blank {
    display: none;
  }

.Person__additions div {
    display: inline-block;

    margin-bottom: 1.5rem;

    text-align: left;
  }

.Person__bio {
  margin-bottom: 2rem;
}

.Person__publications > h2 {
    padding-bottom: 1rem;

    border-bottom: 2px solid #F1F3F5;

    border-bottom: 2px solid var(--pentinary);
  }

.Person__link {
  margin-bottom: 0.5rem
}

.Person__link svg {
    display: inline-block;

    max-width: 1.5em;
    /* margin-top: -0.1rem; */
    margin-right: 0.5rem;

    line-height: 160%;
    vertical-align: text-top
  }

.Person__link svg path {
      fill: currentcolor !important;
    }

.Person__back {
  clear: both;
}

.Person .Feed {
  margin-bottom: 0;
  padding-bottom: 0;
}

.team .Entry__back {
  margin-bottom: 2rem;
  padding-top: 2rem;

  border-top: 1px solid #ADADAD;

  border-top: 1px solid var(--pentinary2);
}

@media (min-width: 600px) {
  .Person {
    position: relative;

    width: 100%;
    margin-top: 4rem
  }
    .Person h1 {
      font-size: 2rem;
    }
  .Person__headshot {
    display: flex;
    align-items: center;

    width: calc((100% + 6rem) + 2px);
    margin-top: calc(-4rem - 1px);
    margin-right: -3rem;
    margin-left: -3rem;

    background-color: #2CCDC5;

    background-color: var(--secondary2)
  }
    .Person__headshot span {
      width: 100%;
      min-width: 20rem;
      max-width: 40%;
    }
    .Person__headshot img {
      /*  */
      /* height: auto; */
      box-shadow: 0 0 0.5rem rgba(0,0,0,0.15);
    }
    .Person__headshot figcaption {
      display: flex;
      flex-direction: column;
      justify-content: center;

      max-width: 60%;
      height: 100%;
      height: 100%;
      padding: 2rem;

      text-align: left;
    }
  .Person__additions {
    width: calc(100% + 6rem);
    margin-right: -3rem;
    margin-left: -3rem;
  }
  .Person__publications {
    clear: both;
  }
}

@media (min-width: 768px) {
    .Person h1 {
      font-size: 4rem;
    }
}

@media (min-width: 1024px) {
  .Person {
    display: block
  }
    .Person h1 {
      font-size: 4.5rem;
    }
  .Person__headshot {
    align-items: flex-end;

    width: calc((100% + 12rem) + 2px);
    margin-right: -6rem;
    margin-left: -6rem;

    background-color: #faf3cc
  }
    .Person__headshot figcaption {
      padding-top: 4rem;
    }
  .Person__bio {
    float: left;

    max-width: 65%;
  }
  .Person__additions {
    float: left;

    width: calc(38.5% - 4rem);
    min-width: 10rem;
    margin-top: 0.2rem;
    margin-right: 0;
    margin-left: 2rem;
    padding-top: 0;
    padding-bottom: 4rem;
    padding-left: 2rem;

    font-size: 0.9rem;
    line-height: 150%;
    text-align: left;

    border-left: 2px solid #F1F3F5;

    border-left: 2px solid var(--pentinary);
    background-color: transparent;
  }
}

.Contact {
  margin-top: 4rem;
  margin-bottom: 6rem
}

.Contact h1{
    font-size: 2.5rem;
  }

.Contact #MainTitle {
    width: 100%;
  }

.Contact .Button {
    float: right;

    margin-top: 0.5rem;
    margin-bottom: 0;

    line-height: 2.2em;
  }

.Contact a {
    color: #003349;
    color: var(--primary);
    background-color: inherit
  }

.Contact a:hover,
    .Contact a:active,
    .Contact a:focus {
      color: #AC406D;
      color: var(--tertiary);
    }

.Contact form {
  margin-bottom: 2rem;
}

.Contact__information {
  line-height: 150%;
  border-left: 0.3rem solid #2CCDC5;
  border-left: 0.3rem solid var(--secondary2);
  padding-left: 1.5em
}

.Contact__information h2 {
    margin-bottom: 0.2rem;

    font-size: 2.5rem;
  }

.Contact__information b,
  .Contact__information strong {
    font-size: 1rem;
  }

.Contact__information i,
  .Contact__information em {
    font-size: 1rem;
  }

.Contact__information p {
    line-height: 120%;
    margin-bottom: 1.5rem;
  }

.Contact__information img{
    padding: 0.2rem;
  }

.Contact label {
  margin-bottom: 1rem;

  font-size: 0.9rem;
  /* font-weight: 700; */
  font-family: 'sourcebold', Verdana, sans-serif;
  font-family: var(--sourcebold);
  text-transform: uppercase;
  letter-spacing: 0.02rem;
}

@media (min-width: 600px) {
  .Contact {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 8rem
  }
    .Contact h1{
      font-size: 4.5rem;
    }
  .Contact form {
    width: 57%;
    padding-right: 1.5rem;
  }
  .Contact__information {
    min-width: 30%;

    line-height: 140%
  }


    .Contact__information :last-child {
      margin-bottom: 0;
    }
    .Contact__information h2 {
      margin-bottom: 0.2rem;

      font-size: 2.2rem;
    }
    .Contact__information p{
      margin-bottom: 1.5rem;
    }
}

.Levers {
  margin-bottom: 6rem;

  counter-reset: my-badass-counter
}

.Levers > h2 {
    margin-top: 10rem;
    margin-bottom: 1rem;

    font-size: 2rem;
    line-height: 150%;
    text-align: center;
  }

.Levers__excerpt {
  margin-bottom: 2rem;

  font-size: 1.2rem;
  font-style: italic;
  line-height: 150%;
  /* min-width: 40rem; */
  text-align: center;
}

.Levers__blocks {
  position: relative;

  /*right: 50%;
  left: 50%;

  width: 100vw;
  margin-right: -50vw;
  margin-bottom: 4em;
  margin-left: -50vw; */
}

.Levers__lever {
  margin-bottom: 2rem;

  background-color: #ffedd1;
}

.Levers__video {
  /* min-height: 10rem; */
  background-color: #003349;
  background-color: var(--primary)
}

.Levers__video .Video {
    padding-top: 0;
    padding-bottom: 100%;
  }

.Levers__popover {
  font-size: 1.4rem;

  background-color: inherit
  /* color: var(--primary); */
}

.Levers__popover:hover,
  .Levers__popover:active,
  .Levers__popover:focus {
    text-decoration: none;
    /* color: var(--light) !important; */
  }

.Levers__popover--image {
  position: relative;

  display: block;

  width: 100%;
  height: 100%
}

.Levers__popover--image img {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
    object-position: center center;
  }

.Levers__popover--image span {
    position: absolute;
    top: 50%;
    left: 50%;

    transition: 0.2s;
    transform: translate(-50%, -50%) scale(0.7);
  }

.Levers__popover--image:hover span, .Levers__popover--image:active span, .Levers__popover--image:focus span {
      transform: translate(-50%, -50%) scale(1);
    }

.Levers__lightbox {
  display: none;
}

.Levers__copy {
  padding: 2rem;

  font-size: 1.1rem;
  line-height: 150%
}

.Levers__copy p:last-of-type {
    margin-bottom: 0;
  }

.Levers__copy h3 {
    margin-bottom: 0.5rem;

    font-family: 'sourcebold', Verdana, sans-serif;

    font-family: var(--sourcebold);
    font-size: 1.6rem;
    letter-spacing: 0.05rem;
    text-transform: uppercase;
  }

@media (min-width: 500px) {
    .Levers > h2 {
      font-size: 3.5rem;
    }
  .Levers__excerpt {
    padding-right: 10%;
    padding-left: 10%;
  }
}

@media (min-width: 768px) {
  .Levers__excerpt {
    margin-bottom: 4rem;
    padding-right: 15%;
    padding-left: 15%;
    font-size: 1.4rem;
  }
  .Levers__copy {
    position: relative;

    display: flex;
    /* padding-top: 50%; */
    overflow: visible;
    flex-direction: column;
    justify-content: center;

    width: 50%;
    height: 100%;
    /* height: 0; */
    /* height: 50vw; */
    padding: 2rem;
    /* height: auto; */
  }
  .Levers__video {
    position: relative;

    width: 50%;
    /* height: 50%; */
    /* height: 50vw; */
  }
  .Levers__lever {
    display: flex

    /* margin-bottom: 0; */
  }
    .Levers__lever:nth-child(even) {
      flex-direction: row-reverse;
    }
}

@media (min-width: 1024px) {
  .Levers__experpt{

    padding-right: 15%;
    padding-left: 15%;
  }
}

@media (min-width: 1200px) {
  .Levers__copy {
    min-height: calc((100vw - (100vw - 1200px) - 4rem) / 2);
    padding: 2rem 6vw
  }
    .Levers__copy::after {
      position: absolute;
      top: 45%;
      right: 0;

      content: counter(my-badass-counter);
      counter-increment: my-badass-counter;
      transform: translate(45%, -50%);

      font-family: 'sourcebold', Verdana, sans-serif;

      font-family: var(--sourcebold);
      font-size: 16rem;
      /* font-weight: 100; */

      color: #f8d79d;
    }
  .Levers__lever {
    margin-bottom: 0
  }
      .Levers__lever:nth-child(even) .Levers__copy::after {
        right: auto;
        left: 0;

        content: counter(my-badass-counter);
        counter-increment: my-badass-counter;
        transform: translate(-50%, -50%);
      }
}

.Map > h2 {
    margin-bottom: 1rem;
    /* margin-top: 10rem; */

    font-size: 2rem;
    line-height: 150%;
    text-align: center;
  }

.Map__excerpt {
  margin-bottom: 2rem;

  font-size: 1.2rem;
  font-style: italic;
  line-height: 150%;
  /* min-width: 40rem; */
  text-align: center;
}

.Map__image {
  width: 100%;
  margin-bottom: 4rem
}

.Map__image > img {
    width: 100%;
    /* margin: -1rem; */
  }

.Map__legend {
  display: block;

  width: 52%;
  margin-right: auto;
  margin-left: auto;
  padding-left: 0;

  line-height: 100%;
  text-align: left
}

.Map__legend li {
    display: block;

    padding-right: 0.5rem;
    padding-left: 0.5rem;

    font-style: italic;

    color: #707489;

    color: var(--hexinary);
  }

.Map__legend img {
    display: inline-block;

    width: 1.5rem;
    height: 1.5rem;
    margin-right: 0.2rem;

    vertical-align: text-top;
  }

.Map__studies {
  margin-bottom: 6rem;
  margin-left: 0;
  padding-left: 0;

  list-style-type: none;

  counter-reset: number;

  color: #3ea673
}

.Map__studies > li {
    position: relative;
    /* margin-bottom: 2rem; */

    padding-top: 0.5rem;
    padding-left: 2.5rem;

    page-break-inside: avoid;

    break-inside: avoid;
    page-break-inside: avoid;
  }

.Map__studies > li span {
    position: absolute;
    z-index: 2;
    top: 0.6rem;
    left: 0;

    display: flex;
    justify-content: center;
    align-items: center;

    width: 1.7rem;
    height: 1.7rem;
    /* padding-left: 0.23rem; */
    /* content: counter(number)'\a0'; */
    /* counter-increment: number; */

    font-family: 'sourcebold', Verdana, sans-serif;

    font-family: var(--sourcebold);
    font-size: 1.2rem;
    line-height: 1em;

    color: #fff;

    color: var(--light);
    border-radius: 50%;
    background-color: #3ea673;
  }

.Map__studies ul {
    padding-left: 1.5rem;

    list-style-position: outside;

    font-size: 10px;

    page-break-inside: avoid;

    break-inside: avoid;
    page-break-inside: avoid;
  }

.Map__studies ul li {
    margin-bottom: 0.5rem;
    margin-left: 0;
    padding-left: 0;

    font-size: 1.4rem;
    font-weight: 400;
    text-transform: none;

    color: #707489;

    color: var(--hexinary);
  }

.heavy {
  color: #176748
}

.heavy span {
    background-color: #176748 !important;
  }

.Map__headline {
  margin-bottom: 1rem;

  font-family: 'sourcebold', Verdana, sans-serif;

  font-family: var(--sourcebold);
  font-size: 1.6rem;
  text-transform: uppercase;
}

@media (min-width: 500px) {
    .Map > h2 {
      font-size: 3.5rem;
    }
  .Map__excerpt {
    padding-right: 10%;
    padding-left: 10%;
  }
}

@media (min-width: 768px) {
  .Map__legend {
    width: 100%;
    margin-right: 0;
    margin-left: 0;

    text-align: center
  }
    .Map__legend li {
      display: inline-block;
    }
  .Map__excerpt {
    padding-right: 20%;
    padding-left: 20%;

    font-size: 1.4rem;
  }
  .Map__studies {
    column-count: 2;
    grid-column-gap: 4rem;
    column-gap: 4rem;
  }
}

.Lightbox {
  position: fixed;
  z-index: 4;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;

  width: 100%;
  height: 100%;
  padding: 1rem;

  background-color: rgba(255,255,255 , 0.9);
  /* padding: 2rem 2rem; */
}

.Lightbox--visible {
  display: flex !important;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.Lightbox__container{
  max-width: 1024px;
  width: 100%;
}

.Lightbox__close{
  position: absolute;
  top: 1rem;
  right: 1rem;
  border: none;
  background-color: transparent;
  padding: 0;
  margin: 0
}

.Lightbox__close svg{
    width: 1.5rem;
    height: 1.5rem;
  }

.Lightbox__close .cross {
    fill: #fff;
    fill: var(--light);
    stroke: #fff;
    stroke: var(--light);
  }

.Lightbox__close .circle {
    fill: #003349;
    fill: var(--primary);
    stroke: #003349;
    stroke: var(--primary);
  }

.Lightbox__close:hover,
  .Lightbox__close:active,
  .Lightbox__close:focus {
    z-index: 3
    /* text-decoration: underline; */

    /* color: var(--tertiary); */
    /* border: none; */
    /* background-color: inherit; */
  }

.Lightbox__close:hover .cross, .Lightbox__close:active .cross, .Lightbox__close:focus .cross {
      fill: #fff;
      fill: var(--light);
      stroke: #fff;
      stroke: var(--light);
    }

.Lightbox__close:hover .circle, .Lightbox__close:active .circle, .Lightbox__close:focus .circle {
      fill: #00857E;
      fill: var(--secondary);
      stroke: #00857E;
      stroke: var(--secondary);
    }

.Lightbox__close:focus {
    outline: solid 2px #00857E;
    outline: solid 2px var(--secondary);
    outline-offset: 2px;
  }

.Lightbox .Video {
  margin-bottom: 0;
  /* max-width: 60rem; */
  /* padding-top: 0; */
}

.Sitemap{
  margin-bottom: 5rem;
}

.Policies {
  margin-top: 5rem;
  margin-bottom: 3rem;
}

.Policies__holder {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;

  margin-bottom: 3rem;
}

.Policies__filters {
  z-index: 1;
  top: 3rem;
  right: 0;

  overflow: hidden;

  width: 100%;
  margin-top: 1.5rem;
  margin-bottom: 2rem;

  color: #5D5D5D;

  color: var(--quadrinary);
  border: 1px solid #c5c6c6;
  border-radius: 0.5rem;
}

.Policies__set {
  clear: both;

  border-top: none;
  /* display: none; */
  background-color: #F1F3F5;
  background-color: var(--pentinary);
}

.Policies__set--visible {
  display: block;
}

.Policies__heading {
  position: relative;
  top: 0;

  width: 100%;
  /* float: right; */
  /* margin-bottom: 1rem; */
  margin-bottom: 0;
  padding: 1rem 1rem 1rem 2rem;

  transform: none;

  font-family: 'source', Verdana, sans-serif;

  font-family: var(--source);
  font-size: 1.1rem;
  font-weight: 700;
  text-align: left;
  letter-spacing: 0.02rem;
  text-transform: uppercase;

  color: #5D5D5D;

  color: var(--quadrinary);
  border-bottom: none;
  /* border-radius: 0.5rem; */
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  background-color: #F1F3F5;
  background-color: var(--pentinary);
  /* border-color: transparent; */
}

.Policies__filters label {
  position: relative;

  margin-top: 0.5rem;
  /* display: flex; */
  margin-bottom: 0.5rem;
  padding-left: 1.5rem;

  font-size: 1rem;
  line-height: 1.2em
}

.Policies__filters label[focus-within] div {
    /* position: relative; */
    /* z-index: 2; */
    outline: solid 2px #00857E;
    outline: solid 2px var(--secondary);
    outline-offset: 0;

    outline-radius: 50%;
  }

.Policies__filters label:focus-within div {
    /* position: relative; */
    /* z-index: 2; */
    outline: solid 2px #00857E;
    outline: solid 2px var(--secondary);
    outline-offset: 0;

    outline-radius: 50%;
  }

.Policies__filters [type='radio'] {
  position: absolute;
  top: 0;
  /* top: -0.1rem; */
  left: 0;

  display: inline;
  /* display: none; */
  /* visibility: hidden; */

  width: auto;
  width: 0;
  height: 0;

  vertical-align: baseline;

  border: none;
  border-radius: 5000%;
  background-color: transparent;
  appearance: none;
  clip-path: polygon(0px 0px, 0px 0px, 0px 0px);
}

.Policies__filters [type='radio'] + div {
  position: absolute;
  top: 0rem;
  left: 0;

  display: inline-block;

  width: 16px;
  height: 16px;
  /* margin-right: 0.5rem; */

  content: '';

  border: 1px solid #5D5D5D;

  border: 1px solid var(--quadrinary);
  border-radius: 50%;
}

.Policies__filters [type='radio']:checked + div {
  border: 2px solid #AC406D;
  border: 2px solid var(--tertiary);
  background-color: #AC406D;
  background-color: var(--tertiary);
  box-shadow: inset 0 0 0 0.2rem #fff;
  box-shadow: inset 0 0 0 0.2rem var(--light);
}

.Policies__filters [type='radio']:checked ~ span {
  font-family: 'sourcebold', Verdana, sans-serif;
  font-family: var(--sourcebold);
  letter-spacing: -0.025rem;
}

.Policies__toggle {
  position: relative;

  width: 100%;
  margin: 0;
  padding: 0.5rem 1rem 0.5rem 2rem;

  font-family: 'sourcebold', Verdana, sans-serif;

  font-family: var(--sourcebold);
  font-size: 1.1rem;
  text-align: left;

  color: #5D5D5D;

  color: var(--quadrinary);
  border: none;
  border-top: 1px solid #c5c6c6;
  background: transparent;
  background-color: #e6e6e6;

  appearance: none
}

.Policies__toggle svg {
    position: absolute;
    top: 0.7rem;
    left: 1rem;

    width: 0.5em;

    transform: rotate(180deg)
  }

.Policies__toggle svg * {
      fill: #5D5D5D;
      fill: var(--quadrinary);
    }

.Policies__toggle:hover,
  .Policies__toggle:active,
  .Policies__toggle:focus {
    cursor: pointer;
  }

.Policies__toggle:focus {
    position: relative;
    z-index: 2;

    outline: solid 2px #00857E;

    outline: solid 2px var(--secondary);
    outline-offset: -2px;
  }

[aria-controls='interdistrict'] {
  border-bottom: 1px solid #c5c6c6;
}

#interdistrict {
  border-top: none;
}

.Policies__toggle:last-of-type {
  border-bottom: 1px solid #c5c6c6;
}

.Policies__toggle--open svg {
    transform: rotate(-90deg);
  }

.Policies__toggle--open + div {
  height: auto !important;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;

  border-top: 1px solid #c5c6c6;
}

.Policies__clear {
  float: left;

  margin: 0rem 0 0;
  padding: 1.4rem 1rem;

  cursor: pointer;

  font-family: 'source', Verdana, sans-serif;

  font-family: var(--source);
  font-size: 0.9rem;
  font-weight: 400;
  text-decoration: underline;
  letter-spacing: normal;
  text-transform: lowercase;
  text-transform: inherit;

  color: #5D5D5D;

  color: var(--quadrinary);
  color: #AC406D;
  color: var(--tertiary);
  border: none;
  border-radius: 0;
  background-color: inherit;
  box-shadow: none
}

.Policies__clear svg {
    position: relative;

    margin-left: 0.2rem;

    vertical-align: middle;
  }

.Policies__clear .cross {
    fill: #AC406D;
    fill: var(--tertiary);
    stroke: #AC406D;
    stroke: var(--tertiary);
  }

.Policies__clear .circle {
    fill: #fff;
    fill: var(--light);
    stroke: #AC406D;
    stroke: var(--tertiary);
  }

.Policies__clear:hover,
  .Policies__clear:active,
  .Policies__clear:focus {
    text-decoration: underline;

    color: #00857E;

    color: var(--secondary);
    border: none;
    background-color: inherit
  }

.Policies__clear:hover .cross, .Policies__clear:active .cross, .Policies__clear:focus .cross {
      fill: #fff;
      fill: var(--light);
      stroke: #fff;
      stroke: var(--light);
    }

.Policies__clear:hover .circle, .Policies__clear:active .circle, .Policies__clear:focus .circle {
      fill: #00857E;
      fill: var(--secondary);
      stroke: #00857E;
      stroke: var(--secondary);
    }

.Policies__clear:focus {
    outline: solid 2px #00857E;
    outline: solid 2px var(--secondary);
    outline-offset: 2px;
  }

.Policies__clear--disabled {
  cursor: default;

  color: #ADADAD !important;

  color: var(--pentinary2) !important;
  outline: none !important;
  outline-offset: 2px
}

.Policies__clear--disabled .cross {
    fill: #ADADAD !important;
    fill: var(--pentinary2) !important;
    stroke: #ADADAD !important;
    stroke: var(--pentinary2) !important;
  }

.Policies__clear--disabled .circle {
    fill: #fff !important;
    fill: var(--light) !important;
    stroke: #ADADAD !important;
    stroke: var(--pentinary2) !important;
  }

.Policies__close {
  display: none;
  float: right;

  margin: 1rem;
  padding: 0.3rem 0.7rem;

  font-size: 1rem;
  font-weight: 700;
  line-height: 150%;
  text-transform: uppercase;

  color: #5D5D5D;

  color: var(--quadrinary);
  border: none;
  border-radius: 0.5rem;
  background-color: #e2e8ea;
}

[data-filter] a {
  opacity: 1
}

[data-filter] a:hover,
  [data-filter] a:active,
  [data-filter] a:focus {
    opacity: 1
  }

[data-filter] a:hover path,
    [data-filter] a:hover circle,
    [data-filter] a:active path,
    [data-filter] a:active circle,
    [data-filter] a:focus path,
    [data-filter] a:focus circle {
      /* stroke-width:3; */
      /* stroke: black; */
    }

[data-filter] a text {
    fill: #003349;
    fill: var(--primary);
  }

.Policies__radios {
  overflow: hidden;

  height: 0;
  margin: 0;
  padding-right: 2rem;
  padding-left: 2rem;
}

.Policies__title {
  font-size: 2.5rem;
  /* text-align: center; */
}

#Policies__map-container {
  scroll-margin-top: -60vw;
}

.Policies__map-container {
  /* clear:both; */
  flex-grow: 1;
  order: -1;
}

.Policies__information {
  /* max-width: 50ch; */
  margin-right: auto;
  margin-bottom: 3rem;
  margin-left: auto;

  font-size: 1.5rem;
  line-height: 150%
  /* font-family: var(--sourceitalic); */
  /* font-style: italic; */
  /* text-align: center; */
}

.Policies__information a {
    background-color: inherit
  }

.Policies__information a:hover path {
      fill: inherit;
    }

.Policies__information img {
    width: 1.7em;
    height: 1em;
    margin: 0 0 -4px;
    padding-left: 0.5rem;

    vertical-align: baseline;
  }

.Policies__information path {
    fill: currentcolor !important;
  }

.Policies__select {
  display: block;

  width: 100%;
  margin-top: 0.5rem;
  margin-bottom: 1rem;
  padding: 2px;

  border-radius: 0
}

.Policies__select select{
    color: #5D5D5D;
    color: var(--quadrinary);
    font-size: 1rem;
    padding: 0 .5rem;
  }

.Policies__keytitle {
  margin-bottom: 0.5rem;

  font-family: 'sourcebold', Verdana, sans-serif;

  font-family: var(--sourcebold);
  font-size: 1rem;
  text-transform: uppercase;

  color: #5D5D5D;

  color: var(--quadrinary);
}

.Policies__key {
  display: inline-flex;
  flex-wrap: wrap;

  /* width: calc(100% - 8.55rem); */
  margin: 0 0 2rem 0;
  padding: 0.4rem 0;

  list-style-type: none;

  border-top: 1px solid #ADADAD;

  border-top: 1px solid var(--pentinary2);
  border-bottom: 1px solid #ADADAD;
  border-bottom: 1px solid var(--pentinary2)
}

.Policies__key li {
    margin: 0;
    padding: 0 2rem 0 0;

    font-size: 0.9rem;

    color: #5D5D5D;

    color: var(--quadrinary);
  }

.Policies__keyImage {
  position: relative;
  top: -0.15rem;

  display: inline-block;

  width: 1.2em;
  height: 1.2rem;
  margin-right: 0.4rem;

  vertical-align: middle
}

.Policies__keyImage img {
    /* max-width: 20px; */
    width: 1.2rem;
  }

.Policies__key--yes,
.Policies__key--no,
.Policies__key--maybe,
.Policies__key--null,
.Policies__key--na{
  font-size: .8rem;
  padding-left: 0.2rem;
  opacity: 0.7;
}

.Policies__notes {
  margin-top: 1rem;
  margin-left: 1.2rem;

  font-size: 0.8rem;
  font-style: italic;
  line-height: 1.5em;

  color: #5D5D5D;

  color: var(--quadrinary)
}

.Policies__notes h3 {
    margin-bottom: 1rem;

    font-size: 1rem;
    font-style: normal;
    text-transform: uppercase;
  }

.Policies__note--maybe,
.Policies__note--null,
.Policies__note--na {
  position: relative
}

.Policies__note--maybe > div, .Policies__note--null > div, .Policies__note--na > div {
    position: absolute;
    top: 0;
    right: calc(100% + 0.1rem);
  }

@media (min-width: 600px) {
  .Policies__holder {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .Policies__filters {
    width: 56%;

    align-self: flex-start;
  }
  .Policies__title {
    font-size: 4.5rem;
  }
  .Policies__information {
    font-size: 2rem;
  }
  .Policies__select {
    order: 10;
  }
  .Policies__notes {
    width: 38%;
    margin-top: 1.5rem;
  }
}

@media (min-width: 1030px) {
  .Policies__select {
    display: none;
  }
  .Policies__holder {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: flex-start;
  }
  .Policies__filters {
    max-width: 32%;
    margin-top: 0;
    margin-bottom: 0;
  }
  .Policies__heading {
    float: none;

    width: 100%;
    margin-top: 0;

    text-align: left;

    border: none;
    border-radius: 0;
    border-top-left-radius: 0.5rem;
    border-top-right-radius: 0.5rem;
  }
  .Policies__set {
    display: block !important;
    overflow: hidden;

    border: none;
    border-radius: 0.5rem;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
  .Policies__filters label {
    padding-left: 30px;
  }
  .Policies__filters [type='radio'] + div {
    width: 20px;
    height: 20px;
  }
  .Policies__clear {
    float: right;
  }
  .Policies__close {
    display: none;
  }
  .Policies__map-container {
    /* max-width: 65%; */
    margin-left: 2rem;

    flex-grow: 1;
    order: 0;
  }
  .Policies__keytitle {
    margin-left: 1.5rem;
  }
  .Policies__key {
    width: 100%;
    margin-left: 1.5rem
  }
    .Policies__key li {
      padding-right: 1rem;
    }
  .Policies__jump {
    display: none !important;
  }
  .Policies__notes {
    width: auto;
    max-width: 62.5%;
    margin-left: 2rem
  }
    .Policies__notes h3 {
      display: none;
    }
  @supports(display:grid) {
    .Policies__holder {
      display: grid;

      grid-gap: 1rem;

      gap: 1rem;
      grid-template-columns: 3fr 7fr;
      grid-template-rows: auto 1fr;
    }
    .Policies__filters {
      width: 100%;
      max-width: 100%;

      grid-row: 1 / span 2;
    }
    .Policies__notes {
      max-width: 100%;

      grid-column: 2;
    }
  }
}

/* POLICY FILTERING */

[data-filter='charter-allow'] .charter-allow-yes path,
  [data-filter='charter-allow'] .charter-allow-yes circle,
  [data-filter='charter-cap'] .charter-cap-yes path,
  [data-filter='charter-cap'] .charter-cap-yes circle,
  [data-filter='charter-profit'] .charter-profit-yes path,
  [data-filter='charter-profit'] .charter-profit-yes circle,
  [data-filter='charter-teachers'] .charter-teachers-yes path,
  [data-filter='charter-teachers'] .charter-teachers-yes circle,
  [data-filter='charter-transportation'] .charter-transportation-yes path,
  [data-filter='charter-transportation'] .charter-transportation-yes circle,
  [data-filter='interdistrict-allow'] .interdistrict-allow-yes path,
  [data-filter='interdistrict-allow'] .interdistrict-allow-yes circle,
  [data-filter='interdistrict-transportation'] .interdistrict-transportation-yes path,
  [data-filter='interdistrict-transportation'] .interdistrict-transportation-yes circle,
  [data-filter='private-allow'] .private-allow-yes path,
  [data-filter='private-allow'] .private-allow-yes circle,
  [data-filter='private-cap'] .private-cap-yes path,
  [data-filter='private-cap'] .private-cap-yes circle,
  [data-filter='private-credit'] .private-credit-yes path,
  [data-filter='private-credit'] .private-credit-yes circle,
  [data-filter='private-performance'] .private-performance-yes path,
  [data-filter='private-performance'] .private-performance-yes circle,
  [data-filter='private-religious'] .private-religious-yes path,
  [data-filter='private-religious'] .private-religious-yes circle,
  [data-filter='private-tests'] .private-tests-yes path,
  [data-filter='private-tests'] .private-tests-yes circle,
  [data-filter='private-transportation'] .private-transportation-yes path,
  [data-filter='private-transportation'] .private-transportation-yes circle,
  [data-filter='virtual-allow'] .virtual-allow-yes path,
  [data-filter='virtual-allow'] .virtual-allow-yes circle,
  [data-filter='virtual-attendance'] .virtual-attendance-yes path,
  [data-filter='virtual-attendance'] .virtual-attendance-yes circle,
  [data-filter='virtual-state'] .virtual-state-yes path,
  [data-filter='virtual-state'] .virtual-state-yes circle,
  [data-filter='virtual-teacher'] .virtual-teacher-yes path,
  [data-filter='virtual-teacher'] .virtual-teacher-yes circle {
    fill: #46c781;
    fill: url('#pattern_yes');
  }

[data-filter='charter-allow'] .charter-allow-no path,
  [data-filter='charter-allow'] .charter-allow-no circle,
  [data-filter='charter-cap'] .charter-cap-no path,
  [data-filter='charter-cap'] .charter-cap-no circle,
  [data-filter='charter-profit'] .charter-profit-no path,
  [data-filter='charter-profit'] .charter-profit-no circle,
  [data-filter='charter-teachers'] .charter-teachers-no path,
  [data-filter='charter-teachers'] .charter-teachers-no circle,
  [data-filter='charter-transportation'] .charter-transportation-no path,
  [data-filter='charter-transportation'] .charter-transportation-no circle,
  [data-filter='interdistrict-allow'] .interdistrict-allow-no path,
  [data-filter='interdistrict-allow'] .interdistrict-allow-no circle,
  [data-filter='interdistrict-transportation'] .interdistrict-transportation-no path,
  [data-filter='interdistrict-transportation'] .interdistrict-transportation-no circle,
  [data-filter='private-allow'] .private-allow-no path,
  [data-filter='private-allow'] .private-allow-no circle,
  [data-filter='private-cap'] .private-cap-no path,
  [data-filter='private-cap'] .private-cap-no circle,
  [data-filter='private-credit'] .private-credit-no path,
  [data-filter='private-credit'] .private-credit-no circle,
  [data-filter='private-performance'] .private-performance-no path,
  [data-filter='private-performance'] .private-performance-no circle,
  [data-filter='private-religious'] .private-religious-no path,
  [data-filter='private-religious'] .private-religious-no circle,
  [data-filter='private-tests'] .private-tests-no path,
  [data-filter='private-tests'] .private-tests-no circle,
  [data-filter='private-transportation'] .private-transportation-no path,
  [data-filter='private-transportation'] .private-transportation-no circle,
  [data-filter='virtual-allow'] .virtual-allow-no path,
  [data-filter='virtual-allow'] .virtual-allow-no circle,
  [data-filter='virtual-attendance'] .virtual-attendance-no path,
  [data-filter='virtual-attendance'] .virtual-attendance-no circle,
  [data-filter='virtual-state'] .virtual-state-no path,
  [data-filter='virtual-state'] .virtual-state-no circle,
  [data-filter='virtual-teacher'] .virtual-teacher-no path,
  [data-filter='virtual-teacher'] .virtual-teacher-no circle {
    fill: #ef8418;
    fill: url('#pattern_no');
  }

[data-filter='charter-allow'] .charter-allow-maybe path,
  [data-filter='charter-allow'] .charter-allow-maybe circle,
  [data-filter='charter-cap'] .charter-cap-maybe path,
  [data-filter='charter-cap'] .charter-cap-maybe circle,
  [data-filter='charter-profit'] .charter-profit-maybe path,
  [data-filter='charter-profit'] .charter-profit-maybe circle,
  [data-filter='charter-teachers'] .charter-teachers-maybe path,
  [data-filter='charter-teachers'] .charter-teachers-maybe circle,
  [data-filter='charter-transportation'] .charter-transportation-maybe path,
  [data-filter='charter-transportation'] .charter-transportation-maybe circle,
  [data-filter='interdistrict-allow'] .interdistrict-allow-maybe path,
  [data-filter='interdistrict-allow'] .interdistrict-allow-maybe circle,
  [data-filter='interdistrict-transportation'] .interdistrict-transportation-maybe path,
  [data-filter='interdistrict-transportation'] .interdistrict-transportation-maybe circle,
  [data-filter='private-allow'] .private-allow-maybe path,
  [data-filter='private-allow'] .private-allow-maybe circle,
  [data-filter='private-cap'] .private-cap-maybe path,
  [data-filter='private-cap'] .private-cap-maybe circle,
  [data-filter='private-credit'] .private-credit-maybe path,
  [data-filter='private-credit'] .private-credit-maybe circle,
  [data-filter='private-performance'] .private-performance-maybe path,
  [data-filter='private-performance'] .private-performance-maybe circle,
  [data-filter='private-religious'] .private-religious-maybe path,
  [data-filter='private-religious'] .private-religious-maybe circle,
  [data-filter='private-tests'] .private-tests-maybe path,
  [data-filter='private-tests'] .private-tests-maybe circle,
  [data-filter='private-transportation'] .private-transportation-maybe path,
  [data-filter='private-transportation'] .private-transportation-maybe circle,
  [data-filter='virtual-allow'] .virtual-allow-maybe path,
  [data-filter='virtual-allow'] .virtual-allow-maybe circle,
  [data-filter='virtual-attendance'] .virtual-attendance-maybe path,
  [data-filter='virtual-attendance'] .virtual-attendance-maybe circle,
  [data-filter='virtual-state'] .virtual-state-maybe path,
  [data-filter='virtual-state'] .virtual-state-maybe circle,
  [data-filter='virtual-teacher'] .virtual-teacher-maybe path,
  [data-filter='virtual-teacher'] .virtual-teacher-maybe circle {
    fill: #f4d429;
    fill: url('#pattern_maybe');
  }

[data-filter='charter-allow'] .charter-allow-null path,
  [data-filter='charter-allow'] .charter-allow-null circle,
  [data-filter='charter-cap'] .charter-cap-null path,
  [data-filter='charter-cap'] .charter-cap-null circle,
  [data-filter='charter-profit'] .charter-profit-null path,
  [data-filter='charter-profit'] .charter-profit-null circle,
  [data-filter='charter-teachers'] .charter-teachers-null path,
  [data-filter='charter-teachers'] .charter-teachers-null circle,
  [data-filter='charter-transportation'] .charter-transportation-null path,
  [data-filter='charter-transportation'] .charter-transportation-null circle,
  [data-filter='interdistrict-allow'] .interdistrict-allow-null path,
  [data-filter='interdistrict-allow'] .interdistrict-allow-null circle,
  [data-filter='interdistrict-transportation'] .interdistrict-transportation-null path,
  [data-filter='interdistrict-transportation'] .interdistrict-transportation-null circle,
  [data-filter='private-allow'] .private-allow-null path,
  [data-filter='private-allow'] .private-allow-null circle,
  [data-filter='private-cap'] .private-cap-null path,
  [data-filter='private-cap'] .private-cap-null circle,
  [data-filter='private-credit'] .private-credit-null path,
  [data-filter='private-credit'] .private-credit-null circle,
  [data-filter='private-performance'] .private-performance-null path,
  [data-filter='private-performance'] .private-performance-null circle,
  [data-filter='private-religious'] .private-religious-null path,
  [data-filter='private-religious'] .private-religious-null circle,
  [data-filter='private-tests'] .private-tests-null path,
  [data-filter='private-tests'] .private-tests-null circle,
  [data-filter='private-transportation'] .private-transportation-null path,
  [data-filter='private-transportation'] .private-transportation-null circle,
  [data-filter='virtual-allow'] .virtual-allow-null path,
  [data-filter='virtual-allow'] .virtual-allow-null circle,
  [data-filter='virtual-attendance'] .virtual-attendance-null path,
  [data-filter='virtual-attendance'] .virtual-attendance-null circle,
  [data-filter='virtual-state'] .virtual-state-null path,
  [data-filter='virtual-state'] .virtual-state-null circle,
  [data-filter='virtual-teacher'] .virtual-teacher-null path,
  [data-filter='virtual-teacher'] .virtual-teacher-null circle {
    fill: #31a8d3;
    fill: url('#pattern_null');
  }

[data-filter='charter-allow'] .charter-allow-na path,
  [data-filter='charter-allow'] .charter-allow-na circle,
  [data-filter='charter-cap'] .charter-cap-na path,
  [data-filter='charter-cap'] .charter-cap-na circle,
  [data-filter='charter-profit'] .charter-profit-na path,
  [data-filter='charter-profit'] .charter-profit-na circle,
  [data-filter='charter-teachers'] .charter-teachers-na path,
  [data-filter='charter-teachers'] .charter-teachers-na circle,
  [data-filter='charter-transportation'] .charter-transportation-na path,
  [data-filter='charter-transportation'] .charter-transportation-na circle,
  [data-filter='interdistrict-allow'] .interdistrict-allow-na path,
  [data-filter='interdistrict-allow'] .interdistrict-allow-na circle,
  [data-filter='interdistrict-transportation'] .interdistrict-transportation-na path,
  [data-filter='interdistrict-transportation'] .interdistrict-transportation-na circle,
  [data-filter='private-allow'] .private-allow-na path,
  [data-filter='private-allow'] .private-allow-na circle,
  [data-filter='private-cap'] .private-cap-na path,
  [data-filter='private-cap'] .private-cap-na circle,
  [data-filter='private-credit'] .private-credit-na path,
  [data-filter='private-credit'] .private-credit-na circle,
  [data-filter='private-performance'] .private-performance-na path,
  [data-filter='private-performance'] .private-performance-na circle,
  [data-filter='private-religious'] .private-religious-na path,
  [data-filter='private-religious'] .private-religious-na circle,
  [data-filter='private-tests'] .private-tests-na path,
  [data-filter='private-tests'] .private-tests-na circle,
  [data-filter='private-transportation'] .private-transportation-na path,
  [data-filter='private-transportation'] .private-transportation-na circle,
  [data-filter='virtual-allow'] .virtual-allow-na path,
  [data-filter='virtual-allow'] .virtual-allow-na circle,
  [data-filter='virtual-attendance'] .virtual-attendance-na path,
  [data-filter='virtual-attendance'] .virtual-attendance-na circle,
  [data-filter='virtual-state'] .virtual-state-na path,
  [data-filter='virtual-state'] .virtual-state-na circle,
  [data-filter='virtual-teacher'] .virtual-teacher-na path,
  [data-filter='virtual-teacher'] .virtual-teacher-na circle {
    fill: #d1d1d1;
  }

/* EOF */

.State.Entry {
  margin-top: 2rem;
  padding: 0;

  border: none;
  background-color: inherit
}

.State.Entry div {
    position: relative;
  }

.State header {
  /* background-color: #f0f3f4; */
  margin-top: 2.5rem;
  margin-bottom: 3rem;

  text-align: center
}

.State header h1 {
    margin-bottom: 0.5rem;

    font-size: 3rem;
  }

.State header p {
    /* font-family: var(--sourcebold); */
    font-size: 2rem;
  }

.State__aspect {
  padding: 1rem;
}

.State__category {
  /* position: relative; */
  padding-top: 2rem;
  padding-right: 2rem;
  padding-left: 2rem;
  padding-bottom: 2rem;
  margin-right: -2rem;
  margin-left: -2rem;

  background-color: #fff;

  background-color: var(--light);
  border-bottom: 1px solid #ADADAD;
  border-bottom: 1px solid var(--pentinary2);
  scroll-margin-top: 10rem;
  top:0;
}

.State__tabs {
  position:         sticky;
  z-index: 2;
  top: calc(4.9rem + 2px);

  display: flex;
  justify-content: space-between;

  max-width: 100vw;
  margin: 0;
  margin-right: -2rem;
  margin-left: -2rem;
  padding: 0;

  list-style: none;

  font-family: 'sourcesemi', Verdana, sans-serif;

  font-family: var(--sourcesemi);
  font-size: 0.9rem;
  text-align: center;
  text-transform: uppercase;

  border-top: 2.5px #f0f3f4 solid;
  border-bottom: 0.5rem solid #2CCDC5;
  border-bottom: 0.5rem solid var(--secondary2);
  background-color: #003349;
  background-color: var(--primary)
}

.State__tabs li {
    margin: 0;
    /* width: 22%; */

    flex: 1;
  }

.State__tabs a {
    display: block;

    padding: 1rem 1rem;

    text-decoration: none;

    color: #fff;

    color: var(--light);
    background-color: inherit
  }

.State__tabs a:active {
      outline: none !important;
      color: #fff;
      color: var(--light);
    }

.State__tabs a:hover {
      outline: none !important;
      /* color: var(--primary); */
      background-color: #00857E;
      background-color: var(--secondary);
    }

.State__tabs [aria-selected] {
    color: #003349 !important;
    color: var(--primary) !important;
    background-color: #2CCDC5 !important;
    background-color: var(--secondary2) !important;
  }

.State__top {
  position: absolute;
  right: 2rem;
  bottom: 0;

  text-decoration: underline;

  color: #AC406D;

  color: var(--tertiary)
}

.State__top:hover {
    cursor: pointer;
  }

.State__top svg {
    position: absolute;
    top: -0.7rem;
    left: 30%;

    transform: rotate(90deg)
  }

.State__top svg .icon_arrow {
      fill: #AC406D;
      fill: var(--tertiary);
    }

.State__updated {
  margin-bottom: 2rem;
  padding: 1rem 0rem 0.5rem 0;

  font-family: 'sourcebold', Verdana, sans-serif;

  font-family: var(--sourcebold);
  font-size: 0.9rem;
  text-align: center;

  color: #5D5D5D;

  color: var(--quadrinary);
  /* border-bottom: 1px solid var(--pentinary2); */
}

.State__meta {
  position: relative;

  margin-bottom: 4rem;
  padding: 2rem 2rem 0.1rem;

  font-size: 1rem;
  background-color: #E6E6E6;
  background-color: var(--pentinary3)
}

.State__meta a {
    background-color: inherit;
  }

.State__meta-info{
  position: relative;
  padding-left: 1.5rem;
  line-height: 150%
}

.State__meta-info a{
    font-family: 'sourcebold', Verdana, sans-serif;
    font-family: var(--sourcebold);
  }

.State__meta-info svg{
    position: absolute;
    top: .2rem;
    left: 0;
    width: 1rem
  }

.State__meta-info svg *{
      fill: #AC406D;
      fill: var(--tertiary);
    }

.State__wrapper h3 {
  margin-bottom: 0.7rem;
  padding-top: 1rem;

  font-size: 1.7rem

  /* border-top: 1px solid var(--primary); */
}

.State__wrapper h3 a:link {
    text-decoration: none;

    background-color: inherit;
  }

.State__wrapper h4 {
  font-size: 1.2rem;
}

.State__wrapper a {
  background-color: inherit;
}

.State__answer {
  margin-bottom: 2rem
}

.State__answer::after {
    display: table;
    clear: both;

    content: '';
  }

.State__answer p:last-child {
    margin-bottom: 0;
  }

.State__filter {
  display: inline-block;
  position: relative;
  z-index: 1;

  float: left;

  margin-right: 1.5rem;
  padding-right: 0.5rem;
  padding-left: 0.5rem;

  font-family: 'sourcebold', Verdana, sans-serif;

  font-family: var(--sourcebold);
  text-transform: uppercase;
  background-size: auto;
}

.State__filter.State__yes{
  background-image: url('/ui/images/pattern_yes.svg');
}

.State__filter.State__no{
  background-image: url('/ui/images/pattern_no.svg');
}

.State__filter.State__maybe{
  background-image: url('/ui/images/pattern_maybe.svg');
}

.State__filter.State__null{
  background-image: url('/ui/images/pattern_null.svg');
}

.State__filter.State__na{
  background-color: #d1d1d1;
}

.State__filter--colon {
  position: absolute;
  right: -.8rem;
  top: 0;
  padding-left: 0.5rem;
  /* color: var(--secondary); */
}

@media (min-width: 600px) {
    .State header h1 {
      font-size: 4.5rem;
    }
  .State__category {
    padding: 4rem 3rem;
    margin-right: 0;
    margin-left: 0;

    border-right: 1px solid #ADADAD;

    border-right: 1px solid var(--pentinary2);
    border-bottom: 1px solid #ADADAD;
    border-bottom: 1px solid var(--pentinary2);
    border-left: 1px solid #ADADAD;
    border-left: 1px solid var(--pentinary2);
  }
  .State__tabs {
    margin-right: 0;
    margin-left: 0;

    font-family: 'sourcebold', Verdana, sans-serif;

    font-family: var(--sourcebold);
    font-size: 1.2rem;
    letter-spacing: 0.07rem
  }
    .State__tabs li {
      width: 25%;
    }
  .State__top {
    right: 4rem;
    bottom: 5.5rem;
  }
  .State__meta{
    background-color: #E6E6E6;
    background-color: var(--pentinary3);
  }
}

@media (min-width: 1024px) {
  .State__category {
    padding: 4rem 6rem;
  }
  .State__top {
    right: 6rem;
    bottom: 6rem;
  }
}

.PolicyMap a path,
  .PolicyMap a circle {
    position: relative;
    z-index: 2;

    fill: #AC406D;

    fill: var(--tertiary);
    stroke: #fff;
    stroke: var(--light);
    stroke-alignment: outer;
    stroke-location: outside;
    stroke-position: outside;
  }

.PolicyMap a:hover path, .PolicyMap a:active path, .PolicyMap a:focus path {
      /* position: relative; */
      stroke: #fff;
      stroke: var(--light);
      stroke-alignment: outer;
      stroke-location: outside;
      stroke-position: outside;
      /* stroke-width: 4; */
      /* z-index: 3; */
    }

.PolicyMap a:hover path,
    .PolicyMap a:hover circle,
    .PolicyMap a:active path,
    .PolicyMap a:active circle,
    .PolicyMap a:focus path,
    .PolicyMap a:focus circle {
      opacity: .8;
      /* fill: var(--secondary); */
    }

.PolicyMap tspan {
  font-family: 'sourcebold';
  font-size: 14px;
}

/* .PolicyMap .charter-allow-yes {
  & path,
  & circle {
    fill: var(--secondary);
  }
} */

/* EOF */

/* Components */

.Video {
  position: relative;

  width: 100%;
  max-width: 100%;
  height: 0;
  margin-bottom: 5rem;
  padding-top: 25px;
  padding-bottom: 56.25%; /* 16:9 */
  padding-bottom: 54.45%; /* 16:9 */

  background-color: #AC406D;

  background-color: var(--tertiary);
}

.Video--featured {
  z-index: 2;

  margin-top: -10rem;
}

.Video__embed {
  position: absolute;
  top: 0;
  left: 0;

  width: 100%;
  height: 100%;
}

.Video__description {
  position: absolute;
  top: 100%;
  left: 0;

  width: 100%;
  padding: 1rem;

  font-family: 'sourcesemi', Verdana, sans-serif;

  font-family: var(--sourcesemi);
  font-size: 1.5rem;
  font-style: italic;
  text-align: center;

  color: #fff;

  color: var(--light);
  background-color: #AC406D;
  background-color: var(--tertiary);
  /* font-weight: 700; */
  /* letter-spacing: 0.01rem; */
}

/* EOF */

.Blockquote {
  margin-right: 1rem;
  margin-left: 1.5rem;
  padding-left: 1rem;

  font-size: 1.4rem;
  line-height: 150%;

  border-left: 5px solid #2CCDC5;

  border-left: 5px solid var(--secondary2);
}

.Blockquote--pull {
  position: relative;

  margin-right: 2rem;
  margin-left: 2rem;
  padding-top: 5rem;
  padding-left: 0;

  font-style: italic;
  text-align: center;

  border: none
}

.Blockquote--pull .Blockquote__byline {
    /* font-family: serif; */
  }

.Blockquote--pull:after {
    font-style: normal;
    position: absolute;
    top: 4rem;
    left: 50%;

    display: block;

    content: '\201C';
    transform: translate(-50%, 0%);

    font-size: 8rem;
    line-height: 1px;

    color: #2CCDC5;

    color: var(--secondary2);
  }

.Blockquote__byline {
  /* margin-top: 1rem; */
  margin-bottom: 0;

  font-family: 'sourcebold', Verdana, sans-serif;

  font-family: var(--sourcebold);
  font-size: 1rem;
  font-style: normal;
  margin-top: -0.5rem;
}

@media (min-width:768px) {
  .Blockquote {
  margin-right: 2rem;
  margin-left: 2.5rem;
  }
  .Blockquote--pull {
    margin-right: 3rem;
    margin-left: 3rem;
  }
}

/* EOF */

.Figure {
  max-width: 100%;
  margin-bottom: 2rem
}

.Figure img {
    display: block;

    width: 100%;
  }

.Figure__caption {
  padding: 0.5rem 0.7rem;

  font-size: 0.8rem;
  font-style: italic;
  line-height: 150%;

  color: #5D5D5D;

  color: var(--quadrinary);
  background-color: #F1F3F5;
  background-color: var(--pentinary)
}

.Figure__caption p:last-child {
    margin-bottom: 0;
  }

/* EOF */

.Cta {
  display: block;

  width: 100%;
  /* width: max-content; */
  margin-right: auto;
  margin-bottom: 2rem;
  margin-left: auto;
  text-align: center;
}

/* EOF */

.Button,
a:link.Button,
a:visited.Button,
a .Button {
  display: inline-block;

  margin-bottom: 1rem;
  /* margin-left: 1rem; */
  /* margin-right: 1rem; */
  padding: 0.4rem 1.5rem;

  font-family: 'sourcebold', Verdana, sans-serif;

  font-family: var(--sourcebold);
  font-size: inherit;
  font-size: 0.9rem;
  text-align: center;
  text-decoration: none;
  letter-spacing: 0.05rem;
  text-transform: uppercase;
  cursor: pointer;

  color: #fff;

  color: var(--light);
  border: none;
  border: solid 2px #AC406D;
  border: solid 2px var(--tertiary);
  border-radius: 3rem;
  outline: none;
  background-color: #AC406D;
  background-color: var(--tertiary);
  box-shadow: 0 0 0.5rem rgba(0,0,0,0.15);
  appearance: none
}

.Button,
a:any-link.Button,
a .Button {
  display: inline-block;

  margin-bottom: 1rem;
  /* margin-left: 1rem; */
  /* margin-right: 1rem; */
  padding: 0.4rem 1.5rem;

  font-family: 'sourcebold', Verdana, sans-serif;

  font-family: var(--sourcebold);
  font-size: inherit;
  font-size: 0.9rem;
  text-align: center;
  text-decoration: none;
  letter-spacing: 0.05rem;
  text-transform: uppercase;
  cursor: pointer;

  color: #fff;

  color: var(--light);
  border: none;
  border: solid 2px #AC406D;
  border: solid 2px var(--tertiary);
  border-radius: 3rem;
  outline: none;
  background-color: #AC406D;
  background-color: var(--tertiary);
  box-shadow: 0 0 0.5rem rgba(0,0,0,0.15);
  appearance: none
}

.Button:hover,
  .Button:focus,
  .Button:active,
  a:link.Button:hover,
  a:visited.Button:hover,
  a:link.Button:focus,
  a:visited.Button:focus,
  a:link.Button:active,
  a:visited.Button:active,
  a .Button:hover,
  a .Button:focus,
  a .Button:active {
    color: #fff;
    color: var(--light);
    border: solid 2px #00857E;
    border: solid 2px var(--secondary);
    background-color: #00857E;
    background-color: var(--secondary);
  }

.Button:hover,
  .Button:focus,
  .Button:active,
  a:any-link.Button:hover,
  a:any-link.Button:focus,
  a:any-link.Button:active,
  a .Button:hover,
  a .Button:focus,
  a .Button:active {
    color: #fff;
    color: var(--light);
    border: solid 2px #00857E;
    border: solid 2px var(--secondary);
    background-color: #00857E;
    background-color: var(--secondary);
  }

.Button:focus, a:link.Button:focus, a:visited.Button:focus, a .Button:focus {
    outline: 2px solid #00857E;
    outline: 2px solid var(--secondary);
    outline-offset: 2px;
  }

.Button:focus, a:any-link.Button:focus, a .Button:focus {
    outline: 2px solid #00857E;
    outline: 2px solid var(--secondary);
    outline-offset: 2px;
  }

.Button.Button--outline, a:link.Button.Button--outline, a:visited.Button.Button--outline, a .Button.Button--outline {
    color: #AC406D;
    color: var(--tertiary);
    background-color: #fff;
    background-color: var(--light)
  }

.Button.Button--outline, a:any-link.Button.Button--outline, a .Button.Button--outline {
    color: #AC406D;
    color: var(--tertiary);
    background-color: #fff;
    background-color: var(--light)
  }

.Button.Button--outline:hover,
    .Button.Button--outline:focus,
    .Button.Button--outline:active,
    a:link.Button.Button--outline:hover,
    a:visited.Button.Button--outline:hover,
    a:link.Button.Button--outline:focus,
    a:visited.Button.Button--outline:focus,
    a:link.Button.Button--outline:active,
    a:visited.Button.Button--outline:active,
    a .Button.Button--outline:hover,
    a .Button.Button--outline:focus,
    a .Button.Button--outline:active {
      color: #00857E;
      color: var(--secondary);
      border: solid 2px #00857E;
      border: solid 2px var(--secondary);
      background-color: #fff;
      background-color: var(--light);
    }

.Button.Button--outline:hover,
    .Button.Button--outline:focus,
    .Button.Button--outline:active,
    a:any-link.Button.Button--outline:hover,
    a:any-link.Button.Button--outline:focus,
    a:any-link.Button.Button--outline:active,
    a .Button.Button--outline:hover,
    a .Button.Button--outline:focus,
    a .Button.Button--outline:active {
      color: #00857E;
      color: var(--secondary);
      border: solid 2px #00857E;
      border: solid 2px var(--secondary);
      background-color: #fff;
      background-color: var(--light);
    }

.Button.Button--outline path,a:link.Button.Button--outline path,a:visited.Button.Button--outline path,a .Button.Button--outline path{
      color: #00857E;
      color: var(--secondary);
    }

.Button.Button--outline path,a:any-link.Button.Button--outline path,a .Button.Button--outline path{
      color: #00857E;
      color: var(--secondary);
    }

.Button.Button--dark,a:link.Button.Button--dark,a:visited.Button.Button--dark,a .Button.Button--dark{
    color: #fff;
    color: var(--light);
    background-color: #003349;
    background-color: var(--primary);
    border-color: #003349;
    border-color: var(--primary)
  }

.Button.Button--dark,a:any-link.Button.Button--dark,a .Button.Button--dark{
    color: #fff;
    color: var(--light);
    background-color: #003349;
    background-color: var(--primary);
    border-color: #003349;
    border-color: var(--primary)
  }

.Button.Button--dark:hover,
    .Button.Button--dark:focus,
    .Button.Button--dark:active,
    a:link.Button.Button--dark:hover,
    a:visited.Button.Button--dark:hover,
    a:link.Button.Button--dark:focus,
    a:visited.Button.Button--dark:focus,
    a:link.Button.Button--dark:active,
    a:visited.Button.Button--dark:active,
    a .Button.Button--dark:hover,
    a .Button.Button--dark:focus,
    a .Button.Button--dark:active {
      color: #fff;
      color: var(--light);
      border: solid 2px #AC406D;
      border: solid 2px var(--tertiary);
      background-color: #AC406D;
      background-color: var(--tertiary);
    }

.Button.Button--dark:hover,
    .Button.Button--dark:focus,
    .Button.Button--dark:active,
    a:any-link.Button.Button--dark:hover,
    a:any-link.Button.Button--dark:focus,
    a:any-link.Button.Button--dark:active,
    a .Button.Button--dark:hover,
    a .Button.Button--dark:focus,
    a .Button.Button--dark:active {
      color: #fff;
      color: var(--light);
      border: solid 2px #AC406D;
      border: solid 2px var(--tertiary);
      background-color: #AC406D;
      background-color: var(--tertiary);
    }

a:hover .Button,
  a:focus .Button,
  a:active .Button {
    color: #fff;
    color: var(--light);
    border: solid 2px #00857E;
    border: solid 2px var(--secondary);
    background-color: #00857E;
    background-color: var(--secondary);
  }

a:hover .Button--outline,
  a:focus .Button--outline,
  a:active .Button--outline {
    color: #00857E;
    color: var(--secondary);
    border: solid 2px #00857E;
    border: solid 2px var(--secondary);
    background-color: #fff;
    background-color: var(--light);
  }

/* EOF */

.Embed{
  margin-bottom: 2rem
}

.Embed > *{
    display: block;
    margin: 0 auto;
  }

iframe, object, video, embed{
  max-width: 100%;
}

/* EOF */

.Heading{
  line-height: 130%;
  margin-bottom: 1.5rem;
}

.Heading--2{
  font-size: 2rem;
}

.Heading--3{
  font-size: 1.1em;
  font-family: 'sourcesemi', Verdana, sans-serif;
  font-family: var(--sourcesemi);
}

/* EOF */

.Pagination {
  margin-top: 4rem;
  /* margin-bottom: 5rem; */
  /* display: flex; */
  /* justify-content: space-between; */

  font-size: 1rem;
  text-align: center;
  font-family: 'sourcebold', Verdana, sans-serif;
  font-family: var(--sourcebold)
}

.Pagination::after {
    display: table;
    clear: both;

    content: '';
  }

.Pagination__pages {
  margin-bottom: 1rem;

  text-align: right;
}

.Pagination a{
  padding: 0.5rem;
  display: inline-block;
  background-color: inherit;
}

.Pagination__current{
  padding: 0.5rem;
  display: inline-block;
}

.Pagination__prev,
.Pagination__next,
.Pagination__back {
  background-color: inherit
}

.Pagination__prev svg, .Pagination__next svg, .Pagination__back svg {
    display: inline-block;

    max-width: 1rem;
    max-height: 0.7rem;
    margin-top: -0.1rem;
    margin-right: 0.5rem;

    vertical-align: middle
  }

.Pagination__prev svg .icon_arrow, .Pagination__next svg .icon_arrow, .Pagination__back svg .icon_arrow {
      fill: currentcolor !important;
    }

.Pagination__prev:hover .icon_arrow, .Pagination__prev:active .icon_arrow, .Pagination__prev:focus .icon_arrow, .Pagination__next:hover .icon_arrow, .Pagination__next:active .icon_arrow, .Pagination__next:focus .icon_arrow, .Pagination__back:hover .icon_arrow, .Pagination__back:active .icon_arrow, .Pagination__back:focus .icon_arrow {
      fill: #00857E !important;
      fill: var(--secondary) !important;
    }

.Pagination__prev {
  /* justify-self: flex-start; */
  /* float: left; */
  padding-right: 1.5rem !important;
}

.Pagination__next {
  /* justify-self: flex-end; */
  /* float: right; */
  padding-left: 1.5rem !important
}

.Pagination__next svg {
    margin-top: 0;
    margin-right: 0;
    margin-bottom: -0.1rem;
    margin-left: 0.5rem;

    transform: rotate(180deg);
  }

.StatesSearch {
  position: relative;

  visibility: visible;

  height: auto;
  margin-top: 4rem;
  margin-bottom: 4rem;
}

.StatesSearch__field {
  position: relative;
  top: 0;
  left: 0;

  padding-left: 2rem;
}

.StatesSearch__icon{
  position: absolute;
  top: .4rem;
  left: .7rem;
}

.StatesSearch[focus-within] .StatesSearch__links,
.StatesSearch:focus .StatesSearch__links,
.StatesSearch input[focus-within] + .StatesSearch__links,
.StatesSearch input:focus + .StatesSearch__links,
.StatesSearch__links:focus,
.StatesSearch__links[focus-within],
.StatesSearch__links:active,
.StatesSearch__links:hover {
  display: block !important;
}

.StatesSearch:focus-within .StatesSearch__links,
.StatesSearch:focus .StatesSearch__links,
.StatesSearch input:focus-within + .StatesSearch__links,
.StatesSearch input:focus + .StatesSearch__links,
.StatesSearch__links:focus,
.StatesSearch__links:focus-within,
.StatesSearch__links:active,
.StatesSearch__links:hover {
  display: block !important;
}

.StatesSearch__links {
  position: absolute;
  z-index: 2;
  top: calc(100% - 1px);
  /* display: none; */

  overflow-y: scroll;

  width: 100%;
  max-height: 10.5rem;

  border: 1px solid #ADADAD;

  border: 1px solid var(--pentinary2);
  border-top: none;
  background-color: #fff;
  background-color: var(--light);
}

.StatesSearch__links a {
  display: none;

  margin-bottom: 0rem;
  padding: .5rem 0.7rem;

  font-size: 1rem;
  color: #003349;
  color: var(--primary);
  text-decoration: none
}

.StatesSearch__links a:hover,
  .StatesSearch__links a:active,
  .StatesSearch__links a:focus {
    /* font-weight: 700; */
    /* text-decoration: underline; */
    font-family: 'sourcebold', Verdana, sans-serif;
    font-family: var(--sourcebold);
    background-color: #F1F3F5;
    background-color: var(--pentinary);
  }

@media (min-width:1024px) {
  .StatesSearch {
    visibility: hidden;

    height: 1px;
  }
}

.Search{
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  grid-gap: 2rem;
  gap: 2rem;
  margin-bottom: 2rem
}

.Search *{
    margin: 0;
  }

/* EOF */