/******************************************/
/** General                              **/
/******************************************/

:root {
   --primary: #003A62;
   --primary-light: #003A621A;
   --secondary: #E55F04;
   --secondary-dark: #C14A03;
   --blue: #3e9ad9;
   --black: #000000;
   --gray: #555555;
   --light: #f2f2f2;
   --white: #ffffff;
   --scroll-button: #003A62;
}

html, body {
   background-color: #F5FAFD;
   font-family: 'area-normal', sans-serif;
   scroll-behavior: smooth;
}

.text-primary { color: var(--primary) !important; }
.text-secondary { color: var(--secondary) !important; }
.text-blue { color: var(--blue) !important; }

.bg-primary { background-color: var(--primary) !important; }
.bg-secondary { background-color: var(--secondary) !important; }

.btn-orange {
   background-color: var(--secondary);
   color: var(--white);
   border: none;
}
.btn-orange:hover, .btn-orange:focus {
   background-color: var(--secondary-dark);
   color: var(--white);
}

.fw-megabold {
   font-weight: 900 !important;
}

.btn-primary-light {
   background-color: var(--primary-light) !important;
   color: var(--primary);
   border: 1px solid var(--primary) !important;
   border: none;
}
.btn-primary-light:hover, .btn-primary-light:focus {
   background-color: var(--primary) !important;
   color: var(--white) !important;
}

.btn-outline-extra-light {
   background-color: #FFFFFF1A !important;
   color: var(--white);
   border: 1px solid var(--white) !important;
   border: none;
}
.btn-outline-extra-light:hover, .btn-outline-extra-light:focus {
   background-color: var(--primary) !important;
   color: var(--white) !important;
}

#mainNav {
   height: 150px;
   z-index: 1100;
}

#mainNav .nav-link{
   color: var(--white);
}

@media (max-width: 991.98px) {
   #mainNav .nav-link{
      color: var(--primary);
   }
}


#map-container {
   width: 34%;
   height: 100%;
   min-height: 400px;
   position: absolute;
   top: 0;
   right: 0;
}
@media (max-width: 1199.97px) {
   #map-container {
      position: static;
      width: 100%;
      height: 400px;
      margin-top: 20px;
   }
}