:root {
  --orange: #e87f24;
  --golden: #ffc81e;
  --off-white: #fefddf;
  --cyan: #73a5ca;
  --black: #1d2128;
  --green: #215e61;
}

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

.no-scroll {
  overflow: hidden;
}

body {
  max-width: 100vw;
  font-family: "Cabin Sketch", sans-serif;
}

section {
  display: flex;
}

.dropdown-list {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  min-width: 100%;
  background: var(--off-white);
  z-index: 1000;
  /* padding: 0.25rem; */
  border-radius: 0.25rem;
}

.dropdown-list a {
  padding: 0.5rem;
  width: 100%;
  display: flex;
}

.dropdown-list a:hover {
  background-color: rgba(0, 0, 0, 0.1);
  /* text-decoration: underline; */
  cursor: pointer;
  color: var(--orange);
}

.highlighted-tours-section,
.meet-the-team-section {
  flex-direction: column;
  padding: 1rem 5rem;
}

.meet-the-team-section .profile {
  display: flex;
  gap: 1rem;
  color: var(--green);
}

.meet-the-team-section .header {
  color: var(--orange);
}

.meet-the-team-section .footer {
  color: var(--orange);
}

.meet-the-team-section .profile .img {
  flex: 0 0 25%;
}

.meet-the-team-section .profile .description {
  flex: 0 0 75%;
}

.highlighted-tours-section {
  color: var(--off-white);
  background:
    linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.4)),
    url("../img/banner.jpg");
}

.custom-underline {
  text-decoration: underline;
}

.centered {
  text-align: center;
}

.footer-section {
  display: flex;
  justify-content: center;
  gap: 1rem;
  padding: 1rem 5rem;
  background-color: var(--green);
  color: var(--off-white);
}

.map-container,
.socials-container,
.contact-info-container {
  flex: 1 1 33%;
  text-align: center;
}

.footer-section .info-group,
.footer-section .info-group a {
  display: flex;
  gap: 1rem;
  align-items: center;
}

.map-container iframe {
  max-width: 100%;
  max-height: 100%;
}

.map-container {
  height: 100%;
}

.copyright-section {
  display: flex;
  justify-content: center;
  background-color: var(--golden);
  color: var(--off-white);
}

table {
  border-collapse: collapse;
  border-radius: 0.5rem;
}

table th,
table td {
  border: 1px solid grey;
  padding: 0.25rem;
}

.color-danger {
  color: red;
}

a {
  text-decoration: none;
  color: inherit;
}

.button-group {
  display: flex;
  justify-content: center;
  gap: 1rem;
}

.icon-btn {
  border: none;
  border-radius: 50%;
  background-color: transparent;
  font-size: 1.5rem;
  color: var(--off-white);
  cursor: pointer;
}

@media screen and (max-width: 768px) {
  /* .nav-log {
    padding: 1rem;
  } */

  .nav-section {
    padding: 0rem 2rem;
  }

  .nav-logo img {
    max-width: 100%;
  }

  .nav-container.desktop {
    display: none;
  }

  .nav-container.mobile {
    display: flex;
  }

  .meet-the-team-section,
  .highlighted-tours-section {
    padding: 1rem;
  }

  .content-carousel.slider .slide {
    max-height: 50vh;
  }

  .content-carousel.card {
    --items-to-show: 1;
  }

  .footer-section {
    flex-direction: column;
    justify-content: center;
    padding: 1rem 2rem;
  }
}