@font-face {
  font-family: "NDNU Roboto Bold";
  src: url(./static/font/Roboto-Bold.ttf);
  font-weight: bold;
}

@font-face {
  font-family: "NDNU Roboto";
  src: url(./static/font/Roboto-Medium.ttf);
}

@font-face {
  font-family: "NDNU Roboto Light";
  src: url(./static/font/Roboto-Light.ttf);
}

@font-face {
  font-family: "Aquinas Marker";
  src: url(./static/font/AtomicMarker.otf);
}

:root {
  --banner-color: #003263;
  --banner-header-color: white;
  --banner-header-font: "NDNU Roboto Bold", Arial, sans-serif;
  --banner-header-emphasis-color: white;
  --banner-header-emphasis-font: "NDNU Roboto", Arial, sans-serif;
  --banner-subheader-color: #a2b2c8;
  --banner-subheader-font: "NDNU Roboto", Arial, sans-serif;
  --button-color: #c4960c;
  --button-text-secondary-color: #000;
  --button-text-color: black;
  --button-text-font: "NDNU Roboto Bold", Arial, sans-serif;
  --button-hover-color: #ffde7b;
  --button-hover-text-color: black;
  --back-button-color: #6c757d;
  --back-button-hover-color: #5a6268;
  --form-title-font: "NDNU Roboto Bold", Arial, sans-serif;
  --form-option-font: "NDNU Roboto", Arial, sans-serif;
  --form-label-font: "NDNU Roboto", Arial, sans-serif;
  --form-opt-in-font: "NDNU Roboto Light", Arial, sans-serif;
  --form-option-color: #e2e6ea;
  --form-option-hover-color: #ced4da;
  --video-header-font: "NDNU Roboto Bold", Arial, sans-serif;
  --video-subheader-font: "NDNU Roboto", Arial, sans-serif;
  --video-text-font: "NDNU Roboto", Arial, sans-serif;
  --powered-by-text-font: serif;
  --modal-close-button-color: #6c757d;
  --modal-close-button-hover-color: #5a6268;
  --share-title-font: "NDNU Roboto", Arial, sans-serif;
}

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

#video-page-logo {
  margin-bottom: 0 !important;
}