@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&family=Spectral:ital,wght@0,300&display=swap');

:root {
    --primary:#625558 ;
    --primary-lighter:#8b797a ;
    --secondary: #7FA71A;
    --tertiary: #a49798;
    --font1: "Spectral", serif;
    --font2: "Outfit", sans-serif;
    --bg-primary: #625558;
    --bg-light: #efe7e1;
    --bg-light2: #f7f6f5;
    --bg-btn-primary: #2f2727;
    --border-radius: 12px;
    --border-radius-lg: 15px;
    --form-control-bg: #e9e9e9;
}

/*.container{border-left: 2px solid red;border-right: 2px solid red;}*/


/* GENERAL */
body{margin:0;color: var(--primary); font-family: var(--font2),sans-serif; background-color: var(--bg-light2) !important; font-size: 16px !important; font-weight: 300 !important }
.content{overflow: clip !important}
.small{font-size:14px !important;}
.font1{font-family: var(--font1),serif }
.font2{font-family: var(--font2),sans-serif }
.spectral-regular { font-family: "Spectral", serif; font-weight: 300; font-style: normal;}
.outfit {font-family: "Outfit", sans-serif;    font-optical-sizing: auto; font-style: normal;}
p a {color: var(--primary) !important;}
a:hover{text-decoration: underline !important}
h1{font-size: 62px !important;line-height: 50px !important;font-weight: 300 !important;}
h2{font-size: 31px !important;font-weight: 300 !important;}
h3{font-weight: 300 !important;}
h4{font-size: 19px !important;font-weight: 300 !important;}
.big-h1{font-size: 4rem !important;line-height: 4.5rem !important;font-weight: 300 !important;margin-bottom: 110px !important; margin-top: 59px !important}
.big-h2{font-size: 2.3rem !important;font-weight: 300 !important;}

.fs-5{font-size: 19px;}
.bg-light{background-color: var(--bg-light) !important}
.bg-light2{background-color: var(--bg-light2) !important}
.bg-primary{background-color: var(--bg-primary) !important;}
.bg-tertiary{background-color: var(--tertiary) !important}
.gradient{background: linear-gradient(to bottom, #625558, #837274);}
.text-primary{color: var(--primary) !important}
.text-primary-lighter{color: var(--primary-lighter) !important}
.btn{font-size: 17px !important;}
.btn:hover{text-decoration: none !important}
.btn-primary{background-color: var(--bg-btn-primary) !important; padding: 15px;border-radius: var(--border-radius);border:none !important; font-weight: 300 !important}
.btn-primary:hover{background-color: black !important;}
.btn-outline-primary{color: var(--primary) !important; border-color: var(--primary) !important;}
.btn-outline-primary:hover{color:white !important; background-color: var(--primary) !important;}
.btn-outline-primary.scroll{border-color: white !important; color:white !important}
.btn-outline-primary.scroll:hover{border-color: transparent !important}
.btn-star {    background-image: url('/img/star-white.svg');background-repeat: no-repeat;background-position: right bottom;background-size: 40px;background-position-x: calc(100% - 10px);padding: 10px 50px 10px 20px;font-size: 17px !important;font-weight: 300 !important}
.rounded-lg{border-radius: var(--border-radius-lg) !important;}
.box1{padding:30px 17px 17px 30px;}
.box1-container{position: absolute}
.mt-134{padding-top:134px;}
.mb-134{padding-bottom:134px;}
.mt-42{padding-top:42px;}
.mb-42{padding-bottom:42px;}
.card-footer{background-color: transparent !important; border:0 !important;}
.form-control:focus {box-shadow:unset; border-color: transparent !important; }

/* FOOTER */
footer{overflow: hidden !important; padding-top: 134px;}
footer .container .row-footer{padding-bottom: 76px;}
footer a {color:white !important; text-decoration: none !important; font-weight: 300}
.footer-item {margin-bottom:90px;}

/* HEADER */
#mainLogo, #mainLogoScroll{width:140px;}
#navbar-container{padding-bottom: 51px !important;top:0 !important}
#navbar-container.small{padding: 15px 0 !important;}
.navbar-nav .dropdown-toggle::after {    content: "⌄"; /* ou "▾", "⮟", "⌄", ou même un emoji ⬇️ */font-size: 1.5rem;margin-left: 0.4rem;vertical-align: middle;border: none; /* supprime la caret triangle par défaut */}
.navbar-nav .dropdown-toggle::after  {display: none !important;}
.nav-item{font-weight: 300 !important; padding-right: 2rem; font-size: 1.15rem; border-radius: var(--border-radius); text-align: center;}
.nav-link{padding: 2px 1rem !important; font-size: 20px !important;border-radius: var(--border-radius);}
.nav-link:hover {background-color: var(--primary); color:white; text-decoration: none !important}
.nav-link.show {background-color: var(--primary) !important; color:white; border-radius: var(--border-radius) var(--border-radius) 0 0;}
.dropdown-menu{background-color: var(--primary); color:white; border:none;border-radius: 0px var(--border-radius) var(--border-radius) var(--border-radius); margin:0}
.dropdown-item{color:white}
.dropdown-item:hover{background-color: var(--primary); color: #cfcfcf;text-decoration: none !important}
.navbar-toggler{background-color: transparent !important; border:none; right:24px;padding:0}
.navbar-toggler-icon{width:2rem; height:2rem;background-image: url('/img/burger.svg');}
.small .navbar-toggler-icon{background-image: url('/img/burger-white.svg');}
.header-translation.position-relative{top: -50px; transition: top 1s ease;}
.header-translation.position-sticky{top: 0; transition: top 1s ease;}

/* FORMS */
.form-control{border-radius: var(--border-radius); border:none; background-color: var(--form-control-bg) !important; font-family: var(--font2) !important}
.form-control-bg{background-color: var(--form-control-bg) !important}
.input-group-text {padding: .375rem .75rem !important; border:none !important; border-radius: var(--border-radius)}
.input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3), .input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-control, .input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-select, .input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating) {margin-bottom: 0 !important;}



/* WIDGET */
#widget-booking .nav-link.active{background-color: var(--bg-primary) !important;}
#widget-booking .nav-link{background-color: var(--tertiary) !important; color:white !important; font-weight: 300;border-radius: var(--border-radius-lg) var(--border-radius-lg) 0 0; font-size: 16px; width:100%; padding: 5px !important;border:none !important}
#widget-booking .nav-link:hover{border:none !important;padding: 5px !important;}
.widget-body{border-radius: 0 0 var(--border-radius-lg) var(--border-radius-lg);}
.widget-container{position:absolute; width:45%; left: 55%; top: 10vw;z-index:10}

/* TESTIMONIAL */
.carousel-control-next, .carousel-control-prev{opacity: 1 !important; width:40px;}
.carousel-control-prev{left:unset}
.carousel-item{padding:0px !important;}
#carouselExampleControlsMobile{padding-bottom: 134px;}
.testimonial-item{padding:19px;}


/* BURGER MENU */
#burgerMenu {z-index: 1300 }
#burgerMenu a {color:white !important; text-decoration: none; }
#burgerMenu .col-md-3 {margin-bottom:30px !important; }
.offcanvas-header-img{height:24px; color:white}
.navbar-toggler:focus{box-shadow:none;}
.navbar-header-img{height:24px; color:white}

/* ACCORDION */
.accordion-item {background-color: #efe7e1 !important; border-radius: var(--border-radius) !important;margin-bottom:2px; border: none !important}
.accordion-button, .accordion-button:not(.collapsed) {background-color: transparent; border:none; box-shadow:none;font-weight:300; display: flex;justify-content: flex-start; align-items: center; text-align: left; flex-direction: row;  }
.accordion-button:not(.collapsed){color:unset; font-weight: 700;}
.accordion-body{padding-top:0 !important}
/* fix caret size, centering and rotation */
.accordion-button::after {
    content: "";
    order: -1;
    flex: 0 0 1.25rem;          /* reserve space so it stays aligned */
    width: 1.25rem;
    height: 1.25rem;
    margin-left: 0;
    margin-right: .5rem;        /* spacing before the text */
    background-image: url('/img/chevron-down.svg');
    background-repeat: no-repeat;
    background-position: center center; /* center the icon vertically/horizontally */
    background-size: 15px;
    transform: rotate(-90deg);  /* collapsed state: pointing right */
    transition: transform .2s ease-in-out;
}
.accordion-button:not(.collapsed)::after {
    /* keep exactly the same icon/style as collapsed state */
    content: "";
    order: -1;
    flex: 0 0 1.25rem;
    width: 1.25rem;
    height: 1.25rem;
    margin-left: 0;
    margin-right: .5rem;
    background-image: url('/img/chevron-down.svg') !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: 15px !important;
    filter: none !important;
    transform: rotate(0deg) !important; /* expanded: pointing down */
}
.accordion-button:focus {border:none;box-shadow: none}



/* INDEX */
#panorama{width:100%;}
#index-div{top:75px;}
.index-title { font-size: 40px; line-height: 50px;}
.index-subtitle {font-size: 16px;}
.index-partenaire-container{height: 268px;}
.index-partenaire-title{top:56px;left:1rem;}
.partenaires{width:100%;max-height:30px;}
.partenaires2{width:100%;max-height:25px;}
#index-vip-section{}
#index-vip-section .img-main{width:80%; margin-left:30%}
#index-differences{margin-top: 134px; margin-bottom: 134px}
#index-charter-section{justify-content: end;}
#index-charter-section .img-main{width:80%; margin-left:-10%}

/* VIP */
.card-vip-destinations{width:200px !important}



/*@media (min-width: 2000px) {*/
/*    .container-xxl {max-width: 2000px !important;}*/
/*}*/
/*@media (min-width: 1400px) {*/
/*    .container {max-width: 1450px;}*/
/*    .container-xxl {max-width: 1450px !important;}*/
/*}*/

@media (min-width: 1200px ) {/* XL */
    .position-md-absolute { position: absolute !important}
    .position-md-relative { position: relative !important}

    /* INDEX */
    #panorama{width: 150%; margin-left: -25%;aspect-ratio: 1944 / 797;}
    #index-vip-section .img-main {width: 75% !important}
    #index-charter-section .img-main {width: 75% !important}
    .widget-container {width:40%; left:55%}
}

@media (min-width: 992px ) and (max-width:1199px) { /* LG */
    .position-md-absolute { position: absolute !important}
    .position-md-relative { position: relative !important}

    /* INDEX */
    #section-panorama{overflow: hidden !important;}
    #panorama{width: 230%; margin-left: -70%; aspect-ratio: 656 / 269; }
    .widget-container {top:25vw;width: 50%; left: 50%; }
    #index-vip-section .img-main {width: 100% !important}
    #index-charter-section .img-main {width: 95% !important}
}

@media (min-width: 768px ) and (max-width:991px) { /* MD */
    .position-md-absolute { position: absolute !important}
    .position-md-relative { position: relative !important}
    .container{padding-left: 0 !important; padding-right: 0 !important}
    .container-xxl #panorama{padding: 0}
    .widget-container{top:250px;width:60%; left:40%}


    /* HEADER */
    #navbar-container{padding-bottom: 30px !important;}
    .nav-link { padding: 2px 0.8rem !important;font-size: 18px !important}
    .nav-item{padding-right: 10px;}
    .navbar-text .btn{font-size: 18px !important}

    /* FOOTER */
    .footer-item {margin-bottom:45px;}
    footer .container .row-footer{padding-bottom: 130px;}

    /* INDEX */
    #section-panorama{overflow: hidden !important;}
    #panorama{width: 230%; margin-left: -70%;}
    #index-div{width: 100%;}
    .box1-container{position: absolute !important; top:200px;}
    .box1{top:200px;}
    .index-title{width:100% !important; line-height: 25px !important;}
    .index-partenaire-container{padding: 150px 0; height: unset}
    .index-partenaire-title{top:56px;left:0;}
    .partenaires{display: inline-block; width:100%; margin:20px;}
    #index-vip-section{}
    #index-vip-section .img-main{width:100%;margin:0 0 200px 3%; border-radius: var(--border-radius-lg) 0 0 var(--border-radius-lg) !important}
    #index-vip-section .position-md-absolute{position:inherit}
    #index-differences{margin-top: 134px; margin-bottom: 134px}
    #index-charter-section{}
    #index-charter-section .img-main{width:100%; margin-left:-10%; margin-bottom: 200px; overflow: hidden}
    #index-charter-section .position-md-absolute{position:inherit; top: 200px;}

    /* TESTIMONIAL */
    .carousel-item{padding:0 !important;}
}

@media screen and (max-width:767px) { /* MOBILE */

    .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {--bs-gutter-x: 48px; }


    /* FOOTER */
    footer{text-align: center; font-size:19px;}
    footer .container .row-footer{padding-bottom: 130px;}
    footer p{font-size:19px !important;}
    .footer-item {margin-bottom:50px;}

    /* HEADER */
    #navbar-container{margin-top: 20px !important;padding-bottom:20px !important}
    .navbar>.container{padding:0}

    /* INDEX */
    #section-panorama .container {padding-left:0; padding-right: 0; }
    .box1-container{position: inherit !important}
    .widget-container{position:static; width:100%;}
    .index-title {font-size:24px; line-height: 24px;padding-top:40px;}
    .index-subtitle {padding-bottom:40px;}
    .index-partenaire-container{padding-top: 150px; padding-bottom: 150px; height: unset}
    .index-partenaire-title{top:56px;left:0;}
    .partenaires{display: inline-block; width:30%; max-height:50px; margin:20px;}
    .partenaires2{display: inline-block; width:30%; max-height:65px;}
    #index-vip-section{}
    #index-vip-section .img-main{width:100%;margin:-10%;}
    #index-vip-section .position-md-absolute{position:inherit}
    #index-differences{margin-top: 134px; margin-bottom: 134px}
    #index-charter-section{}
    #index-charter-section .img-main{width:100%; margin-left:9%; margin-bottom: -20%; overflow: hidden; border-radius: var(--border-radius-lg) 0 0 var(--border-radius-lg) !important}
    #index-charter-section .position-md-absolute{position:inherit}

    /* BURGER */
    #navbar-container.small {padding: 5px 0 !important;}
    #burgerMenu{width:100%}

    /* TESTIMONIAL */
    #carouselExampleControlsMobile{padding-bottom: 60px;}
    #testimonial-sm{padding:0}
}

@media (min-width: 768px ) and (max-width:1200px) {
    .navbar-nav .nav-item {padding: 0 !important; }
    .navbar-text a {padding-right: .2rem !important; padding-left: .2rem !important;}
}


@media (min-width: 1200px ) and (max-width:1400px) {
    .widget-container{top: 17vw;}
}

@media (min-width: 1400px ) and (max-width:1700px) {
    .widget-container{top: 15vw;}
}

@media (min-width: 1700px ) and (max-width:2055px) {
    .widget-container{top: 12vw;}
}

@media (min-width: 2400px ) {
    .widget-container{top: 9vw;}
}

/* #################################### Custom Litemoon */

.header-translation.position-sticky {
    transition: top 0.4s ease-out;
}

.btn{
    font-size: 20px !important;
    --bs-btn-font-weight: 300;
}

.index-subtitle {
    font-size: 17px;
}
.small {
    font-size: 15px !important;
}
.fw-lighter {
    font-weight: 300 !important;
}
.row {
    --bs-gutter-y: 0.6rem;
}
#widget-booking .nav-link {
    font-weight: 300;
}
.dropdown-item {
    padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
    font-weight: 300;
}
.dropdown-menu {
    --bs-dropdown-font-size: 18px;
}


@media (min-width: 1200px ) {/* XL */

}

@media (min-width: 992px ) and (max-width:1199px) { /* LG */

}

@media (min-width: 768px ) and (max-width:991px) { /* MD */

}

@media screen and (max-width:767px) { /* MOBILE */

}