/* body {
  
} */

footer {
    margin: 3em 0 0 0;
    flex-shrink: 0;
    color: #FFFFFF;
    font-size: 0.75em;
    font-weight: 200;
    height: 4em;
    box-shadow: 0 0 5px 1px #000000;
    text-align: center;
}

.content {

    margin-bottom: 20px;
    font-family: "Frutiger", sans-serif;
    font-optical-sizing: auto;
    font-weight: 100;
    font-style: normal;
    color: #898a8d;
    background-color: #f9f9f9;
}

.title {
    font-family: "Frutiger", sans-serif;
    font-weight: 500;
    font-style: normal;
    color: #17458f;
}

@font-face {
  font-family: 'Frutiger';
  src: url('/fonts/FrutigerLTPro-Light.otf') format('opentype');
  
  font-weight: normal;
  font-style: normal;
  font-display: swap; 
}



.open-sans-100 {
  font-family: "Open Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 100;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
}

.open-sans-200 {
  font-family: "Open Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 200;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
}

.open-sans-300 {
  font-family: "Open Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
}

.open-sans-400 {
  font-family: "Open Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
}

.bg-brand {
    background-color: #17458f;
}

.royal-blue {
    color: #17458f;
}

.gold{
    color: #f7a81b;
}

.azure {
    color: #0067c8;
}

.moss {
    color: #a7aca2
}

.charcoal {
    color: #54565a;
}

.pewter {
    color: #898a8d;
}

.cardinal {
    color: #e02927;
}

.cranberry {
    color: #d41367;
}

.box-shadow {
  box-shadow: 5px 5px 5px 1px #d4d4d4;
}

.indent {
    margin: 0 0 0 2em;
}

.pic-sm{
    width: 100px;
}

.pic-md{
    width: 15em;
}

.link-brand {
    color: #17458f;
    text-decoration: none;
}
.link-brand:hover {
    color: #f7a81b;
    text-decoration: none;
}

.map-window {
    width: 100%;
    height: 400px;
    border: solid 1px #d4d4d4;
    border-radius: 5px;
}

.underline {
    text-decoration: underline;
}

.bold {
    font-weight: bold;
}

.italic {
    font-style: italic;
}

.short-hr {
    width: 20em;
    border: 0.5px solid #d4d4d4;
    margin-top: 10px;
    margin-bottom: 10px;
}

.nav-title {
    height: 3.125em;
    font-weight: 500;
}

.nav-logo {
    height: 2.75em;
}

/* Dark Mode Overrides */
/* @media (prefers-color-scheme: dark) {
  body {
    background-color: #121212;
    color: white;
  }
} */