: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: black;
  --vfa-color-primary-100: black;
  --vfa-color-primary-200: black;
  --vfa-color-primary-300: black;
  --vfa-color-primary-400: black;
  --vfa-color-primary-500: black;
  --vfa-color-primary-600: #333333;
  --vfa-color-primary-700: #666666;
  --vfa-color-primary-800: #999999;
  --vfa-color-primary-900: #cccccc;
  --vfa-color-primary-950: rgb(242.25, 242.25, 242.25);
  --vfa-color-secondary: yellow;
  --vfa-color-secondary-100: #333300;
  --vfa-color-secondary-200: #666600;
  --vfa-color-secondary-300: #999900;
  --vfa-color-secondary-400: #cccc00;
  --vfa-color-secondary-500: yellow;
  --vfa-color-secondary-600: #ffff33;
  --vfa-color-secondary-700: #ffff66;
  --vfa-color-secondary-800: #ffff99;
  --vfa-color-secondary-900: #ffffcc;
  --vfa-color-secondary-950: rgb(255, 255, 242.25);
  --vfa-color-tertiary: hsl(356, 60%, 40%);
  --vfa-color-tertiary-100: rgb(32.64, 8.16, 9.792);
  --vfa-color-tertiary-200: rgb(65.28, 16.32, 19.584);
  --vfa-color-tertiary-300: rgb(97.92, 24.48, 29.376);
  --vfa-color-tertiary-400: rgb(130.56, 32.64, 39.168);
  --vfa-color-tertiary-500: hsl(356, 60%, 40%);
  --vfa-color-tertiary-600: rgb(181.56, 83.64, 90.168);
  --vfa-color-tertiary-700: rgb(199.92, 126.48, 131.376);
  --vfa-color-tertiary-800: rgb(218.28, 169.32, 172.584);
  --vfa-color-tertiary-900: rgb(236.64, 212.16, 213.792);
  --vfa-color-tertiary-950: rgb(250.41, 244.29, 244.698);
  --vfa-color-white: white;
  --vfa-color-black: black;
  --vfa-bg-color-body: white;
  --vfa-bg-color-container: rgb(242.25, 242.25, 242.25);
}
@media (prefers-color-scheme: dark) {
  :root {
    --vfa-color-primary: black;
    --vfa-color-primary-950: black;
    --vfa-color-primary-900: black;
    --vfa-color-primary-800: black;
    --vfa-color-primary-700: black;
    --vfa-color-primary-600: black;
    --vfa-color-primary-500: black;
    --vfa-color-primary-400: #333333;
    --vfa-color-primary-300: #666666;
    --vfa-color-primary-200: #999999;
    --vfa-color-primary-100: #cccccc;
    --vfa-color-secondary: yellow;
    --vfa-color-secondary-950: rgb(25.5, 25.5, 0);
    --vfa-color-secondary-900: #333300;
    --vfa-color-secondary-800: #666600;
    --vfa-color-secondary-700: #999900;
    --vfa-color-secondary-600: #cccc00;
    --vfa-color-secondary-500: yellow;
    --vfa-color-secondary-400: #ffff33;
    --vfa-color-secondary-300: #ffff66;
    --vfa-color-secondary-200: #ffff99;
    --vfa-color-secondary-100: #ffffcc;
    --vfa-color-tertiary: #E14852;
    --vfa-color-tertiary-950: rgb(22.5, 7.2, 8.2);
    --vfa-color-tertiary-900: rgb(45, 14.4, 16.4);
    --vfa-color-tertiary-800: rgb(90, 28.8, 32.8);
    --vfa-color-tertiary-700: rgb(135, 43.2, 49.2);
    --vfa-color-tertiary-600: rgb(180, 57.6, 65.6);
    --vfa-color-tertiary-500: #E14852;
    --vfa-color-tertiary-400: rgb(231, 108.6, 116.6);
    --vfa-color-tertiary-300: rgb(237, 145.2, 151.2);
    --vfa-color-tertiary-200: rgb(243, 181.8, 185.8);
    --vfa-color-tertiary-100: rgb(249, 218.4, 220.4);
    --vfa-color-white: black;
    --vfa-color-black: white;
    --vfa-bg-color-body: black;
    --vfa-bg-color-container: black;
  }
  :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: "Epilogue-Regular-Web";
  --vfa-font-family-header: "Anton-Regular-Web";
}

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-2);
  padding-bottom: var(--vfa-spacing-2);
  background-color: var(--vfa-color-white);
}
.page-header-content {
  margin-left: auto;
  margin-right: auto;
  max-width: var(--vfa-spacing-wide-content);
  text-align: center;
}
@media (min-width: 768px) {
  .page-header-content {
    text-align: left;
  }
}
.page-header-content h1 {
  color: var(--vfa-color-tertiary-500);
  font-weight: 500;
  font-size: var(--vfa-font-size-600);
}
.page-header-content h2 {
  color: var(--vfa-color-primary-500);
  font-size: var(--vfa-font-size-600);
  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);
  }
}
@media (min-width: 768px) {
  .container.narrow {
    max-width: 700px;
  }
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--vfa-font-family-header), Helvetica, Arial;
  line-height: 1.2em;
}

h1 {
  letter-spacing: 0.05em;
}

h2 {
  letter-spacing: 0.07em;
}

h1 {
  color: var(--vfa-color-secondary-400);
}

h2 {
  color: var(--vfa-color-primary-500);
}

a:link, a:visited {
  color: var(--vfa-color-primary-500);
}

a:hover, a:active {
  color: var(--vfa-color-primary-300);
}

@font-face {
  font-family: "Anton-Regular-Web";
  src: url("/static/fonts/anton-regular.woff2") format("woff2");
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: "Anton-Regular-Web";
  src: url("/static/fonts/anton-regular.woff2") format("woff2");
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: "Anton-Regular-Web";
  src: url("/static/fonts/anton-regular.woff2") format("woff2");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Anton-Regular-Web";
  src: url("/static/fonts/anton-regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Anton-Regular-Web";
  src: url("/static/fonts/anton-regular.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Anton-Regular-Web";
  src: url("/static/fonts/anton-regular.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "Anton-Regular-Web";
  src: url("/static/fonts/anton-regular.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Anton-Regular-Web";
  src: url("/static/fonts/anton-regular.woff2") format("woff2");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: "Anton-Regular-Web";
  src: url("/static/fonts/anton-regular.woff2") format("woff2");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "Epilogue-Regular-Web";
  src: url("/static/fonts/epilogue-regular.woff2") format("woff2");
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: "Epilogue-Regular-Web";
  src: url("/static/fonts/epilogue-regular.woff2") format("woff2");
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: "Epilogue-Regular-Web";
  src: url("/static/fonts/epilogue-regular.woff2") format("woff2");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Epilogue-Regular-Web";
  src: url("/static/fonts/epilogue-regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Epilogue-Regular-Web";
  src: url("/static/fonts/epilogue-regular.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Epilogue-Regular-Web";
  src: url("/static/fonts/epilogue-regular.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "Epilogue-Regular-Web";
  src: url("/static/fonts/epilogue-regular.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Epilogue-Regular-Web";
  src: url("/static/fonts/epilogue-regular.woff2") format("woff2");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: "Epilogue-Regular-Web";
  src: url("/static/fonts/epilogue-regular.woff2") format("woff2");
  font-weight: 900;
  font-style: normal;
}
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/capitol-dark.webp");
  background-position: center;
  box-sizing: border-box;
  background-size: cover;
  min-height: 400px;
  padding-top: var(--vfa-spacing-4);
  padding-bottom: var(--vfa-spacing-4);
}
.index-hero-image-content-1 {
  text-align: center;
}
.index-hero-image-content-1 h1 {
  margin-top: 0;
  font-size: var(--vfa-font-size-700);
  color: white;
}
@media (min-width: 768px) {
  .index-hero-image-content-1 h1 {
    font-size: var(--vfa-font-size-1100);
  }
}
.index-hero-image-content-2 h2 {
  text-align: center;
  line-height: 1.4em;
}
@media (min-width: 768px) {
  .index-hero-image-content-2 h2 {
    font-size: var(--vfa-font-size-1000);
  }
}
.index-hero-image-content-2 h2 a:link, .index-hero-image-content-2 h2 a:visited {
  color: var(--vfa-color-secondary-500);
}
.index-hero-image-content-2 h2 a:hover, .index-hero-image-content-2 h2 a:active {
  color: var(--vfa-color-secondary-700);
}
.index-hero-image-content-3 {
  color: white;
  font-weight: 500;
  text-align: center;
}
.index-hero-image-content-3 .emphasis {
  font-weight: 800;
  letter-spacing: 0.05em;
  color: var(--vfa-color-secondary-500);
}
@media (min-width: 768px) {
  .index-hero {
    display: flex;
    flex-direction: row;
  }
  .index-hero-image {
    flex: 0 0 100%;
    background-size: cover;
  }
}

.index-content {
  text-align: center;
  font-size: var(--vfa-font-size-400);
  line-height: 1.4em;
  max-width: var(--vfa-spacing-narrow-content);
  margin-top: var(--vfa-spacing-6);
  margin-left: auto;
  margin-right: auto;
}
.index-content-1 {
  font-weight: 600;
}
.index-content-1 .emphasis {
  font-weight: 800;
  color: var(--vfa-color-secondary-200);
}
.index-content-1 a:link, .index-content-1 a:visited {
  color: var(--vfa-color-secondary-200);
  font-weight: 800;
}
.index-content-1 a:hover, .index-content-1 a:active {
  color: var(--vfa-color-secondary-400);
  font-weight: 800;
}
.index-content-1, .index-content-2, .index-content-3 {
  margin-bottom: var(--vfa-spacing-6);
}
.index-news-item {
  margin-bottom: var(--vfa-spacing-4);
}
.index-news-item-title {
  line-height: 1.2em;
  margin-bottom: var(--vfa-spacing-2);
}
.index-news-item-date {
  font-size: var(--vfa-font-size-400);
  font-weight: 600;
}
.index-news-item-content {
  font-size: var(--vfa-font-size-300);
}

.index-call-to-action {
  background-color: var(--vfa-color-tertiary-500);
  text-align: center;
  padding-top: var(--vfa-spacing-6);
  padding-bottom: var(--vfa-spacing-6);
  line-height: 1.4em;
  font-weight: 500;
}
.index-call-to-action.color-secondary {
  background-color: hsl(0, 0%, 10%);
  color: white;
  font-family: var(--vfa-font-family-header);
  font-size: var(--vfa-font-size-600);
  margin-bottom: var(--vfa-spacing-8);
}
.index-call-to-action h1 {
  color: white;
}

.index-footer {
  background-color: var(--vfa-color-tertiary-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 */