@charset "UTF-8";
/*!
Theme Name: VT Superintendents
Theme URI: http://underscores.me/
Author: Partisan Pixel
Author URI: https://www.partisanpixel.com
Description: custom partisan starter theme
Version: 2.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: vsa
*/
/*! minireset.css v0.0.6 | MIT License | github.com/jgthms/minireset.css */
html,
body,
p,
ol,
ul,
li,
dl,
dt,
dd,
blockquote,
figure,
fieldset,
legend,
textarea,
pre,
iframe,
hr,
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  padding: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: normal;
}

ul {
  list-style: none;
}

button,
input,
select {
  margin: 0;
}

html {
  box-sizing: border-box;
}

*, *::before, *::after {
  box-sizing: inherit;
}

img,
video {
  height: auto;
  max-width: 100%;
}

iframe {
  border: 0;
}

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

td,
th {
  padding: 0;
}

:root {
  --wp--custom--layout--content: calc(1108px);
  --wp--custom--layout--wide: calc(1344px);
  --wp--custom--layout--narrow: calc(800px);
  --white: #ffffff;
  --black: #222222;
  --charcoal: #444444;
  --lt-gray: #cccccc;
  --green: #2E740D;
  --dk-green: #1E4D08;
  --lt-green: #ABCB83;
  --pale-green: #EDFED9;
  --toothpaste: #f8fff0;
  --bluegray: #567d96;
  --yellow: #F9C409;
  --dk-yellow: #deb009;
  --offwhite: #FBF7EB;
  --headline: "PT Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  --bodycopy: "PT Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  --regular: 400;
  --bold: 700;
  --space-unit: 1rem;
  --space-xxs: calc(0.25 * var(--space-unit));
  --space-xs: calc(0.5 * var(--space-unit));
  --space-sm: calc(0.75 * var(--space-unit));
  --space-md: calc(1.25 * var(--space-unit));
  --space-lg: calc(2 * var(--space-unit));
  --space-xl: calc(3.25 * var(--space-unit));
  --space-xxl: calc(5.25 * var(--space-unit));
  --space-xxxl: calc(8.5 * var(--space-unit));
  --fluid-space-225-4: clamp(2.25rem, 1.375rem + 3.5vw, 4rem);
}

/* Fluid font size variables, for browsers that support clamp */
@supports (font-size: clamp(1rem, 1vw, 1rem)) {
  :root {
    --font-size-sm: clamp(0.7294rem, 0.6465rem + 0.3535vw, 1rem);
    --font-size-base: clamp(.96rem, 0.7602rem + 0.4898vw, 1.2rem);
    --font-size-md: clamp(1.05rem, 0.8931rem + 0.6694vw, 1.5625rem);
    --font-size-lg: clamp(1.26rem, 1.0478rem + 0.9053vw, 1.9531rem);
    --font-size-xl: clamp(1.5119rem, 1.2274rem + 1.2139vw, 2.4413rem);
    --font-size-xxl: clamp(1.8144rem, 1.4355rem + 1.6163vw, 3.0519rem);
    --font-size-xxxl: clamp(2.1775rem, 1.6762rem + 2.1388vw, 3.815rem);
  }
}
/* Fallback variables for browsers that don't support clamp */
@supports not (font-size: clamp(1rem, 1vw, 1rem)) {
  :root {
    --font-size-sm: 0.73rem;
    --font-size-base: .875rem;
    --font-size-md: 1rem;
    --font-size-lg: 1.26rem;
    --font-size-xl: 1.5rem;
    --font-size-xxl: 1.8rem;
    --font-size-xxxl: 2.1rem;
  }
  @media screen and (min-width: 1408px) {
    :root {
      --font-size-sm: 0.9rem;
      --font-size-base: 1.13rem;
      --font-size-md: 1.41rem;
      --font-size-lg: 1.76rem;
      --font-size-xl: 2.2rem;
      --font-size-xxl: 2.75rem;
      --font-size-xxxl: 3.43rem;
    }
  }
}
/* body {
  --wp--preset--color--black: #222222;
  --wp--preset--color--cyan-bluish-gray: #abb8c3;
  --wp--preset--color--white: #ffffff;
  --wp--preset--color--pale-pink: #f78da7;
  --wp--preset--color--vivid-red: #cf2e2e;
  --wp--preset--color--luminous-vivid-orange: #ff6900;
  --wp--preset--color--luminous-vivid-amber: #fcb900;
  --wp--preset--color--light-green-cyan: #7bdcb5;
  --wp--preset--color--vivid-green-cyan: #00d084;
  --wp--preset--color--pale-cyan-blue: #8ed1fc;
  --wp--preset--color--vivid-cyan-blue: #0693e3;
  --wp--preset--color--vivid-purple: #9b51e0;
  --wp--preset--color--offwhite: #FBF7EB;
  --wp--preset--color--dk-green: #1E4D08;
  --wp--preset--color--green: #2E740D;
  --wp--preset--color--lt-green: #ABCB83;
  --wp--preset--color--pale-green: #EDFED9;
  --wp--preset--color--charcoal: #444444;
  --wp--preset--color--yellow: #F9C409;
  --wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg, rgba(6, 147, 227, 1) 0%, rgb(155, 81, 224) 100%);
  --wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg, rgb(122, 220, 180) 0%, rgb(0, 208, 130) 100%);
  --wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg, rgba(252, 185, 0, 1) 0%, rgba(255, 105, 0, 1) 100%);
  --wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg, rgba(255, 105, 0, 1) 0%, rgb(207, 46, 46) 100%);
  --wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg, rgb(238, 238, 238) 0%, rgb(169, 184, 195) 100%);
  --wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg, rgb(74, 234, 220) 0%, rgb(151, 120, 209) 20%, rgb(207, 42, 186) 40%, rgb(238, 44, 130) 60%, rgb(251, 105, 98) 80%, rgb(254, 248, 76) 100%);
  --wp--preset--gradient--blush-light-purple: linear-gradient(135deg, rgb(255, 206, 236) 0%, rgb(152, 150, 240) 100%);
  --wp--preset--gradient--blush-bordeaux: linear-gradient(135deg, rgb(254, 205, 165) 0%, rgb(254, 45, 45) 50%, rgb(107, 0, 62) 100%);
  --wp--preset--gradient--luminous-dusk: linear-gradient(135deg, rgb(255, 203, 112) 0%, rgb(199, 81, 192) 50%, rgb(65, 88, 208) 100%);
  --wp--preset--gradient--pale-ocean: linear-gradient(135deg, rgb(255, 245, 203) 0%, rgb(182, 227, 212) 50%, rgb(51, 167, 181) 100%);
  --wp--preset--gradient--electric-grass: linear-gradient(135deg, rgb(202, 248, 128) 0%, rgb(113, 206, 126) 100%);
  --wp--preset--gradient--midnight: linear-gradient(135deg, rgb(2, 3, 129) 0%, rgb(40, 116, 252) 100%);
  --wp--preset--font-size--small: clamp(0.8rem, 0.16vw + 0.76rem, 0.9rem);
  --wp--preset--font-size--medium: clamp(1.25rem, 0.24vw + 1.19rem, 1.41rem);
  --wp--preset--font-size--large: clamp(1.56rem, 0.3vw + 1.49rem, 1.76rem);
  --wp--preset--font-size--x-large: clamp(1.95rem, 0.38vw + 1.86rem, 2.2rem);
  --wp--preset--font-size--xxx-large: clamp(3.05rem, 0.59vw + 2.91rem, 3.43rem);
  --wp--preset--font-size--xx-large: clamp(2.44rem, 0.47vw + 2.33rem, 2.75rem);
  --wp--preset--font-size--base: clamp(1rem, 0.19vw + 0.95rem, 1.13rem);
  --wp--preset--font-size--min: 0.75rem;
  --wp--preset--font-family--headline: 'PT Sans', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  --wp--preset--font-family--bodycopy: 'Lora', -apple-system-ui-serif, ui-serif, Noto Serif, Iowan Old Style, Apple Garamond, Baskerville, Times New Roman, Droid Serif, Times, Source Serif Pro, serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
  --wp--preset--spacing--20: 0.44rem;
  --wp--preset--spacing--30: 0.67rem;
  --wp--preset--spacing--40: 1rem;
  --wp--preset--spacing--50: 1.5rem;
  --wp--preset--spacing--60: 2.25rem;
  --wp--preset--spacing--70: 3.38rem;
  --wp--preset--spacing--80: 5.06rem;
  --wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);
  --wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);
  --wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);
  --wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);
  --wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);
  --wp--custom--border-radius--tiny: 3px;
  --wp--custom--border-radius--small: 8px;
  --wp--custom--border-radius--medium: 12px;
  --wp--custom--border-radius--large: 50%;
  --wp--custom--border-width--tiny: 1px;
  --wp--custom--border-width--small: 2px;
  --wp--custom--border-width--medium: 3px;
  --wp--custom--border-width--large: 4px;
  --wp--custom--box-shadow--1: 0px 2px 8px rgba(33, 33, 33, 0.12);
  --wp--custom--box-shadow--2: 0px 3px 10px rgba(33, 33, 33, 0.25);
  --wp--custom--color--link: var(--wp--preset--color--green);
  --wp--custom--color--neutral-50: #FAFAFA;
  --wp--custom--color--neutral-100: #F5F5F5;
  --wp--custom--color--neutral-200: #EEEEEE;
  --wp--custom--color--neutral-300: #E0E0E0;
  --wp--custom--color--neutral-400: #BDBDBD;
  --wp--custom--color--neutral-500: #9E9E9E;
  --wp--custom--color--neutral-600: #757575;
  --wp--custom--color--neutral-700: #616161;
  --wp--custom--color--neutral-800: #424242;
  --wp--custom--color--neutral-900: #212121;
  --wp--custom--layout--content: 800px;
  --wp--custom--layout--wide: 1344px;
  --wp--custom--layout--sidebar: 336px;
  --wp--custom--layout--page: var(--wp--custom--layout--content);
  --wp--custom--layout--padding: 1rem;
  --wp--custom--layout--block-gap: 1rem;
  --wp--custom--layout--block-gap-large: 2rem;
  --wp--custom--letter-spacing--none: normal;
  --wp--custom--letter-spacing--tight: -.01em;
  --wp--custom--letter-spacing--loose: .05em;
  --wp--custom--letter-spacing--looser: .1em;
  --wp--custom--line-height--tiny: 1.1;
  --wp--custom--line-height--small: 1.2;
  --wp--custom--line-height--medium: 1.4;
  --wp--custom--line-height--normal: 1.6;
}

body {
  margin: 0;
  --wp--style--global--content-size: var(--wp--custom--layout--content);
  --wp--style--global--wide-size: var(--wp--custom--layout--wide);
}

.wp-site-blocks>.alignleft {
  float: left;
  margin-right: 2em;
}

.wp-site-blocks>.alignright {
  float: right;
  margin-left: 2em;
}

.wp-site-blocks>.aligncenter {
  justify-content: center;
  margin-left: auto;
  margin-right: auto;
}

:where(.wp-site-blocks)>* {
  margin-block-start: var(--wp--custom--layout--block-gap);
  margin-block-end: 0;
}

:where(.wp-site-blocks)> :first-child:first-child {
  margin-block-start: 0;
}

:where(.wp-site-blocks)> :last-child:last-child {
  margin-block-end: 0;
}

body {
  --wp--style--block-gap: var(--wp--custom--layout--block-gap);
}

:where(body .is-layout-flow)> :first-child:first-child {
  margin-block-start: 0;
}

:where(body .is-layout-flow)> :last-child:last-child {
  margin-block-end: 0;
}

:where(body .is-layout-flow)>* {
  margin-block-start: var(--wp--custom--layout--block-gap);
  margin-block-end: 0;
}

:where(body .is-layout-constrained)> :first-child:first-child {
  margin-block-start: 0;
}

:where(body .is-layout-constrained)> :last-child:last-child {
  margin-block-end: 0;
}

:where(body .is-layout-constrained)>* {
  margin-block-start: var(--wp--custom--layout--block-gap);
  margin-block-end: 0;
}

:where(body .is-layout-flex) {
  gap: var(--wp--custom--layout--block-gap);
}

:where(body .is-layout-grid) {
  gap: var(--wp--custom--layout--block-gap);
}

body .is-layout-flow>.alignleft {
  float: left;
  margin-inline-start: 0;
  margin-inline-end: 2em;
}

body .is-layout-flow>.alignright {
  float: right;
  margin-inline-start: 2em;
  margin-inline-end: 0;
}

body .is-layout-flow>.aligncenter {
  margin-left: auto !important;
  margin-right: auto !important;
}

body .is-layout-constrained>.alignleft {
  float: left;
  margin-inline-start: 0;
  margin-inline-end: 2em;
}

body .is-layout-constrained>.alignright {
  float: right;
  margin-inline-start: 2em;
  margin-inline-end: 0;
}

body .is-layout-constrained>.aligncenter {
  margin-left: auto !important;
  margin-right: auto !important;
}

body .is-layout-constrained> :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
  max-width: var(--wp--style--global--content-size);
  margin-left: auto !important;
  margin-right: auto !important;
}

body .is-layout-constrained>.alignwide {
  max-width: var(--wp--style--global--wide-size);
}

body .is-layout-flex {
  display: flex;
}

body .is-layout-flex {
  flex-wrap: wrap;
  align-items: center;
}

body .is-layout-flex>* {
  margin: 0;
}

body .is-layout-grid {
  display: grid;
}

body .is-layout-grid>* {
  margin: 0;
}

body {
  background-color: var(--wp--preset--color--white);
  color: var(--wp--preset--color--black);
  font-family: var(--wp--preset--font-family--bodycopy);
  font-size: var(--wp--preset--font-size--base);
  line-height: var(--wp--custom--line-height--normal);
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
}

a:where(:not(.wp-element-button)) {
  color: var(--wp--custom--color--link);
  text-decoration: underline;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--wp--preset--font-family--headline);
  line-height: var(--wp--custom--line-height--small);
}

h1 {
  font-size: var(--wp--preset--font-size--xx-large);
  line-height: var(--wp--custom--line-height--tiny);
}

h2 {
  font-size: var(--wp--preset--font-size--xl-large);
}

h3 {
  font-size: var(--wp--preset--font-size--large);
}

h4 {
  font-size: var(--wp--preset--font-size--medium);
}

h5 {
  font-size: var(--wp--preset--font-size--base);
}

h6 {
  font-size: var(--wp--preset--font-size--small);
}

.wp-element-button,
.wp-block-button__link {
  background-color: var(--wp--preset--color--green);
  border-radius: var(--wp--custom--border-radius--tiny);
  border-width: 0px;
  color: var(--wp--preset--color--white);
  font-family: inherit;
  font-size: var(--wp--preset--font-size--small);
  font-weight: 700;
  line-height: var(--wp--custom--line-height--medium);
  padding: 11px 16px;
  text-decoration: none;
}

.has-black-color {
  color: var(--wp--preset--color--black) !important;
}

.has-cyan-bluish-gray-color {
  color: var(--wp--preset--color--cyan-bluish-gray) !important;
}

.has-white-color {
  color: var(--wp--preset--color--white) !important;
}

.has-pale-pink-color {
  color: var(--wp--preset--color--pale-pink) !important;
}

.has-vivid-red-color {
  color: var(--wp--preset--color--vivid-red) !important;
}

.has-luminous-vivid-orange-color {
  color: var(--wp--preset--color--luminous-vivid-orange) !important;
}

.has-luminous-vivid-amber-color {
  color: var(--wp--preset--color--luminous-vivid-amber) !important;
}

.has-light-green-cyan-color {
  color: var(--wp--preset--color--light-green-cyan) !important;
}

.has-vivid-green-cyan-color {
  color: var(--wp--preset--color--vivid-green-cyan) !important;
}

.has-pale-cyan-blue-color {
  color: var(--wp--preset--color--pale-cyan-blue) !important;
}

.has-vivid-cyan-blue-color {
  color: var(--wp--preset--color--vivid-cyan-blue) !important;
}

.has-vivid-purple-color {
  color: var(--wp--preset--color--vivid-purple) !important;
}

.has-offwhite-color {
  color: var(--wp--preset--color--offwhite) !important;
}

.has-dk-green-color {
  color: var(--wp--preset--color--dk-green) !important;
}

.has-green-color {
  color: var(--wp--preset--color--green) !important;
}

.has-lt-green-color {
  color: var(--wp--preset--color--lt-green) !important;
}

.has-pale-green-color {
  color: var(--wp--preset--color--pale-green) !important;
}

.has-charcoal-color {
  color: var(--wp--preset--color--charcoal) !important;
}

.has-yellow-color {
  color: var(--wp--preset--color--yellow) !important;
}

.has-black-background-color {
  background-color: var(--wp--preset--color--black) !important;
}

.has-cyan-bluish-gray-background-color {
  background-color: var(--wp--preset--color--cyan-bluish-gray) !important;
}

.has-white-background-color {
  background-color: var(--wp--preset--color--white) !important;
}

.has-pale-pink-background-color {
  background-color: var(--wp--preset--color--pale-pink) !important;
}

.has-vivid-red-background-color {
  background-color: var(--wp--preset--color--vivid-red) !important;
}

.has-luminous-vivid-orange-background-color {
  background-color: var(--wp--preset--color--luminous-vivid-orange) !important;
}

.has-luminous-vivid-amber-background-color {
  background-color: var(--wp--preset--color--luminous-vivid-amber) !important;
}

.has-light-green-cyan-background-color {
  background-color: var(--wp--preset--color--light-green-cyan) !important;
}

.has-vivid-green-cyan-background-color {
  background-color: var(--wp--preset--color--vivid-green-cyan) !important;
}

.has-pale-cyan-blue-background-color {
  background-color: var(--wp--preset--color--pale-cyan-blue) !important;
}

.has-vivid-cyan-blue-background-color {
  background-color: var(--wp--preset--color--vivid-cyan-blue) !important;
}

.has-vivid-purple-background-color {
  background-color: var(--wp--preset--color--vivid-purple) !important;
}

.has-offwhite-background-color {
  background-color: var(--wp--preset--color--offwhite) !important;
}

.has-dk-green-background-color {
  background-color: var(--wp--preset--color--dk-green) !important;
}

.has-green-background-color {
  background-color: var(--wp--preset--color--green) !important;
}

.has-lt-green-background-color {
  background-color: var(--wp--preset--color--lt-green) !important;
}

.has-pale-green-background-color {
  background-color: var(--wp--preset--color--pale-green) !important;
}

.has-charcoal-background-color {
  background-color: var(--wp--preset--color--charcoal) !important;
}

.has-yellow-background-color {
  background-color: var(--wp--preset--color--yellow) !important;
}

.has-black-border-color {
  border-color: var(--wp--preset--color--black) !important;
}

.has-cyan-bluish-gray-border-color {
  border-color: var(--wp--preset--color--cyan-bluish-gray) !important;
}

.has-white-border-color {
  border-color: var(--wp--preset--color--white) !important;
}

.has-pale-pink-border-color {
  border-color: var(--wp--preset--color--pale-pink) !important;
}

.has-vivid-red-border-color {
  border-color: var(--wp--preset--color--vivid-red) !important;
}

.has-luminous-vivid-orange-border-color {
  border-color: var(--wp--preset--color--luminous-vivid-orange) !important;
}

.has-luminous-vivid-amber-border-color {
  border-color: var(--wp--preset--color--luminous-vivid-amber) !important;
}

.has-light-green-cyan-border-color {
  border-color: var(--wp--preset--color--light-green-cyan) !important;
}

.has-vivid-green-cyan-border-color {
  border-color: var(--wp--preset--color--vivid-green-cyan) !important;
}

.has-pale-cyan-blue-border-color {
  border-color: var(--wp--preset--color--pale-cyan-blue) !important;
}

.has-vivid-cyan-blue-border-color {
  border-color: var(--wp--preset--color--vivid-cyan-blue) !important;
}

.has-vivid-purple-border-color {
  border-color: var(--wp--preset--color--vivid-purple) !important;
}

.has-offwhite-border-color {
  border-color: var(--wp--preset--color--offwhite) !important;
}

.has-dk-green-border-color {
  border-color: var(--wp--preset--color--dk-green) !important;
}

.has-green-border-color {
  border-color: var(--wp--preset--color--green) !important;
}

.has-lt-green-border-color {
  border-color: var(--wp--preset--color--lt-green) !important;
}

.has-pale-green-border-color {
  border-color: var(--wp--preset--color--pale-green) !important;
}

.has-charcoal-border-color {
  border-color: var(--wp--preset--color--charcoal) !important;
}

.has-yellow-border-color {
  border-color: var(--wp--preset--color--yellow) !important;
}

.has-vivid-cyan-blue-to-vivid-purple-gradient-background {
  background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;
}

.has-light-green-cyan-to-vivid-green-cyan-gradient-background {
  background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;
}

.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background {
  background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;
}

.has-luminous-vivid-orange-to-vivid-red-gradient-background {
  background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;
}

.has-very-light-gray-to-cyan-bluish-gray-gradient-background {
  background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;
}

.has-cool-to-warm-spectrum-gradient-background {
  background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;
}

.has-blush-light-purple-gradient-background {
  background: var(--wp--preset--gradient--blush-light-purple) !important;
}

.has-blush-bordeaux-gradient-background {
  background: var(--wp--preset--gradient--blush-bordeaux) !important;
}

.has-luminous-dusk-gradient-background {
  background: var(--wp--preset--gradient--luminous-dusk) !important;
}

.has-pale-ocean-gradient-background {
  background: var(--wp--preset--gradient--pale-ocean) !important;
}

.has-electric-grass-gradient-background {
  background: var(--wp--preset--gradient--electric-grass) !important;
}

.has-midnight-gradient-background {
  background: var(--wp--preset--gradient--midnight) !important;
}

.has-small-font-size {
  font-size: var(--wp--preset--font-size--small) !important;
}

.has-medium-font-size {
  font-size: var(--wp--preset--font-size--medium) !important;
}

.has-large-font-size {
  font-size: var(--wp--preset--font-size--large) !important;
}

.has-x-large-font-size {
  font-size: var(--wp--preset--font-size--x-large) !important;
}

.has-xxx-large-font-size {
  font-size: var(--wp--preset--font-size--xxx-large) !important;
}

.has-xx-large-font-size {
  font-size: var(--wp--preset--font-size--xx-large) !important;
}

.has-base-font-size {
  font-size: var(--wp--preset--font-size--base) !important;
}

.has-min-font-size {
  font-size: var(--wp--preset--font-size--min) !important;
}

.has-headline-font-family {
  font-family: var(--wp--preset--font-family--headline) !important;
}

.has-bodycopy-font-family {
  font-family: var(--wp--preset--font-family--bodycopy) !important;
}

.wp-block-navigation a:where(:not(.wp-element-button)) {
  color: inherit;
}

.wp-block-pullquote {
  font-size: 1.5em;
  line-height: 1.6;
}

*/
/* -------------------------------
globals.scss 
---------------------------------- */
html {
  box-sizing: border-box;
  height: 100%;
  scroll-padding-top: 25vh;
}

body {
  min-height: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
  background-color: var(--white);
}

#page {
  flex: 1 0 auto;
}

.site-main img {
  border-radius: 6px;
}

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

header.entry-header {
  margin-bottom: var(--fluid-space-225-4);
}

.search-results article {
  margin-bottom: var(--space-xl);
}

/* _utilities.scss */
.pr {
  position: relative;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

@media screen and (max-width: 768px) {
  .hidden-mobile {
    display: none;
  }
}

.hidden {
  display: none !important;
  visibility: hidden;
}

.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}

/* ======================
padding and margin helper classes
========================= */
.vsa-section-margin {
  margin: var(--space-xxl) 0;
}
.vsa-section-margin.top-only {
  margin-bottom: 0;
}
.vsa-section-margin.bottom-only {
  margin-top: 0;
}
.vsa-section-margin.small-bottom {
  margin-bottom: var(--space-unit);
}

.vsa-section-padding {
  padding: var(--space-xl) 0;
}
.vsa-section-padding.top-only {
  padding-bottom: 0;
}
.vsa-section-padding.bottom-only {
  padding-top: 0;
}

.mt-theme {
  margin-top: clamp(3.5rem, 2.0116rem + 3.1008vw, 5.5rem) !important;
}

.mb-theme {
  margin-top: clamp(3.5rem, 2.0116rem + 3.1008vw, 5.5rem) !important;
}

.mall-auto,
.margin-auto {
  margin: auto !important;
}

.mt-0 {
  margin-top: 0 !important;
  margin-block-start: 0 !important;
}

.mt-base {
  margin-top: var(--space-unit) !important;
  margin-block-start: var(--space-unit) !important;
}

.mb-0 {
  margin-bottom: 0 !important;
  margin-block-end: 0 !important;
}

.mx-base {
  margin-left: var(--space-unit) !important;
  margin-right: var(--space-unit) !important;
}

.mb-xxs {
  margin-bottom: var(--space-xxs) !important;
}

.mb-xs {
  margin-bottom: var(--space-xs) !important;
}

.mb-sm {
  margin-bottom: var(--space-sm) !important;
}

.mb-base {
  margin-bottom: var(--space-unit) !important;
}

.mb-md {
  margin-bottom: var(--space-md) !important;
}

.mb-lg {
  margin-bottom: var(--space-lg) !important;
}

.mb-xl {
  margin-bottom: var(--space-xl) !important;
}

.mb-xxl {
  margin-bottom: var(--space-xxl) !important;
}

.mb-xxxl {
  margin-bottom: var(--space-xxxl) !important;
}

.mr-base {
  margin-right: var(--space-unit) !important;
}

.mr-sm {
  margin-right: var(--space-sm) !important;
}

.px-base {
  padding-right: var(--space-unit) !important;
  padding-left: var(--space-unit) !important;
}

.px-0 {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.pt-xs {
  padding-top: var(--space-xs) !important;
}

.pt-xs {
  padding-top: var(--space-xs) !important;
}

.px-base {
  padding: var(--space-unit) !important;
}

.py-xl {
  padding: var(--space-xl) !important;
}

.pb-xl {
  padding-bottom: var(--space-xl) !important;
}

.pt-theme {
  padding-top: clamp(3.5rem, 2.0116rem + 3.1008vw, 5.5rem) !important;
}

.pb-theme {
  padding-bottom: clamp(3.5rem, 2.0116rem + 3.1008vw, 5.5rem) !important;
}

/*  layout primatives */
:root {
  --measure: 75ch;
}

* {
  max-inline-size: var(--measure);
  writing-mode: horizontal-tb;
}

html,
body,
section,
article,
hr,
div,
header,
nav,
main,
footer,
ul.ab-top-menu {
  max-inline-size: none;
}

.max-inline-size\:measure {
  max-inline-size: var(--measure);
}

.max-inline-size\:measure\/2 {
  max-inline-size: calc(var(--measure) / 2);
}

.vsa-container {
  padding: 0 var(--space-unit);
  width: 100%;
  margin: auto;
  max-width: var(--wp--custom--layout--content);
}
.vsa-container.wide {
  max-width: var(--wp--custom--layout--wide);
}
.vsa-container.narrow {
  max-width: var(--wp--custom--layout--narrow);
}
.vsa-container.hang-left {
  max-width: var(--wp--custom--layout--wide);
}
@media (min-width: 1216px) {
  .vsa-container.hang-left {
    padding-left: clamp(0.1rem, 10vw, 10rem);
  }
}

.flex-container {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}
.flex-container.top {
  align-items: flex-start;
}
.flex-container.bottom {
  align-items: flex-end;
}
.flex-container.left {
  justify-content: flex-start;
}
.flex-container.right {
  justify-content: flex-end;
}
.flex-container.space-between {
  justify-content: space-between;
}
.flex-container.nowrap {
  flex-wrap: nowrap;
}
.flex-container.wrap {
  flex-wrap: wrap;
}
.flex-container.stretch {
  align-items: stretch;
}
.flex-container.space-even {
  justify-content: space-evenly;
}
.flex-container.flex-end {
  justify-content: flex-end;
}
.flex-container.gap-1 {
  gap: 1rem;
}
.flex-container.gap-half {
  gap: 0.5rem;
}

.with-sidebar {
  display: flex;
  flex-wrap: wrap;
}

.sidebar {
  flex-basis: 20rem;
  flex-grow: 1;
}

.not-sidebar {
  flex-basis: 0;
  flex-grow: 999;
}

/* stack.scss */
.stack {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

.stack > * {
  margin-block: 0;
}

.stack > * + * {
  margin-block-start: var(--space, 1.5rem);
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  clip-path: none;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
  /* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
  outline: 0;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
  display: inline;
  float: left;
  margin-right: 1.5em;
}

.alignright {
  display: inline;
  float: right;
  margin-left: 1.5em;
}

.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.wp-block-group.alignwide {
  max-width: var(--wp--custom--layout--wide);
  margin-left: auto;
  margin-right: auto;
}

body .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
  margin-left: 0 !important;
}

.wp-block-post-template {
  max-width: var(--wp--custom--layout--content);
}
.wp-block-post-template :is(h2, h3, h4) {
  margin-bottom: 0;
}
.wp-block-post-template :is(h2, h3, h4) > a {
  border-color: transparent;
}
.wp-block-post-template :is(h2, h3, h4) > a:hover, .wp-block-post-template :is(h2, h3, h4) > a:focus {
  border-color: var(--green);
}

.wp-block-post-excerpt {
  margin-block-start: 4px;
}

.wp-block-post-date {
  margin-bottom: 4px;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
  content: "";
  display: table;
  table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
  clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
  margin: 0 0 1.5em;
  /* Make sure select elements fit in widgets. */
}

.widget select {
  max-width: 100%;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
  display: block;
}

.hentry {
  margin: 0 0 1.5rem;
}

.updated:not(.published) {
  display: none;
}

.page-content,
.entry-content {
  margin: 1.5rem 0 0;
}

.entry-summary {
  margin: 8px 0 0;
}

.page-links {
  clear: both;
  margin: 0 0 1.5em;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
  word-wrap: break-word;
}

.bypostauthor {
  display: block;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
  /* Theme Footer (when set to scrolling) */
  display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
  display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
  border: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
  max-width: 100%;
}

/* Make sure logo link wraps around logo image. */
/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
  margin-bottom: 1.5em;
  max-width: 100%;
}

.wp-caption img[class*=wp-image-] {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.wp-caption .wp-caption-text {
  margin: 0.8075em 0;
}

.wp-caption-text {
  text-align: center;
}

.wp-block-buttons {
  margin-bottom: 1rem;
}

hr.wp-block-separator {
  border-top: none;
  border-bottom: 1px solid var(--lt-green);
}

/* ============================
Animations 
=============================== */
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.fade-in {
  animation-name: fadeIn;
  animation-duration: 1000ms;
  transition-timing-function: ease-in;
  animation-fill-mode: both;
}

.slider-fade-in {
  animation-name: fadeIn;
  animation-duration: 2000ms;
  transition-timing-function: ease-in;
  animation-fill-mode: both;
}

/* typography.scss */
html {
  scroll-behavior: smooth;
}

body {
  color: var(--black);
  font-family: var(--bodycopy);
  background-color: var(--white);
  font-weight: var(--regular);
  line-height: 1.5;
  font-size: var(--font-size-base);
}

p,
li,
.h1, .h2, .h3, .h4,
h1, h2, h3, h4 {
  overflow-wrap: break-word;
}

/* ==============================
type, use Bulma helper classes instead of older Partisan helpers
================================= */
.bodycopy,
.has-bodycopy-font-family {
  font-family: var(--bodycopy);
}

.headline,
.has-headline-font-family {
  font-family: var(--headline);
}

p {
  font-size: var(--font-size-base);
  margin: 0 0 var(--space-sm);
  padding: 0;
}

label,
.label {
  color: var(--dk-gray);
  font-family: var(--headline);
  font-weight: var(--regular);
  font-size: var(--font-size-base);
}

ol,
ul {
  margin: 0;
  padding: 0;
}

li {
  list-style-type: none;
  margin-bottom: var(--space-sm);
}

ul.sublist {
  margin: 16px 0 !important;
}

ol {
  margin-left: var(--space-lg);
}
ol li {
  list-style-type: decimal;
}

ul.disc li,
ul.sublist li,
.fifty-fifty-row-column__text-column ul li,
.entry-content ul > li {
  list-style-type: disc;
  margin-left: var(--space-lg);
}

.entry-content ul.wp-block-post-template > li {
  list-style-type: none;
  margin-left: 0;
}

blockquote,
cite,
em,
i {
  font-style: italic;
}

blockquote {
  margin: var(--space-md);
}

blockquote::before {
  content: "“";
  display: block;
  font-size: var(--font-size-md);
  height: 0;
  left: -20px;
  position: relative;
  top: -10px;
}

p.error-text,
div.error-text {
  padding: var(--space-xs) var(--space-unit);
  margin: var(--space-sm) 0;
  background-color: red;
  color: var(--white) !important;
  font-size: var(--font-size-sm);
  font-family: var(--headline);
}

.bold-text,
b,
strong {
  font-weight: var(--bold);
  font-variation-settings: "wght" var(--bold);
  color: inherit;
}

.is-uppercase {
  text-transform: uppercase;
}

/* ## Headings */
h1, h2, .h1, .h2 {
  border-left: 5px solid var(--yellow);
  padding-left: 5px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin-bottom: var(--space-sm);
  font-family: var(--headline);
  font-weight: var(--bold);
  line-height: 1.1;
  color: var(--dk-green);
  text-transform: none;
}
h1.no-bottom,
h2.no-bottom,
h3.no-bottom,
h4.no-bottom,
h5.no-bottom,
h6.no-bottom {
  margin-bottom: 0 !important;
}
h1.no-border,
h2.no-border,
h3.no-border,
h4.no-border,
h5.no-border,
h6.no-border {
  border: none !important;
  padding-left: 0;
}

h1 {
  font-size: var(--font-size-xxxl);
}

.font-size-xxxl {
  font-size: var(--font-size-xxxl) !important;
}

h2 {
  font-size: var(--font-size-xxl);
}

.font-size-xxl {
  font-size: var(--font-size-xxl) !important;
}

h3 {
  font-size: var(--font-size-xl);
}

.font-size-xl {
  font-size: var(--font-size-xl) !important;
}

h4 {
  font-size: var(--font-size-lg);
}

.font-size-lg {
  font-size: var(--font-size-lg) !important;
}

h5 {
  font-size: var(--font-size-md);
}

.font-size-md {
  font-size: var(--font-size-md) !important;
}

h6 {
  font-size: var(--font-size-base) !important;
}

.font-size-base {
  font-size: var(--font-size-base) !important;
}

.font-size-sm {
  font-size: var(--font-size-sm) !important;
}

.site-footer {
  margin-top: 60px;
  color: var(--white);
  font-size: var(--font-size-base);
}
@media screen and (min-width: 1024px) {
  .site-footer {
    margin-top: 80px;
  }
}
@media screen and (min-width: 1408px) {
  .site-footer {
    margin-top: 100px;
  }
}
@media screen and (max-width: 1215px) {
  .site-footer {
    background-image: linear-gradient(90deg, hsl(101, 81%, 17%) 0%, hsl(101, 78%, 18%) 11%, hsl(101, 75%, 20%) 22%, hsl(101, 72%, 22%) 33%, hsl(101, 70%, 24%) 44%, hsl(101, 68%, 26%) 56%, hsl(101, 66%, 28%) 67%, hsl(101, 65%, 29%) 78%, hsl(101, 63%, 31%) 89%, hsl(101, 62%, 33%) 100%);
  }
}
@media screen and (min-width: 1216px) {
  .site-footer {
    background: var(--white) url(assets/img/footer-swoosh.svg) -2px top no-repeat;
    background-size: cover;
    padding-top: 10vw;
  }
}

a.back-to-top-button {
  opacity: 0;
  z-index: -1;
  display: flex;
  align-items: center;
  justify-content: center;
  bottom: 40px;
  right: 5px;
  position: fixed;
  width: 32px;
  height: 32px;
  border-radius: 24px;
  color: transparent;
  border-bottom: none;
  background-color: var(--yellow);
  cursor: pointer;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.13);
}
body.fixed-header a.back-to-top-button {
  opacity: 1;
  z-index: 2;
}
@media screen and (min-width: 1024px) {
  a.back-to-top-button {
    width: 40px;
    height: 40px;
    bottom: 50px;
    right: 10px;
  }
}
a.back-to-top-button svg {
  width: 17px;
  height: 8px;
  transform: translateY(0);
  transition: all 0.3s ease;
}
@media screen and (min-width: 1024px) {
  a.back-to-top-button svg {
    width: 20px;
    height: 11px;
  }
}
a.back-to-top-button:hover, a.back-to-top-button:focus {
  background-color: var(--dk-yellow);
}
a.back-to-top-button:hover svg, a.back-to-top-button:focus svg {
  transform: translateY(-2px);
}

.footer-switcher {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-xl);
}

.footer-switcher > * {
  flex-grow: 1;
  flex-basis: calc((40rem - 100%) * 999);
}

.footer-switcher > :nth-last-child(n+3),
.footer-switcher > :nth-last-child(n+3) ~ * {
  flex-basis: 100%;
}

.footer__grid-1--contact-info,
.footer__copyright {
  margin-left: 2rem;
}
@media screen and (min-width: 1024px) {
  .footer__grid-1--contact-info,
  .footer__copyright {
    margin-left: 3rem;
  }
}

.footer__column-2 {
  margin-left: 2rem;
}
@media screen and (min-width: 769px), print {
  .footer__column-2 {
    padding-top: 5rem;
  }
}

.footer__inner-container a {
  display: inline-block;
  font-family: var(--headline);
  font-weight: var(--bold);
  color: var(--white);
  border-bottom: 1px solid transparent;
}
.footer__inner-container a:hover, .footer__inner-container a:focus {
  color: var(--pale-green);
  border-color: var(--pale-green);
}

a.footer__logo-link {
  display: block;
  margin-bottom: 1rem;
  max-width: 10rem;
  border-bottom: none;
  transform: translateX(0);
}
a.footer__logo-link img {
  display: block;
  max-width: 100%;
  height: auto;
}
@media screen and (min-width: 769px), print {
  a.footer__logo-link {
    max-width: 15rem;
  }
}
a.footer__logo-link:hover, a.footer__logo-link:focus {
  transform: translateX(2px);
}

a.sm__icon-link {
  display: block;
  max-width: 2rem;
  transform: translateY(0);
}
a.sm__icon-link:hover, a.sm__icon-link:focus {
  transform: translateY(-2px);
}

#footer-menu {
  column-count: 2;
}

.preheader {
  display: none;
}
@media screen and (min-width: 1024px) {
  .preheader {
    display: block;
    width: 100%;
  }
}

#preheader-menu {
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-end;
  align-items: center;
  gap: 1rem;
  margin-left: 1rem;
  padding: 0.5rem 1rem;
  height: 2.5rem;
  background-color: var(--yellow);
  border-radius: 0 0 0 12px;
}
#preheader-menu li {
  margin-bottom: 0;
  line-height: 1;
}
#preheader-menu a {
  color: var(--dk-green);
  font-size: var(--font-size-base);
  font-family: var(--headline);
  font-weight: var(--bold);
  border-bottom: 1px solid transparent;
}
#preheader-menu a:hover, #preheader-menu a:focus {
  color: var(--dk-green);
  border-bottom: 1px solid var(--dk-green);
}

.preheader__search {
  padding-top: 0.2rem;
}
.preheader__search input.search-field {
  padding: 0.2rem 0.5rem;
  margin-right: 0.5rem;
  border: none;
  border-radius: 0;
  border-bottom: 1px solid var(--lt-green);
  background-color: transparent;
  font-family: var(--headline);
  color: var(--black);
}
.preheader__search input.search-field::placeholder {
  color: var(--green);
}
.preheader__search input.search-field:hover, .preheader__search input.search-field:focus, .preheader__search input.search-field:focus-visible {
  background-color: var(--pale-green);
  color: var(--black);
  border-color: var(--black);
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.13);
}
.preheader__search input.search-submit {
  display: inline-block;
  min-width: 32px;
  min-height: 32px;
  padding: 0;
  background: transparent url(assets/img/search-icon.svg) center center no-repeat;
  background-size: 80%;
  border: none;
  color: transparent;
  font-size: 0;
}
.preheader__search input.search-submit:hover, .preheader__search input.search-submit:focus, .preheader__search input.search-submit:focus-visible {
  color: transparent;
  background-color: var(--pale-green);
}

a.custom-logo-link {
  display: block;
  max-width: 200px;
}
a.custom-logo-link img {
  display: block;
  max-width: 100%;
  height: auto;
}
@media screen and (max-width: 1023px) {
  a.custom-logo-link {
    display: none;
  }
}
@media screen and (min-width: 1216px) {
  a.custom-logo-link {
    margin-right: 5rem;
  }
}
@media screen and (min-width: 1408px) {
  a.custom-logo-link {
    margin-right: 8rem;
  }
}

.site-header {
  display: block;
  padding: 0.5rem 0 0;
  width: 100%;
  z-index: 10;
  background-color: transparent;
  transition: all 0.3s ease;
}
@media screen and (max-width: 1023px) {
  .site-header {
    position: fixed;
    top: 0;
    padding: 0;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.13);
  }
}
@media screen and (min-width: 1024px) {
  .site-header {
    padding: 1rem 0 0;
  }
}
@media screen and (min-width: 1024px) {
  body.fixed-header .site-header {
    position: fixed;
    top: 0;
    padding: 0;
    background-color: var(--toothpaste);
    animation: fadeIn;
    animation-duration: 0.4s;
    animation-timing-function: ease-in;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.13);
  }
  body.fixed-header .site-header a.custom-logo-link {
    width: auto;
    height: 48px;
    aspect-ratio: 340/173;
    background: url(assets/img/tree-abbv.svg) left top no-repeat;
    background-size: contain;
  }
  body.fixed-header .site-header a.custom-logo-link img {
    display: none;
  }
}
body.home .site-header .site-navigation__flex-container {
  border-bottom: none;
}
@media screen and (min-width: 1024px) {
  body.admin-bar.fixed-header .site-header {
    top: 32px;
  }
}

@media screen and (min-width: 1024px) {
  body.fixed-header {
    padding-top: 130px;
  }
}

@media screen and (max-width: 1023px) {
  body {
    padding-top: 56px;
  }
}

#wpadminbar {
  position: fixed !important;
}

/* ==========================================
	Navigation - 
============================================= */
.main-navigation {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 0;
}

.vsa-header-container {
  width: 100%;
  margin: auto;
}
@media screen and (min-width: 1024px) {
  .vsa-header-container {
    max-width: var(--wp--custom--layout--wide);
    padding: 0 var(--space-unit);
  }
}

.primary-menu-wrapper {
  width: 100%;
}
@media screen and (min-width: 1024px) {
  .primary-menu-wrapper {
    padding-top: 10px;
  }
}

.site-navigation__flex-container {
  width: 100%;
  align-items: flex-end;
  flex-wrap: nowrap;
  justify-content: space-between;
  border-bottom: 1px solid var(--lt-green);
}
@media screen and (min-width: 1024px) {
  .site-navigation__flex-container {
    padding-bottom: 8px;
  }
}
body.fixed-header .site-navigation__flex-container {
  border-bottom: none;
  padding-bottom: 0;
  align-items: center;
}

body.fixed-header #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
  font-size: 1rem;
}

#mega-menu-wrap-primary .mega-menu-toggle + #mega-menu-primary {
  max-width: 100%;
}
@media screen and (max-width: 1023px) {
  #mega-menu-wrap-primary .mega-menu-toggle + #mega-menu-primary {
    top: 56px;
  }
}
#mega-menu-wrap-primary .mega-menu-toggle + #mega-menu-primary > li > ul.mega-sub-menu {
  background-color: var(--offwhite);
  border-radius: 4px;
}
@media screen and (max-width: 1023px) {
  #mega-menu-wrap-primary .mega-menu-toggle + #mega-menu-primary > li > ul.mega-sub-menu {
    padding: 1.2rem;
  }
}

@media screen and (max-width: 1023px) {
  #mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open::after {
    display: none;
  }
}

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {
  line-height: 1.2;
}
@media screen and (max-width: 1023px) {
  #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {
    font-size: 1rem;
    padding: 0.33rem 0;
  }
}

@media screen and (min-width: 1024px) {
  #mega-menu-wrap-primary #mega-menu-primary {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-around;
  }
}

/* Modal styles, general. particular modal styles, like team modals, are in teams.scss */
*,
*::after,
*::before {
  box-sizing: border-box;
}

.modal {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0);
  transition: 200ms ease-in-out;
  border-radius: 0;
  z-index: 11;
  background-color: white;
  width: 900px;
  max-width: 80vw;
  max-height: 85vh;
  overflow-y: auto;
}

.modal.active {
  transform: translate(-50%, -50%) scale(1);
}

.close-button {
  display: block;
  position: absolute;
  top: 0.1rem;
  right: 0.1rem;
  width: 2rem;
  height: 2rem;
  cursor: pointer;
  border: none;
  outline: none;
  background: none;
}
@media screen and (min-width: 769px), print {
  .close-button {
    width: 3rem;
    height: 3rem;
    top: 1rem;
    right: 1rem;
  }
}
.close-button svg {
  display: block;
  width: 100%;
  height: 100%;
}
.close-button svg circle, .close-button svg line {
  stroke: var(--dk-green);
  transition: all 0.3s ease;
}
.close-button:hover svg circle, .close-button:hover svg line, .close-button:focus svg circle, .close-button:focus svg line {
  stroke: var(--black);
}

#overlay {
  position: fixed;
  opacity: 0;
  transition: 200ms ease-in-out;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(12, 12, 12, 0.8);
  pointer-events: none;
  z-index: 10;
}

#overlay.active {
  opacity: 1;
  pointer-events: all;
}

.modal-body {
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 1rem;
  display: grid;
  grid-template-columns: 1fr;
  grid-auto-flow: row dense;
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
}
@media screen and (min-width: 769px), print {
  .modal-body {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-auto-flow: row dense;
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }
}
.modal-body .modal__team-image-column {
  padding: 0;
  margin: 0;
  color: var(--white);
  min-height: 100%;
}
.modal-body .modal__title-social {
  padding: 1.5rem;
}
.modal-body .modal__team-bio-column {
  padding: 1rem;
}
@media screen and (min-width: 769px), print {
  .modal-body .modal__team-bio-column {
    padding: 4rem 1.5rem 2rem;
  }
}

.modal-body img {
  border-radius: 0;
}

.modal__title-social {
  color: var(--dk-green);
}

input[type=text],
input[type=password],
textarea,
input[type=search],
input[type=email],
input[type=tel],
input[type=url],
select {
  font-family: var(--bodycopy);
  font-weight: var(--regular);
  font-size: 1rem;
  line-height: 1rem;
  color: var(--charcoal);
  padding: 0.8rem 1rem;
  background-color: var(--white);
  border-radius: 6px;
  border: 1px solid var(--charcoal);
  transition: all 0.3s ease;
}
input[type=text]:focus,
input[type=password]:focus,
textarea:focus,
input[type=search]:focus,
input[type=email]:focus,
input[type=tel]:focus,
input[type=url]:focus,
select:focus {
  border: 1px solid var(--black);
  outline: none;
  color: var(--black);
}

.whatever {
  width: max(100%, 300px);
}

/* gravity forms */
.site-main .gform_legacy_markup_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {
  padding: 0.5rem 1rem;
}
.site-main .gform_legacy_markup_wrapper .gfield_label {
  font-weight: var(--regular);
  color: var(--charcoal);
}

a {
  transition: all 0.3s ease;
  text-decoration: none;
}

.site-main a {
  position: relative;
  color: var(--green);
  font-weight: var(--bold);
  text-decoration: none;
  border-bottom: 1px solid var(--green);
  transition: all 0.3s ease;
}
.site-main a:hover,
.site-main a:focus {
  color: var(--black);
  text-decoration: none;
  border-bottom: 1px solid transparent;
}
.site-main a:focus {
  outline: 1px dotted var(--black);
}
.site-main a:active {
  text-decoration: none;
  color: var(--bluegray);
}
.site-main a.no-bottom-border,
.site-main a.headline-link {
  border-bottom: none !important;
}

a.button,
a.btn,
.btn,
.site-main .button,
.site-main a.wp-element-button,
.no-results input.search-submit,
.not-found input.search-submit {
  display: inline-block;
  height: auto;
  line-height: 1;
  padding: 0.6rem 1rem 0.6rem;
  font-family: var(--headline);
  font-size: var(--font-size-base);
  font-weight: var(--bold);
  color: var(--dk-green);
  background-color: var(--pale-green);
  text-align: center;
  border: none;
  border-bottom: none !important;
  border-left: 5px solid var(--yellow);
  border-radius: 0;
  cursor: pointer;
  transition: all 0.3s ease;
}
a.button:hover, a.button:focus,
a.btn:hover,
a.btn:focus,
.btn:hover,
.btn:focus,
.site-main .button:hover,
.site-main .button:focus,
.site-main a.wp-element-button:hover,
.site-main a.wp-element-button:focus,
.no-results input.search-submit:hover,
.no-results input.search-submit:focus,
.not-found input.search-submit:hover,
.not-found input.search-submit:focus {
  background-color: var(--yellow);
  color: var(--dk-green);
  text-decoration: none;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.13);
}
@media screen and (min-width: 769px), print {
  a.button,
  a.btn,
  .btn,
  .site-main .button,
  .site-main a.wp-element-button,
  .no-results input.search-submit,
  .not-found input.search-submit {
    padding: 0.8rem 1.2rem 0.8rem;
  }
}

/*! Flickity v2.2.0
https://flickity.metafizzy.co
---------------------------------------------- */
.flickity-enabled {
  position: relative;
}

.flickity-enabled:focus {
  outline: none;
}

.flickity-viewport {
  overflow: hidden;
  position: relative;
  height: 100%;
}

.flickity-slider {
  position: absolute;
  width: 100%;
  height: 100%;
}

/* draggable */
.flickity-enabled.is-draggable {
  -webkit-tap-highlight-color: transparent;
  tap-highlight-color: transparent;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.flickity-enabled.is-draggable .flickity-viewport {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab;
}

.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

/* ---- flickity-button ---- */
.flickity-button {
  position: absolute;
  background: hsla(0, 0%, 100%, 0.75);
  border: none;
  color: #333;
}

.flickity-button:hover {
  background: white;
  cursor: pointer;
}

.flickity-button:focus {
  outline: none;
  box-shadow: 0 0 0 5px #19F;
}

.flickity-button:active {
  opacity: 0.6;
}

.flickity-button:disabled {
  opacity: 0.3;
  cursor: auto;
  /* prevent disabled button from capturing pointer up event. #716 */
  pointer-events: none;
}

.flickity-button-icon {
  fill: currentColor;
}

/* ---- previous/next buttons ---- */
.flickity-prev-next-button {
  top: 50%;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  /* vertically center */
  transform: translateY(-50%);
}

.flickity-prev-next-button.previous {
  left: 10px;
}

.flickity-prev-next-button.next {
  right: 10px;
}

/* right to left */
.flickity-rtl .flickity-prev-next-button.previous {
  left: auto;
  right: 10px;
}

.flickity-rtl .flickity-prev-next-button.next {
  right: auto;
  left: 10px;
}

.flickity-prev-next-button .flickity-button-icon {
  position: absolute;
  left: 20%;
  top: 20%;
  width: 60%;
  height: 60%;
}

/* ---- page dots ---- */
.flickity-page-dots {
  position: absolute;
  width: 100%;
  bottom: -25px;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
  line-height: 1;
}

.flickity-rtl .flickity-page-dots {
  direction: rtl;
}

.flickity-page-dots .dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 8px;
  background: #333;
  border-radius: 50%;
  opacity: 0.25;
  cursor: pointer;
}

.flickity-page-dots .dot.is-selected {
  opacity: 1;
}

.image-banner-wrap {
  position: relative;
  transform: translateY(-1px);
  z-index: 2;
}

.full-width-banner {
  width: 100%;
  max-width: 2000px;
  margin: auto;
  position: relative;
  height: 40vh;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  aspect-ratio: 100/48;
}
@supports not (aspect-ratio) {
  .full-width-banner {
    padding-top: 48%;
    height: 0;
    position: relative;
    overflow: hidden;
  }
}

/* events */
.tribe-events {
  --tec-color-text-events-title: var(--dk-green);
}

.tribe-events-header__events-bar,
.tribe-events-c-subscribe-dropdown {
  display: none !important;
}

.tribe-compatibility-container {
  padding: 0 var(--space-unit);
  width: 100%;
  margin: auto;
  max-width: var(--wp--custom--layout--narrow);
}
.tribe-compatibility-container .tribe-events-widget-events-list__header-title {
  text-align: center;
  border-bottom: 1px solid var(--lt-green);
  padding-bottom: var(--space-unit);
  margin-bottom: var(--space-unit);
}
.tribe-compatibility-container a.tribe-events-widget-events-list__view-more-link {
  display: inline-block;
  height: auto;
  line-height: 1;
  padding: 0.6rem 1rem 0.6rem;
  font-family: var(--headline);
  font-size: var(--font-size-base);
  font-weight: var(--bold);
  color: var(--dk-green);
  background-color: var(--pale-green);
  text-align: center;
  border: none;
  border-bottom: none !important;
  border-left: 5px solid var(--yellow);
  border-radius: 0;
  cursor: pointer;
  transition: all 0.3s ease;
}
.tribe-compatibility-container a.tribe-events-widget-events-list__view-more-link:hover, .tribe-compatibility-container a.tribe-events-widget-events-list__view-more-link:focus {
  background-color: var(--yellow);
  color: var(--dk-green);
  text-decoration: none;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.13);
}
@media screen and (min-width: 769px), print {
  .tribe-compatibility-container a.tribe-events-widget-events-list__view-more-link {
    padding: 0.8rem 1.2rem 0.8rem;
  }
}

.tribe-common button,
.tribe-events-back a {
  display: inline-block;
  height: auto;
  line-height: 1;
  padding: 0.6rem 1rem 0.6rem;
  font-family: var(--headline);
  font-size: var(--font-size-base);
  font-weight: var(--bold);
  color: var(--dk-green);
  background-color: var(--pale-green);
  text-align: center;
  border: none;
  border-bottom: none !important;
  border-left: 5px solid var(--yellow);
  border-radius: 0;
  cursor: pointer;
  transition: all 0.3s ease;
  border-left: none;
}
.tribe-common button:hover, .tribe-common button:focus,
.tribe-events-back a:hover,
.tribe-events-back a:focus {
  background-color: var(--yellow);
  color: var(--dk-green);
  text-decoration: none;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.13);
}
@media screen and (min-width: 769px), print {
  .tribe-common button,
  .tribe-events-back a {
    padding: 0.8rem 1.2rem 0.8rem;
  }
}

.tribe-events-widget-events-list__event-title {
  font-size: var(--font-size-md);
}

.tribe-events-widget .tribe-events-widget-events-list__event-row {
  gap: 2rem;
  margin-bottom: var(--space-xl) !important;
}

h2.tribe-events-calendar-list__month-separator,
h2.tribe-events-widget-events-list__month-separator {
  font-size: var(--font-size-md);
  text-transform: uppercase;
}
h2.tribe-events-calendar-list__month-separator time,
h2.tribe-events-widget-events-list__month-separator time {
  border-bottom: 1px solid var(--yellow);
}

.tribe-events-calendar-list__event-date-tag-weekday,
.tribe-events-calendar-list__event-date-tag-daynum,
.tribe-events-widget-events-list__event-date-tag-weekday,
.tribe-events-widget-events-list__event-date-tag-daynum,
.tribe-events-widget-events-list__event-date-tag-month {
  background-color: var(--bluegray);
  color: var(--white);
}

.tribe-events-calendar-list__event-date-tag,
.tribe-events-calendar-list__event-datetime-wrapper,
.tribe-events-calendar-list__event-venue,
.tribe-events-widget-events-list__event-date-tag,
.tribe-events-widget-events-list__event-datetime-wrapper,
.tribe-events-widget-events-list__event-venue {
  font-family: var(--headline);
  font-style: normal;
  font-weight: var(--bold);
  color: var(--charcoal);
}

.tribe-events-calendar-list__event-date-tag-weekday,
.tribe-events-calendar-list__event-date-tag-daynum,
.tribe-events-widget-events-list__event-date-tag-weekday,
.tribe-events-widget-events-list__event-date-tag-daynum {
  background-color: var(--bluegray);
  color: var(--white);
}

h3.tribe-events-calendar-list__event-title,
h3.tribe-events-widget-events-list__event-title {
  border-left: 5px solid var(--yellow);
  padding-left: 5px;
}
h3.tribe-events-calendar-list__event-title a,
h3.tribe-events-widget-events-list__event-title a {
  color: var(--dk-green);
}

.tribe-events-pg-template {
  width: 100%;
  margin: auto;
  padding: var(--space-xl) var(--space-unit);
  max-width: var(--wp--custom--layout--narrow);
  --tec-font-family-sans-serif: var(--headline);
  --tec-font-size-2: var(--font-size-sm);
  --tec-font-size-3: var(--font-size-base);
}

.single-tribe_events .tribe-blocks-editor h1.tribe-events-single-event-title {
  font-size: var(--font-size-xxl);
}

h2.tribe-events-schedule__datetime {
  font-family: var(--headline);
  font-weight: var(--bold);
  color: var(--charcoal);
  border-left: none;
}
h2.tribe-events-schedule__datetime span {
  font-family: var(--headline);
  font-weight: var(--bold);
  color: var(--charcoal);
}

.tribe-block.tribe-block__event-price span,
.tribe-block.tribe-block__event-price h3,
.tribe-block.tribe-block__event-price p,
.tribe-block__organizer__title span,
.tribe-block__organizer__title h3,
.tribe-block__organizer__title p {
  font-family: var(--headline);
  font-weight: var(--bold);
  color: var(--charcoal);
}

.tribe-block.tribe-block__event-website a {
  margin: var(--space-unit) 0;
  display: inline-block;
  height: auto;
  line-height: 1;
  padding: 0.6rem 1rem 0.6rem;
  font-family: var(--headline);
  font-size: var(--font-size-base);
  font-weight: var(--bold);
  color: var(--dk-green);
  background-color: var(--pale-green);
  text-align: center;
  border: none;
  border-bottom: none !important;
  border-left: 5px solid var(--yellow);
  border-radius: 0;
  cursor: pointer;
  transition: all 0.3s ease;
  color: var(--dk-green) !important;
}
.tribe-block.tribe-block__event-website a:hover, .tribe-block.tribe-block__event-website a:focus {
  background-color: var(--yellow);
  color: var(--dk-green);
  text-decoration: none;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.13);
}
@media screen and (min-width: 769px), print {
  .tribe-block.tribe-block__event-website a {
    padding: 0.8rem 1.2rem 0.8rem;
  }
}

.tribe-block__venue {
  background-color: var(--pale-green);
  font-size: var(--font-size-base);
  border: none;
}

.tribe-block__venue__name h3 {
  font-weight: var(--bold) !important;
  font-size: var(--font-size-md) !important;
}

.tribe-block.tribe-block__events-link {
  display: none;
}

#tribe-events-content ul.tribe-events-sub-nav {
  text-align: left;
}

/* block 50-50, both contained and full-bleed */
.fifty-fifty-background {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.fifty-fifty-row {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-items: flex-start;
  gap: 2rem;
}
@media screen and (min-width: 769px), print {
  .fifty-fifty-row {
    flex-wrap: nowrap;
    gap: 3rem;
  }
}
@media screen and (min-width: 769px), print {
  .fifty-fifty-row.layout-image-right {
    flex-direction: row-reverse;
  }
}
.fifty-fifty-row .fifty-fifty-row-column {
  flex: 0 1 100%;
}
@media screen and (min-width: 769px), print {
  .fifty-fifty-row .fifty-fifty-row-column {
    flex: 0 1 50%;
  }
}
.fifty-fifty-row .fifty-fifty-row-column figure {
  display: block;
}
@media screen and (min-width: 769px), print {
  .fifty-fifty-row .fifty-fifty-row-column figure {
    height: 100%;
  }
}
.fifty-fifty-row .fifty-fifty-row-column img {
  display: block;
  border-radius: 12px;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.13);
}
@media screen and (min-width: 769px), print {
  .fifty-fifty-row .fifty-fifty-row-column img {
    position: sticky;
    top: 160px;
  }
}

/* 50-50 full-width */
.fifty-fifty-row--full-bleed {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-items: flex-start;
}
@media screen and (min-width: 769px), print {
  .fifty-fifty-row--full-bleed {
    flex-wrap: nowrap;
  }
}
@media screen and (min-width: 769px), print {
  .fifty-fifty-row--full-bleed.layout-image-right {
    flex-direction: row-reverse;
  }
}
@media screen and (min-width: 1216px) {
  .fifty-fifty-row--full-bleed.layout-image-right .fifty-fifty-row-column.text-column {
    padding-right: 2rem;
    padding-left: calc((100vw - 1152px) / 2);
  }
}
.fifty-fifty-row--full-bleed .fifty-fifty-row-column {
  flex: 0 1 100%;
}
@media screen and (min-width: 769px), print {
  .fifty-fifty-row--full-bleed .fifty-fifty-row-column {
    flex: 0 1 50%;
  }
}
@media screen and (min-width: 769px), print {
  .fifty-fifty-row--full-bleed .fifty-fifty-row-column.image-column {
    min-width: 50%;
    align-self: stretch;
  }
}
@media screen and (max-width: 768px) {
  .fifty-fifty-row--full-bleed .fifty-fifty-row-column.image-column {
    min-width: 100%;
    min-height: 400px;
    aspect-ratio: 1/1;
  }
}
.fifty-fifty-row--full-bleed .fifty-fifty-row-column.text-column {
  padding-left: 2rem;
  padding-right: 2rem;
}
@media screen and (min-width: 1216px) {
  .fifty-fifty-row--full-bleed .fifty-fifty-row-column.text-column {
    padding-right: calc((100vw - 1152px) / 2);
    padding-left: 2rem;
  }
}

/* banners */
.fullwidth-banner-wrapper {
  position: relative;
  margin-bottom: 14vw;
}

.fullwidth-banner-wrapper .main-carousel-1 {
  z-index: 1;
}

.fullwidth-banner-wrapper .fullwidth-banner {
  min-height: 100%;
  min-width: 100%;
  aspect-ratio: 1/1;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center top;
}
@media screen and (min-width: 769px), print {
  .fullwidth-banner-wrapper .fullwidth-banner {
    aspect-ratio: 3/2;
  }
}
@media screen and (min-width: 1024px) {
  .fullwidth-banner-wrapper .fullwidth-banner {
    aspect-ratio: 2/1;
  }
}
@media screen and (min-width: 1216px) {
  .fullwidth-banner-wrapper .fullwidth-banner {
    aspect-ratio: 2.5/1;
  }
}

.carousel__cell--inner {
  width: 100%;
  height: 100%;
}

.top-banner__pale-green-text-wrapper {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: var(--space-unit);
  background-color: var(--pale-green);
  z-index: 2;
}
@media screen and (min-width: 1024px) {
  .top-banner__pale-green-text-wrapper {
    position: absolute;
    right: 0;
    bottom: -8vw;
    width: 90%;
    aspect-ratio: 1217/243;
    padding: 2rem;
    background: url(assets/img/pale-green-vector-bkgr.svg) left center no-repeat;
    background-size: 103% 100%;
  }
}
@media screen and (min-width: 1408px) {
  .top-banner__pale-green-text-wrapper {
    width: 80%;
  }
}
.top-banner__pale-green-text-wrapper img {
  display: none;
}
@media screen and (min-width: 1024px) {
  .top-banner__pale-green-text-wrapper img {
    display: block;
    margin-right: 3rem;
  }
}

.three-column-section.green-background-shape {
  color: var(--white);
  padding: clamp(4rem, 10vw, 10rem) 0;
  background-image: linear-gradient(180deg, hsl(101, 81%, 17%) 0%, hsl(101, 78%, 18%) 11%, hsl(101, 75%, 20%) 22%, hsl(101, 72%, 22%) 33%, hsl(101, 70%, 24%) 44%, hsl(101, 68%, 26%) 56%, hsl(101, 66%, 28%) 67%, hsl(101, 65%, 29%) 78%, hsl(101, 63%, 31%) 89%, hsl(101, 62%, 33%) 100%);
}
.three-column-section.green-background-shape :is(div, p, h1, h2, h3) {
  color: var(--white);
}
.three-column-section.green-background-shape a:not(.btn) {
  color: var(--yellow);
  border-bottom: none;
}
.three-column-section.green-background-shape a:not(.btn):hover, .three-column-section.green-background-shape a:not(.btn):focus {
  color: var(--pale-green);
  border-bottom: none;
}
@media screen and (min-width: 1216px) {
  .three-column-section.green-background-shape {
    background: url(assets/img/green-swoosh-bkgr.svg) -2px bottom no-repeat;
    background-size: cover;
    padding-bottom: 10vw;
  }
}

@media screen and (min-width: 769px), print {
  .three-column-row {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-auto-flow: row dense;
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }
}

@media screen and (max-width: 768px) {
  .three-cols__single-col {
    margin-bottom: 4rem;
  }
}

.vsa-people-section {
  width: 100%;
  margin: 0 auto;
}

.vsa-people-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  width: 100%;
  max-inline-size: none;
  max-width: calc(1234px + 4rem);
  margin: auto auto auto 0;
  gap: 2rem;
}

.person-card {
  width: 100%;
  max-width: 300px;
  margin-bottom: 1rem;
  border-radius: 0.5rem;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.13);
}
@media screen and (min-width: 769px), print {
  .person-card.horizontal-card {
    display: flex;
    flex-wrap: nowrap;
    gap: 1rem;
    box-shadow: none;
    max-width: 660px;
  }
  .site-main .person-card.horizontal-card img {
    max-width: 300px;
    border-radius: 0.5rem;
  }
}
.site-main .person-card img {
  display: none;
  width: 100%;
  height: auto;
  border-radius: 0.5rem 0.5rem 0 0;
}

.person-info {
  padding: 1.5rem;
  font-size: var(--font-size-sm);
  line-height: 1.2;
  color: var(--charcoal);
}
.person-info h3 {
  font-size: var(--font-size-md);
  margin-bottom: 0.5rem;
  color: var(--black);
}
.person-info .card-divider {
  width: 60%;
  height: 1px;
  display: block;
  background-color: var(--charcoal);
  margin: 1.25rem auto 1.25rem 0;
}
.person-info a.person-email {
  font-weight: var(--regular);
  color: var(--charcoal);
  border-bottom: 1px solid var(--charcoal);
}
.person-info a.person-email:hover, .person-info a.person-email:focus {
  color: var(--black);
  border-color: transparent;
}

/* consultants block layout */
#primary .vsa-people-container li.person-card.consultant-card {
  margin: 0 0 1rem;
  list-style-type: none;
  transition: all 0.3s ease;
}
#primary .vsa-people-container li.person-card.consultant-card:hover, #primary .vsa-people-container li.person-card.consultant-card:focus {
  box-shadow: 0 2px 16px rgba(0, 0, 0, 0.4);
}
#primary .vsa-people-container button {
  width: 100%;
  max-width: 300px;
  padding: 0 0 0.5rem;
  background-color: var(--white);
  border: none;
  color: var(--black);
  text-align: left;
  border-radius: 0.5rem;
  transition: all 0.3s ease;
  cursor: pointer;
}
#primary .vsa-people-container .team-member__card-area {
  padding: 0.5rem;
  font-family: var(--headline);
  color: var(--dk-green);
}
#primary .vsa-people-container img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  border-radius: 0.5rem 0.5rem 0 0;
  transition: all 0.3s ease;
  z-index: 1;
}

/*# sourceMappingURL=style.css.map */