#menu-popup a:link,
#menu-popup a:visited {
  text-decoration: none;
  color: #000;
}

#menu-popup {
  background: #FFF;
  /* text-align: center; */
  box-shadow: 0 0 64px 64px rgba(214, 214, 214, 0.2);
  display: flex;
  flex-direction: column;
  justify-content: start;
  align-items: center;
  gap: 35px;
}

#menu-popup section {
  /* margin-top: 10%;
  text-align: center; */
}

#menu-popup .menu-popup-section {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 15px;
}

#menu-popup .section-items {
  font-size: large;
  /* margin-top: 10px; */
  display: block;
}

#menu-popup .title {
  margin-bottom: 30px;
  color: #000;
  font-size: 1.5em;
  font-weight: bold;
}

#menu-popup #bottom-logo {
  position: fixed;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  margin-bottom: 35px;
  width: 180px;
}

#menu-popup .close-button {
  width: 30px;
  display: flex;
  flex-direction: column;
  position: absolute;
  bottom: 26px;
  left: 31px;
  text-align: center;
  font-size: 18px;
}

#menu-popup .close-button .close-button-caption {
  position: absolute;
  top: 19px;
  color: red;
}

#menu-popup .social-media-icons {
  direction: ltr;
  display: flex;
  justify-content: center;
  flex-wrap: nowrap;
}

#menu-popup .social-media-icons img {
  width: 60px;
}

#menu-popup select {
  padding-right: 10px;
  appearance: none;
  background-image: url("/img/cityselect/select-background.png");
  background-repeat: no-repeat;
  background-position: 10px;
  outline: none;
}

#menu-popup #inputs {
  width: 100%;
  max-width: 800px;
}

#menu-popup #inputs>* {
  width: 100%;
  height: 40px;
  border-radius: 5px;
  font-family: inherit;
}