:root {
  --vfa-breakpoint-grid-xs: 0;
  --vfa-breakpoint-grid-sm: 576px;
  --vfa-breakpoint-grid-md: 768px;
  --vfa-breakpoint-grid-lg: 992px;
  --vfa-breakpoint-grid-xl: 1200px;
  --vfa-breakpoint-container-sm: 540px;
  --vfa-breakpoint-container-md: 720px;
  --vfa-breakpoint-container-lg: 960px;
  --vfa-breakpoint-container-xl: 1140px;
}

:root {
  --vfa-color-primary: #1D4B92;
  --vfa-color-primary-100: rgb(5.8, 15, 29.2);
  --vfa-color-primary-200: rgb(11.6, 30, 58.4);
  --vfa-color-primary-300: rgb(17.4, 45, 87.6);
  --vfa-color-primary-400: rgb(23.2, 60, 116.8);
  --vfa-color-primary-500: #1D4B92;
  --vfa-color-primary-600: rgb(74.2, 111, 167.8);
  --vfa-color-primary-700: rgb(119.4, 147, 189.6);
  --vfa-color-primary-800: rgb(164.6, 183, 211.4);
  --vfa-color-primary-900: rgb(209.8, 219, 233.2);
  --vfa-color-primary-950: rgb(243.7, 246, 249.55);
  --vfa-color-secondary: #E14852;
  --vfa-color-secondary-100: rgb(45, 14.4, 16.4);
  --vfa-color-secondary-200: rgb(90, 28.8, 32.8);
  --vfa-color-secondary-300: rgb(135, 43.2, 49.2);
  --vfa-color-secondary-400: rgb(180, 57.6, 65.6);
  --vfa-color-secondary-500: #E14852;
  --vfa-color-secondary-600: rgb(231, 108.6, 116.6);
  --vfa-color-secondary-700: rgb(237, 145.2, 151.2);
  --vfa-color-secondary-800: rgb(243, 181.8, 185.8);
  --vfa-color-secondary-900: rgb(249, 218.4, 220.4);
  --vfa-color-secondary-950: rgb(253.5, 245.85, 246.35);
  --vfa-color-tertiary: #EAEAEE;
  --vfa-color-tertiary-100: rgb(46.8, 46.8, 47.6);
  --vfa-color-tertiary-200: rgb(93.6, 93.6, 95.2);
  --vfa-color-tertiary-300: rgb(140.4, 140.4, 142.8);
  --vfa-color-tertiary-400: rgb(187.2, 187.2, 190.4);
  --vfa-color-tertiary-500: #EAEAEE;
  --vfa-color-tertiary-600: rgb(238.2, 238.2, 241.4);
  --vfa-color-tertiary-700: rgb(242.4, 242.4, 244.8);
  --vfa-color-tertiary-800: rgb(246.6, 246.6, 248.2);
  --vfa-color-tertiary-900: rgb(250.8, 250.8, 251.6);
  --vfa-color-tertiary-950: rgb(253.95, 253.95, 254.15);
  --vfa-color-white: white;
  --vfa-color-black: black;
  --vfa-bg-color-body: white;
  --vfa-bg-color-container: rgb(243.7, 246, 249.55);
}
@media (prefers-color-scheme: dark) {
  :root {
    --vfa-color-primary: #1D4B92;
    --vfa-color-primary-950: rgb(2.9, 7.5, 14.6);
    --vfa-color-primary-900: rgb(5.8, 15, 29.2);
    --vfa-color-primary-800: rgb(11.6, 30, 58.4);
    --vfa-color-primary-700: rgb(17.4, 45, 87.6);
    --vfa-color-primary-600: rgb(23.2, 60, 116.8);
    --vfa-color-primary-500: #1D4B92;
    --vfa-color-primary-400: rgb(74.2, 111, 167.8);
    --vfa-color-primary-300: rgb(119.4, 147, 189.6);
    --vfa-color-primary-200: rgb(164.6, 183, 211.4);
    --vfa-color-primary-100: rgb(209.8, 219, 233.2);
    --vfa-color-secondary: #E14852;
    --vfa-color-secondary-950: rgb(22.5, 7.2, 8.2);
    --vfa-color-secondary-900: rgb(45, 14.4, 16.4);
    --vfa-color-secondary-800: rgb(90, 28.8, 32.8);
    --vfa-color-secondary-700: rgb(135, 43.2, 49.2);
    --vfa-color-secondary-600: rgb(180, 57.6, 65.6);
    --vfa-color-secondary-500: #E14852;
    --vfa-color-secondary-400: rgb(231, 108.6, 116.6);
    --vfa-color-secondary-300: rgb(237, 145.2, 151.2);
    --vfa-color-secondary-200: rgb(243, 181.8, 185.8);
    --vfa-color-secondary-100: rgb(249, 218.4, 220.4);
    --vfa-color-tertiary: #EAEAEE;
    --vfa-color-tertiary-950: rgb(23.4, 23.4, 23.8);
    --vfa-color-tertiary-900: rgb(46.8, 46.8, 47.6);
    --vfa-color-tertiary-800: rgb(93.6, 93.6, 95.2);
    --vfa-color-tertiary-700: rgb(140.4, 140.4, 142.8);
    --vfa-color-tertiary-600: rgb(187.2, 187.2, 190.4);
    --vfa-color-tertiary-500: #EAEAEE;
    --vfa-color-tertiary-400: rgb(238.2, 238.2, 241.4);
    --vfa-color-tertiary-300: rgb(242.4, 242.4, 244.8);
    --vfa-color-tertiary-200: rgb(246.6, 246.6, 248.2);
    --vfa-color-tertiary-100: rgb(250.8, 250.8, 251.6);
    --vfa-color-white: black;
    --vfa-color-black: white;
    --vfa-bg-color-body: black;
    --vfa-bg-color-container: rgb(1.45, 3.75, 7.3);
  }
  :root img, :root video {
    filter: brightness(0.8);
  }
  :root .header-logo img {
    filter: brightness(1.4);
  }
}

:root {
  --vfa-font-size: 14pt;
  --vfa-font-weight: 400;
  --vfa-font-size-100: calc(var(--vfa-font-size) * 0.7);
  --vfa-font-size-200: calc(var(--vfa-font-size) * 0.8);
  --vfa-font-size-300: calc(var(--vfa-font-size) * 0.9);
  --vfa-font-size-400: var(--vfa-font-size);
  --vfa-font-size-500: calc(var(--vfa-font-size) * 1.2);
  --vfa-font-size-600: calc(var(--vfa-font-size) * 1.4);
  --vfa-font-size-700: calc(var(--vfa-font-size) * 1.6);
  --vfa-font-size-800: calc(var(--vfa-font-size) * 2);
  --vfa-font-size-900: calc(var(--vfa-font-size) * 2.2);
  --vfa-font-size-1000: calc(var(--vfa-font-size) * 2.6);
  --vfa-font-size-1100: calc(var(--vfa-font-size) * 3);
}

:root {
  --vfa-spacing-wide-content: 900px;
  --vfa-spacing-narrow-content: 600px;
  --vfa-spacing-0: 0;
  --vfa-spacing-1: 0.3rem;
  --vfa-spacing-2: 0.6rem;
  --vfa-spacing-3: 1rem;
  --vfa-spacing-4: 1.3rem;
  --vfa-spacing-5: 1.6rem;
  --vfa-spacing-6: 2rem;
  --vfa-spacing-7: 2.5rem;
  --vfa-spacing-8: 3rem;
  --vfa-spacing-9: 3.5rem;
  --vfa-spacing-10: 4rem;
  --vfa-spacing-11: 4.5rem;
  --vfa-spacing-12: 5rem;
  --vfa-spacing-13: 5.5rem;
  --vfa-spacing-14: 6rem;
  --vfa-spacing-15: 6.5rem;
  --vfa-spacing-16: 7rem;
  --vfa-spacing-17: 7.5rem;
  --vfa-spacing-18: 8rem;
  --vfa-spacing-19: 8.5rem;
  --vfa-spacing-20: 9rem;
  --vfa-spacing-21: 9.5rem;
  --vfa-spacing-22: 10rem;
  --vfa-spacing-23: 10.5rem;
  --vfa-spacing-24: 11rem;
  --vfa-spacing-25: 11.5rem;
  --vfa-spacing-26: 12rem;
  --vfa-spacing-27: 12.5rem;
  --vfa-spacing-28: 13rem;
  --vfa-spacing-29: 13.5rem;
  --vfa-spacing-30: 14rem;
  --vfa-spacing-31: 14.5rem;
  --vfa-spacing-32: 15rem;
  --vfa-spacing-33: 15.5rem;
  --vfa-spacing-34: 16rem;
  --vfa-spacing-35: 16.5rem;
}

:root {
  --vfa-font-family-primary: Poppins;
}

html, body {
  font-family: var(--vfa-font-family-primary), Helvetica, Arial;
  font-weight: var(--vfa-font-weight);
  font-size: var(--vfa-font-size);
  line-height: 1.5em;
  margin: 0;
  padding: 0;
  color: var(--vfa-color-primary-200);
  background-color: var(--vfa-bg-color-container);
}

.page-header {
  padding-top: var(--vfa-spacing-6);
  padding-bottom: var(--vfa-spacing-6);
  background-color: var(--vfa-color-white);
}
.page-header-content {
  margin-left: auto;
  margin-right: auto;
  max-width: var(--vfa-spacing-wide-content);
}
.page-header-content-1 {
  color: var(--vfa-color-secondary-500);
  font-weight: 500;
}
.page-header-content-2 {
  color: var(--vfa-color-primary-500);
  font-weight: 700;
}

.container {
  margin: 0 auto;
  padding: 0 var(--vfa-spacing-3);
  max-width: var(--vfa-breakpoint-container-xs);
  max-width: var(--vfa-breakpoint-container-xs);
}
@media (min-width: 576px) {
  .container {
    max-width: var(--vfa-breakpoint-container-sm);
  }
}
@media (min-width: 768px) {
  .container {
    max-width: var(--vfa-breakpoint-container-md);
  }
}
@media (min-width: 992px) {
  .container {
    max-width: var(--vfa-breakpoint-container-lg);
  }
}
@media (min-width: 1200px) {
  .container {
    max-width: var(--vfa-breakpoint-container-xl);
  }
}

@font-face {
  font-family: "Poppins";
  src: url("/static/fonts/poppins/Poppins-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: "Poppins";
  src: url("/static/fonts/poppins/Poppins-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
}
@font-face {
  font-family: "Poppins";
  src: url("/static/fonts/poppins/Poppins-ExtraLight.ttf") format("truetype");
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: "Poppins";
  src: url("/static/fonts/poppins/Poppins-ExtraLightItalic.ttf") format("truetype");
  font-weight: 200;
  font-style: italic;
}
@font-face {
  font-family: "Poppins";
  src: url("/static/fonts/poppins/Poppins-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Poppins";
  src: url("/static/fonts/poppins/Poppins-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: "Poppins";
  src: url("/static/fonts/poppins/Poppins-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Poppins";
  src: url("/static/fonts/poppins/Poppins-Italic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: "Poppins";
  src: url("/static/fonts/poppins/Poppins-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Poppins";
  src: url("/static/fonts/poppins/Poppins-MediumItalic.ttf") format("truetype");
  font-weight: 500;
  font-style: italic;
}
@font-face {
  font-family: "Poppins";
  src: url("/static/fonts/poppins/Poppins-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "Poppins";
  src: url("/static/fonts/poppins/Poppins-SemiBoldItalic.ttf") format("truetype");
  font-weight: 600;
  font-style: italic;
}
@font-face {
  font-family: "Poppins";
  src: url("/static/fonts/poppins/Poppins-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Poppins";
  src: url("/static/fonts/poppins/Poppins-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
}
@font-face {
  font-family: "Poppins";
  src: url("/static/fonts/poppins/Poppins-ExtraBold.ttf") format("truetype");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: "Poppins";
  src: url("/static/fonts/poppins/Poppins-ExtraBoldItalic.ttf") format("truetype");
  font-weight: 800;
  font-style: italic;
}
@font-face {
  font-family: "Poppins";
  src: url("/static/fonts/poppins/Poppins-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "Poppins";
  src: url("/static/fonts/poppins/Poppins-BlackItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
}
html, body {
  background-color: var(--vfa-bg-color-container);
  color: var(--vfa-color-secondary-100);
  padding-bottom: var(--vfa-spacing-4);
}

.copyright {
  text-align: center;
  font-size: var(--vfa-font-size-200);
  margin-top: var(--vfa-spacing-4);
}

.index-hero-image {
  background-image: url("/static/img/sacramento-capitol.webp");
  box-sizing: border-box;
  background-size: cover;
  min-height: 400px;
}
@media (min-width: 768px) {
  .index-hero {
    display: flex;
    flex-direction: row;
  }
  .index-hero-image {
    flex: 0 0 50%;
    background-size: cover;
  }
}
.index-hero-content {
  flex: 0 0 50%;
  box-sizing: border-box;
  padding-left: var(--vfa-spacing-4);
  padding-right: var(--vfa-spacing-4);
}
.index-hero-content h1 {
  text-align: center;
  color: var(--vfa-color-primary-500);
  font-size: var(--vfa-font-size-1100);
  line-height: 1.2em;
}
.index-hero-content-bigger {
  font-size: 2em;
  line-height: 1em;
  color: var(--vfa-color-secondary-500);
  display: block;
}
.index-hero-content h2 {
  text-align: center;
  color: var(--vfa-color-primary-500);
  font-size: var(--vfa-font-size-900);
  line-height: 1.2em;
}

.index-content {
  text-align: center;
  font-size: var(--vfa-font-size-600);
  line-height: 1.4em;
  max-width: var(--vfa-spacing-narrow-content);
  margin-left: auto;
  margin-right: auto;
}
.index-content-1, .index-content-2, .index-content-3 {
  margin-bottom: var(--vfa-spacing-6);
}
.index-banner-2 {
  background-color: var(--vfa-color-primary-500);
  color: var(--vfa-color-white);
  text-align: center;
  padding-top: var(--vfa-spacing-6);
  padding-bottom: var(--vfa-spacing-6);
  margin-bottom: var(--vfa-spacing-6);
}
.index-banner-2-content {
  max-width: var(--vfa-spacing-wide-content);
  margin-left: auto;
  margin-right: auto;
  font-size: var(--vfa-font-size-600);
  line-height: 1.4em;
  padding-right: var(--vfa-spacing-4);
  padding-left: var(--vfa-spacing-4);
}

.index-list {
  max-width: var(--vfa-spacing-wide-content);
  margin-left: auto;
  margin-right: auto;
}
.index-list h2 {
  color: var(--vfa-color-secondary-500);
  font-size: var(--vfa-font-size-800);
  line-height: 1.2em;
}
@media (min-width: 768px) {
  .index-list {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-between;
  }
}
.index-list-item {
  flex: 0 1 45%;
  margin-bottom: var(--vfa-spacing-6);
}
.index-list-item-title {
  font-weight: 600;
  color: var(--vfa-color-primary-500);
  font-size: var(--vfa-font-size-500);
  margin-bottom: var(--vfa-spacing-1);
}
.index-footer {
  background-color: var(--vfa-color-secondary-500);
  text-align: center;
  padding-top: var(--vfa-spacing-6);
  padding-bottom: var(--vfa-spacing-6);
  color: var(--vfa-color-white);
  line-height: 1.4em;
  font-weight: 500;
}

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