/*
 Theme Name:     Vibes Morocco Trip Child
 Theme URI:      https://elementor.com/hello-theme/
 Description:    Child theme for Vibes Morocco Trip
 Author:         Driss Batech
 Author URI:     https://elementor.com/
 Template:       vibesmoroccotrip
 Version:        1.0.0
 Text Domain:    vibesmoroccotrip-child
*/

/* Custom styles go below */
/*Global*/
  html, body {
    margin: 0 !important;
    padding: 0 !important;
    overflow-x: hidden !important;
  }

/* remove text spaces inside text editor */
.elementor-widget-text-editor p:last-child {
    margin-bottom: 0px;
}

  /* Buttons */
  .full-btn a {width: 100%;}
  .mv-btn a .elementor-button-icon svg {font-size: 17px;}
  .mv-btn a .elementor-button-text {display: flex;align-items: center;}

/* Header */
@media (max-width: 768px) {
.vm-sticky-header {z-index: 10000 !important;}
}
/* sticky header */
/* Change the Background Colour on Scroll */

/* The scroll-logo is currently off.*/
.scroll-logo {
 display: none;
}
/* Shut this logo off and activate the other logo after scroll*/
.elementor-sticky--effects .scroll-logo {
display: inline-block;
max-width: 120px !important;
transition: display 0.5s ease-in-out, max-width 0.5s ease-in-out;
}

.elementor-sticky--effects .original-logo {
 display: none;
 transition: display 0.5s ease-in-out;
}


/* Change Text Colour and Links colour */
.elementor-sticky--effects .menutextcolor .e-n-menu-title-text {
 color: #131D23!important;
 transition: color 0.5s ease-in-out, font-size 0.5s ease-in-out, line-height 0.5s ease-in-out;
}

.elementor-sticky--effects .menutextcolor .e-n-menu-title-container .e-n-menu-icon svg{
  fill: #131D23!important;transition: fill 0.5s ease-in-out;
}

.elementor-sticky--effects .off-canvas svg {
    fill: #131D23 !important;
    transition: fill 0.5s ease-in-out;
}

.elementor-sticky--effects .menu-btn a {
    background-color: #A27945 !important;
    color: #fff !important;
}

.elementor-sticky--effects .menu-btn a svg {
    fill: #fff !important;
}

/* for tour header on hover */
.tour-header .hover-logo {display:none !important}
.tour-header:hover .hover-logo {display:block !important}
.tour-header:hover .original-logo{display:none !important}

.tour-header:hover .menutextcolor .e-n-menu-title-text {
 color: #131D23!important;
 transition: color 0.5s ease-in-out, font-size 0.5s ease-in-out, line-height 0.5s ease-in-out;
}

.tour-header:hover .menutextcolor .e-n-menu-title-container .e-n-menu-icon svg{
  fill: #131D23!important;transition: fill 0.5s ease-in-out;
}

.tour-header:hover .off-canvas svg {
    fill: #131D23 !important;
    transition: fill 0.5s ease-in-out;
}

.tour-header:hover .menu-btn a {
    background-color: #A27945 !important;
    color: #fff !important;
}

.tour-header:hover .menu-btn a svg {
    fill: #fff !important;
}

/* ===================================================
 Single tour details
 =================================================== */
 .highlights-carousel .elementor-swiper-button {
    display: flex !important;
    align-items: center;
    justify-content: center;
    background: #fff;
    width: 60px;
    height: 60px;
    border-radius: 50%;
}
.highlights-carousel .elementor-swiper-button:hover {opacity:0.8;}
.highlights-carousel .elementor-swiper-button.elementor-swiper-button-prev {left:20px !important;}
.highlights-carousel .elementor-swiper-button.elementor-swiper-button-next {right:20px !important;}


.highlights-carousel .elementor-swiper-button:is(.elementor-swiper-button-prev, .elementor-swiper-button-next) {
    top: calc(50% - 43px) !important;
}

/* Book button */
#book_now_btn {transition: bottom 0.3s ease;}

/* Popup enquiry multistep form */
.enquiry_form .elementor-field-type-html h3 {
    color:#131d23;
    margin-bottom: 12px;
    font-size: 28px;
    font-weight: 600;
    line-height: 32px;
}

.enquiry_form .elementor-field-type-html p {
    color:#49575f;
    margin-bottom: 20px;
    padding-top: 10px;
    font-size: 15px;
    line-height: 24px;
}

.enquiry_form .e-form__buttons .elementor-field-type-previous {
    flex-grow: unset !important;
    flex-basis: 80px !important;   
}

.enquiry_form .e-form__buttons .elementor-field-type-previous button:before {
    content: url('/wp-content/uploads/2025/08/previous_arrow.svg');
    display: inline-block;
    width: 20px;
    height: 16px;
    vertical-align: middle;
    margin-right: 8px;
}

.enquiry_form .e-form__buttons .elementor-field-type-previous button {
    width: 80px;
    padding: 0 !important;
}

.enquiry_form .elementor-field-group-trip_kind_field input[type='checkbox'] {z-index: 5;opacity: 0;-webkit-text-fill-color: inherit;cursor: pointer;background-color: #0000;background-clip: border-box;border: 2px solid #0000;border-radius: 10px;width: 100%;height: 100%;margin-top: 0;margin-left: 0;display: block;position: absolute;inset: 0%;}

.enquiry_form .elementor-field-group-trip_kind_field span.elementor-field-option {
    object-fit: fill;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    min-width: 150px;
    height: 60px;
    margin-bottom: 10px;
    margin-left: 6px;
    margin-right: 6px;
    line-height: 20px;
    display: flex;
    position: relative;
    overflow: visible;
    box-shadow: 1px 1px 35px #c6d3ff47;
    border: 1.2px solid #3e34c81a;
    border-radius: 8px;
    flex-direction: row;
}

.enquiry_form .elementor-field-group-trip_kind_field span.elementor-field-option label {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 15px;
    font-weight: 700;
    text-transform: uppercase;
    display: flex;
    align-items: center;
}

.enquiry_form .elementor-field-group-trip_kind_field span.elementor-field-option label:before {
    content: "";
    z-index: 9;
    background-color: #5b3acc0d;
    border-radius: 15px;
    justify-content: center;
    align-items: center;
    width: 30px;
    height: 30px;
    margin: 0 20px 0 15px;
    display: flex;
    position: relative;
}

/* Target the parent span when its checkbox is checked */
.enquiry_form .elementor-field-group-trip_kind_field span.elementor-field-option:has(input[type="checkbox"]:checked) {
    background-color: rgb(255, 248, 242);
    transform: translate3d(0px, 0px, 0px) scale3d(1.05, 1.05, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
    border-color: rgb(162, 121, 69);
}

/* Change the label:before pseudo-element background */
.enquiry_form .elementor-field-group-trip_kind_field span.elementor-field-option:has(input[type="checkbox"]:checked) label:before {
    background-color: #bb9971;
}


.thankyou_message {
    display: none !important;
}
.thankyou_message.thankyou {
    display: block !important;
}

.multistep-form.thankyou {
    display: none !important;
}


/* Mobile menu popup */
.vm-mobile-menu nav.elementor-nav-menu--dropdown.elementor-nav-menu__container ul li a {
    padding: 5px 3px;
}
/* Footer */
.footer-underline h4:after {
    content: "";
    width: 40px;
    height: 3px;
    display: block;
    background: linear-gradient(90deg, #a27945 50%, #131d2300 100%);
    margin-top: 5px;
    border-radius: 10px;
}


/* Mobile styles */
@media (max-width: 767px) {
    .footer-underline h4:after {
        background: linear-gradient(90deg, #131d2300 0%, #a27945 50%, #131d2300 100%);
        margin: 5px auto 0px auto;
    }
    .vm-footer-contact .elementor-icon-list-items li.elementor-icon-list-item a {
    flex-direction:column !important;
    align-items:center;
    gap:15px
    }
}