:root {
  --primary-color: #263222;
  --secondary-color: #F7F3E6;
}

/* Fonts */
#header-django *:not(i),
footer *:not(i),
#cms-content *:not(i) {
  font-family: "Antic Didone", sans-serif;
}

/* Logo */
.logo-footer img {
  max-height: 170px;
}

/* Color adjustments */
#header-django .main-menu li a,
footer .text-light.btn-sm {
  color: #f7f3e5 !important;
}

div.container .btn.btn-light.custom-btn {
  background-color: #263222;
  color: #F7F3E6;
}

/* Boat card */
#boat_card_tbg .boat-card-header .boat-name{
  display: none;
}

/* About us */
@media only screen and (min-width: 990px) {
  .background-title-container.about-abt {
    background-position: 0 -620px;
  }
}

/* Services */
.carousel-default  .carousel-item {
  border-radius: 20px;
  overflow: hidden;
  aspect-ratio: 16/9;
}

.carousel-default .carousel-control-prev, 
.carousel-default .carousel-control-next {
  align-items: center;
  padding-bottom: 0;
}

div.row.mx-0 div.col-12.col-md-auto.d-flex.flex-column.form-group {
  margin-right: 60px;
}

/* contact info */
.map-text-container .text-container .text:nth-child(3) {
    display: none !important;
}

@media only screen and (min-width: 767.98px) {
  .carousel-default .custom-carousel .carousel-control-prev {
    left: -66px;
  }
  
  .carousel-default .custom-carousel .carousel-control-next {
    right: -66px;
  }
}

.text-center.boat-header-name {
  h4 {
    display: none;
  }
}

@media only screen and (max-width: 767.98px) {
  .carousel-default {
      margin-top: 0;
      background: transparent;
  }

  .container-fluid.cms-plugin.cms-plugin-118703 {
    flex-wrap: wrap;
    gap: 1rem;
    justify-content: space-evenly;
  }

  .col.col-12.col-md-6.cms-plugin.cms-plugin-120150 {
    flex-wrap: wrap;
    margin-top: 15px;
  }

}


div.container.hero-content.cms-plugin.cms-plugin-109198 {
    margin-top: 10dvh;
}

@media only screen and (max-width: 576px) {
    div.container.hero-content.cms-plugin.cms-plugin-109198 {
        margin-top: 15dvh;

    }
}

@media only screen and (max-width: 376px) {
    div.container.hero-content.cms-plugin.cms-plugin-109198 {
        margin-top: 30dvh;

    }
}

/* Rates */

#collapse-rates {
    background-color: white;
}

#collapse-rates .nav-pills-boat .nav-link {
    color: black;
}
.row-rate h4,
.row-rate .available-port,
.row-rate .rate-price {
    color: #6B5D3B;
}

/* Destination landing */

.custom-btn-mce {
  font-family: 'The Seasons', sans-serif !important;
  font-size: .8rem;
  color: var(--primary-color);
  background-color: var(--secondary-color);
  border-radius: 50px;
  padding: 6px 32px;
  font-weight: 300;
  border: none;
  text-decoration: none;
  transition: background-color 0.3s ease, color 0.3s ease;
}

.custom-btn-mce:hover {
  background-color: var(--primary-color);
  color: var(--secondary-color);
  text-decoration: none;
}

.highlights-title {
  background-color: var(--secondary-color); 
  max-width: 90%; 
  border-radius: 100px 0 0 0; 
  padding: 46px 125px 46px 46px; 
  margin-right: 0;
  font-size: 35px;
}

@media only screen and (max-width: 490px) {
  .highlights-title {
    padding: 46px 20px;
    font-size: 25px;
  }
}

.highlights-body {
  background-color: var(--primary-color);
  border-radius: 0 0 100px 0; 
  padding: 125px;
}

@media only screen and (max-width: 490px) {
  .highlights-body {
    padding: 20px;
  }
}

.highlights-body * {
  color: var(--secondary-color);
}

.highlights-body h3 {
  font-size: 1.2rem;
  font-family: 'The Seasons', serif !important;
}

.highlights-body .highlight:not(:last-child)::after {
  content: '';
  display: block;
  width: 20%;
  height: 1px;
  background-color: var(--secondary-color);
  margin: 20px auto;
}

.highlights-body .highlight .img-right {
  border-left: 7px solid var(--secondary-color);
  border-radius: 0 63px 0 0;
  height: 465px;
  width: 100%;
  object-fit: cover;
}

.highlights-body .highlight .img-right:hover,
.highlights-body .highlight .img-left:hover {
  cursor:crosshair;
  transform: scale(1.05);
  transition: transform 0.3s ease;
}

.highlights-body .highlight .img-left {
  border-right: 7px solid var(--secondary-color);
  border-radius: 63px 0 0 0;
  height: 465px;
  width: 100%;
  object-fit: cover;
}

.custom-destination-carousel .carousel-item {
      border-radius: 63px 0 63px 0;
}

.custom-destination-carousel .carousel-indicators li:not(.active) {
  background: var(--secondary-color);
}

.custom-destination-carousel .carousel-indicators {
  bottom: -50px;
}

@media only screen and (min-width: 490px) {
  .custom-destination-carousel .carousel-control-next {
    right: -116px;
  }

  .custom-destination-carousel .carousel-control-prev {
    left: -116px;
  }
}

.custom-destination-carousel .carousel-control-next-icon,
.custom-destination-carousel .carousel-control-prev-icon {
  color: var(--primary-color);
  font-size: 40px;
}

.destination-contact .form-group {
  display: flex;
  max-width: unset;
  flex: 0 0 100%;
}

.destination-contact .form-group .form-control {
  background-color: var(--secondary-color);
  color: var(--primary-color);
}

#contact_form input:not([type=checkbox]) ~ label, #contact_form textarea ~ label {
  font-family: "Antic Didone", sans-serif;
  color: var(--primary-color);
}

.destination-contact div.row.mx-0 div.col-12.col-md-auto.d-flex.flex-column.form-group * {
  color: var(--secondary-color) !important;
}

.destination-contact #contact_form .btn {
  width: 100%;
  background: transparent;
  font-family: "Antic Didone";
  border: 3px solid #f7f3e6;
  font-size: 20px;
  border-radius: 15px 0 15px 0;
}

.destination-contact #contact_form .btn:hover {
  background: var(--primary-color);
  color: var(--secondary-color);
  border: 3px solid var(--secondary-color);
}

/* Footer */

.social-netwoks-simple-container svg {
  fill: #f7f3e6;
}