/*h1 heading tags*/
h1 {
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
  color: #fff;
}


.navbar-inner {
  background-image: url('/media/tag8.JPG');
  background-repeat: no-repeat;
  height: 70vh;
  /* adjust the position of image up and down*/
  top: 50%;
  padding: 5px;
  background-size: cover;
  background-position: center top;
  position: relative;
  max-width: 100%;
  object-fit: cover;
  border-radius: 8px;
}



/* Info Boxes */
.info-box {
  padding: 20px;
  margin: 10px 0;
}

.info-box .card {
  padding: 10px;
}

.move-left {
  margin-right: 0px;
  /* adjust this value to move the image further to the left */
}

.info {
  text-align: center;
}

.info-box {
  padding: 50px;
}

.navbar-nav>li>a {
  padding-right: 20px;
  padding-left: 20px;
}

/* Adjust images within the info box new new*/
.image-container {
  gap: 20px;
}

.logo-image {
  width: 150px;
  /* Default width for larger screens new new */
  height: auto;
}

@media (max-width: 576px) {

  /* Stack images vertically on small screens new new*/
  .image-container {
    flex-direction: column;
    align-items: center;
    gap: 10px;
  }

  /* Adjust logo image size on mobile new new*/
  .logo-image {
    width: 120px;
  }

  /* Center button and reduce padding for mobile new new*/
  .book-btn {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 1em;
    margin-top: 10px;
  }

  /* Adjust card body padding new new*/
  .card-body {
    padding: 15px;
  }
}


/*--gallery--*/
.lightbox-gallery {
  background-image: linear-gradient(#5F9EA0, #FFA500);
  background-repeat: no-repeat;
  color: #000;
  overflow-x: hidden
}

.lightbox-gallery p {
  color: #fff
}

.lightbox-gallery h2 {
  font-weight: bold;
  margin-bottom: 40px;
  padding-top: 40px;
  color: #fff
}

@media (max-width:767px) {

  .lightbox-gallery h2 {
    margin-bottom: 25px;
    padding-top: 25px;
    font-size: 24px
  }
}

.lightbox-gallery .intro {
  font-size: 16px;
  max-width: 500px;
  margin: 0 auto 40px
}

.lightbox-gallery .intro p {
  margin-bottom: 0
}

.lightbox-gallery .photos {
  padding-bottom: 20px
}

.lightbox-gallery .item {
  padding-bottom: 30px
}

/* Booking Form*/
.form-control,
.form-select {
  border: 0;
}

.form-control:focus,
.form-select:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.bg-form {
  background-color: #FFA500;
}

.bg-button-submit {
  background-color: #282828;
}

.b-background {
  background-color: #5F9EA0;
}

.btn {
  background-color: #5F9EA0;
  margin: 10px;
  color: #fff;
}

.form {
  background-image: linear-gradient(#5F9EA0, #FFA500);
}

/* footer */
.footer-section {
  padding: 40px 0;
}

.footer-section .logo-image img {
  max-width: 100px;
}

.footer-section .social-icons a {
  font-size: 24px;
  color: #FFC300;
  margin: 0 10px;
}

.footer-section .social-icons {
  display: flex;
  justify-content: center;
  align-items: center;
}

.footer-section .footer-title {
  font-weight: bold;
  margin-bottom: 15px;
}

.footer-section .footer-link {
  color: #000;
  text-decoration: none;
}

.footer-section .footer-link:hover {
  text-decoration: underline;
}


/* Card container styling */
.d-flex.flex-wrap {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

@media (max-width: 576px) {

  /* Make cards full width on mobile */
  .d-flex.flex-wrap .card {
    flex: 1 1 100%;
    margin: 10px 0;
    /* Adjusts margin for stacked layout */
  }
}

/* Card styling test*/
.card {
  flex: 1 1 30%;
  margin: 10px;
}

/* Card styling *
.card {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: auto;
  /* Removes fixed height *
  padding: 1em;
  border: 1px solid #ddd;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
} */

/* Card image styling */
.card-img-top {
  max-height: 200px;
  object-fit: cover;
  margin-bottom: 1em;
}

/* Card title */
.card-title {
  font-weight: bold;
  margin-bottom: 0.75em;
}

/* Card text */
.card-text {
  font-size: 0.9em;
  line-height: 1.6;
}

/* Basic button styling */
.book-btn {
  background-color: #FF5733;
  /* Primary orange color */
  color: white;
  /* White text for contrast */
  font-size: 1.2em;
  /* Slightly larger text */
  font-weight: bold;
  /* Bold text for emphasis */
  padding: 12px 24px;
  /* Padding for better spacing */
  border: none;
  /* Remove default border */
  border-radius: 8px;
  /* Rounded corners */
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  /* Subtle shadow effect */
  cursor: pointer;
  /* Pointer cursor on hover */
  transition: background-color 0.3s, transform 0.2s;
  /* Smooth transitions */
}

/* Hover effect */
.book-btn:hover {
  background-color: #FFA500;
  /* Lighter orange on hover */
  transform: scale(1.05);
  /* Slight scaling for interactivity */
}

/* Active (pressed) state */
.book-btn:active {
  background-color: #FF5733;
  /* Returns to original color when clicked */
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  /* Smaller shadow for depth effect */
  transform: scale(1);
  /* Return to original size */
}

/* Center the logo container and adjust margin on mobile screens 
@media (max-width: 576px) {
  .logo-image {
    margin: 0 auto;
    /* Center the logo image *
    text-align: center;
  }
}*/

/* Centering logo image on mobile view */
@media (max-width: 576px) {
  .logo-image {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    /* Ensures centering */
  }
}