/* Custom styles for the floating contact button */
#floating-contact {
    z-index: 999;
}

#floating-contact a {
    border-radius: 50px;
    padding: 10px 20px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.2);
}

/* Cruise-Image */
#cruiseImage {
    width: 100% !Important; /* Ensure it takes full width of the container */

}

/* Bootstrap 5.3 object-fit utilities — polyfill for local 5.2.x files */
.object-fit-cover    { object-fit: cover !important; }
.object-fit-contain  { object-fit: contain !important; }
.object-fit-fill     { object-fit: fill !important; }

/* Owl Carousel */
.owl-prev, .owl-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: #fff;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

.owl-prev {
  left: -50px;
}


/* Blog post content styles */
.blog-content h2 { font-size: 1.5rem; margin-top: 2rem; }
.blog-content h3 { font-size: 1.25rem; margin-top: 1.5rem; }
.blog-content p  { margin-bottom: 1.25rem; }
.blog-content img { max-width: 100%; height: auto; border-radius: 0.5rem; margin: 1rem 0; }
.blog-content blockquote { border-left: 4px solid #dc3545; padding-left: 1rem; color: #6c757d; font-style: italic; }
.blog-content ul, .blog-content ol { padding-left: 1.5rem; margin-bottom: 1.25rem; }
.blog-content a { color: #dc3545; }


        /* USAGE -> The caption text will be displayed on mouseover.
        Please use a unique caption text for each image ID    
        */
        	
        .wall_img_1 {width:100%;height:600px;margin:40px auto; transition: all .2s ease-in-out;} 
        .wall_img_2 {width:100%;height:400px;margin:20px auto; transition: all .2s ease-in-out;} 
        .wall_img_1:hover,.wall_img_2:hover{filter: grayscale(80%)}
        .wall_img_1:before,.wall_img_2:before {content: attr(id);opacity:0;transition: all .2s ease-in-out;width:100%;position:absolute;top:40%;text-align:center;display:block;font-size:22px;color:#fff; mix-blend-mode: overlay;}
        .wall_img_1:hover::before,.wall_img_2:hover::before {content: attr(id);opacity:1;}