@charset "utf-8";
@import "normalize";

@font-face {
  font-family: 'proxima-nova';
  src: url('/fonts/proxima-nova-light.eot'); /* IE9 Compat Modes */
  src: url('/fonts/proxima-nova-light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('/fonts/proxima-nova-light.woff') format('woff'), /* Modern Browsers */
  url('/fonts/proxima-nova-light.ttf') format('truetype'), /* Safari, Android, iOS */
  url('/fonts/proxima-nova-light.svg#svgProximaNova') format('svg'); /* Legacy iOS */
}

@font-face {
  font-family: 'proxima-nova-semibold';
  src: url('/fonts/proxima-nova-semibold.eot'); /* IE9 Compat Modes */
  src: url('/fonts/proxima-nova-semibold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('/fonts/proxima-nova-semibold.woff') format('woff'), /* Modern Browsers */
  url('/fonts/proxima-nova-semibold.ttf') format('truetype'), /* Safari, Android, iOS */
  url('/fonts/proxima-nova-semibold.svg#svgProximaNova') format('svg'); /* Legacy iOS */
}

h4 {
  font-family: Arial;
}

p {
  font-size: 14px;
}

.links {
    color: #049FD9 !important;
    font-size: 14px;
}

body {
    padding: 0;
    margin: 0;
}
html, body, #mapid {
    height: 100vh;
    width: 100vw;
    /* margin-top: -6px; */
    background: #ffffff !important;
}

.title-color {
  background-color: #CAD2D3;
}
.title-bar {
  width: 50%;
}

// Iframe Stuff
.map-container {
  position: relative;
  height: 0;
  overflow: hidden;
}

/* 16x9 Aspect Ratio */
.map-container-16x9 {
  padding-bottom: 56.25%;
}

/* 4x3 Aspect Ratio */
.map-container-4x3 {
  padding-bottom: 75%;
}

.map-container iframe {
  position: absolute;
  top:0;
  left: 0;
  width: 100%;
  height: 100%;
}

.leaflet-container {
    background-color:#CAD2D3 !important;
}

.leaflet-control-zoom,
.leaflet-popup-close-button {
  display: none;
}

.leaflet-marker-icon {
  animation: fadeInDown 2s;
}

.leaflet-overlay-pane .leaflet-interactive {
  opacity: 0;
  animation: fadeInfadeOut 6s;
}

@keyframes fadeInDown {
   0% {
      opacity: 0;
      /* transform: translateY(-20px); */
   }
   100% {
      opacity: 1;
      /* transform: translateY(0); */
   }
}

@keyframes fadeInfadeOut {
   0% {
      opacity: 0;
   }
   25% {
     opacity: 1;
   }
   75% {
     opacity: 1;
   }
   100% {
      opacity: 0;
   }
}