@import url("https://use.typekit.net/knf0psv.css");

:root {
  --blue: #007bff;
  --indigo: #6610f2;
  --purple: #562b7b;
  --pink: #e83e8c;
  --red: #dc3545;
  --orange: #ff4500;
  --yellow: #ffc107;
  --green: #28a745;
  --teal: #00b0b9;
  --teal-light: #33f5ff;
  --cyan: #17a2b8;
  --white: #fff;
  --gray: #8b8878;
  --gray-dark: #464343;
  --gray-light: #c4c3ba;
  --black: #000;
  --primary: rgb(255, 77, 00);
  --primary-light: #ffa280;
  --primary-hover: #b33000;
  --secondary: #8b8878;
  --secondary-hover: #c4c3ba;
  --success: #28a745;
  --success-hover: #6fdc89;
  --info: #17a2b8;
  --info-hover: #60d9eb;
  --warning: #ffc107;
  --warning-hover: #ffdf80;
  --danger: #dc3545;
  --danger-hover: #ec939c;
  --light: #f1f1f1;
  --light-hover: #b3b3b3;
  --dark: #464343;
  --dark-hover: #827d7d;
  --bodybackground: #fff;
  --breakpoint-xs: 0;
  --breakpoint-sm: 576px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 992px;
  --breakpoint-xl: 1200px;
  /*
    --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
*/
}

body {
  background: url("../images/background.png") no-repeat center center;
  -webkit-background-size: 100vw 100vh;
  -moz-background-size: 100vw 100vh
  -o-background-size: 100vw 100vh;
  background-size: 100vw 100vh;
  font: 300 18px / 24px Agenda, sans-serif;
}

div.links {
  position: relative;
  top: 30vh;
  left: 5vw;
  height: 5vh;
}

div.link {
  width: 200px;
  background-color: #464343;
  line-height: 4vh;
  padding: 5 5 5 5;
  margin: 5 5 5 5;
  color: #00b0b9;
}

a {
  color: #00b0b9;
  text-decoration: none;
}

.logo {
  width: auto;
  height: 10vh;
}

.btn-primary.application-button {
  color: var(--white) !important;
}
.application-button {
  width: 20rem;
  height: 4.5rem;
  font-size: 1.3rem;
  text-align: center !important;
  vertical-align: middle;
  align-items: center;
  line-height: 3.5rem;
}
.centered_div {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.modal .modal-content {
  overflow: hidden;
}
.modal-body {
  max-height: 65vh;
  overflow-y: scroll; // to get scrollbar only for y axis
}

.btn-primary {
  color: var(--white);
  background-color: var(--primary);
  border-color: var(--primary);
}

.btn-primary:hover {
  color: var(--white);
  background-color: var(--primary-hover);
  border-color: var(--primary-hover);
}

.btn-primary:focus,
.btn-primary.focus {
  box-shadow: 0 0 0 0;
}

.btn-primary.disabled,
.btn-primary:disabled {
  color: var(--white);
  background-color: var(--primary);
  border-color: var(--primary);
}

.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
  color: var(--white);
  background-color: var(--primary);
  border-color: var(--primary);
}

.btn-primary:not(:disabled):not(.disabled):active:focus,
.btn-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem;
}

.nav-text {
  display: block;
}

.bg-translucent {
  background-color: rgba(255, 255, 255, 0.75);
}

.footer {
  font-size: 12px !important;
}

.footer .nav-link {
  text-decoration: underline;
}

@media (min-width: 768px) {
  .nav-text {
    padding: 0.5rem 1rem;
  }
}