@charset "utf-8";

html,
body,
#map {
  min-height: 100vh !important;
  min-width: 100vw !important;
  max-height: 100vh !important;
  max-width: 100vw !important;
  padding: 0 !important;
  margin: 0 !important;
}

::-webkit-scrollbar {
  width: 0px;
  background-color: #000;
}
::-webkit-scrollbar-thumb {
  background-color: #336;
}

.overlay {
  position: fixed;
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 100vw;
  min-width: 100vw;
  max-height: 100vh;
  min-height: 100vh;
  z-index: 9999;
  background-color: #000;
}

#imgOverlay {
  z-index: 9999;
  height: 100%;
  width: auto;
}

@media only screen and (max-width: 600px) {
  #imgOverlay {
    z-index: 9999;
    width: 75vw;
    height: auto;
  }
}

/* dropdown box css -- removed background and arrow */
#selectBorder::-ms-expand {
  display: none;
}
#selectBorder {
  min-height: 45px;
  height: 45px;
  max-height: 45px;
  border: none;
  border-top: none;
  width: 350px;
  background-color: transparent;
  color: white;
  font-size: 1.8rem;
  text-align: center;
  left: 100px;
  z-index: 9998;
  scrollbar-width: thin;
  text-shadow: 2px 2px 2px #01004e;
  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: 1px;
  text-overflow: "";
  cursor: pointer;
  border-radius: 0% 0% 50% 50%;
  padding-bottom: 10px;
}

#selectBorder:hover {
  background-color: #002c00;
  transition: 1s;
}

@media only screen and (max-width: 600px) {
  #selectBorder {
    width: 180px;
    font-size: 1.4rem;
  }
}

/* dropdown box option css */

.countryOption {
  background-color: rgb(0, 0, 50);
  padding: 0px 10px;
  border: none;
  cursor: pointer;
}




/**

/* ******************* */
/* START OF WEATHER MODAL CSS */
/* 
.weatherFig {
  text-align: center;
}

.weatherHeading {
  font-weight: 500;
  font-size: 1.2rem;
}

.forecastHeadings {
  font-size: 1rem;
  text-align: center;
  font-weight: 500;
}

.todayWeatherItems {
  width: 100%;
  height: auto;
  align-items: center;
  text-align: center;
} */

/*END OF WEATHER MODAL CSS*/
/* ******************* */
/* START OF NEWS MODAL */

/* .newsItem {
  background-color: #ffefef;
}

.newsLineBreak {
  border: 5px solid #fff;
  opacity: 1;
}

.newsHeading {
  padding: 0rem 0rem 0rem 0.7rem;
  font-weight: 600;
  font-size: 1.2rem;
  text-align: center;
}

.newsImgCSS {
  min-width: 100%;
  max-width: 100%;
  height: auto;
  max-height: auto;
}

.newsImgCSS:hover {
  opacity: 0.8;
}

#news_data a {
  text-decoration: none !important;
  color: black;
}

.sourceNews {
  padding: 0;
  margin: 0;
  font-size: 0.9rem;
  text-align: right;
}

.newsFigCaption {
  font-size: 1rem;
} */

/* END OF NEWS MODAL */
/* ******************* *



.layers-flowers {
  background-image: url(images/marker-icon-2x.png);
  width: 36px;
  height: 36px;
}

.lightBlueBG {
  background-color: rgba(0, 44, 255, 0.64);
}

.lightRedBG {
  background-color: rgba(229, 0, 3, 0.78);
}

.lightPurpleBG {
  background-color: rgba(250, 83, 255, 0.87);
}

.lightGreenBG {
  background-color: rgba(148, 255, 136, 0.77);
}

figcaption {
  font-size: 0.8rem;
}

figcaption:hover {
  color: darkblue;
}

figcaption::first-letter {
  text-transform: capitalize;
}


.blueHeader {
  background-color: #090826;
}

.lightGreenHeader {
  background-color: goldenrod;
}

.closeYellow {
  vertical-align: middle;
  text-align: left;
  background-color: goldenrod;
  color: white;
  min-width: 100%;
  max-width: 100%;
  width: 100%;
  min-height: 7vh;
  height: 7vh;
  border: none;
  font-weight: 600;
  font-size: 1.4rem;
}

.redHeader {
  background-color: rgb(255, 25, 0);
}

.closeRed {
  vertical-align: middle;
  text-align: left;
  background-color: rgb(255, 25, 0);
  color: white;
  min-width: 100%;
  max-width: 100%;
  width: 100%;
  min-height: 7vh;
  height: 7vh;
  border: none;
  font-weight: 600;
  font-size: 1.4rem;
}

.greenHeader {
  background-color: green;
}

.closeGreen {
  vertical-align: middle;
  text-align: left;
  background-color: green;
  color: white;
  min-width: 100%;
  max-width: 100%;
  width: 100%;
  min-height: 7vh;
  height: 7vh;
  border: none;
  font-weight: 600;
  font-size: 1.4rem;
}

.closeClear {
  vertical-align: middle;
  text-align: left;
  background-color: white;
  color: black;
  min-width: 100%;
  max-width: 100%;
  width: 100%;
  min-height: 7vh;
  height: 7vh;
  border: 2px solid black;
  font-weight: 600;
  font-size: 1.4rem;
}


***/