@font-face {
  font-family: "UTTyler Gotham Bold";
  src: url(./static/font/GothamBold.otf);
  font-weight: bold;
}

@font-face {
  font-family: "UTTyler Gotham";
  src: url(./static/font/GothamMedium.ttf);
}

@font-face {
  font-family: "UTTyler Gotham Light";
  src: url(./static/font/GothamNarrowLight.otf);
}

:root {
  --banner-color: #002f6c;
  --banner-header-color: white;
  --banner-header-font: "UTTyler Gotham Bold", Arial, sans-serif;
  --banner-header-emphasis-color: white;
  --banner-header-emphasis-font: "UTTyler Gotham", Arial, sans-serif;
  --banner-subheader-color: white;
  --banner-subheader-font: "UTTyler Gotham", Arial, sans-serif;
  --button-color: #cb6015;
  --button-text-secondary-color: #000;
  --button-text-color: white;
  --button-text-font: "UTTyler Gotham Bold", Arial, sans-serif;
  --button-hover-color: #8c3900;
  --button-hover-text-color: white;
  --back-button-color: #6c757d;
  --back-button-hover-color: #5a6268;
  --form-title-font: "UTTyler Gotham Bold", Arial, sans-serif;
  --form-option-font: "UTTyler Gotham", Arial, sans-serif;
  --form-label-font: "UTTyler Gotham", Arial, sans-serif;
  --form-opt-in-font: "UTTyler Gotham Light", Arial, sans-serif;
  --form-option-color: #e2e6ea;
  --form-option-hover-color: #ced4da;
  --video-header-font: "UTTyler Gotham Bold", Arial, sans-serif;
  --video-subheader-font: "UTTyler Gotham", Arial, sans-serif;
  --video-text-font: "UTTyler Gotham", Arial, sans-serif;
  --powered-by-text-font: serif;
  --modal-close-button-color: #6c757d;
  --modal-close-button-hover-color: #5a6268;
  --share-title-font: "UTTyler Gotham", Arial, sans-serif;
}

.title-slide-logo {
  max-width: 200px;
}