#aMap{
/*    Height of map*/
  height: 150em;
}

html, body {
    margin: 0;
    padding: 0;
}
.c-polyline {
    z-index: 999; 
}

h4{
  font-size: 16px;
  white-space: nowrap;
  text-align: left;
  font-family: Verdana;
  line-height: 26px;
  white-space: wrap;
}

h5{
  font-size: 14px;
  text-align: left;
  font-family: Verdana;
  line-height: 22px;
  white-space: wrap;
}

.intro-custom-popup .leaflet-popup-content-wrapper {
  background-image: url('assets/handContour.png');
  background-size: 90%;
  background-repeat: no-repeat;
  background-color: #14c2a8b8;
  color: #000000;
  width: 28vw; /* Allow the width to adjust to content */
  border-radius: 10px;
  padding: 20px; /* Add padding to create space for the text */
  box-sizing: border-box;
}

.intro-custom-popup h4, .intro-custom-popup h5 {
  font-size: 12px;
  text-align: left;
  font-family: Verdana;
  line-height: 22px;
  white-space: normal; /* Allow text to wrap */
  width: 22vw; /* Allow the text to fill the available width */
}
/* -------------------------------------- */
.AC-custom-popup .leaflet-popup-content-wrapper {
  background: #ffffff;
  color: #000000;
  width: 128%; /* Maintain the fixed width for the popup */
  border-radius: 10px;
}
.AC-custom-popup h5 {
  font-size: 12px;
  text-align: left;
  font-family: Verdana;
  line-height: 22px;
  white-space: wrap; 
  width: 135%; 
}
.AC-custom-popup p {
  font-size: 12px;
  text-align: left;
  font-family: Verdana;
  line-height: 22px;
  white-space: wrap; 
  width: 135%; 
}
.AC-custom-popup.leaflet-popup-content-wrapper a {
  color:rgb(64, 93, 162);
  width: 100px;
}
.AC-custom-popup .leaflet-popup-tip {
  background: transparent;
  border: none;
  box-shadow: none;
}
/* -------------------------------------- */
.BH-custom-popup .leaflet-popup-content-wrapper {
  background: #ffffff;
  color: #000000;
  width: 128%; 
  border-radius: 10px;
}

.BH-custom-popup h5 {
  font-size: 12px;
  text-align: left;
  font-family: Verdana;
  line-height: 22px;
  white-space: wrap; 
  width: 135%; 
}
.BH-custom-popup p {
  font-size: 12px;
  text-align: left;
  font-family: Verdana;
  line-height: 22px;
  white-space: wrap; 
  width: 135%; 
}
.BH-custom-popup .leaflet-popup-content-wrapper a{
  color:rgb(64, 93, 162);
  width: 100px;
}
.BH-custom-popup ul{
  font-size: 12px;
  text-align: left;
  font-family: Verdana;
  line-height: 22px;
}



.Seoul-custom-popup .leaflet-popup-content-wrapper {
  background: #ffffff;
  color: #000000;
  width: 300%; 
  max-height: 80vh;
  overflow-y: scroll;
  border-radius: 10px;
}

.Seoul-custom-popup h2 {
  font-size: 24px;
  text-align: left;
  font-family: Verdana;
  line-height: 22px;
  white-space: wrap; 
  width: 300%; 
}
.Seoul-custom-popup .leaflet-popup-content-wrapper a{
  color:rgb(64, 93, 162);
  width: 100px;
}

.EX-custom-popup .leaflet-popup-content-wrapper {
  background: #ffffff;
  color: #000000;
  width: 170%; /* Maintain the fixed width for the popup */
  border-radius: 10px;
}

.EX-custom-popup .leaflet-popup-content-wrapper h2 {
  font-size: 20px;
  text-align: left;
  font-family: Verdana;
  line-height: 22px;
  white-space: wrap; 
  width: 138%; 
}

.EX-custom-popup p{
  font-size: 12px;
  text-align: left;
  font-family: Verdana;
  line-height: 22px;
  white-space: wrap;
  width: 140%; 
}





.CS-custom-popup .leaflet-popup-content-wrapper {
  background: #ffffff;
  color: #000000;
  width: 200%; 
  height: 55vh;
  border-radius: 10px;
}

.CS-custom-popup .leaflet-popup-content-wrapper h2{
  font-size: 20px;
  text-align: left;
  font-family: Verdana;
  line-height: 22px;
  white-space: wrap; 
  width: 138%;
}
/* CSS for the popup content */
.popup-content {
  display: flex; 
  justify-content: space-between; 
  align-items: center; 
  gap: 0.5vw;
}

/* CSS for each column within the popup content */
.popup-column {
  flex: 1; 
  text-align: center; 
  width: 100%;
}

.popup-column img {
  height: 13vh;
  width: auto; 
}

.popup-column iframe {
  height: 20vh;
  width: auto; 
}

.image-container {
  text-align: center; 
}

.image-container h3 {
  margin-top: 10px; 
}