/*
Theme Name: Salient Child Theme
Description: This is a custom child theme for Salient
Theme URI:   https://themeforest.net/item/salient-responsive-multipurpose-theme/4363266
Author: ThemeNectar
Author URI:  https://themeforest.net/user/themenectar
Template: salient
Version: 1.0
*/
header#top {
    background: #000 !important;
}
    body[data-header-search="false"] #header-outer[data-has-menu="false"][data-cart="false"] #top .slide-out-widget-area-toggle:not([data-custom-color="true"]) a:not(.using-label) .lines-button:after, body[data-header-search="false"] #header-outer[data-has-menu="false"][data-cart="false"] #top .slide-out-widget-area-toggle:not([data-custom-color="true"]) a:not(.using-label) .lines:before, body[data-header-search="false"] #header-outer[data-has-menu="false"][data-cart="false"] #top .slide-out-widget-area-toggle:not([data-custom-color="true"]) a:not(.using-label) .lines:after {
        border-radius: 0 !important;
        height: 5px;
    }
    body.material[data-header-search="false"]:not(.mobile) #header-outer[data-has-menu="false"][data-cart="false"] .slide-out-widget-area-toggle:not([data-custom-color="true"]) a:not(.using-label) .lines:before, body.material[data-header-search="false"]:not(.mobile) #header-outer[data-has-menu="false"][data-cart="false"] .slide-out-widget-area-toggle:not([data-custom-color="true"]) a:not(.using-label) .lines:before {
        width: 2.4rem;
    }

body[data-header-search="false"] #header-outer[data-has-menu="false"][data-cart="false"] .slide-out-widget-area-toggle:not([data-custom-color="true"]):not(.mobile-icon) a:not(.using-label) .lines-button:after {
    height: 3px;
    top: 0;
    width: 6rem;
    border-radius: 2px !important;
}
body[data-header-search="false"] #header-outer[data-has-menu="false"][data-cart="false"] .slide-out-widget-area-toggle:not([data-custom-color="true"]):not(.mobile-icon) a:not(.using-label) .lines, body[data-header-search="false"] #header-outer[data-has-menu="false"][data-cart="false"] .slide-out-widget-area-toggle:not([data-custom-color="true"]):not(.mobile-icon) a:not(.using-label) .lines:before, body[data-header-search="false"] #header-outer[data-has-menu="false"][data-cart="false"] .slide-out-widget-area-toggle:not([data-custom-color="true"]):not(.mobile-icon) a:not(.using-label) .lines:after {
    height: 3px;
    width: 8rem;
    border-radius: 2px;
}
body.material[data-header-search="false"]:not(.mobile) #header-outer[data-has-menu="false"][data-cart="false"] .slide-out-widget-area-toggle:not([data-custom-color="true"]) a:not(.using-label) .lines:before, body.material[data-header-search="false"]:not(.mobile) #header-outer[data-has-menu="false"][data-cart="false"] .slide-out-widget-area-toggle:not([data-custom-color="true"]) a:not(.using-label) .lines:before {
        width: 7.4rem;
    }

#int-sec legend.gfield_label.gform-field-label.gfield_label_before_complex {color: #fff;}

#int-sec label.gform-field-label.gform-field-label--type-sub {
    color: #fff;
}

#int-sec label.gfield_label.gform-field-label {
    color: #fff;
}

#int-sec div#gfield_description_1_14 {
    color: #fff;
}
Contact Form h1 {
}

div#cont-sec h1 span,div#cont-sec p {
    color: #fff !important;
}

div#cont-sec .gform_fields.top_label.form_sublabel_above.description_below.validation_below {
    row-gap: 10px;
}

div#cont-sec legend.gfield_label.gform-field-label.gfield_label_before_complex {
    color: #fff;
}

div#cont-sec label.gform-field-label.gform-field-label--type-sub {
    color: #fff;
}

div#cont-sec h3.gsection_title {
    color: #fff;
}

div#cont-sec  div#gfield_description_2_10 {
    color: #fff;
}

div#cont-sec label.gfield_label.gform-field-label {
    color: #fff;
}

div#cont-sec div#gfield_description_2_8 {
    color: #fff;
}

div#cont-sec input#gform_submit_button_2 {
    background-color: #fff;
    color: #000;
    padding: 0 50px !important;
}
#int-sec textarea.textarea.medium {
    background-color: #fff;
    color: #000;
}

#int-sec .gfield_description {
    color: #fff;
}

#int-sec label.gform-field-label.gform-field-label--type-inline.gfield_consent_label {
    color: #fff;
}

#int-sec  .gform-field-label.gfield_header_item.gform-grid-col {
    color: #fff;
}

#int-sec  .gform_fields.top_label.form_sublabel_above.description_above.validation_below {
    row-gap: 10px;
}

#int-sec input {
    background-color: #fff;
    color: #000;
}

#int-sec select {
    background-color: #fff;
    color: #000;
}
#carous-sec {
  position: relative;
  overflow: hidden;
  z-index: 1;
  transform: perspective(1200px) rotateX(1deg);
}
div#Port-inn img {
    box-shadow: 0 0 10px 1px #7c7c7c;
    border-radius: 10px;
/*     width: 100%;
    aspect-ratio: 3 / 3;
    object-fit: cover; */
}
div#Port-inn h2 {
    font-family: 'Montserrat';
/*     color: #000; */
}
div#Port-inn a {
    color: #fff;
}
div#Port-inn p strong {
    font-size: 15px;
    font-family: 'Marcellus';
/*     color: #000; */
}
/* Top and bottom white curved overlays */
#carous-sec::before {
    content: '';
    position: absolute;
    width: 100%;
    z-index: 999;
    background-image: url(https://manymoonsentertainment.com/wp-content/uploads/2025/06/Ellipse-1.png) !important;
    height: 127px;
    background-size: 100% 100%;
}

#carous-sec::after {
  content: '';
  position: absolute;
  width: 100%;
  height: 120px;
  left: 0;
  z-index: 999;
  background: white;
  pointer-events: none;
	top: unset;
	bottom: 0;
}


/* Top curve */
#carous-sec::before {
  top: -50px;

}

/* Bottom curve */
#carous-sec::after {
  bottom: 0;
  border-top-left-radius: 100% 100%;
  border-top-right-radius: 100% 100%;
}

/* Panoramic image effect */
#carous-sec .carousel-item img {
  transform: scale(1.03) rotateY(1deg);
  transition: transform 0.3s ease-in-out;
}

/* Optional hover zoom */
#carous-sec .carousel-item:hover img {
  transform: scale(1.05) rotateY(0deg);
}

/* Left and right fade (optional) */
#carous-sec .fade-left,
#carous-sec .fade-right {
  content: '';
  position: absolute;
  top: 0;
  width: 100px;
  height: 100%;
  z-index: 9999;
  pointer-events: none;
}
#carous-sec .fade-left {
  left: 0;
  background: linear-gradient(to right, white 0%, transparent 100%);
}
#carous-sec .fade-right {
  right: 0;
  background: linear-gradient(to left, white 0%, transparent 100%);
}
div#carousel-innn a#btn {
    display: table;
    margin: 0 auto;
    background-color: transparent !important;
    color: #000;
    padding: 0;
    border-bottom: 1px solid #000;
    font-family: "marcellus";
    font-size: 40px;
    line-height: 50px;
}

@keyframes scroll-carousel {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-50%);
  }
}

div#carous-sec {
  overflow: hidden;
  position: relative;
}

div#carous-sec .owl-stage {
  display: flex;
  animation: scroll-carousel 30s linear infinite;
  width: 200%; /* Needed to repeat content */
}
 div#carous-sec  .owl-carousel:hover .owl-stage {
 animation-play-state: paused !important;
}
div#carous-sec .owl-item {
  flex: 0 0 auto;
  width: 25%; /* Adjust based on items per row */
}

ruby.clr {
/*     color: #000; */
    font-weight: 800;
}

div#copyright {
    padding-bottom: 20px !important;
}

div#carous-sec .carousel-item .t-1 {position: absolute;top: 0;left: 0;right: 0;bottom: 0;display: flex;justify-content: center;align-items: center;padding: 10px 20px;text-align: center;border-radius: 50px;transition: 0.9s all;opacity: 0;}

div#carous-sec .carousel-item .t-1 h2, div#carous-sec .carousel-item .t-1 p, div#carous-sec .carousel-item .t-1 a {
    color: #fff;
}

div#carous-sec .carousel-item .t-1 .wpb_wrapper {
    background-color: #000000d4;
    padding: 20px 10px;
    border-radius: 20px;
}

div#carous-sec .carousel-item:hover .t-1 {
    opacity: 1;
}

div#carous-sec .carousel-item .t-1 h2 {
    font-family: 'Marcellus';
}

div#carous-sec .carousel-item .t-1 p {
}


/* ✅ Responsive Curves */
@media only screen and (max-width: 768px) {
  #carous-sec {
    transform: perspective(600px) rotateX(0.5deg);
  }

  #carous-sec::before,
  #carous-sec::after {
    height: 60px;
  }

  #carous-sec .carousel-item img {
    transform: scale(1.01) rotateY(0.5deg);
  }

  #carous-sec .carousel-item:hover img {
    transform: scale(1.03) rotateY(0deg);
  }
	
	#carous-sec::after {
    bottom: 10px;
}
	#carous-sec::before {
    top: 0px;
}
	.owl-dots {
    display: none;
}
	div#carousel-innn a#btn {
    font-size: 20px;
    line-height: 30px;
}
}

@media only screen and (max-width: 480px) {
  #carous-sec::before,
  #carous-sec::after {
    height: 40px;
  }

  #carous-sec {
    transform: none;
  }

  #carous-sec .carousel-item img {
    transform: none;
  }
}