/* From Uiverse.io by JulanDeAlb */
.hamburger {
  cursor: pointer;
}

.hamburger input {
  display: none;
}

.hamburger svg {
  /* The size of the SVG defines the overall size */
  height: 3em;
  /* Define the transition for transforming the SVG */
  transition: transform 600ms cubic-bezier(0.4, 0, 0.2, 1);
}

.line {
  fill: none;
  stroke: white;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 3;
  /* Define the transition for transforming the Stroke */
  transition: stroke-dasharray 600ms cubic-bezier(0.4, 0, 0.2, 1),
    stroke-dashoffset 600ms cubic-bezier(0.4, 0, 0.2, 1);
}

.hIDisable {
  pointer-events: none;
  opacity: 0.5;
}

.line-top-bottom {
  stroke-dasharray: 12 63;
}

.hamburger input:checked+svg {
  transform: rotate(-45deg);
}

.hamburger input:checked+svg .line-top-bottom {
  stroke-dasharray: 20 300;
  stroke-dashoffset: -32.42;
}

.fixed-header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  z-index: 998;
  padding: 35px 40px;
  /* padding uniforme */
  display: flex;
  align-items: center;
  justify-content: space-between;
  transition: all 0.3s ease-in-out !important;
}

::-webkit-scrollbar {
  width: 12px;
  height: 12px;
}

::-webkit-scrollbar-track {
  background: #cbb79c;
}

::-webkit-scrollbar-thumb {
  background: #aa8453;
  border-radius: 10px;
  border: 2px solid #cbb79c;
}

::-webkit-scrollbar-thumb:hover {
  background: #8b6d42;
}

::-webkit-scrollbar-thumb:active {
  background: #6c5535;
}

.inlineMessage {
  position: fixed;
  top: 15%;
  left: 50%;
  z-index: 9999;
  width: 20vw;
  transform: translate(-50%, 0);
}

.glassNavbar {
  backdrop-filter: blur(10px) !important;
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1) !important;
  background: rgb(0 0 0 / 38%) !important;
  padding: 15px 30px;
  transition: all 0.5s ease-in-out !important;
}

.logoTitle {
  transition: all 0.5s ease-in-out !important;
}

.glassNavbar .logoTitle {
  font-size: 25px !important;
}

#logoHome,
.menuListHeader {
  transition: all 0.3s ease-in-out !important;
}

.glassNavbar #logoHome {
  filter: invert(1) brightness(100%) !important;
  width: 80px !important;
}

.glassNavbar .menuListHeader {
  color: #fff !important;
}

.glassNavbarLight {
  backdrop-filter: blur(5px) !important;
  box-shadow: 0 4px 30px rgb(255 255 255 / 0%) !important;
  background: rgb(255 255 255 / 14%) !important;
  transition: all 0.5s ease-in-out !important;
}

.overlayBlack {
  position: fixed;
  top: 0;
  left: 0;
  background-color: #0000004d;
  z-index: 998;
  width: 100vw;
  height: 100vh;
}

.generalModal {
  background-color: #fff;
  position: relative;
  width: 80vw;
  height: 75vh;
  padding: 30px;
}

.generalTitle {
  font-size: 35px;
  color: #1E232B;
  position: relative;
}

.generalTitle span {
  color: #AA8453;
}

.inputGroup label {
  color: #838383;
  font-size: 12px;
  padding-bottom: 10px;
  font-weight: 600;
}

.containerAskTrip .inputGroup label {
  color: #fff;
  font-size: 14px;
  padding-bottom: 10px;
}

.generalButton {
  padding: 5px 15px;
  cursor: pointer;
  text-align: center;
}

.inputGroup input,
.inputGroup textarea,
.inputGroup select {
  background-color: #f6f6f6;
  border: 1px solid #d1d1d1;
  border-radius: 0;
  box-shadow: none;
  width: 200px;
  height: 45px;
  padding: 10px;
}

.GallerySlideRoomModal {
  height: 450px !important;
  width: auto !important;
  border: 1px solid #d1d1d1;
}

.containerFilter input,
.containerFilter select {
  color: #aa8453;
  margin-top: 10px;
}

.containerFilter {
  background-color: #fff;
  color: #aa8453;
}

input:focus {
  outline-color: transparent;
  background-color: #f6f6f6 !important;
}

.menuListHeader {
  color: #fff;
}

.menuListHeader ul {
  list-style: none;
  display: flex;
  margin: 0;
  padding: 0;
  gap: 30px;
  padding-right: 40px;
}

.descriptionTitle {
  font-size: 13px;
  color: #8b8b8b;
}

.registerLogInButton {
  border: 0px !important;
  cursor: pointer;
}

.pillowUserArea {
  padding: 6px 15px;
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 10px;
  border: 1px solid #d1d1d1;
  transition: all 0.3s ease-in-out;
}

.leaflet-popup-content-wrapper {
  width: 200px;
}

.leaflet-popup-content {
  width: 100%;
  margin: 0;
  padding: 15px;
}

.opacity0 {
  opacity: 0;
}

.titleParagraph {
  font-size: 35px;
  color: #aa8453;
}

.registerButton,
.logInButton {
  border: 0;
  padding: 10px;
}

.buttonSwitch {
  color: #fff;
  background-color: #aa8453;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 15px 25px;
  z-index: 9;
  cursor: pointer;
}

.icon-spinner8 {
  display: inline-block;
  animation: spin 1s linear infinite;
}

.offcanvas {
  width: 90vw !important;
  position: relative !important;
}

.containerMenuElementCanvas {
  font-size: 30px;
  font-weight: 600;
  padding: 20px;
  gap: 25px;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

.closeModal {
  line-height: 30px;
}
.menuListHeader a, .containerMenuElementCanvas a {
    text-decoration: none !important;
}