/*
 * Custom styles for Taimali Hotel.
 * Bootstrap 5 is loaded via CDN — only project-specific overrides live here.
 */

/* GLOBAL
-------------------------------------------------- */
body {
  padding-bottom: 40px;
  color: #5a5a5a;
}

.font-large {
  font-size: 18px;
}

/* CAROUSEL
-------------------------------------------------- */

/* Fixed-height hero carousel */
.carousel-img {
  height: 600px;
  object-fit: cover;
  object-position: center;
}

/* Ensure captions sit above the image overlay */
.carousel-caption {
  z-index: 10;
}

/* MARKETING SECTION
-------------------------------------------------- */
.marketing h2 {
  font-weight: normal;
}

/* FEATURETTE DIVIDERS
-------------------------------------------------- */
.featurette-divider {
  margin: 80px 0;
}

.featurette-heading {
  font-weight: 300;
  line-height: 1;
  letter-spacing: -1px;
}

/* RESPONSIVE
-------------------------------------------------- */
@media (min-width: 768px) {
  .carousel-caption p {
    margin-bottom: 20px;
    font-size: 21px;
    line-height: 1.4;
  }

  .featurette-heading {
    font-size: 50px;
  }
}

@media (min-width: 992px) {
  .featurette-heading {
    margin-top: 120px;
  }
}