/*
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
*/

/* Global */
.fw-100 { font-weight: 100 !important ; }/* Thin */
.fw-200 { font-weight: 200 !important ; }/* Extra Light */
.fw-300 { font-weight: 300 !important ; }/* Light */
.fw-400 { font-weight: 400 !important ; } /* Regular/Normal  */
.fw-500 { font-weight: 500 !important ; }/* Medium */
.fw-600 { font-weight: 600 !important ; }/* Semi Bold */
.fw-700 { font-weight: 700 !important ; } /* Bold */
.fw-800 { font-weight: 800 !important ; }/* Extra Bold / Heavy */
.fw-900 { font-weight: 900 !important ; }/* Black / Ultra Bold */

.h1-500 h1{font-weight: 500 !important ; }
.h1-400 h1{font-weight: 400 !important ; }
.h2-400 h2{font-weight: 400 !important ; }
.h2-500 h2{font-weight: 500 !important ; }
.h3-400 h3{font-weight: 400 !important ; }
.h3-500 h3{font-weight: 500 !important ; }
 
.mb50{margin-bottom: 50px !important;}
.mb5{margin-bottom: 5px !important;}
.mb0{margin-bottom: 0 !important;}
.mb10{margin-bottom: 10px !important;}
.mb70{margin-bottom: 70px !important;}
.mb30{margin-bottom: 30px !important;}
.mb20{margin-bottom: 20px !important;}
.mb0{margin-bottom: 0 !important;}
.mr10{margin-right: 10px !important;}
.mt15{margin-top: 15px !important;}

.justify{text-align: justify;}
.lh-normal{line-height: normal !important;}

/* @media (min-width:1000px) {
    .container-wrap .container{
        max-width: 1350px;
    }
} */
@media (min-width:1420px) {
    .container-wrap .container{
        max-width: 1350px;
        padding: 0;
    }
}

@media (min-width:1616px) {
    .break-line{
        display: none;
    }
}

@media (min-width: 1000px) and (max-width: 1070px){
    #header-outer #logo img{
        height: 70px;
    }
}
    

/* Hero */
@font-face {
    font-family: 'Rockybilly Font';
    src: url('assets/fonts/Rockybilly.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
#header-of-hero-section{
    font-family: 'Rockybilly Font';
    pointer-events: none; 
    user-select: none;
}
.hero-button span {
    font-size: 16px;
    line-height: 20px;
    font-weight: 400;
}


/* Footer */
.footer-cta{
    font-weight: 700 !important ;
}
.footer-cta .char{
    line-height: 30px !important;
}
.custom-whatsapp-icon p span  i::before {
  content: "";
  display: inline-block;
  background-image: url('https://campement-zmela.com/wp-content/uploads/2025/07/whatsapp.png');
  background-size: cover;
  background-repeat: no-repeat;
  width: 20px;
  height: 20px;
  vertical-align: middle;
}

.custom-whatsapp-icon p span  i {
  color: transparent; /* hide original icon */
}


.search-form-header{
position: relative;
}

.search-form-header .search-submit{
    position: absolute;
    top: 0;
    left: 0;
    background: transparent;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.search-form-header input{
    padding-left: 50px;
}
#menu-main-menu-fr , #menu-main-menu-en , #menu-main-menu-it {
    display: flex;
    justify-content: flex-end;
    list-style: none;
    padding: 0;
    margin: 0;
    color: #ffffff;
    font-weight: 400 !important ;
}
#menu-main-menu-fr li , #menu-main-menu-en li , #menu-main-menu-it li{
    list-style: none;
    margin: 0 2%;
}
#menu-main-menu-fr li:last-child ,  #menu-main-menu-en li:last-child , #menu-main-menu-it li:last-child{
    margin: 0 0 0 2%;
}

.search-form-header .search-field::placeholder{
    color: #ffffff !important;
}
@media (max-width: 999px) {
  .black-menu {
    display: none !important;
  }
}

.reservez-votre-place .menu-title-text {
    font-weight: 400 !important ;
    font-size: 16px !important;
    line-height: 20px !important;
}
.vos-vacances-en-camping .menu-title-text{
    font-weight: 400 !important ;
    font-size: 16px !important;
}
.current-menu-item{
    color: #eeb128;
}




/* Language dropdown in header */
.pll-parent-menu-item .menu-title-text{
    top: 10px !important;
}
.pll-parent-menu-item .sf-sub-indicator{
    top: -14px !important;
}
.pll-parent-menu-item ul.tracked-pos{
    width: auto !important;
    padding: 10px !important;
}

.pll-parent-menu-item .menu-title-text img{
    width: 32px !important;
    height: 32px !important;
}




/* Hebergement menu dropdown style*/
.hebergement.menu-item-has-children {
    position: relative;
}
.hebergement .sub-menu {
    position: absolute; 
    top: 100%;
    left: 0;
    color: #fff;
    list-style: none;
    margin: 0;
    padding: 0;
    background-color: #000000;
    display: none;
    z-index: 1000;
    min-width: 130px;
}
.hebergement .sub-menu li {
    display: block;
    white-space: nowrap;
    margin: 0 !important;
}
.hebergement:hover > .sub-menu {
    display: block;
}
.hebergement .sub-menu li a {
    text-decoration: none;
    display: block;
    transition: background 0.3s ease;
    padding: 10px 20px !important;
}
.hebergement .sub-menu li a:hover {
    background-color: #2f2f2f;
}
.hebergement > a::after {
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  margin-left: 3px;
  margin-top: -6px;
  border-right: 2px solid #fff;  
  border-bottom: 2px solid #fff;
  transform: rotate(45deg); 
  vertical-align: middle;
}
.hebergement:hover > a::after {
  transform: rotate(225deg); 
  transition: transform 0.3s ease;
  border-color:  #eeb128;  
  border-color:  #eeb128;
  margin-top: 2px;
}
  

  

  








/* Partie1 */












.nos-services-title{
    margin-bottom: 0 !important;
}
.nos-services-header span{
    font-weight: 400 !important ;
}


/* Partie3 */
.saveurs-du-desert {
    margin-bottom: 0 !important;
}
.gallery-ml-35{
    margin-left: 35px !important;
}




.toggle-title{
    font-weight: 600 !important ;
    font-size: 20px !important;
    line-height: 48px !important;
}
.toggle-heading{
  font-weight: 600 !important ;
    font-size: 20px !important;
    line-height: 48px !important;
}


/* Partie4 */
.chef-image{
    height: 705px !important;
    object-fit: cover;
    object-position: center 20%;
}

.nectar-flickity[data-controls=touch_total] .visualized-total span {
    background-color: #eeb128;
}

.novatis-link{
    text-decoration: none;
}


#partie-1-footer, #partie-3-footer{
    max-width: 1350px !important;
    margin: 0 auto;
}


#social-media-btns .wpb_wrapper{
    display: flex;
    align-items: center;
    gap: 15px;
}

.send-mail{
    text-decoration: none;
}
.send-mail:hover{
    text-decoration: underline;
}





/* Partie2 */
#Partie-02 .hover-content{
    font-weight: 400;
    opacity: 1 !important;
    transform: translateY(0) !important;
    max-width: 100% !important;
}
#Partie-02 .heading-wrap{
    transform: translateY(-58px)!important;
}
#Partie-02 .nectar-flickity.nectar-carousel .flickity-slider .inner-wrap>.nectar-fancy-box {
    pointer-events: none;
}
/* #Partie-02 .inner .heading-wrap{
    transform: translateY(-106px) !important;
} */
#Partie-02 .activites_sur_demande_prealable h2{
    font-weight: 400 !important ;
}
#Partie-02 .nectar-flickity[data-controls=touch_total] .visualized-total {
    background-color: #000000;
    height: 2px !important;
}





/* Partie5 */
#Partie-05 .nectar-fancy-box{
    padding: 0 30px 45px 30px;
}

@media (min-width:1220px){
    #Partie-05 .heading-wrap{
        transform: translateY(-82px)!important;
    }
}
@media (max-width:1220px) and (min-width:1000px){
    #Partie-05 .heading-wrap{
        transform: translateY(-106px)!important;
    }
}

#Partie-05 .heading-wrap-fancy-box{
    font-weight: 500 !important;
    font-size: 25px !important;
    /* line-height: 56px !important; */
    line-height: 30px !important;
    margin-bottom: 20px !important;
}
#Partie-05 .hover-content{
    font-size: 16px;
    line-height: 24px;
    font-weight: 400 !important ;
    opacity: 1 !important;
    transform: translateY(0) !important;
}



/* Partie7 */






/* Partie6 */
.voir-plus-btn p{
    font-weight: 400 !important ;   
    line-height: 30px !important;
    font-size: 18px !important;
    letter-spacing: -0.03em !important;
}
#Partie-06 .background-layer .background-image {
    filter: brightness(0.7);
}



/* Partie8 */
.toggle-panel-text-content{
    font-size: 18px !important;
    line-height: 30px !important;
    font-weight: 400 !important ;
}


/* Page A Propos */
#Partie2-2 .box-inner-wrap{
    padding: 40px 20px;
}
.a-propos-page-fancy-box .inner{
    align-items: start !important;
}


/* Page Activités */
.activities-icon{
    width: 60px !important;
    height: 60px !important;
}



/* Page Tentes , Bungalows , Camping*/
.portfolio-items[data-ps="7"] .col[data-default-color="true"] .work-item:not(.style-3) .work-info-bg{
    background-color: #00000024 !important;
}
.gallery-radius-3 img{
    border-radius: 3px;
}
.presentation h4{
    color: #EEB128 !important;
    font-weight: 400 !important;
    font-size: 16px !important;
    line-height: normal !important;
    letter-spacing: 1.5px !important;
}
.presentation{
    margin-bottom: 10px !important;
}
.custom-seperator{
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    align-items: center;
    flex-wrap: nowrap;
    flex-direction: row;
    display: flex;
}
.custom-seperator .sep{
    height: 1px;
    position: relative;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-width: 10%;
}
.custom-seperator .sep span{
    height: 1px;
    border-top: 1px solid #ebebeb;
    display: block;
    position: relative;
    top: 1px;
    width: 100%;
    border-color: #f4ece2;
}
.custom-seperator .separator-title{
    padding-bottom: 0 !important;
    padding: 0 12.8px;
    font-weight: 400;
    line-height: normal;
    color: #eeb128;
    letter-spacing :1.5px;
    overflow-wrap:break-word;
}



/* Single post type "Activites" */
body:not(.page):not(.single-post):not(.single-portfolio) .nectar-global-section.before-footer{
    padding-top: 0 !important;
}
body[data-header-resize="0"] .container-wrap{
    padding-top: 0 !important;
}


/* Page Contact */
.custom-flip-card h3{
    font-size: 24px !important;
    font-weight: 500 !important;
    line-height: normal !important;
}
.custom-flip-card h4{
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: normal !important;
}
.nectar-flip-box .flip-box-back .inner{
    padding: 60px 20px;
}
.btn-flip-card{
    text-decoration: none;
    padding-left: 35px !important;
    padding-right: 60px !important;
    margin-top: 10px;
}





/* Form du page contact */
.custom-form-contact .wpforms-field-label{
    color: #000 !important;
}
body[data-fancy-form-rcs="1"] .fancy-select-wrap label {
    color: #000 !important;
}
body[data-fancy-form-rcs="1"] .select2-container--default .select2-selection--single:hover{
    background-color: #ffffff !important;
    border-color: #aaaaaa !important;
}
body[data-fancy-form-rcs="1"] .select2-container--default.select2-container--open .select2-selection--single{
    background-color: #ffffff !important;
    border-color: #aaaaaa !important;
}
body[data-fancy-form-rcs="1"] .select2-container--default.select2-container--open .select2-selection--single .select2-selection__rendered{
    color: #000 !important;
}
body[data-fancy-form-rcs="1"] .select2-container--default:hover .select2-selection--single .select2-selection__rendered{
    color: #000 !important;
}
body[data-fancy-form-rcs="1"] .select2-container--open .select2-selection--single .select2-selection__arrow b{
    border-bottom-color: #000 !important;
}
body[data-fancy-form-rcs="1"] .select2-container--default:hover .select2-selection--single .select2-selection__arrow b{
    border-top-color: #000 !important;  
    border-bottom-color: #000 !important;
}
body[data-fancy-form-rcs="1"] .fancy-select-wrap{
    padding-top: 0 !important;
}
body[data-fancy-form-rcs="1"] .select2-container--default .select2-selection--single{
    padding-top: 11px !important;
    padding-bottom: 11px !important;
}
.wpforms-submit-container .custom-btn-form{
    background-color: #eeb128 !important ;
}
.row .wpforms-form button[type="submit"]{
    padding: 10px 35px !important;
}
.wpforms-container input.wpforms-field-medium{
    max-width: 100% !important;
}
b[role="presentation"] {
  display: none;
}








/* Booking system calander*/
#booking-system-calander .wpbs-main-wrapper{
    display: flex;
    align-items: center;
    justify-content: center;
}
#booking-system-calander .wpbs-main-wrapper .wpbs-container{
    flex: 0 0 50%;
    display: flex;
    justify-content: center; 
}
#booking-system-calander form{
    max-width: 545px !important;
    width: 100%;
    flex: 0 0 50%; 
}
#booking-system-calander .wpbs-main-wrapper .wpbs-form-container .wpbs-form-field label{
    font-weight: 400 !important;
}  
.wpbs-form-confirmation-message{
    background-color: #25f925;
    padding: 10px 30px;
    border-radius: 5px;
    margin-top: 50px;
}
#booking-system-calander .wpbs-form-submit-button button{
    background-color: #EEB128 !important;
    border-radius: 9999px !important;
    font-weight: 500 !important;
    padding: 10px 25px 10px 25px!important;
}
#booking-system-calander .wpbs-main-wrapper .wpbs-container .wpbs-calendars-wrapper.wpbs-legend-position-side{
    padding-bottom: 100px;
    padding-right: 0 !important;
}
#booking-system-calander .wpbs-main-wrapper .wpbs-container .wpbs-calendars-wrapper.wpbs-legend-position-side .wpbs-legend{
    top: unset;
    right: unset;
    bottom: 0;
    left: 115px;
}





/* Responsive */
@media (max-width:690px) {
    .h1-mobile{
        font-size: 28px !important;
    }
    #header-of-hero-section{
        font-size: 28px !important;
    }
    .bg-image-mobile .background-image {
        height: 190px !important;
    }
    #Partie-05 .heading-wrap{
        transform: translateY(-106px)!important;
    }
    #Partie-05 .nectar-fancy-box{
        padding: 0 12px 30px 12px ;
    }
    #Partie-02 .nectar-fancy-box {
        padding: 10% !important;
    }
    .break-line{
        display: none;
    }
    .chef-image{
        height: 230px !important;
    }
    .nectar-text-inline-images__marker.img-loaded.animated-in{
        line-height: 50px !important;
    }
    .des-nombreux-clients-mobile{
        line-height: 30px !important;
    }
    .toggle-heading{
        font-weight: 600 !important ;
        font-size: 18px !important;
        line-height: 27px !important;

        padding: 30px 30px 30px 0 !important;
    }
    .toggle-panel-text-content{
        font-size: 15px !important;
        line-height: 22.5px !important;
        font-weight: 400 !important ;
    }
    body .toggles--minimal-shadow .toggle{
        padding: 0 20px !important;
    }

}
@media (max-width:690px) {
   .logo-footer{
        width: 170px !important;
        height: 100px !important;
    } 

    /* .toggle-heading{
        font-weight: 600 !important ;
        font-size: 16px !important;
        line-height: 24px !important;
    }
   
    .chef-image{
        height: 250px !important;
    }
    .gallery-ml-35{
        margin-left: 15px !important;
    }
    #Partie-06 .background-layer .background-image {
        height: 220px !important;
    }
    .break-line{
        display: none;
    } */
    .slider-page-bungalows .nectar-flickity.nectar-simple-slider{
        min-height: 300px;
    }
    .custom-flip-card .inner{
        padding: 40px 20px !important;
    }
    .custom-flip-card .flip-box-back , .custom-flip-card .flip-box-front{
        min-height: 350px !important;
    }
    #booking-system-calander .wpbs-main-wrapper{
        flex-direction: column;
    }
    #booking-system-calander .wpbs-main-wrapper .wpbs-container .wpbs-calendars-wrapper.wpbs-legend-position-side .wpbs-legend{
        left: 0 !important;
        position: absolute !important;
        width: 155px;
    }
    .page-a-propos-col-3-icons-bloc .wpb_wrapper{
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .reservez-votre-place{
        margin: 0 !important;
    }
    .reservez-votre-place .menu-title-text {
        font-size: 14px !important;
        line-height: 1 !important;
    }
    

}


@media (max-width:999px) and (min-width:691px) {
    .slider-page-bungalows .nectar-flickity.nectar-simple-slider{
        min-height: 400px;
    }
    #booking-system-calander form{
        max-width: 300px !important;
    }
    #booking-system-calander .wpbs-main-wrapper{
        justify-content: space-between;
    }
    .page-a-propos-3-col{
        width: 50% !important;
    }
    .page-tarifs-col-6 {
        width: 50% !important; 
    }
    .w60-pourcent-tablet{
        width: 60% !important;
        margin: 0 auto 25px auto !important;
    }
    #Partie-05 .heading-wrap{
        transform: translateY(-106px)!important;
    }
    .break-line{
        display: none;
    }
    .chef-image{
        height: 390px !important;
    }
    .logo-footer{
        width: 233px !important;
        height: 136px !important;
    } 
    .width-50-pourcent-footer{
        width: 50% !important;
    }
    body #header-outer:not(.transparent) #top .span_3 #logo[data-supplied-ml=true] img:not(.mobile-only-logo){
        display: block !important;
    }
    body #header-outer:not(.transparent) #top .span_3 #logo .mobile-only-logo{
        display: none !important;
    }
}