.popup-overlay {
    /* Covers the entire screen */
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7); /* Semi-transparent black background */
    z-index: 2000; /* Ensure it's above other content */
    display: none; /* Hidden by default */
}

.popup-content {
    /* The actual popup box */
    position: fixed;
    top: 50%; /* Center vertically */
    left: 50%; /* Center horizontally */
    transform: translate(-50%, -50%); /* Adjust for the div's own size */
    background: white;
    padding: 5px;
    border-radius: 5px;
    z-index: 2001; /* Ensure it's above the overlay */
    display: none; /* Hidden by default */
    max-width: 75vh;
		max-height: 90vh;
    width: 100%;
		overflow-y: auto;
}

body:fullscreen {
  overflow: scroll !important;
}
body:-ms-fullscreen {
  overflow: scroll !important;
}
body:-webkit-full-screen {
  overflow: scroll !important;
}
body:-moz-full-screen {
  overflow: scroll !important;
}

#notice {
  color:black;
  font-family: "Trirong", sans-serif;/**/
  /*font-family: "Trirong", serif;/**/
  /*font-family: "Tangerine", serif;/**/
  /*font-family: "Audiowide", serif;/**/
  /*text-shadow: 4px 4px 4px #aaa;/**/
  font-size:1em;/**/
  margin:0px;/**/
  padding:0px;/**/
  text-shadow: 4px 4px 4px #ababab;/**/
  background: rgb(255,0,0); background: linear-gradient(90deg, rgba(255,0,0,1) 0%, rgba(255,255,255,1) 33%, rgba(255,255,255,1) 66%, rgba(0,0,255,1) 100%)
}

.modal-content iframe {
    margin: 0 auto;
    display: block;
}

iframe {
    width: 100%;
    height: 100%;
}
.ratio { /* Or whichever class you choose for your container */
    height: 100vh; /* This makes the container take the full viewport height */
}

#submenu {
  position: sticky; /* Toggles between relative and fixed positioning */
  top: 0;           /* Stays at the very top of the viewport once it reaches this position */
  z-index: 1000;    /* Ensures it appears above other elements */
  /* Add other styling for background, padding, etc. */
  overflow: hidden;
  background-color: #333;
}

.tour-theme {
  background-color: #fde047;
}