/* body {
  
} */

footer {
    padding: 2em 0;
    flex-shrink: 0;
    color: #FFFFFF;
    font-size: 0.9em;
    font-weight: 200;
    /* height: 4em; */
    box-shadow: 0 0 5px 1px #000000;
    text-align: center;
}

body {
    /* margin-bottom: 20px; */
    font-family: "Frutiger", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    color: #030303;
    background-color: #eeeeee;
    /* background-color: #e0e0e0; */
}

.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-white {
    background-color: #ffffff;
}

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

.bg-azure {
    background-color: #0067c8;
}

.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;
}

.btn-azure {
    background-color: #0067c8 !important;
    color: #FFFFFF !important;
    border: 1px solid #004a8c !important;
}

.btn-azure:hover {
    background-color: #004a8c !important;
    color: #FFFFFF !important;
    border: solid 1px #004a8c !important;
}

.btn-azure:focus,
.btn-azure:active {
    background-color: #004a8c !important;
    color: #FFFFFF !important;
    border: solid 1px #004a8c !important;
}

.btn-royal-blue {
    background-color: #17458f !important;
    color: #FFFFFF !important;
    border: 1px solid #17458f !important;
}

.btn-royal-blue:hover {
    background-color: #a7aca2 !important;
    color: #FFFFFF !important;
    border: solid 1px #a7aca2 !important;
}

.btn-royal-blue:focus,
.btn-royal-blue:active {
    background-color: #004a8c !important;
    color: #FFFFFF !important;
    border: solid 1px #004a8c !important;
}

.btn-gold {
    background-color: #f7a81b !important;
    color: #FFFFFF !important;
    border: 1px solid #d48a0a !important;
}

.btn-gold:hover {
    background-color: #d48a0a !important;
    color: #FFFFFF !important;
    border: solid 1px #d48a0a !important;
}

.btn-gold:focus,
.btn-gold:active {
    background-color: #d48a0a !important;
    color: #FFFFFF !important;
    border: solid 1px #d48a0a !important;
}

.btn-moss {
    background-color: #a7aca2 !important;
    color: #FFFFFF !important;
    border: 1px solid #8a8f85 !important;
}

.btn-moss:hover {
    background-color: #8a8f85 !important;
    color: #FFFFFF !important;
    border: solid 1px #8a8f85 !important;
}

.btn-moss:focus,
.btn-moss:active {
    background-color: #8a8f85 !important;
    color: #FFFFFF !important;
    border: solid 1px #8a8f85 !important;
}

.btn-charcoal {
    background-color: #54565a !important;
    color: #FFFFFF !important;
    border: 1px solid #3d3e42 !important;
}

.btn-charcoal:hover {
    background-color: #3d3e42 !important;
    color: #FFFFFF !important;
    border: solid 1px #3d3e42 !important;
}

.btn-charcoal:focus,
.btn-charcoal:active {
    background-color: #3d3e42 !important;
    color: #FFFFFF !important;
    border: solid 1px #3d3e42 !important;
}

.btn-pewter {
    background-color: #898a8d !important;
    color: #FFFFFF !important;
    border: 1px solid #6d6e71 !important;
}

.btn-pewter:hover {
    background-color: #6d6e71 !important;
    color: #FFFFFF !important;
    border: solid 1px #6d6e71 !important;
}

.btn-pewter:focus,
.btn-pewter:active {
    background-color: #6d6e71 !important;
    color: #FFFFFF !important;
    border: solid 1px #6d6e71 !important;
}

.btn-cardinal {
    background-color: #e02927 !important;
    color: #FFFFFF !important;
    border: 1px solid #b01f1f !important;
}

.btn-cardinal:hover {
    background-color: #b01f1f !important;
    color: #FFFFFF !important;
    border: solid 1px #b01f1f !important;
}

.btn-cardinal:focus,
.btn-cardinal:active {
    background-color: #b01f1f !important;
    color: #FFFFFF !important;
    border: solid 1px #b01f1f !important;
}

.btn-cranberry {
    background-color: #d41367 !important;
    color: #FFFFFF !important;
    border: 1px solid #a60d4f !important;
}

.btn-cranberry:hover {
    background-color: #a60d4f !important;
    color: #FFFFFF !important;
    border: solid 1px #a60d4f !important;
}

.btn-cranberry:focus,
.btn-cranberry:active {
    background-color: #a60d4f !important;
    color: #FFFFFF !important;
    border: solid 1px #a60d4f !important;
}

/* Outline Button Styles */
.btn-outline-azure {
    background-color: transparent !important;
    color: #0067c8 !important;
    border: 1px solid #0067c8 !important;
}

.btn-outline-azure:hover {
    background-color: #0067c8 !important;
    color: #FFFFFF !important;
    border: solid 1px #0067c8 !important;
}

.btn-outline-azure:focus,
.btn-outline-azure:active {
    background-color: #0067c8 !important;
    color: #FFFFFF !important;
    border: solid 1px #0067c8 !important;
}

.btn-outline-royal-blue {
    background-color: transparent !important;
    color: #17458f !important;
    border: 1px solid #17458f !important;
}

.btn-outline-royal-blue:hover {
    background-color: #17458f !important;
    color: #FFFFFF !important;
    border: solid 1px #17458f !important;
}

.btn-outline-royal-blue:focus,
.btn-outline-royal-blue:active {
    background-color: #17458f !important;
    color: #FFFFFF !important;
    border: solid 1px #17458f !important;
}

.btn-outline-gold {
    background-color: transparent !important;
    color: #f7a81b !important;
    border: 1px solid #f7a81b !important;
}

.btn-outline-gold:hover {
    background-color: #f7a81b !important;
    color: #FFFFFF !important;
    border: solid 1px #f7a81b !important;
}

.btn-outline-gold:focus,
.btn-outline-gold:active {
    background-color: #f7a81b !important;
    color: #FFFFFF !important;
    border: solid 1px #f7a81b !important;
}

.btn-outline-moss {
    background-color: transparent !important;
    color: #a7aca2 !important;
    border: 1px solid #a7aca2 !important;
}

.btn-outline-moss:hover {
    background-color: #a7aca2 !important;
    color: #FFFFFF !important;
    border: solid 1px #a7aca2 !important;
}

.btn-outline-moss:focus,
.btn-outline-moss:active {
    background-color: #a7aca2 !important;
    color: #FFFFFF !important;
    border: solid 1px #a7aca2 !important;
}

.btn-outline-charcoal {
    background-color: transparent !important;
    color: #54565a !important;
    border: 1px solid #54565a !important;
}

.btn-outline-charcoal:hover {
    background-color: #54565a !important;
    color: #FFFFFF !important;
    border: solid 1px #54565a !important;
}

.btn-outline-charcoal:focus,
.btn-outline-charcoal:active {
    background-color: #54565a !important;
    color: #FFFFFF !important;
    border: solid 1px #54565a !important;
}

.btn-outline-pewter {
    background-color: transparent !important;
    color: #898a8d !important;
    border: 1px solid #898a8d !important;
}

.btn-outline-pewter:hover {
    background-color: #898a8d !important;
    color: #FFFFFF !important;
    border: solid 1px #898a8d !important;
}

.btn-outline-pewter:focus,
.btn-outline-pewter:active {
    background-color: #898a8d !important;
    color: #FFFFFF !important;
    border: solid 1px #898a8d !important;
}

.btn-outline-cardinal {
    background-color: transparent !important;
    color: #e02927 !important;
    border: 1px solid #e02927 !important;
}

.btn-outline-cardinal:hover {
    background-color: #e02927 !important;
    color: #FFFFFF !important;
    border: solid 1px #e02927 !important;
}

.btn-outline-cardinal:focus,
.btn-outline-cardinal:active {
    background-color: #e02927 !important;
    color: #FFFFFF !important;
    border: solid 1px #e02927 !important;
}

.btn-outline-cranberry {
    background-color: transparent !important;
    color: #d41367 !important;
    border: 1px solid #d41367 !important;
}

.btn-outline-cranberry:hover {
    background-color: #d41367 !important;
    color: #FFFFFF !important;
    border: solid 1px #d41367 !important;
}

.btn-outline-cranberry:focus,
.btn-outline-cranberry:active {
    background-color: #d41367 !important;
    color: #FFFFFF !important;
    border: solid 1px #d41367 !important;
}

.font-white {
    color: #FFFFFF;
}

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

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

.pic-sm{
    width: 100px;
}

.img-md{
    width: 300px;
}

.img-fluid {
    min-width: 100%;
    height: auto;
}

.img-container .img-fluid {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

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

.link-white {
    color: #FFFFFF;
    text-decoration: none;
}
.link-white:hover {
    color: #f7a81b;
    text-decoration: none;
}
.link-white:focus,
.link-white:active {
    color: #f7a81b;
    text-decoration: none;
}

.link-pewter {
    color: #898a8d;
    text-decoration: none;
}
.link-pewter:hover {
    color: #f7a81b;
    text-decoration: none;
}
.link-pewter:focus,
.link-pewter:active {
    color: #f7a81b;
    text-decoration: none;
}

.map-container {
    display: flex;
    height: auto;
}

.map-window {
    width: 100%;
    height: 100%;
    border: solid 1px #d4d4d4;
    display: block;
}

.img-container {
    display: flex;
    min-height: 500px;
    overflow: hidden;
}

.pic {
    width: 100%;
    height: auto;
}

.underline {
    text-decoration: underline;
}

.bold {
    font-weight: bold;
}

.italic {
    font-style: italic;
}

h1 {
    margin-bottom: 0 !important;
}

.back-to-top {
    font-size: 1.5em;
    margin: 0;
    padding: 0;
}

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

.nav-logo {
    height: 2.75em;
}

.black-border {
    border: solid 2px #8e8e8e;
}

.gold-border {
    border: solid 1px #d48a0a;
}

.gold-border-top {
    border-top: solid 5px #d48a0a;
}

.gold-border-bottom {
    border-bottom: solid 1px #d48a0a;
    margin: 5px 0;
}

/* Fail-proof base state */
.reveal {
  opacity: 0;
  transition: all 1s ease-out;
  pointer-events: none;
}

.from-left { transform: translateX(-50px); }
.from-right { transform: translateX(50px); }
.from-top { transform: translateY(-50px); }
.from-bottom { transform: translateY(50px); }

/* The class JS will add */
.show-me {
  opacity: 1;
  transform: translate(0, 0) !important;
  pointer-events: auto;
}