/* -------------------------------------------------------

 01. Basics style
 02. Helper style
 03. Selection style 
 04. Preloader style
 05. Owl-Theme custom style
 06. Section style
 07. Navbar style
 08. Header style
 09. Slider-fade style (Homepage Slider)
 10. Slider style (Inner Page Slider)
 11. Kenburns Slider style
 12. Slider Grid Background style
 13. Page Banner Header style
 14. Video Background style
 15. Team style
 16. Rooms 2 style
 17. Rooms 3 style
 18. Rooms Page style
 19. Services style
 20. Restaurant Menu style
 21. Facilties style
 22. Clients style
 23. Gallery style
 24. Promo Video and Testimonials style
 25. Booking style
 26. Pricing style
 27. Careers style
 28. Accordion Box (for Faqs) style
 29. News 1 style
 30. News 2 style
 31. Post style
 32. Contact style
 33. Buttons style
 34. Coming Soon
 35. 404 Page style
 36. Footer style
 37. toTop Button style
 38. Overlay Effect Bg image style
 39. Responsive (Media Query)
 
------------------------------------------------------- */


/* ======= Basic style ======= */
html,
body {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    font-smoothing: antialiased;
}
* {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline: none;
    list-style: none;
    word-wrap: break-word;
}
body {
    font-family: 'Barlow', sans-serif;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.75em;
    color: rgba(255,255,255,0.5);
    overflow-x: hidden !important;
    background: #222;
}
p {
    font-family: 'Barlow', sans-serif;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.75em;
    color: rgba(255,255,255,0.5);
    margin-bottom: 20px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Gilda Display', serif;;
    font-weight: 400;
    line-height: 1.25em;
    margin: 0 0 20px 0;
    color: #fff;
}
img {
    width: 100%;
    height: auto;
}
img {
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    color: #f4f4f4;
}
span,
a,
a:hover {
    display: inline-block;
    text-decoration: none;
    color: inherit;
}
b {
    font-weight: 400;
    color: #aa8453;
}

/* text field */
input[type="password"]:focus,
input[type="email"]:focus,
input[type="text"]:focus,
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus,
textarea:focus {
    outline: none;
}
input[type="password"],
input[type="email"],
input[type="text"],
input[type="file"],
textarea {
    max-width: 100%;
    margin-bottom: 15px;
    padding: 10px 0;
    height: auto;
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-width: 0 0 1px;
    border-style: solid;
    display: block;
    width: 100%;
    line-height: 1.5em;
    font-family: 'Barlow', sans-serif;
    font-size: 15px;
    font-weight: 400;
    color: rgba(255,255,255,0.5);
    background-image: none;
    border-bottom: 1px solid #333;
    border-color: ease-in-out .15s, box-shadow ease-in-out .15s;
}
input:focus,
textarea:focus {
    border-bottom-width: 1px;
    border-color: #aa8453;
}
input[type="submit"],
input[type="reset"],
input[type="button"],
button {
    text-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    line-height: 1.75em;
    -webkit-transition: background-color .15s ease-out;
    transition: background-color .15s ease-out;
    background: transparent;
    border: 0px solid transparent;
}
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
button:hover {
    border: 0px solid transparent;
}
select {
    padding: 10px;
    border-radius: 5px;
}

table, th, tr, td {
    border: 1px solid #2b2b2b;
} 


th,
tr,
td {
    padding: 10px;
}
input[type="radio"],
input[type="checkbox"] {
    display: inline;
}
input[type="submit"] {
    font-weight: 400;
    font-family: 'Gilda Display', serif;;
    text-transform: uppercase;
    background: #aa8453;
    color: #fff;
    padding: 8px 24px;
    margin: 0;
    position: relative;
    font-size: 15px;
    letter-spacing: 3px;
}
.alert-success {
    background: transparent;
    color: rgba(255,255,255,0.5);
    border: 1px solid #aa8453;
    border-radius: 0px;
}

/* placeholder */
::-webkit-input-placeholder {
    color: rgba(255,255,255,0.5);
    font-size: 15px;
    font-weight: 400;
}
:-moz-placeholder {
    color: rgba(255,255,255,0.5);
}
::-moz-placeholder {
    color: rgba(255,255,255,0.5);
    opacity: 1;
}
:-ms-input-placeholder {
    color: rgba(255,255,255,0.5);
}

/* blockquote */
blockquote {
    padding: 45px;
    display: block;
    position: relative;
    background-color: #222;
    overflow: hidden;
    margin: 35px 0;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.75em;
    color: rgba(255,255,255,0.5);
}
blockquote p {
    font-family: inherit;
    margin-bottom: 0 !important;
    color: inherit;
    max-width: 650px;
    width:100%;
    position:relative;
    z-index:3;
}
blockquote:before {
    content: '\e645';
    font-family: 'Themify';
    position: absolute;
    right: 40px;
    bottom: 40px;
    font-size: 110px;
    opacity: 0.07;
    line-height: 1;
    color: rgba(255,255,255,0.5);
}
blockquote p {
    margin-bottom: 0;
}
blockquote p a {
    color:inherit;
}
blockquote cite {
    display:inline-block;
    font-size: 15px;
    position:relative;
    padding-left: 60px;
    border-color:inherit;
    line-height:1;
    margin-top: 22px;
    font-style:normal;
    color: #aa8453;
    font-weight: 400;
}
blockquote cite:before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 5px;
    width: 45px;
    height: 1px;
    border-top: 1px solid; 
    border-color:inherit;
    color: #aa8453;
}


/* ======= Helper style ======= */
.mt-0 {
  margin-top: 0 !important;
}
.mt-15 {
  margin-top: 15px !important;
}
.mt-20 {
  margin-top: 20px !important;
}
.mt-30 {
  margin-top: 30px !important;
}
.mt-60 {
  margin-top: 60px !important;
}
.mt-90 {
  margin-top: 90px !important;
}
.mb-0 {
  margin-bottom: 0 !important;
}
.mb-30 {
  margin-bottom: 30px !important;
}
.mb-60 {
  margin-bottom: 60px !important;
}
.mb-90 {
  margin-bottom: 90px !important;
}
.pb-0 {
  padding-bottom: 0 !important;
}
.no-padding {
  padding: 0 !important;
}

/* important */
.o-hidden {
    overflow: hidden;
}
.position-re {
    position: relative;
}
.full-width {
    width: 100%;
}
.bg-img {
    background-size: cover;
    background-repeat: no-repeat;
}
.bg-fixed {
    background-attachment: fixed;
}
.pattern {
    background-repeat: repeat;
    background-size: auto;
}
.bold {
    font-weight: 600;
}
.count {
    font-family: 'Gilda Display', serif;;
}
.valign {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.v-middle {
    position: absolute;
    width: 100%;
    top: 50%;
    left: 0;
    -webkit-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
}
.v-bottom {
    position: absolute;
    width: 100%;
    bottom: 5%;
    left: 0;
    -webkit-transform: translate(0%, -5%);
    transform: translate(0%, -5%);
}
.js .animate-box {
    opacity: 0;
}

:root { scroll-behavior: auto; }

.owl-carousel .owl-nav button.owl-next, 
.owl-carousel .owl-nav button.owl-prev, 
.owl-carousel button.owl-dot {
    outline: none;
}

/* background & color */
.bg-darkblack {
    background: #222;
}

.bg-darkblack {
    background: #1b1b1b;
}

.color-1 {
color: #fff;
}
.color-2 {
color: #adadad;
}
.color-3 {
color: rgba(255,255,255,0.5);
}
.color-4 {
color: #222;
}
.color-5 {
color: #aa8453;
}

/* star - white  */
.star {
  position: relative;
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 0.9em;
  margin-right: 0.9em;
  margin-bottom: 1.2em;
  border-right: 0.3em solid transparent;
  border-bottom: 0.7em solid #fff;
  border-left: 0.3em solid transparent;
  /* Controlls the size of the stars. */
  font-size: 8px;
}
.star:before, .star:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  top: 0.6em;
  left: -1em;
  border-right: 1em solid transparent;
  border-bottom: 0.7em solid #fff;
  border-left: 1em solid transparent;
  transform: rotate(-35deg);
}
.star:after {
  transform: rotate(35deg);
}
/* Star rating  */
.star-rating {
  position: relative;
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 0.9em;
  margin-right: 0.9em;
  margin-bottom: 2em;
  border-right: 0.3em solid transparent;
  border-bottom: 0.7em solid #e4a853;
  border-left: 0.3em solid transparent;
  /* Controlls the size of the stars. */
  font-size: 8px;
}
.star-rating:before, .star-rating:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  top: 0.6em;
  left: -1em;
  border-right: 1em solid transparent;
  border-bottom: 0.7em solid #e4a853;
  border-left: 1em solid transparent;
  transform: rotate(-35deg);
}
.star-rating:after {
  transform: rotate(35deg);
}


/* ======= Selection style ======= */
::-webkit-selection {
    color: #fff;
    background: #aa8453;
}
::-moz-selection {
    color: #fff;
    background: #aa8453;
}
::selection {
    color: #fff;
    background: #aa8453;
}


/* ======= Preloader style ======= */
.preloader-bg,
#preloader {
    position: fixed;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: #1b1b1b;
    z-index: 999999;
}
#preloader {
    display: table;
    table-layout: fixed;
}
#preloader-status {
    display: table-cell;
    vertical-align: middle;
}
.preloader-position {
    position: relative;
    margin: 0 auto;
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}
.loader {
    position: relative;
    width: 70px;
    height: 70px;
    left: 50%;
    top: auto;
    margin-left: -35px;
    margin-top: 1px;
    -webkit-animation: rotate 1s infinite linear;
    -moz-animation: rotate 1s infinite linear;
    -ms-animation: rotate 1s infinite linear;
    -o-animation: rotate 1s infinite linear;
    animation: rotate 1s infinite linear;
    border: 1px solid rgba(255,255,255, 0.1);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
}
.loader span {
    position: absolute;
    width: 70px;
    height: 70px;
    top: -1px;
    left: -1px;
    border: 1px solid transparent;
    border-top: 1px solid #aa8453;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
}
@-webkit-keyframes rotate {
    0% {
        -webkit-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
    }
}
@keyframes rotate {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}


/* ======= Owl-Theme custom style ======= */
.owl-theme .owl-nav.disabled + .owl-dots {
    margin-top: 0px;
    line-height: 1.5;
    display: block;
    outline: none;
}
.owl-theme .owl-dots .owl-dot span {
    width: 12px;
    height: 12px;
    margin: 0 3px;
    border-radius: 50%;
    background: transparent;
    border: 1px solid #ADADAD;
}
.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
    background: #aa8453;
    border: 1px solid #aa8453;
}




/* === owl carousel nav style  === */
.clients .owl-theme .owl-nav,
.team .owl-theme .owl-nav,
.slider-grid-bg .owl-theme .owl-nav,
.news .owl-theme .owl-nav,
.pricing .owl-theme .owl-nav,
.testimonials .owl-theme .owl-nav,
.rooms-page .owl-theme .owl-nav,
.rooms3 .owl-theme .owl-nav,
.rooms2 .owl-theme .owl-nav,
.rooms1 .owl-theme .owl-nav {
    position: absolute!important;
    top: 35%!important;
    bottom: auto!important;
    width: 100%
}
.clients .owl-theme .owl-nav,
.team .owl-theme .owl-nav,
.slider-grid-bg .owl-theme .owl-nav,
.news .owl-theme .owl-nav,
.pricing .owl-theme .owl-nav,
.testimonials .owl-theme .owl-nav,
.rooms-page .owl-theme .owl-nav,
.rooms3 .owl-theme .owl-nav,
.rooms2 .owl-theme .owl-nav,
.rooms1 .owl-theme .owl-nav{
    position: relative;
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}
.clients .owl-theme .owl-prev,
.team .owl-theme .owl-prev,
.slider-grid-bg .owl-theme .owl-prev,
.news .owl-theme .owl-prev,
.pricing .owl-theme .owl-prev,
.testimonials .owl-theme .owl-prev,
.rooms-page .owl-theme .owl-prev,
.rooms3 .owl-theme .owl-prev,
.rooms2 .owl-theme .owl-prev,
.rooms1 .owl-theme .owl-prev {
    left: 10px!important
}
.clients .owl-theme .owl-next,
.team .owl-theme .owl-next,
.slider-grid-bg .owl-theme .owl-next,
.news .owl-theme .owl-next,
.pricing .owl-theme .owl-next,
.testimonials .owl-theme .owl-next,
.rooms-page .owl-theme .owl-next,
.rooms3 .owl-theme .owl-next,
.rooms2 .owl-theme .owl-next,
.rooms1 .owl-theme .owl-next {
    right: 10px!important
}
.clients .owl-theme .owl-prev,
.clients .owl-theme .owl-next,
.team .owl-theme .owl-prev,
.team .owl-theme .owl-next,
.slider-grid-bg .owl-theme .owl-prev,
.slider-grid-bg .owl-theme .owl-next,
.news .owl-theme .owl-prev,
.news .owl-theme .owl-next,
.pricing .owl-theme .owl-prev,
.pricing .owl-theme .owl-next,
.testimonials .owl-theme .owl-prev,
.testimonials .owl-theme .owl-next,
.rooms-page .owl-theme .owl-prev,
.rooms-page .owl-theme .owl-next,
.rooms3 .owl-theme .owl-prev,
.rooms3 .owl-theme .owl-next,
.rooms2 .owl-theme .owl-prev,
.rooms2 .owl-theme .owl-next,
.rooms1 .owl-theme .owl-prev,
.rooms1 .owl-theme .owl-next {
    color: #fff;
    position: absolute!important;
    top: 50%;
    padding: 0;
    height: 50px;
    width: 50px;
    border-radius: 0%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background: #272727;
    border: 1px solid #272727;
    line-height: 0;
    text-align: center;
    font-size: 16px
}
.clients .owl-theme .owl-prev>span,
.clients .owl-theme .owl-next>span,
.team .owl-theme .owl-prev>span,
.team .owl-theme .owl-next>span,
.slider-grid-bg .owl-theme .owl-prev>span,
.slider-grid-bg .owl-theme .owl-next>span,
.news .owl-theme .owl-prev>span,
.news .owl-theme .owl-next>span,
.pricing .owl-theme .owl-prev>span,
.pricing .owl-theme .owl-next>span,
.testimonials .owl-theme .owl-prev>span,
.testimonials .owl-theme .owl-next>span,
.rooms-page .owl-theme .owl-prev>span,
.rooms-page .owl-theme .owl-next>span,
.rooms3 .owl-theme .owl-prev>span,
.rooms3 .owl-theme .owl-next>span,
.rooms2 .owl-theme .owl-prev>span,
.rooms2 .owl-theme .owl-next>span,
.rooms1 .owl-theme .owl-prev>span,
.rooms1 .owl-theme .owl-next>span {
    position: absolute;
    line-height: 0;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}
.clients .owl-theme .owl-nav [class*=owl-],
.team .owl-theme .owl-nav [class*=owl-],
.slider-grid-bg .owl-theme .owl-nav [class*=owl-],
.news .owl-theme .owl-nav [class*=owl-],
.pricing .owl-theme .owl-nav [class*=owl-],
.testimonials .owl-theme .owl-nav [class*=owl-],
.rooms-page .owl-theme .owl-nav [class*=owl-],
.rooms3 .owl-theme .owl-nav [class*=owl-],
.rooms2 .owl-theme .owl-nav [class*=owl-],
.rooms1 .owl-theme .owl-nav [class*=owl-] {
    width: 40px;
    height: 40px;
    line-height: 34px;
    background: transparent;
    color: #fff;
    font-size: 11px;
    margin-right: 15px;
    margin-left: 15px;
    cursor: pointer;
    border: 1px solid rgba(255,255,255, 0.7);
    border-radius: 100%;
    transition: all 0.2s ease-in-out;
    transform: scale(1.0);
}
.clients .owl-theme .owl-nav [class*=owl-]:hover,
.team .owl-theme .owl-nav [class*=owl-]:hover,
.slider-grid-bg .owl-theme .owl-nav [class*=owl-]:hover,
.news .owl-theme .owl-nav [class*=owl-]:hover,
.pricing .owl-theme .owl-nav [class*=owl-]:hover,
.testimonials .owl-theme .owl-nav [class*=owl-]:hover,
.rooms-page .owl-theme .owl-nav [class*=owl-]:hover,
.rooms3 .owl-theme .owl-nav [class*=owl-]:hover,
.rooms2 .owl-theme .owl-nav [class*=owl-]:hover,
.rooms1 .owl-theme .owl-nav [class*=owl-]:hover {
    transform: scale(0.9);
    background: transparent;
    border: 1px solid #b19777;
    color: #FFF;
}
@media screen and (max-width: 768px) {
    .clients .owl-theme .owl-nav,
    .team .owl-theme .owl-nav,
    .slider-grid-bg .owl-theme .owl-nav,
    .news .owl-theme .owl-nav,
    .pricing .owl-theme .owl-nav,
    .testimonials .owl-theme .owl-nav,
    .rooms-page .owl-theme .owl-nav,
    .rooms3 .owl-theme .owl-nav,
    .rooms2 .owl-theme .owl-nav,
    .rooms1 .owl-theme .owl-nav {
        display: none;
    }
}


.news .owl-theme .owl-nav [class*=owl-] {
    opacity: 0;
}
.news .owl-theme:hover .owl-nav [class*=owl-] {
    opacity: 1;
}


/* ======= Section style ======= */
.section-padding {
    padding: 120px 0;
}
.section-padding2 {
    padding: 0 0 120px 0;
}
.section-padding h6 {
    color: #aa8453;
    font-size: 20px;
    margin-bottom: 20px;
}
.section-subtitle {
    font-size: 15px;
    font-family: 'Barlow Condensed', sans-serif;
    font-weight: 400;
    color: #aa8453;
    text-transform: uppercase;
    position: relative;
    letter-spacing: 6px;
    margin-bottom: 5px;
}
.section-subtitle span {
 color: #aa8453;
}
.section-title {
    font-size: 46px;
    font-family: 'Gilda Display', serif;
    font-weight: 400;
    color: #fff;
    position: relative;
    margin-bottom: 20px;
    line-height: 1.25em;
}
.section-title span {
    color: #aa8453;
}


/* ======= Navbar style ======= */
.navbar {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    background: transparent;
    z-index: 99;
    padding-right: 0;
    padding-left: 0;
    padding-top: 0;
    padding-bottom: 0;
    height: 100px;
}
.navbar-toggler-icon {
    background-image: none;
}
.navbar .navbar-toggler-icon,
.navbar .icon-bar {
    color: #FFF;
}
.navbar .navbar-nav .nav-link {
    font-family: 'Barlow Condensed', sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    margin: 1px;
    letter-spacing: 3px;
    text-transform: uppercase;
    -webkit-transition: all .4s;
    transition: all .4s;
    padding-right: 12px;
    padding-left: 12px;
}
.navbar .navbar-nav .nav-link.nav-color {
    color: #fff;
}
.navbar .navbar-nav .nav-link:hover {
    color: #aa8453;
}
.navbar .navbar-nav .active {
    color: #aa8453 !important;
}
.navbar .navbar-nav .active i {
    color: #aa8453;
}
.nav-scroll {
    background: #1b1b1b;
    padding: 0 0 0 0;
    position: fixed;
    top: -100px;
    left: 0;
    width: 100%;
    -webkit-transition: -webkit-transform .5s;
    transition: -webkit-transform .5s;
    transition: transform .5s;
    transition: transform .5s, -webkit-transform .5s;
    -webkit-transform: translateY(100px);
    transform: translateY(100px);
    -webkit-box-shadow: 0px 5px 15px rgb(15 36 84 / 5%);
    box-shadow: 0px 5px 15px rgb(15 36 84 / 5%);
    height: 90px;
}
.nav-scroll .navbar-toggler-icon,
.nav-scroll .icon-bar {
    color: #aa8453;
}
.nav-scroll .navbar-nav .nav-link {
    color: #fff;
}
.nav-scroll .navbar-nav .active {
    color: #aa8453 !important;
}
.nav-scroll .navbar-nav .logo {
    padding: 15px 0;
    color: #fff;
}
.nav-scroll .logo-img {
    width: 160px;
}
.nav-scroll .logo-img {
    margin-bottom: 0px;
}
.nav-scroll .logo-wrapper .logo h2 {
    font-family: 'Gilda Display', serif;
    font-size: 27px;
    font-weight: 400;
    display: block;
    width: 100%;
    position: relative;
    color: #aa8453;
    margin-bottom: 0;
    padding: 20px 0;
    letter-spacing: 1px;
    text-align: center;
}
.nav-scroll .logo-wrapper .logo span {
    display: block;
    font-family: 'Barlow Condensed', sans-serif;
    font-size: 10px;
    color: #222;
    font-weight: 400;
    letter-spacing: 1px;
    display: block;
    margin-top: 0px;
    line-height: 1.2em;
    text-transform: uppercase;
    letter-spacing: 6px;
}
.nav-scroll .logo-wrapper {}
.logo-wrapper {
    float: left;
}
.logo-wrapper .logo h2 {
    font-family: 'Gilda Display', serif;
    font-size: 27px;
    font-weight: 400;
    display: block;
    width: 100%;
    position: relative;
    color: #aa8453;
    margin-bottom: 0;
    padding: 20px 0;
    letter-spacing: 1px;
    text-align: center;
}
.logo-wrapper .logo h2 a i {
    color: #fff;
    font-size: 20px;
    vertical-align: super;
}
.logo-wrapper .logo span {
    display: block;
    font-family: 'Barlow Condensed', sans-serif;
    font-size: 10px;
    color: #fff;
    font-weight: 400;
    letter-spacing: 1px;
    display: block;
    margin-top: 0px;
    line-height: 1.2em;
    text-transform: uppercase;
    letter-spacing: 6px;
}
.logo {
    padding: 0;
}
.logo-img {
    padding: 20px 0;
    width: 160px;
    text-align: center;
}

.dropdown .nav-link i {
    padding-left: 0px;
    font-size: 8px;
    color: rgba(255, 255, 255, 0.7);
}
.nav-scroll .dropdown .nav-link i {
    color: rgba(255, 255, 255, 0.7);
}
.nav-scroll .navbar-nav .active i {
    color: #aa8453;
}
.navbar .dropdown-menu .dropdown-item {
    padding: 5px 0;
    font-family: 'Barlow', sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    position: relative;
    -webkit-transition: all .4s;
    transition: all .4s;
    background-color: transparent;
}
.navbar .dropdown-menu .dropdown-item span {
    display: block;
    cursor: pointer;
}
.navbar .dropdown-menu .dropdown-item i {
    padding: 13px 0 0 5px;
    font-size: 8px;
    float: right;
    color: rgba(255, 255, 255, 0.7);
}
.navbar .dropdown-menu .dropdown:hover > .dropdown-item,
.navbar .dropdown-menu .dropdown-item.active,
.navbar .dropdown-menu .dropdown-item:hover {
    color: #aa8453;
}
.navbar .dropdown-toggle::after {
    display: none;
}
.navbar .dropdown-menu {
    box-shadow: 0 16px 50px rgb(0 0 0 / 1%);
}
.navbar .dropdown-menu li {
    border-bottom: 1px solid #222;
}
.navbar .dropdown-menu li:last-child {
   border-bottom: none;
}
.navbar .dropdown-menu .dropdown-menu.pull-left {
    top: 0;
    left: auto;
    right: 100%;
}
/* Navbar Media Query */
@media screen and (min-width: 992px) {
    .navbar .dropdown-menu {
        display: block;
        opacity: 0;
        visibility: hidden;
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
        width: 190px;
        padding: 15px;
        border-radius: 0;
        border: 0;
        background-color: #1b1b1b;
        -webkit-transition: all .3s;
        transition: all .3s;
    }
    .navbar .dropdown-menu .dropdown-menu {
        left: calc(100% + 5px);
        top: -10px;
        right: auto;
        min-width: 190px;
        transform: translateY(0);
    }
    .navbar .dropdown:hover > .dropdown-menu {
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
    }    
}
@media screen and (max-width: 991px) {
    .navbar {
        padding-left: 0px;
        padding-right: 0px;
        background: transparent;
        padding-top: 0px;
        padding-bottom: 0px;
        height: 90px;
    }
    .nav-scroll {
        background: #1b1b1b;
    }
    .logo-wrapper {
        float: left;
        padding: 26px 0 26px 15px;
    }
    .nav-scroll .logo-wrapper {
        padding: 26px 0 26px 15px;
        background-color: transparent;
    }
    .nav-scroll .logo-img {
        width: 160px;
    }
    .navbar .logo {
        text-align: left;
        margin-left: 0px;
    }
    .nav-scroll .logo {}
    .logo-img {
        margin-bottom: 0px;
        width: 160px;
        padding: 0;
    }
    .navbar button {
        margin-right: 0px;
        outline: none !important;
        background: transparent;
        margin-top: 10px;
        border: none;
    }
    .navbar button:hover {
        background: transparent;
    }
    .navbar button:active,
    .navbar button:focus,
    .navbar button:hover {
        background: transparent;
        outline: none;
        color: transparent !important;
    }
    .navbar .container {
        max-width: 100%;
        padding: 0;
    }
    .navbar .nav-link {
        margin: 0px auto !important;
    }
    .navbar .navbar-nav .nav-link {
        color: #fff;
    }
    .nav-scroll .navbar-collapse .nav-link {
        color: #fff !important;
    }
    .nav-scroll .navbar-collapse .active {
        color: #aa8453 !important;
    } 
    .navbar .dropdown-menu .dropdown-item {
        padding: 0 15px;
        font-size: 15px;
        line-height: 40px;
    }
    .navbar .dropdown-menu .dropdown-item.dropdown-toggle {
        font-weight: 400;
    }
    .navbar .dropdown-submenu .dropdown-toggle::after {
        right: 15px;
        font-size: 13px;
    }
    .navbar .dropdown-submenu:hover > .dropdown-toggle::after {
        transform: rotate(0deg);
    }
    .navbar .dropdown-submenu .dropdown-toggle.show::after {
        transform: rotate(90deg);
    }
    .navbar .dropdown-menu {
        border: none;
        padding: 0;
        border-radius: 0;
        margin: 0;
        background: #1b1b1b;
        box-shadow: none;
    }
    .navbar .dropdown-submenu .dropdown-menu {
        margin: 0;
        padding: 0 0 0 20px;
    }
    .navbar .dropdown-menu li a {
        padding: 0 15px;
    }
    .navbar .navbar-nav .nav-link {
        padding-right: 0px;
        padding-left: 0px;
    }
    .dropdown .nav-link i {
        color: rgba(255, 255, 255, 0.7);
    }
    .nav-scroll .dropdown .nav-link i {
        color: rgba(255, 255, 255, 0.7);
    }
    .nav-scroll .dropdown .nav-link.active i {
    color: #aa8453;
    }

    .navbar .navbar-collapse {
        max-height: 450px;
        overflow: auto;
        background: #1b1b1b;
        text-align: left;
        padding: 20px;
    }
}



/* ======= Header style ======= */
.header {
    min-height: 100vh;
    overflow: hidden;
}
.header .caption .o-hidden {
    display: inline-block;
}
.header .caption h2 {
    font-weight: 400;
    font-size: 30px;
}

.header .caption span i.star-rating {
    -webkit-animation-delay: .8s;
    animation-delay: .8s;
}

.header .caption h4 {
    font-family: 'Barlow Condensed', serif;;
    font-size: 15px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 6px;
    color: #fff;
    margin-bottom: 20px;
    margin-top: 20px;
    -webkit-animation-delay: .4s;
    animation-delay: .4s;
}
.header .caption h1 {
    position: relative;
    margin-bottom: 20px;
    font-family: 'Gilda Display', serif;;
    font-size: 55px;
    text-transform: uppercase;
    line-height: 1.35em;
    -webkit-animation-delay: .6s;
    animation-delay: .6s;
    color: #fff;
    font-weight: 400;
    letter-spacing: 15px;
}

.header .caption h3 {
    position: relative;
    margin-bottom: 20px;
    font-family: 'Gilda Display', serif;;
    font-size: 48px;
    text-transform: uppercase;
    line-height: 1.35em;
    -webkit-animation-delay: .6s;
    animation-delay: .6s;
    color: #fff;
    font-weight: 400;
    letter-spacing: 7px;
}
.header .caption p {
    font-size: 18px;
    line-height: 1.75em;
    margin-bottom: 0;
    color: #fff;
    -webkit-animation-delay: .6s;
    animation-delay: .6s;
    margin-right: 15px;
}
.header .caption p span {
    letter-spacing: 5px;
    text-transform: uppercase;
    margin: 0 5px;
    padding-right: 14px;
    position: relative;
}
.header .caption p span:last-child {
    padding: 0;
}
.header .caption p span:last-child:after {
    display: none;
}
.header .caption p span:after {
    content: '';
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #222;
    position: absolute;
    top: 10px;
    right: 0;
    opacity: .5;
}
.header .caption .butn-light {
    -webkit-animation-delay: .8s;
    animation-delay: .8s;
}

.header .caption .butn-dark {
    -webkit-animation-delay: .8s;
    animation-delay: .8s;
}
.header .social a {
    color: #eee;
    font-size: 20px;
    margin: 10px 15px;
}
hr {
    margin-top: 5px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid rgba(255,255,255,0.3);
}


/* ======= Slider-fade style (Homepage Slider) ======= */
.slider-fade .owl-item {
    height: 100vh;
    position: relative;
}
.slider-fade .item {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-size: cover;
    background-position: center;
}
.slider-fade .item .caption {
    z-index: 9;
}
/* slider-fade owl-nav next and prev */
.slider-fade .owl-nav {
    position: absolute;
    bottom: 7%;
    right: 12%;
}
.slider-fade .owl-prev {
    float: left;
}
.slider-fade .owl-next {
    float: right;
}
.slider-fade .owl-theme .owl-nav [class*=owl-] {
    width: 40px;
    height: 40px;
    line-height: 34px;
    background: transparent;
    border-radius: 100%;
    color: #fff;
    font-size: 10px;
    margin-right: 3px;
    cursor: pointer;
    border: 1px solid rgba(255,255,255,0.5);
    transition: all 0.2s ease-in-out;
    transform: scale(1.0);
}
.owl-theme .owl-nav [class*=owl-]:hover {
    transform: scale(0.9);
    background: transparent;
    border: 1px solid #aa8453;
    color: #fff;
}
@media screen and (max-width: 768px) {
    .slider-fade .owl-nav {
        display: none;
    }
}
/* owl-dots for slider */
.slider-fade .owl-dots {
    position: absolute;
    text-align: center;
    top: 50%;
    right: 5%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 40px;
    text-align: right !important
}
.slider-fade .owl-dots .owl-dot span {
    background: transparent;
    display: none
}
.slider-fade .owl-dots .owl-dot {
    height: 12px;
    width: 12px;
    border: 1px solid rgba(255,255,255, 0.7);
    display: block;
    margin-bottom: 10px;
    border-radius: 50%
}
.slider-fade .owl-dots .owl-dot.active {
    border-color: #aa8453;
    background: #aa8453;
}




/* reservation field for slider */
.header div.reservation {
    -webkit-writing-mode: vertical-lr;
    -ms-writing-mode: tb-lr;
    writing-mode: vertical-lr;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    text-orientation: sideways;
    text-orientation: sideways;
    margin: 0;
    position: absolute;
    top: 0;
    left: 40px;
    height: 60%;
    z-index: 9;
}

.header div.reservation .call {
    color: #fff;
    text-transform: uppercase;
    font-family: 'Barlow Condensed', sans-serif;
    font-weight: 400;
    letter-spacing: 5px;
    font-size: 12px;
    line-height: 1.75em;
    margin-top: 15px;
} 

.header div.reservation .call span {
       font-family: 'Gilda Display', serif;
    font-size: 24px;
    color: #aa8453;
    letter-spacing: 1px;
} 

.header div.reservation .icon {
    position: absolute;
    left: -1px;
    top: -50px;
    width: 50px;
    height: 50px;
    border: 1px solid rgba(255,255,255,0.5);
    -webkit-animation: pulse 2s infinite;
    animation: pulse 2s infinite;
    border-radius: 100%;
}
.header div.reservation a .icon i {
    color: #FFF;
    font-size: 24px;
    transform: rotate(90deg);
}
.header div.reservation a .icon:hover {
    border: 1px solid #aa8453;
}
@media screen and (max-width: 992px) {
    .header div.reservation {
        display: none;
    }
}


/* ======= Slider style (Inner Page Slider) ======= */
.slider .owl-item {
    height: 100vh;
    position: relative;
}
.slider .item {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-size: cover;
    background-position: center;
}
.slider .item .caption{
    z-index: 9;
}
.slider .owl-theme .owl-dots {
    position: absolute;
    width: 100%;
    bottom: 3%;
    right: 12%;
    text-align: right;
}
.slider .owl-theme .owl-dots .owl-dot span {
    width: 13px;
    height: 13px;
    margin: 0 3px;
    border-radius: 50%;
    background: transparent;
    border: 1px solid rgba(255,255,255,0.5);
}
.slider .owl-theme .owl-dots .owl-dot.active span,
.slider .owl-theme .owl-dots .owl-dot:hover span {
    background: #aa8453;
    border: 1px solid #aa8453;
}
/* bounce */
.header .arrow {
    position: absolute;
    bottom: 40px;
    width: 100%;
    text-align: center;
    z-index: 8;
}
.header .arrow.bounce {
    -webkit-animation: bounce 2s infinite;
    animation: bounce 2s infinite;
}
.header .arrow i {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 50px;
    line-height: 50px;
    color: #fff;
    font-size: 15px;
    border: 1px solid rgba(255,255,255,0.3);
    border-radius: 100%;
}

.header .arrow i:hover {
    border: 1px solid #aa8453;
}
.header .arrow i:hover:after {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    opacity: 0;
    -webkit-transition: all .5s;
    transition: all .5s;

}



/* ===== Kenburns Slider style ===== */
.kenburns-section {
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  min-height: 100vh;
  position: relative;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.kenburns-section::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -5;
  background: #000;
}
.kenburns-inner {
  position: relative;
  z-index: 15;
}
.kenburns-inner .caption {
    position: relative;
}
.kenburns-inner .caption h4 {
    font-family: 'Barlow Condensed', serif;
    font-size: 15px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 6px;
    color: #fff;
    margin-bottom: 20px;
    margin-top: 20px;
    -webkit-animation-delay: .4s;
    animation-delay: .4s;
}
.kenburns-inner .caption h1 {
    position: relative;
    margin-bottom: 20px;
    font-family: 'Gilda Display', serif;
    font-size: 55px;
    text-transform: uppercase;
    line-height: 1.35em;
    -webkit-animation-delay: .6s;
    animation-delay: .6s;
    color: #fff;
    font-weight: 400;
    letter-spacing: 15px;
}

.kenburns-inner .caption h3 {
    position: relative;
    margin-bottom: 20px;
    font-family: 'Gilda Display', serif;
    font-size: 48px;
    text-transform: uppercase;
    line-height: 1.35em;
    -webkit-animation-delay: .6s;
    animation-delay: .6s;
    color: #fff;
    font-weight: 400;
    letter-spacing: 5px;
}
#kenburnsSliderContainer .vegas-overlay {}
@media screen and (max-width: 767px) {
.kenburns-inner .caption h4 {
    font-size: 12px;
}   
.kenburns-inner .caption h1 {
    font-size: 30px;
    margin-bottom: 15px;
    letter-spacing: 5px;
    line-height: 1.35em;
}
    .kenburns-inner .caption h3 {
    font-size: 30px;
    margin-bottom: 15px;
    letter-spacing: 5px;
    line-height: 1.35em;
}
    
    .kenburns-inner .caption {
    text-align: center;
    }
}
/* reservation field for Kenburns slider */
.kenburns-section div.reservation {
    -webkit-writing-mode: vertical-lr;
    -ms-writing-mode: tb-lr;
    writing-mode: vertical-lr;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    text-orientation: sideways;
    text-orientation: sideways;
    margin: 0;
    position: absolute;
    top: 0;
    left: 40px;
    height: 60%;
    z-index: 9;
}
.kenburns-section div.reservation .call {
    color: #fff;
    text-transform: uppercase;
    font-family: 'Barlow Condensed', sans-serif;
    font-weight: 400;
    letter-spacing: 5px;
    font-size: 12px;
    line-height: 1.75em;
    margin-top: 15px;
} 
.kenburns-section div.reservation .call span {
       font-family: 'Gilda Display', serif;
    font-size: 24px;
    color: #aa8453;
    letter-spacing: 1px;
} 
.kenburns-section div.reservation .icon {
    position: absolute;
    left: -1px;
    top: -50px;
    width: 50px;
    height: 50px;
    border: 1px solid rgba(255,255,255,0.5);
    -webkit-animation: pulse 2s infinite;
    animation: pulse 2s infinite;
    border-radius: 100%;
}
.kenburns-section div.reservation a .icon i {
    color: #FFF;
    font-size: 24px;
    transform: rotate(90deg);
}
.kenburns-section div.reservation a .icon:hover {
    border: 1px solid #aa8453;
}

/* bounce */
.kenburns-section .arrow {
    position: absolute;
    bottom: 40px;
    width: 100%;
    text-align: center;
    z-index: 80;
}
.kenburns-section .arrow.bounce {
    -webkit-animation: bounce 2s infinite;
    animation: bounce 2s infinite;
}
.kenburns-section .arrow i {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 50px;
    line-height: 50px;
    color: #fff;
    font-size: 15px;
    border: 1px solid rgba(255,255,255,0.3);
    border-radius: 100%;
}

.kenburns-section .arrow i:hover {
    border: 1px solid #aa8453;
}
.kenburns-section .arrow i:hover:after {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    opacity: 0;
    -webkit-transition: all .5s;
    transition: all .5s;

}

@media screen and (max-width: 992px) {
    .kenburns-section div.reservation {
        display: none;
    }
}



/* ======= Slider Grid Background ======= */
.slider-grid-bg {
    min-height: 100vh;
    background-size: cover;
    background-position: 50%;
    padding-top: 210px;
    padding-bottom: 60px;
    position: relative;
    overflow: hidden;
    background: #222;
    color: #fff;
}
.slider-grid-bg .grid-img {
    height: 100%;
    width: 100%;
    background-size: cover;
    background-position: center;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    transform: scale(1);
    transition: transform 5s, opacity .35s;
    opacity: 0;
    display: block;
}
.slider-grid-bg .grid-img-active {
    opacity: 1;
    transform: scale(1.03);
    -webkit-filter: brightness(70%);
}
.slider-grid-bg:hover .grid-img-active {
    -webkit-filter: brightness(70%);
}
.slider-grid-bg .content {
    position: relative;
    z-index: 2
}
.slider-grid-bg .grid-item {
    margin-bottom: 30px;
    display: -ms-flexbox;
    display: flex
}
.slider-grid-bg .grid-con {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: end;
    align-items: flex-end;
    border: 1px solid rgba(255, 255, 255,.4);
    width: 100%;
    text-decoration: none;
    color: currentColor;
    padding: 80px 30px 30px;
    transition: all .3s;
    background: transparent;
    min-height: 340px;
    position: relative
}
.slider-grid-bg .grid-con-active,
.slider-grid-bg .grid-con:hover {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: end;
    align-items: flex-end;
    width: 100%;
    text-decoration: none;
    color: currentColor;
    padding: 80px 30px 30px;
    transition: all .3s;
    background: transparent;
    min-height: 340px;
    position: relative;
    background: #222;
    border: 1px solid #222;
}
.slider-grid-bg .book {
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 3;
    writing-mode: vertical-rl;
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    text-orientation: mixed;
    text-transform: uppercase;
    color: #fff;
    font-size: 15px;
    font-weight: 400;
    letter-spacing: 3px;
    background: transparent;
    border: 1px solid rgba(255,255,255,0.5);
    font-family: 'Barlow Condensed', sans-serif;
    padding: 10px 3px;
    line-height: 1.5em;
}
.slider-grid-bg .grid-con:hover .book {
    color: #fff;
    border: 1px solid #2b2b2b;
}
.slider-grid-bg .grid-con-active .book {
    color: #fff;
    border: 1px solid #2b2b2b;
}
.slider-grid-bg .subtitle {
    display: block;
    font-weight: 400;
    color: #fff;
    margin-bottom: 5px;
    letter-spacing: 3px;
    text-transform: uppercase;
    font-size: 15px;
    font-family: 'Barlow Condensed', sans-serif;
    display: inline;

        
}
.slider-grid-bg .grid-con:hover .subtitle {
    color: #aa8453;
}
.slider-grid-bg .grid-con-active .subtitle {
    color: #aa8453;
}
.slider-grid-bg .title {
    display: block;
    font-family: 'Gilda Display', serif;
    font-size: 27px;
    line-height: 1.25em;
    letter-spacing: 0px;
    color: #fff;
    margin-top: 5px;
    margin-bottom: 0px;
}
.slider-grid-bg .grid-con:hover .title {
    color: #fff;
}
.slider-grid-bg .grid-con-active .title {
    color: #fff;
}
/* bounce */
.slider-grid-bg .arrow {
    position: absolute;
    bottom: 40px;
    width: 100%;
    text-align: center;
    z-index: 80;
}
.slider-grid-bg .arrow.bounce {
    -webkit-animation: bounce 2s infinite;
    animation: bounce 2s infinite;
}
.slider-grid-bg .arrow i {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 50px;
    line-height: 50px;
    color: #fff;
    font-size: 15px;
    border: 1px solid rgba(255,255,255,0.3);
    border-radius: 100%;
}
.slider-grid-bg .arrow i:hover {
    border: 1px solid #aa8453;
}
.slider-grid-bg .arrow i:hover:after {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    opacity: 0;
    -webkit-transition: all .5s;
    transition: all .5s;

}
@media only screen and (max-width:1199px) {
    .slider-grid-bg .grid-con {
        min-height: 300px
    }
    .slider-grid-bg .grid-con-active,
    .slider-grid-bg .grid-con:hover {
        min-height: 300px;
    }
}
@media only screen and (max-width:767px) {
    .slider-grid-bg .grid-con {
        min-height: 240px
    }
    .slider-grid-bg .grid-con-active,
    .slider-grid-bg .grid-con:hover {
        min-height: 240px;
    }
}



/* ======= Page Banner Header style ======= */
.banner-header {
    height: 60vh;
}

.banner-header.full-height{
    min-height: 100vh;
    background-position: center;
}
.banner-header.full-height h4 {
    font-family: 'Barlow Condensed', serif;
    font-size: 15px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 6px;
    color: #fff;
    margin-bottom: 20px;
    margin-top: 20px;
}
.banner-header.full-height h1 {
    position: relative;
    margin-bottom: 20px;
    font-family: 'Gilda Display', serif;
    font-size: 55px;
    text-transform: uppercase;
    line-height: 1.35em;
    color: #fff;
    font-weight: 400;
    letter-spacing: 15px;
}
.banner-header h1 {
    font-size: 60px;
    color: #fff;
    position: relative;
}

.banner-header.full-height h3 {
    position: relative;
    margin-bottom: 20px;
    font-family: 'Gilda Display', serif;
    font-size: 48px;
    text-transform: uppercase;
    line-height: 1.35em;
    color: #fff;
    font-weight: 400;
    letter-spacing: 7px;
}

.banner-header .caption {
    position: relative;
}

.banner-header h5 {
    color: #fff;
    font-size: 15px;
    font-family: 'Barlow Condensed', sans-serif;
    text-transform: uppercase;
    letter-spacing: 6px;
    margin-bottom: 10px;
}
.banner-header h5 a {
    color: #aa8453;
}
.banner-header p {
    font-size: 15px;
    margin-bottom: 0;
    color: #fff;
}
.banner-header p a {
    color: #aa8453;
}
/* author & date */
.banner-header .author .avatar {
    width: 27px;
    height: 27px;
    overflow: hidden;
    border-radius: 50%;
    margin-right: 5px;
}
.banner-header .post {
    margin-top: 20px;
}
.banner-header .post div {
    display: inline-block;
}
.banner-header .post .author {
    margin-right: 20px;
    font-size: 13px;
}
.banner-header .post .date-comment {
    position: relative;
    font-size: 13px;
    color: #fff;
    margin-right: 20px
}
.banner-header .post .date-comment i {
    color: #aa8453;
    font-size: 18px;
    margin-right: 5px;
}
.banner-header .post .date-comment:last-of-type {
    margin-right: 0px;
}

/* bounce */
.banner-header .arrow {
    position: absolute;
    bottom: 40px;
    width: 100%;
    text-align: center;
    z-index: 8;
}
.banner-header .arrow.bounce {
    -webkit-animation: bounce 2s infinite;
    animation: bounce 2s infinite;
}
.banner-header .arrow i {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 50px;
    line-height: 50px;
    color: #fff;
    font-size: 15px;
    border: 1px solid rgba(255,255,255,0.3);
    border-radius: 100%;
}
.banner-header .arrow i:hover {
    border: 1px solid #fff;
}
.banner-header .arrow i:hover:after {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    opacity: 0;
    -webkit-transition: all .5s;
    transition: all .5s;

}

@media screen and (max-width: 767px) {
    .banner-header {}
    
    .banner-header.full-height h1 {
        font-size: 30px;
        margin-bottom: 15px;
        letter-spacing: 10px;
        line-height: 1.35em;
    }
    
    .banner-header.full-height h3 {
    font-size: 30px;
    margin-bottom: 15px;
    letter-spacing: 10px;
    line-height: 1.35em;
    }
    .banner-header.full-height h4 {
        font-size: 12px;
    }
    
    .banner-header h5 {}
    .banner-header h1 {
        font-size: 45px;
    }
}


/* =======  Video Background  ======= */
.video-fullscreen-wrap {
  height: 100vh;
  overflow: hidden;
}

.video-fullscreen-wrap .caption {
    position: relative;
}
.video-fullscreen-wrap .caption.textleft {
    text-align: left;
}
.video-fullscreen-wrap h3 {
    position: relative;
    font-family: 'Libre Caslon Display', serif;
    font-size: 60px;
    line-height: 1em;
    color: #fff;
    font-weight: 400;
}
.video-fullscreen-wrap h3 span {
    display: block;
    font-size: 30px;
    display: block;
    margin-top: 0px;
    line-height: 1.5em;
    -webkit-animation-delay: .3s;
    animation-delay: .3s;
    color: #C19D60;
}
.video-fullscreen-video {
    height: 100%;
}
.video-fullscreen-wrap video {
  width: 100vw;
  height: auto;
  min-width: 100%;
  min-height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.video-fullscreen-wrap .video-fullscreen-inner {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: right;
    
}
.video-lauch-wrapper {
  border: none;
  background: none;
  width: 100%;
  padding: 0;
}
.video-fullscreen-wrap .overlay {
/*  background-image: linear-gradient(to bottom right, #000000, #000000);*/
  opacity: 1;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  box-sizing: border-box;
  text-align: center; 
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 4;
}
.video-fullscreen-wrap .butn-dark a {
    color: #fff;
}
.position-relative {
  position: relative !important;
}


/* ======= Team style ======= */
.team .item {
    margin-bottom: 30px;
}
.team .item:hover .info .social {
    top: 0;
}
.team .info {
    text-align: center;
    padding: 30px 20px;
    position: relative;
    overflow: hidden;
    background: #2b2b2b;
}
.team .info h6 {
    font-size: 20px;
    margin-bottom: 5px;
    color: #fff;
}
.team .info p {
    margin-bottom: 0px;
    color: rgba(255,255,255,0.5);
}
.team .info .social {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 100%;
    background: #2b2b2b;
    -webkit-transition: all .4s;
    transition: all .4s;
}
.team .info .social a {
    font-size: 15px;
    color: #aa8453;
    margin: 0 5px;
}
.team .info .social a:hover {
    color: #fff;
}
.team .info .social p {
    margin-bottom: 0px;
    color: rgba(255,255,255,0.5);
}


/* ======= Rooms1 style ======= */
.rooms1 .item {
    position: relative;
    overflow: hidden;
    margin-bottom: 30px;
}
.rooms1 .item:hover img {
    -webkit-filter: none;
    filter: none;
    -webkit-transform: scale(1.09, 1.09);
    transform: scale(1.09, 1.09);
    -webkit-filter: brightness(70%);
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
}
.rooms1 .item:hover .con {
    bottom: 0;
}
.rooms1 .item img {
    -webkit-transition: all .5s;
    transition: all .5s;
}
.rooms1 .item .category {
  position: absolute;
    top: 20px;
    right: 20px;
    z-index: 3;
    writing-mode: vertical-rl;
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    text-orientation: mixed;
    text-transform: uppercase;
    color: #fff;
    font-size: 15px;
    font-weight: 400;
    letter-spacing: 3px;
    background: transparent;
    border: 1px solid rgba(255,255,255,0.5);
    font-family: 'Barlow Condensed', sans-serif;
    padding: 10px 3px;
    line-height: 1.5em;
}
.rooms1 .item .category a {
    color: #fff;
}
.rooms1 .item .category:hover {
    color: #fff;
}
.rooms1 .item .con {
    padding: 20px;
    position: absolute;
    bottom: -60px;
    left: 0;
    width: 100%;
    -webkit-transition: all .3s;
    transition: all .3s;
    text-align: left;
    z-index: 20;
    height: auto;
    box-sizing: border-box;
    background: -moz-linear-gradient(top, transparent 0, rgba(0, 0, 0, .1) 2%, rgba(0, 0, 0, .75) 90%);
    background: -webkit-linear-gradient(top, transparent 0, rgba(0, 0, 0, .01) 2%, rgba(0, 0, 0, .75) 90%);
    background: linear-gradient(to bottom, transparent 0, rgba(0, 0, 0, .01) 2%, rgba(0, 0, 0, .75) 90%);
}
.rooms1 .item .con h6,
.rooms1 .item .con h6 a {
    position: relative;
    color: #fff;
    font-size: 15px;
    font-family: 'Barlow Condensed', sans-serif;
    display: inline;
    letter-spacing: 3px;
    text-transform: uppercase;
}
.rooms1 .item .con h6 i {
    font-size: 6px;
    margin-right: 2px;
}
.rooms1 .item .con h5,
.rooms1 .item .con h5 a {
    position: relative;
    color: #fff;
    font-size: 27px;
    font-weight: 400;
    margin-top: 5px;
    margin-bottom: 5px;
}
.rooms1 .item .con p {
    color: #fff;
    font-size: 20px;
}
.rooms1 .item .con i {
    color: #fff;
    font-size: 18px;
}
.rooms1 .item .con i:hover {
    color: #fff;
}
.rooms1 .item .con .butn-light {
    margin-left: 0;
    border-radius: 30px;
    border-color: rgba(255,255,255,0.5);
    padding: 11px 30px;
}
.rooms1 .item .con .butn-light:hover {
    border-color: #aa8453;
}
/* line animation */
.rooms1 .item .line {
    text-align: center;
    height: 1px;
    width: 60px;
    background-color: rgba(255, 255, 255, 0.2);
    transition-property: all;
    transition-duration: 0.3s;
    transition-timing-function: ease-in-out;
    margin: auto 0 30px;
}
.rooms1 .item:hover .line {
    width: 100%;
    transition-property: all;
    transition-duration: 0.8s;
    transition-timing-function: ease-in-out;
}
/* facilities */
.rooms1 .facilities ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.rooms1 .facilities ul li {
  color: #fff;
  font-size: 10px;
  text-transform: uppercase;
    letter-spacing: 3px;
  line-height: 1.2em;
  padding-bottom: 20px;
    float: left;
}
.rooms1 .facilities ul li i {
  margin-right: 10px;
}
/* permalink */
.rooms1 .item .con .permalink {
    font-family: 'Barlow Condensed', sans-serif;
    font-size: 15px;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: #fff;
    height: 0;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    display: inline;
}
.rooms1 .item .con .permalink a {
    color: #fff;
    text-align: right;
}
.rooms1 .item .con .permalink i {
   font-size: 10px;
    text-align: right;
}
.rooms1 .item .con .permalink a:hover,
.rooms1 .item .con .permalink i:hover {
color: #aa8453;
}


/* ======= Rooms 2 style  ======= */
.rooms2 {
    position: relative;
}
.rooms2:last-child {
    margin-bottom: 20px;
}
.rooms2 figure {
    margin: 0;
    position: relative;
    width: 66.666667%;
    margin-left: auto;
}
.rooms2.left figure {
    margin-left: 0;
    margin-right: auto;
}
.rooms2 figure img:hover {
    transform: scale(0.98);
}
.rooms2 .caption {
    background: #222;
    position: absolute;
    left: 0;
    top: 50%;
    width: 50%;
    padding: 4% 4% 4% 0;
    -ms-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

.rooms2.left .caption {
    left: auto;
    right: 0;
    background: #222;
    padding: 4% 0 4% 4%;
}


.rooms2 .caption.padding-left {
    padding-left: 4%;
}

.rooms2.left .caption.padding-left {
    padding-right: 4%;
}


.rooms2 .caption h4,
.rooms2 .caption h4 a {
    font-size: 35px;
    color: #fff;
    margin-bottom: 5px;
}
.rooms2 .caption h3,
.rooms2 .caption h3 a {
    font-size: 24px;
    color: #aa8453;
    margin-bottom: 0px;
}
.rooms2 .caption h3 span {
    font-size: 15px;
    color: rgba(255,255,255,0.5);
    font-family: 'Barlow', sans-serif;
}
.rooms2 .caption h6 {
    display: inline-block;
    color: rgba(255,255,255,0.5);
    font-family: 'Barlow', sans-serif;
    font-weight: 400;
    font-size: 10px;
    margin-bottom: 10px;
    letter-spacing: 5px;
    text-transform: uppercase;
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
}
.rooms2 .caption .info-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.rooms2 .caption .info-wrapper .more {
    color: rgba(255,255,255,0.5);
    text-decoration: none;
    font-size: 14px;
}
.rooms2 .caption .info-wrapper .more i {
    color: rgba(255,255,255,0.5);
    font-size: 10px;
}
.rooms2 .caption .info-wrapper .date {
    color: #222;
    font-family: 'Barlow Condensed', sans-serif;
    font-size: 15px;
    background: transparent;
    border: 1px solid #aa8453;
    text-transform: uppercase;
    letter-spacing: 3px;
    padding: 3px 12px;
}
.rooms2 .caption .info-wrapper .date:hover {
    background: transparent;
    border: 1px solid #222;
    color: #222;
}
@media (max-width: 991.98px) {
    .rooms2 figure {
        width: auto;
        margin: 0;
    }
    .rooms2 .caption {
        position: relative;
        left: 0;
        top: 0;
        width: auto;
        padding: 30px 20px;
        -ms-transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}
/* hr style */
hr {
    margin-top: 5px;
    margin-bottom: 20px;
    border: 0;
}
hr.border-1 {
    border-top: 1px solid rgba(170, 132, 83, 0.7);
}
hr.border-2 {
    border-top: 1px solid rgba(170, 132, 83, 0.7);
}
/* button link */
.link-btn {
    display: inline-block;
    position: relative;
    text-transform: uppercase;
    font-family: 'Barlow Condensed', sans-serif;
    font-size: 15px;
    font-weight: 400;
    letter-spacing: 3px;
}
.link-btn i {
    margin-left: 3px;
    font-size: 15px;
    color: #aa8453;
}
.link-btn:before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 1px;
    background-color: #aa8453;
    -webkit-transition: all ease 0.4s;
    transition: all ease 0.4s
}
.link-btn:hover::before {
    width: 100%
}
/* reservation button */
.reservations {
    display: flex;
    align-items: center;
}
.reservations .icon {
    position: relative;
    top: 3px;
}
.reservations .icon span {
    font-size: 40px;
    color: #aa8453;
}
.reservations .icon.color-1 span {
    font-size: 40px;
    color: #fff;
}
.reservations .text {
    margin-left: 10px;
}
.reservations .text p {
    font-size: 15px;
    margin: 0;
    
}
.reservations .text a {
    font-size: 24px;
    color: #aa8453;
    letter-spacing: -1px;
}
.reservations .text a.color-1 {
    color: #fff;
}


/* ======= Rooms 3 ======= */
.rooms3 {
    color: rgba(255,255,255,0.5);
}
.rooms3 .square-flip {
    -webkit-perspective: 1000;
    -moz-perspective: 1000;
    -ms-perspective: 1000;
    perspective: 1000;
    -webkit-transform: perspective(1000px);
    -moz-transform: perspective(1000px);
    -ms-transform: perspective(1000px);
    transform: perspective(1000px);
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
    position: relative;
    background-size: cover;
    background-position: center center;
}
.rooms3 .square-flip {
    min-height: 450px;
    margin-bottom: 30px;
}
.rooms3 .square,
.rooms3 .square2 {
    width: 100%;
    height: 100%;
}
.rooms3 .square {
    background-size: cover;
    background-position: center center;
    -webkit-transition: -webkit-transform 0.9s cubic-bezier(0.68, -0.55, 0.265, 1.25);
    transition: -webkit-transform 0.9s cubic-bezier(0.68, -0.55, 0.265, 1.25);
    -o-transition: transform 0.9s cubic-bezier(0.68, -0.55, 0.265, 1.25);
    transition: transform 0.9s cubic-bezier(0.68, -0.55, 0.265, 1.25);
    transition: transform 0.9s cubic-bezier(0.68, -0.55, 0.265, 1.25), -webkit-transform 0.9s cubic-bezier(0.68, -0.55, 0.265, 1.25);
    overflow: hidden;
    position: absolute;
    top: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.rooms3 .square .category {
  position: absolute;
    top: 20px;
    left: 20px;
    z-index: 3;
    writing-mode: vertical-rl;
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    text-orientation: mixed;
    text-transform: uppercase;
    color: #fff;
    font-size: 15px;
    font-weight: 400;
    letter-spacing: 3px;
    background: transparent;
    border: 1px solid rgba(255,255,255,0.5);
    font-family: 'Barlow Condensed', sans-serif;
    padding: 10px 3px;
    line-height: 1.5em;
}
.rooms3 .square .category a {
    color: #fff;
}
.rooms3 .square .category:hover {
    color: #fff;
}
.rooms3 .square h4 {
    color: #fff;
    font-size: 27px;
    text-align: left;
    margin-bottom: 0;
    display: inline-flex;
}
.rooms3 .square h6, .rooms3 .square h6 a {
    position: relative;
    color: #fff;
    font-size: 15px;
    font-weight: 400;
    font-family: 'Barlow Condensed', sans-serif;
    letter-spacing: 3px;
    text-transform: uppercase;
    margin-bottom: 10px;
}
.rooms3 .square-flip .square {
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    z-index: 1;
}
.rooms3 .square-flip:hover .square {
    -webkit-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}
.rooms3 .square2 {
    background: #2b2b2b;
    background-size: cover;
    background-position: center center;
    -webkit-transition: -webkit-transform 0.9s cubic-bezier(0.68, -0.55, 0.265, 1.25);
    transition: -webkit-transform 0.9s cubic-bezier(0.68, -0.55, 0.265, 1.25);
    -o-transition: transform 0.9s cubic-bezier(0.68, -0.55, 0.265, 1.25);
    transition: transform 0.9s cubic-bezier(0.68, -0.55, 0.265, 1.25);
    transition: transform 0.9s cubic-bezier(0.68, -0.55, 0.265, 1.25), -webkit-transform 0.9s cubic-bezier(0.68, -0.55, 0.265, 1.25);
    overflow: hidden;
    position: absolute;
    top: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.rooms3 .square2.bg-white {
    background: #2b2b2b;
}


.rooms3 .square2:before {
    top: 25px;
    left: 15px;
    right: 15px;
    bottom: 25px;
}
.rooms3 .square2 h4 {
    font-size: 30px;
    color: #fff;
}
.rooms3 .square2 h6 {
    position: relative;
    color: #aa8453;
    font-size: 15px;
    font-weight: 400;
    font-family: 'Barlow Condensed', sans-serif;
    letter-spacing: 3px;
    text-transform: uppercase;
    margin-bottom: 10px;
}
.rooms3 .square2 p {
    font-size: 15px;
    color: rgba(255,255,255,0.5);
}
.rooms3 .square2 .icon img {
    width: 60px;
    color: rgba(255,255,255,0.5);
    margin-bottom: 20px;
}
.rooms3 .btn-line a {
    border-bottom: 1px solid #ccc;
    color: rgba(255,255,255,0.5);
}
.rooms3 .btn-line a:hover {
    border-bottom: 1px solid #aa8453;
    color: rgba(255,255,255,0.5);
}
.rooms3 .square-flip .square2 {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    z-index: 1;
}
.rooms3 .square-flip:hover .square2 {
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}
.rooms3 .square-container {
    padding: 40px;
    text-align: right;
    height: 450px;
    position: relative;
    -webkit-transition: -webkit-transform 0.9s cubic-bezier(0.68, -0.55, 0.265, 1.25);
    transition: -webkit-transform 0.9s cubic-bezier(0.68, -0.55, 0.265, 1.25);
    -o-transition: transform 0.9s cubic-bezier(0.68, -0.55, 0.265, 1.25);
    transition: transform 0.9s cubic-bezier(0.68, -0.55, 0.265, 1.25);
    transition: transform 0.9s cubic-bezier(0.68, -0.55, 0.265, 1.25), -webkit-transform 0.9s cubic-bezier(0.68, -0.55, 0.265, 1.25);
    -webkit-transform: translateX(0px) scale(1);
    -ms-transform: translateX(0px) scale(1);
    transform: translateX(0px) scale(1);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    z-index: 2;
}
.rooms3 .square-container .box-title {
    /*	width: 100%;*/
}
.rooms3 .square-flip:hover .square-container {
    -webkit-transform: translateX(-650px) scale(0.88);
    -ms-transform: translateX(-650px) scale(0.88);
    transform: translateX(-650px) scale(0.88);
}
.rooms3 .square-container2 {
    padding: 30px;
    text-align: left;
    position: relative;
    top: 50%;
    -webkit-transition: -webkit-transform 0.9s cubic-bezier(0.68, -0.55, 0.265, 1.25);
    transition: -webkit-transform 0.9s cubic-bezier(0.68, -0.55, 0.265, 1.25);
    -o-transition: transform 0.9s cubic-bezier(0.68, -0.55, 0.265, 1.25);
    transition: transform 0.9s cubic-bezier(0.68, -0.55, 0.265, 1.25);
    transition: transform 0.9s cubic-bezier(0.68, -0.55, 0.265, 1.25), -webkit-transform 0.9s cubic-bezier(0.68, -0.55, 0.265, 1.25);
    -webkit-transform: translateY(-50%) translateX(650px) translateZ(60px) scale(0.88);
    transform: translateY(-50%) translateX(650px) translateZ(60px) scale(0.88);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    z-index: 2;
}
.rooms3 .square-flip:hover .square-container2 {
    -webkit-transform: translateY(-50%) translateX(0px) translateZ(0px) scale(1);
    transform: translateY(-50%) translateX(0px) translateZ(0px) scale(1);
}
.rooms3 .flip-overlay {
    display: block;
    background: #000;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: .2;
}
@media screen and (max-width: 991px) {
    .rooms3 .square-flip {
        margin-bottom: 30px;
    }
    .rooms3 {
        padding-bottom: 70px;
    }
}


/* ======= Rooms Page style ======= */
.rooms-page h6 {
    position: relative;
    font-family: 'Gilda Display', serif;
    font-size: 24px;
    color: #fff;
}
/* page list */
.page-list {
    position: relative;
    display: block;
}
.page-list li {
    position: relative;
    display: flex;
    align-items: center;
}
.page-list li+li {
    margin-top: 10px;
}
.page-list-icon {
    display: flex;
    align-items: center;
}
.page-list-icon span {
    font-size: 18px;
    color: #aa8453;
}
.page-list-text {
    margin-left: 15px;
}
.page-list-text p {
    font-size: 15px;
    margin: 0;
}
/* owl-nav next and prev */
.rooms-page .owl-nav {
    position: absolute;
    bottom: 3%;
    left: 12%;
}
.rooms-page .owl-prev {
    float: left;
}
.rooms-page .owl-next {
    float: right;
}
.rooms-page .owl-theme .owl-nav [class*=owl-] {
    width: 40px;
    height: 40px;
    line-height: 34px;
    background: transparent;
    border-radius: 100%;
    color: rgba(255, 255, 255, 0.75);
    font-size: 11px;
    margin-right: 3px;
    cursor: pointer;
    border: 1px solid rgba(255, 255, 255, 0.3);
    transition: all 0.2s ease-in-out;
    transform: scale(1.0);
}
.rooms-page .owl-theme .owl-nav [class*=owl-]:hover {
    transform: scale(0.9);
    background: transparent;
    border: 1px solid #b19777;
    color: #b19777;
}
@media screen and (max-width: 768px) {
    .rooms-page .owl-nav {
        display: none;
    }
}


/* ======= Facilties style ======= */
.facilties .single-facility {
    background: transparent;
    padding: 30px 20px;
    -webkit-transition: .5s;
    transition: .5s;
    position: relative;
    z-index: 1;
    margin-bottom: 30px;
    line-height: 1;
    border: 1px solid #2b2b2b;
}
.facilties .single-facility h5 {
    font-size: 24px;
    color: #fff;
    margin-bottom: 10px;
}
.facilties .single-facility:hover h5 {
  color: #fff;
  -webkit-transition: .5s;
  transition: .5s;
}
/*
.facilties .facility-shape:hover span {
  -webkit-transform: rotate(360deg);
          transform: rotate(360deg);
}
*/
.facilties .single-facility span {
  font-size: 45px;
  color: #aa8453;
  line-height: 1;
  margin-bottom: 20px;
  display: inline-block;
  -webkit-transition: .5s;
  transition: .5s;
}
.facilties .single-facility p {
    margin: 0;
    color: rgba(255,255,255,0.5);
}
.facilties .single-facility .facility-shape {
    position: absolute;
    opacity: 0.02;
    z-index: -1;
    bottom: 15px;
    left: 120px;
}
.facilties .single-facility .facility-shape span {
  font-size: 140px;
  color: #222;
}
/* hr */
hr {
    margin-top: 5px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid rgba(255,255,255,0.25);
}
/* room facilities */
.room-facilities .wrap {
    background: #222;
    padding: 30px;
}
.room-facilities ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.room-facilities ul li {
  color: rgba(255,255,255,0.5);
  font-size: 15px;
  padding-bottom: 10px;
}
.room-facilities ul li i {
    margin-right: 10px;
    color: #aa8453;
    font-size: 20px;
}


/* ======= Services style ======= */
.services .img {
  position: relative;
    overflow: hidden;
}
.services .img:hover img {
    -webkit-filter: none;
    filter: none;
    -webkit-transform: scale(1.09, 1.09);
    transform: scale(1.09, 1.09);
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
}
.services .img img {
    -webkit-transition: all .5s;
    transition: all .5s;
}
.services .content {
  width: 100%;
  padding: 30px;
}
.services .content .date {
  display: table-cell;
  position: relative;
  width: 80px;
  z-index: 2;
}
.services .content .date h3 {
    font-size: 65px;
    font-weight: 500;
    color: #aa8453;
    margin-bottom: 0px;
}
.services .content .date h6 {
    color: rgba(255,255,255,0.5);
    letter-spacing: 2px;
    font-size: 10px;
    font-family: 'Barlow', sans-serif;
    text-transform: uppercase;
    font-weight: 400;
}
.services .content .cont {
  display: table-cell;
  vertical-align: middle;
}
.services .content .cont h4 {
    margin: 0 0 10px 0;
    font-size: 32px;
    color: #fff;
    font-weight: 400;
    line-height: 1.5em;
}
.services .content .cont .more {
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #aa8453;
  padding-left: 40px;
  position: relative;
}
.services .content .cont .more:after {
  content: '';
  width: 30px;
  height: 1px;
  background: #aa8453;
  position: absolute;
  top: 50%;
  left: 0px;
}
.services .content .cont .more:hover {
   color: #222; 
}
.services .content .info h6 {
    font-size: 15px;
    letter-spacing: 3px;
    color: #aa8453;
    font-family: 'Barlow Condensed', sans-serif;
    text-transform: uppercase;
    margin-bottom: 5px;
}
.services .content .info .tags {
  color: #aa8453;
}
@media screen and (max-width: 991px) {
    .services .content .cont h4 {
        line-height: 1.25em;
    }
    .order2 {
    -webkit-box-ordinal-group: 3 !important;
        -ms-flex-order: 2 !important;
            order: 2 !important;
  }
    .order1 {
    -webkit-box-ordinal-group: 2 !important;
        -ms-flex-order: 1 !important;
            order: 1 !important;
  }  
}
@media screen and (max-width: 480px) {
    .services .content .date {
    width: 60px;
  }
    .services .content .info .tags {
    margin: 5px 0 0;
  }
    .services .content .date h3 {
    font-size: 40px;
  }
}


/* =======  Restaurant Menu style ======= */
.restaurant-menu .owl-carousel .owl-stage-outer {
    padding: 20px 0 60px 0;
}
.restaurant-menu .owl-theme .owl-nav [class*=owl-] {
    position: absolute;
    top: 40%;
    background: transparent;
    color: #fff;
    width: 40px;
    height: 40px;
    line-height: 30px;
    border-radius: 50%;
    border: 1px solid #aa8453;
    opacity: 0;
    -webkit-transition: all .5s;
    transition: all .5s;
}
.restaurant-menu .owl-theme .owl-nav [class*=owl-]:hover {
    background: transparent;
    color: #aa8453;
}
.restaurant-menu .bg-img .owl-theme .owl-nav [class*=owl-] {
    color: #fff;
}
.restaurant-menu .owl-carousel .owl-nav .owl-next {
    right: 0;
}
.restaurant-menu .owl-carousel .owl-nav .owl-prev {
    left: 0;
}
.restaurant-menu .owl-carousel .owl-nav .owl-next span,
.restaurant-menu .owl-carousel .owl-nav .owl-prev span {
    font-size: 12px;
}
.restaurant-menu .owl-theme:hover .owl-nav [class*=owl-] {
    opacity: 1;
}
.restaurant-menu .tabs-icon .item {
    padding: 15px 5px;
    cursor: pointer;
}
.restaurant-menu .tabs-icon .item h6 {
    font-size: 20px;
    color: #fff;
    margin-bottom: 0;
}
.restaurant-menu .tabs-icon .owl-item.actived .item,
.restaurant-menu .tabs-icon .item.active {
    color: #fff;
    position: relative;
    background: transparent;
    padding: 15px;
    border: 1px solid #aa8453;
}
.restaurant-menu .tabs-icon .owl-item.actived .item .icon,
.restaurant-menu .tabs-icon .item.active .icon {
    color: #aa8453;
}
.restaurant-menu .restaurant-menu-content .cont {
    display: none;
}
.restaurant-menu .restaurant-menu-content .cont .restaurant-menu-info {
    text-align: right;
}
.restaurant-menu .restaurant-menu-content .cont h5 {
    font-size: 20px;
    color: #aa8453;
    margin-bottom: 10px;
    text-align: left;
    border-bottom: 1px dashed #aa8453;
    line-height: 2em;
}
.restaurant-menu .restaurant-menu-content .cont p {
    font-size: 15px;
    color: #adadad;
}
.restaurant-menu .restaurant-menu-content .cont h5 .price {
    color: #adadad;
    float: right;
}
.restaurant-menu .restaurant-menu-content .active {
    display: block;
}
.restaurant-menu .owl-theme .owl-nav [class*=owl-] {
    top: 18%;
}
.restaurant-menu .owl-carousel .owl-nav .owl-next {
    right: -50px;
}
.restaurant-menu .owl-carousel .owl-nav .owl-prev {
    left: -50px;
}
.restaurant-menu .owl-carousel .owl-nav .owl-prev {
    left: -60px;
}
.restaurant-menu .owl-carousel .owl-nav .owl-next {
    right: -60px;
}
.restaurant-menu .restaurant-menu-content .cont .restaurant-menu-info {
    text-align: center;
    margin-bottom: 20px;
}


/* ======= Clients style ======= */
.clients {
    background-color: #fff;
}
.clients .owl-carousel {
    margin: 20px 0;
}
.clients .clients-logo {
    opacity: 1;
    line-height: 0;
}
.clients .clients-logo:hover {
    opacity: 1;
}
.clients img {
    -webkit-filter: none;
    filter: none;
}
.clients img:hover {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-transition: all .5s;
    transition: all .5s;
}


/* ======= Gallery style ======= */
.gallery-item {
    position: relative;
    padding-top: 20px;
}
.gallery-box {
    overflow: hidden;
    position: relative;
}
.gallery-box .gallery-img {
    position: relative;
    overflow: hidden;
}
.gallery-box .gallery-img:after {
    content: " ";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 0px;
    transition: all 0.27s cubic-bezier(0.3, 0.1, 0.58, 1);
}
.gallery-box .gallery-img > img {
    transition: all 0.3s cubic-bezier(0.3, 0.1, 0.58, 1);
    border-radius: 0;
}
.gallery-box .gallery-detail {
    opacity: 0;
    color: #FFF;
    width: 100%;
    padding: 20px;
    box-sizing: border-box;
    position: absolute;
    left: 0;
    overflow: hidden;
    transition: all 0.27s cubic-bezier(0.3, 0.1, 0.58, 1);
}
.gallery-box .gallery-detail h4 {
    font-size: 18px;
}
.gallery-box .gallery-detail p {
    color: Rgba(0, 0, 0, 0.4);
    font-size: 14px;
}
.gallery-box .gallery-detail i {
    color: #222;
    padding: 8px;
}
.gallery-box .gallery-detail i:hover {
    color: #222;
}
.gallery-box:hover .gallery-detail {
    top: 50%;
    transform: translate(0, -50%);
    opacity: 1;
}
.gallery-box:hover .gallery-img:after {
    background: rgba(0,0,0, 0.2);
}
.gallery-box:hover .gallery-img > img {
    transform: scale(1.05);
}
/* magnific popup custom */
.mfp-figure button {
    border: 0px solid transparent;
}
button.mfp-close,
button.mfp-arrow {
    border: 0px solid transparent;
    background: transparent;
}


/* ======= Promo Video and Testimonials style ======= */
/* play button */
.vid-area h5 {
    font-size: 27px;
    font-weight: 400;
    color: #fff;
    margin-bottom: 30px;
}
.play-button {
    position: relative;
    margin: auto;
    -webkit-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3);
    z-index: 4;
}
.play-button svg {
    position: absolute;
    width: 100%;
    height: 100%;
}
.circle-fill circle {
    opacity: 1;
    fill: rgba(174, 140, 100, 0.7);
}
.polygon {
    position: absolute;
    width: 100%;
    height: 100%;
    text-align: center;
    line-height: 90px;
    font-size: 35px;
    z-index: 2;
}
.play-button svg.circle-fill {
    z-index: 1;
    stroke-dasharray: 322;
    stroke-dashoffset: 322;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
}
.play-button:hover svg.circle-fill {
    stroke-dashoffset: 38.5;
}
.play-button svg.circle-track {
    z-index: 0;
}
.play-button.color {
    color: #aa8453;
}
.play-button.color .circle-fill circle {
    fill: #aa8453;
}


/* video section */
.video-wrapper {
    min-height: 500px;
}
.video-wrapper .vid {
    position: relative;
    z-index: 8;
}
.video-wrapper .vid .vid-butn:hover .icon {
    color: #fff;
}
.video-wrapper .vid .vid-butn:hover .icon:before {
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
}
.video-wrapper .vid .vid-butn .icon {
    color: #aa8453;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    line-height: 100px;
    text-align: center;
    font-size: 40px;
    position: relative;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.video-wrapper .vid .vid-butn .icon:after {
    content: '';
    position: absolute;
    top: 5px;
    bottom: 5px;
    right: 5px;
    left: 5px;
    border: 1px solid #eee;
    border-radius: 50%;
    z-index: -1;
}
.video-wrapper .vid .vid-butn .icon:before {
    content: '';
    position: absolute;
    top: 5px;
    bottom: 5px;
    right: 5px;
    left: 5px;
    background: transparent;
    border-radius: 50%;
    z-index: -1;
    -webkit-transition: all 0.5s cubic-bezier(1, 0, 0, 1);
    -o-transition: all 0.5s cubic-bezier(1, 0, 0, 1);
    transition: all 0.5s cubic-bezier(1, 0, 0, 1);
}


/* video gallery */
.video-gallery-button {
    position: relative;
    margin: auto;
    -webkit-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3);
    z-index: 4;
    margin-left: 15px;
    float: right;
}
.video-gallery-polygon {
    z-index: 2;
    padding-left: 5px;
    display: inline-block;
    position: absolute;
    bottom: 15px;
    right: 15px;
    background: transparent;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, 0.5);
    color: #fff;
    padding: 7px 6px 7px 8px;
    line-height: 0;
}
.video-gallery-polygon:hover {
    background: #fff;
    border: 1px solid #fff;
    color: #aa8453;
}
/* testimonials style */
.testimonials-box {
    position: relative;
    background: transparent;
    padding: 30px;
    margin-bottom: 90px;
}
.testimonials-box .head-box h6 {
    font-family: 'Barlow Condensed', sans-serif;
    color: #fff;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 6px;
    margin-bottom: 10px;
}
.testimonials-box .head-box h4 {
    font-size: 32px;
    font-weight: 400;
    color: #fff;
    margin-bottom: 10px;
}
.testimonials-box .head-box h4 span {
    color: #222;
}
.line {
    width: 60px;
    border-top: 1px solid rgba(255,255,255,0.2) !important;
    margin-bottom: 10px;
}
.testimonials h5 {
    color: #fff;
    font-size: 24px;
    margin-bottom: 30px;
}
@media screen and (max-width: 991px) {
    .testimonials-box {
        margin-bottom: 90px;
        padding: 35px 20px;
    }
}
.testimonials .item {
    margin-bottom: 30px;
    position: relative;
}
.testimonials .item .quote {
    position: absolute;
    right: 20px;
    top: 90px;
    width: 70px;
    margin: 0 auto 30px;
    opacity: .1;
}
.testimonials .item p {
    color: #fff;
}
.testimonials .item .info {
    text-align: left;
    margin: 30px 0 15px 0;
}
.testimonials .item .info .author-img {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    float: left;
    overflow: hidden;
}
.testimonials .item .info .cont {
    margin-left: 85px;
}
.testimonials .item .info h6 {
    font-size: 15px;
    margin-bottom: 0px;
    padding-top: 0px;
    font-weight: 400;
    font-family: 'Barlow Condensed', sans-serif;
    color: #fff;
    line-height: 1em;
    text-transform: uppercase;
    letter-spacing: 3px;
}
.testimonials .item .info span {
    font-size: 12px;
    color: #fff;
    line-height: 1em;
}
.testimonials .item .info .rate {
    float: right;
}
.testimonials .item .info i {
    color: #222;
    font-size: 6px;
}

@media screen and (max-width: 767px) {
    .testimonials-box {
        padding: 0px;
    }
}


/* ======= Booking style ======= */
.booking-wrapper {
    position: absolute;
    left: 0;
    width: 100%;
    bottom: 5%;
    z-index: 5;
}
.booking2-wrapper {
    position: relative;
    margin-bottom: 40px;
}
.booking-inner {
    position: relative;
    border-radius: 0;
}
.form1 {
    display: block;
    padding: 0;
    position: relative;
}
.form1 label {
    display: none;
}
.form1 .col1 {
    float: left;
    width: 20%;
}
.form1 .col2 {
    float: left;
    width: 14%;
}
.form1 .col3 {
    float: left;
    width: 18%;
}
.form1 .c1 {
    border-right: 1px solid #2b2b2b;
    height: 62px;
    margin-bottom: 15px;
}
.form1 .c2 {
    border-right: 1px solid #2b2b2b;
    height: 62px;
    margin-bottom: 15px;
}
.form1 .c3 {
    border-right: 1px solid #2b2b2b;
    height: 62px;
    margin-bottom: 15px;
}
.form1 .c4 {
    border-right: 1px solid #2b2b2b;
    height: 62px;
    margin-bottom: 15px;
}
.form1 .c5 {
    border-right: 1px solid #2b2b2b;
    height: 62px;
    margin-bottom: 15px;
}
.ui-datepicker .ui-datepicker-header {
    background: #aa8453;
    border: #aa8453;
    color: #fff;
}
.ui-datepicker {
    font-size: 15px;
    color: rgba(255,255,255,0.5);
    background: #222;
    z-index: 100 !important;
    border: 1px solid #2b2b2b;
    border-radius: 0px;
}
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
    border: 1px solid #222;
    background: #2B2B2B;
    color: rgba(255,255,255,0.5);
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
    border: 1px solid #aa8453;
    background: #aa8453;
    font-weight: normal;
    color: #fff;
}
.ui-datepicker .ui-datepicker-prev:after {
    font-size: 10px;
    content: "\e64a";
    font-family: "themify";
    color: #fff;
}
.ui-datepicker .ui-datepicker-next:before {
    font-size: 10px;
    content: "\e649";
    font-family: "themify";
    color: #fff;
    float: right;
}
.ui-datepicker .ui-datepicker-prev:hover,
.ui-datepicker .ui-datepicker-next:hover {
    background: transparent;
    border: 1px solid transparent;
}
.btn-form1-submit {
    display: block;
    padding: 0;
    border: none;
    margin: 0;
    width: 100%;
    background: #aa8453;
    color: #fff;
    font-family: 'Barlow Condensed', sans-serif;
    font-size: 15px;
    text-decoration: none;
    line-height: 62px;
    position: relative;
    cursor: pointer;
    transition: all 0.3s ease-out;
    letter-spacing: 3px;
    text-transform: uppercase;
}
.btn-form1-submit:hover {
    background: #222;
}
.btn-form1-submit:focus {
    outline: none;
}
.btn-form1-submit:after {
    content: '';
    display: block;
    width: 1px;
    height: 100%;
    position: absolute;
    left: 100%;
    top: 0;
    background: inherit;
}
.input1_inner {
    position: relative;
    position: relative;
}
.input1_inner:after {
    content: '';
    display: block;
    position: absolute;
    right: 20px;
    top: 23px;
    pointer-events: none;
    content: "\e6b6";
    font-family: "themify";
    font-size: 15px;
    color: #aa8453;
    line-height: 1;
}
.input1_inner input {
    display: block;
    width: 100%;
    font-size: 15px;
    color: rgba(255,255,255,0.5);
    padding: 19.5px 40px 20px 19.5px;
    background: #222;
    border: none;
    box-shadow: none;
    border-radius: 0;
}
.input1_inner input::placeholder {
    font-size: 15px;
    color: rgba(255,255,255,0.5); !important;
}
.input1_inner input:focus {
    outline: none;
    box-shadow: none;
    background: #222;
    color: rgba(255,255,255,0.5); !important;
}
.select1_wrapper {
    margin-bottom: 0;
}
.select1_inner {
    position: relative;
}
.select1_inner:after {
    content: '';
    display: block;
    position: absolute;
    right: 20px;
    top: 25px;
    pointer-events: none;
    content: "\e64b";
    font-family: "themify";
    font-size: 10px;
    color: #aa8453;
    font-weight: normal;
    line-height: 15px;
}
.select2 {
    width: 100%;
    background: #222;
    margin-bottom: 15px;
    border: 1px solid transparent;
}
.select2 *:focus {
    outline: none !important;
}
.select2-container--default .select2-results > .select2-results__options {
    max-height: 500px;
}
.select2-container--default .select2-selection--single {
    background: none;
    border-radius: 0;
    border: none;
    height: auto;
}
.selection {
    display: inline-flex;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    font-size: 15px;
    line-height: 28px;
    padding: 16px 49px 16px 20px;
    color: rgba(255,255,255,0.5);
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    display: none;
}
.select2-dropdown {
    background: none;
    border-radius: 0;
    z-index: 100;
    min-width: 0px;
    border: none;
}
.select2-container--open .select2-dropdown--above {
    border-bottom: 1px solid #2b2b2b;
}
.select2-container--open .select2-dropdown--below {
    border-top: 1px solid #2b2b2b;
}
.select2-results__option {
    padding: 10px 30px;
    background: #222;
    font-size: 15px;
    line-height: 20px;
    color: rgba(255,255,255,0.5);
    border-top: 1px solid #2b2b2b;
    text-align: center;
}
.select2-results__option:first-child {
    border-top: none;
}
.small .select2-results__option {
    padding-left: 0;
}
.select2-container--default .select2-results__option[aria-selected=true] {
    background: #aa8453;
    color: #fff;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background: #aa8453;
    color: #fff;
}
/* responsive */
@media (max-width: 1259.98px) {
    .booking2-wrapper {
        margin-bottom: 30px;
    }
}
@media (max-width: 991.98px) {
    .booking2-wrapper {
        margin-bottom: 40px;
    }
    .form1 .col1 {
        width: 50%;
        border-bottom: 1px solid #2b2b2b;
    }
    .form1 .c2 {
        border-right: none;
    }
    .form1 .col2 {
        width: 25%;
    }
    .form1 .col3 {
        width: 25%;
    }
    
     .booking-wrapper {
        position: relative;
        bottom: auto;
        padding: 30px 0;
        background: #1b1b1b;
    }
}
@media (max-width: 767.98px) {
    .form1 .col1 {
        width: 100%;
        border-right: 0;
        border-bottom: 1px solid #2b2b2b;
    }
    .form1 .col2 {
        width: 100%;
        border-right: 0;
        border-bottom: 1px solid #2b2b2b;
    }
    .form1 .col3 {
        width: 100%;
        border-right: 0;
    }
    .btn-form1-submit:after {
        background: none;
    }
   
}
/* booking form */
.booking-box {
    position: relative;
    background: #1b1b1b;
    padding: 45px;
    margin-bottom: -75px;
}
.booking-box .head-box h6 {
    font-size: 15px;
    font-family: 'Barlow Condensed', sans-serif;
    font-weight: 400;
    color: #aa8453;
    text-transform: uppercase;
    position: relative;
    letter-spacing: 6px;
    margin-bottom: 10px;
}
.booking-box .head-box h4 {
    font-family: 'Gilda Display', serif;
    font-size: 27px;
    font-weight: 400;
    color: #fff;
    border-bottom: 1px solid #2b2b2b;
    padding-bottom: 15px;
    letter-spacing: 0;
    text-transform: none;
    margin-top: 0;
}
.booking-box .head-box h4 span {
    color: #222;
}
@media screen and (max-width: 991px) {
    .booking-box {
        margin-bottom: 90px;
        padding: 35px 20px;
    }
}


/* ======= Pricing style ======= */
.pricing-card {
    background-color: #2b2b2b;
    margin-bottom: 30px;
}
.pricing-card .desc {
    padding: 40px;
} 
.pricing-card .name {
    line-height: 1;
    margin: 0;
    font-family: 'Gilda Display', serif;
    font-size: 24px;
    color: #fff;
    margin-bottom: 20px;
}
.pricing-card .subname {
    line-height: 1;
    margin: 0;
    font-size: 12px;
    text-transform: uppercase;
    color: rgba(255,255,255,0.5);
    margin-bottom: 20px;
    letter-spacing: 3px;
}
.pricing-card .amount {
  margin: 0;
  line-height: 1;
 font-family: 'Gilda Display', serif;
  font-size: 40px;
  margin-bottom: 20px;
    color: #aa8453;
}
.pricing-card .amount span {
    font-family: 'Barlow', sans-serif;
    font-size: 15px;
    color: rgba(255,255,255,0.5);
}
.pricing-card .list {
    text-align: left;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0px;
}
.pricing-card .list li {
  position: relative;
    font-size: 15px;
    padding-left: 30px;
}
.pricing-card .list li+li {
  margin-top: 5px;
}
.pricing-card .list li i {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    font-size: 15px;
    color: #aa8453;
}
.pricing-card .list li i.unavailable {
  color: rgba(255,255,255,0.5);
}

/* ======= Careers style ======= */
.position {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: -1px;
    padding: 40px 45px 40px 50px;
    -webkit-transition: background-color .3s;
    transition: background-color .3s;
    border-top: 1px solid #2b2b2b;
    border-bottom: 1px solid #2b2b2b;
    background-color: transparent;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.position-link {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}
.position-title {
    font-family: 'Gilda Display', serif;
    font-size: 24px;
    font-weight: 400;
    position: relative;
    -webkit-transition: color .3s;
    transition: color .3s;
    -webkit-flex-basis: 30%;
    -ms-flex-preferred-size: 30%;
    flex-basis: 30%;
    color: #fff;
}
.position-title span {
    font-family: 'Barlow', sans-serif;
    color: rgba(255,255,255,0.5);
    font-size: 15px;
    display: block;
    text-transform: none;
    letter-spacing: 0px;
}
.position-location {
    font-family: 'Barlow', sans-serif;
    font-size: 15px;
    -webkit-transition: color .3s;
    transition: color .3s;
    -webkit-flex-basis: 40%;
    -ms-flex-preferred-size: 40%;
    flex-basis: 40%;
    color: rgba(255,255,255,0.5);
}
.position-location span {
    font-family: 'Barlow', sans-serif;
    font-size: 15px;
    color: #fff;
    display: block;
    text-transform: none;
    letter-spacing: 0px;
}
.position-time {
    font-weight: 400;
    -webkit-transition: color .3s;
    transition: color .3s;
    color: #fff;
}
.position-time span {
    font-family: 'Barlow', sans-serif;
    color: rgba(255,255,255,0.5);
    display: block;
    text-transform: none;
    letter-spacing: 0px;
}
.position-icon {
    font-size: 15px;
    line-height: 1;
    color: #aa8453;
}
.position-icon i {
    display: inline-block
}
/* hover */
.position:hover {
    background-color: #aa8453;
}
.position:hover .position-title,
.position:hover .position-title span,
.position:hover .position-location,
.position:hover .position-location span,
.position:hover .position-time,
.position:hover .position-time span,
.position:hover .position-icon {
    color: #fff;
}
@media only screen and (max-width:991px) {
    .position {
        flex-direction: column;
        -webkit-box-pack: initial;
        -webkit-justify-content: initial;
        -ms-flex-pack: initial;
        justify-content: initial;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start
    }
    .position-title {
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%
    }
    .position-location {
        margin-top: 15px;
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%
    }
    .position-time {
        margin-top: 15px;
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%
    }
    .position-icon {
        display: none
    }
}



/* ======= Accordion Box (for Faqs) style ======= */
.accordion-box {
  position: relative;
    padding: 0;
}
.accordion-box .block {
  position: relative;
  background: #2b2b2b;
  border-radius: 0px;
  overflow: hidden;
  margin-bottom: 15px;
}
.accordion-box .block.active-block {
  background-color: #2b2b2b;
}
.accordion-box .block:last-child {
  margin-bottom: 0;
}
.accordion-box .block .acc-btn {
    position: relative;
    font-size: 20px;
    line-height: 27px;
    font-weight: 400;
    cursor: pointer;
    padding: 20px 40px;
    padding-right: 60px;
    color: #fff;
    transition: all 500ms ease;
    font-family: 'Gilda Display', serif;;
}
.accordion-box .block .acc-btn .count {
  color: #aa8453;
  padding-right: 3px;
}
.accordion-box .block .acc-btn:before {
  position: absolute;
    right: 35px;
    top: 20px;
    height: 30px;
    font-size: 14px;
    font-weight: normal;
    color: #aa8453;
    line-height: 30px;
    content: "\e61a";
    font-family: "Themify";
    transition: all 500ms ease;
}
.accordion-box .block .acc-btn.active {
  background-color: #2b2b2b;
    color: #aa8453;
}
.accordion-box .block .acc-btn.active:before {
  color: "Themify";
  content: "\e622";
}
.accordion-box .block .acc-content {
  position: relative;
  display: none;
}
.accordion-box .block .content {
  position: relative;
    padding: 0px 40px 30px;
    background-color: #2b2b2b;
    color: rgba(255,255,255,0.5);
}
.accordion-box .block .acc-content.current {
  display: block;
}
.accordion-box .block .content .text {
  display: block;
  position: relative;
  top: 0px;
  display: block;
}


/* ======= News style ======= */
.news .item {
    position: relative;
    overflow: hidden;
    margin-bottom: 30px;
}
.news .item:hover img {
    -webkit-filter: none;
    filter: none;
    -webkit-transform: scale(1.09, 1.09);
    transform: scale(1.09, 1.09);
    -webkit-filter: brightness(75%);
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
}
.news .item:hover .con {
    bottom: 0;
}
.news .item img {
    -webkit-transition: all .5s;
    transition: all .5s;
    -webkit-filter: brightness(100%);
}
.news .item .date {
    display: inline-block;
    position: absolute;
    top: 20px;
    left: 20px;
    background: transparent;
    border: 1px solid rgba(255,255,255,0.5);
    color: #fff;
    padding: 5px 10px;
    text-align: center;
}
.news .item .date span {
    font-family: 'Barlow Condensed', sans-serif;
    display: block;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 3px;
    color: #fff;
}
.news .item .date i {
    font-family: 'Barlow Condensed', sans-serif;
    display: block;
    font-size: 24px;
    font-style: normal;
    color: #fff;
}
.news .item .con {
    margin: -155px 20px 90px;
    padding: 20px;
    background-color: #2b2b2b !important;
    border: 1px solid #2b2b2b;
    border-radius: 0;
    overflow: hidden;
    -webkit-transition: .2s cubic-bezier(.3, .58, .55, 1);
    transition: .2s cubic-bezier(.3, .58, .55, 1);
    bottom: -90px;
    position: relative;
}
.news .item .con .category {
    font-family: 'Barlow', sans-serif;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 400;
    margin-bottom: 5px;
    letter-spacing: 3px;
}
.news .item .con .category a {
    margin-right: 5px;
    position: relative;
    color: #aa8453;
}
.news .item .con .category a:hover {
    color: #aa8453;
}
.news .item .con .category a:last-child {
    margin-right: 0;
}
.news .item .con .category a:last-child:after {
    display: none;
}
.news .item .con h5,
.news .item .con h5 a {
    color: #fff;
    font-size: 24px;
    font-family: 'Gilda Display', serif;;
    font-weight: 400;
    margin-bottom: 0px;
}
.news .item .con h5:hover,
.news .item .con h5 a:hover {
    color: #fff;
}
.news .item .con p {
    color: #fff;
    font-size: 17px;
}
.news .item .con i {
    color: #fff;
    font-size: 20px;
}


/* ======= News 2 style ======= */
.news2 .item {
    margin-bottom: 30px;
}
.news2 .post-img {
    position: relative;
    overflow: hidden;
}
.news2 .post-img:hover img {
    -webkit-filter: none;
    filter: none;
    -webkit-transform: scale(1.05, 1.05);
    transform: scale(1.05, 1.05);
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
}
.news2 .post-img a {
    display: block;
}
.news2 .post-img img {
    -webkit-transition: all .5s;
    transition: all .5s;
}

.news2 .post-img .date {
    display: inline-block;
    position: absolute;
    bottom: 20px;
    left: 20px;
    background: transparent;
    border: 1px solid rgba(255,255,255,0.5);
    color: #fff;
    padding: 5px 10px;
    text-align: center;
}
.news2 .post-img .date span {
    font-family: 'Barlow Condensed', sans-serif;
    display: block;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 3px;
    color: #fff;
}
.news2 .post-img .date i {
    font-family: 'Barlow Condensed', sans-serif;
    display: block;
    font-size: 24px;
    font-style: normal;
    color: #fff;
}

.news2 .post-cont {
    padding: 30px 0;
}
.news2 .post-cont .tag {
    display: block;
    font-weight: 400;
	font-size: 12px;
    letter-spacing: 3px;
    color: #aa8453;
    font-family: 'Barlow', sans-serif;
    text-transform: uppercase;
	margin-bottom: 5px;
}
.news2 .post-cont h5 {
    font-size: 30px;
}
.news2 .post-cont h5 a {
    color: #fff;
}
.news2 .post-cont h5 a:hover {
    color: #fff;
}
.news2 .post-cont .date {
    font-family: 'Barlow', sans-serif;
    margin-top: 0px;
    font-size: 12px;
    text-align: right;
	letter-spacing: 3px;
	text-transform: uppercase;
	margin-bottom: 5px;
}
.news2 .post-cont .date a {
    color: #aa8453;
}
.news2 .post-cont i {
    color: #ccc;
	margin: 0 10px;
	font-size: 12px;
}
/* news sidebar */
.news2-sidebar .widget {
    background: #222;
    padding: 30px;
    margin-bottom: 30px;
    overflow: hidden;
}
.news2-sidebar .widget ul {
    margin-bottom: 0;
    padding: 0;
}
.news2-sidebar .widget ul li {
    margin-bottom: 15px;
    color: rgba(255,255,255,0.5);
    font-size: 15px;
    line-height: 1.5em;
}
.news2-sidebar .widget ul li a {
    color: rgba(255,255,255,0.5);
}
.news2-sidebar .widget ul li a.active {
    color: #aa8453;
}
.news2-sidebar .widget ul li a:hover {
    color: #aa8453;
}
.news2-sidebar .widget ul li:last-child {
    margin-bottom: 0;
}
.news2-sidebar .widget ul li i {
    font-size: 9px;
    margin-right: 10px;
}
.news2-sidebar .widget .recent li {
    display: block;
    overflow: hidden;
}
.news2-sidebar .widget .recent .thum {
    width: 90px;
    overflow: hidden;
    float: left;
}
.news2-sidebar .widget .recent a {
    display: block;
    margin-left: 105px;
}
.news2-sidebar .widget-title {
    margin-bottom: 20px;
}
.news2-sidebar .widget-title h6 {
    padding-bottom: 5px;
    border-bottom: 1px solid #333;
    font-size: 24px;
    line-height: 1.75em;
    margin-bottom: 15px;
    color: #fff;
}
.news2-sidebar .search form {
    position: relative;
}
.news2-sidebar .search form input {
    width: 100%;
    padding: 10px;
    border: 0;
    background: #1b1b1b;
	margin-bottom: 0;
}
.news2-sidebar .search form button {
    position: absolute;
    right: 0;
    top: 0;
    background-color: transparent;
    color: #aa8453;
    border: 0;
    padding: 10px;
    cursor: pointer;
}
.news2-sidebar .tags li {
    margin: 3px !important;
    padding: 8px 20px;
    background-color: transparent;
    border: 1px solid #333;
    color: rgba(255,255,255,0.5) !important;
    float: left;
}
.news2-sidebar ul.tags li a {
    font-size: 14px;
    color: rgba(255,255,255,0.5);
}
.news2-sidebar ul.tags li:hover,
.news2-sidebar ul.tags li a:hover {
    background-color: #aa8453;
    color: #fff;
}
/* pagination */
.news-pagination-wrap {
    padding: 0;
    margin: 0;
    text-align: center;
}
.news-pagination-wrap li {
    display: inline-block;
    margin: 0 5px;
}
.news-pagination-wrap li a {
    background: transparent;
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 37px;
    text-align: center;
    color: rgba(255,255,255,0.5);
    font-weight: 400;
    border: 1px solid rgba(102,102,102,0.1);
    font-family: 'Barlow', sans-serif;
    font-size: 16px;
    border-radius: 100%;
}
.news-pagination-wrap li a i {
    font-size: 11px;
}
.news-pagination-wrap li a:hover {
    opacity: 1;
    text-decoration: none;
    background: transparent;
    border: 1px solid #aa8453;
    color: #aa8453;
}
.news-pagination-wrap li a.active {
    background-color: transparent;
    border: 1px solid #aa8453;
    color: #aa8453;
}
@media screen and (max-width: 768px) {
    .news-pagination-wrap {
        padding: 0;
        margin: 0;
        text-align: center;
    }
}


/* ======= Post style ======= */
.news-post-section {
    padding-top: 120px;
}
.post-comment-section {
    margin-top: 60px;
}
.post-comment-section h3 {
    font-size: 20px;
    color: #fff;
    font-family: 'Gilda Display', serif;
    margin-bottom: 15px;
}
.post-comment-section h3 span {
    font-family: 'Barlow', sans-serif;
    font-size: 12px;
    color: rgba(255,255,255,0.5);
    margin-left: 15px;
}
.news-post-caption h1 {
    margin-bottom: 20px;
    font-size: 40px;
    text-transform: uppercase;
}
.news-post-comment-wrap {
    display: flex;
    margin-bottom: 60px;
}
.post-user-comment {
    margin-right: 20px;
    flex: 0 0 auto;
}
.post-user-comment img {
    border-radius: 100%;
    width: 100px;
}
.post-user-content {
    margin-right: 26px;
}
.post-repay {
    font-size: 14px;
    color: #aa8453;
    margin: 0;
    font-weight: 400;
}


/* ======= Contact style ======= */
.contact h3 {
    font-size: 24px;
    color: #fff;
}
.map {	
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	}


/* ======= Buttons style ======= */
/* dark */
.butn-dark {
    position: relative;
    line-height: 1.2em;
}
.butn-dark a {
    font-weight: 400;
    font-family: 'Barlow Condensed', sans-serif;
    text-transform: uppercase;
    background: #aa8453;
    color: #fff;
    padding: 13px 22px;
    margin: 0;
    position: relative;
    font-size: 15px;
    letter-spacing: 3px;
}
.butn-dark a:after {
    content: '';
    width: 0;
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 100%;
    z-index: 1;
    background: #3b3b3b;
    color: #fff;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.butn-dark a span {
    position: relative;
    z-index: 2;
}
.butn-dark a:hover:after {
    width: 100%;
    left: 0;
    -webkit-transition: width 0.3s ease;
    transition: width 0.3s ease;
}
.butn-dark a:hover span {
    color: #fff;
}
/* light */
.butn-light {
    position: relative;
    line-height: 1.2em;
}
.butn-light a {
    font-weight: 400;
    font-family: 'Barlow Condensed', sans-serif;
    text-transform: uppercase;
    background: transparent;
    color: #fff;
    padding: 12px 20px;
    margin: 0;
    position: relative;
    font-size: 15px;
    letter-spacing: 3px;
    border: 1px solid rgba(255,255,255,0.5);
}
.butn-light a:after {
    content: '';
    width: 0;
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 100%;
    z-index: 1;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    background: #fff;
}
.butn-light a span {
    position: relative;
    z-index: 2;
}
.butn-light a:hover:after {
    width: 100%;
    left: 0;
    -webkit-transition: width 0.3s ease;
    transition: width 0.3s ease;
}
.butn-light a:hover span {
    color: #222;
}


/* dark2 */
.butn-dark2 {
    position: relative;
    line-height: 1.2em;
    font-weight: 400;
    font-family: 'Barlow Condensed', sans-serif;
    text-transform: uppercase;
    background: #ab8a62;
    color: #fff;
    padding: 13px 22px;
    margin: 0;
    position: relative;
    font-size: 15px;
    letter-spacing: 3px;
}
.butn-dark2:after {
    content: '';
    width: 0;
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 100%;
    z-index: 1;
    background: #222;
    color: #fff;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.butn-dark2 span {
    position: relative;
    z-index: 2;
}
.butn-dark2:hover:after {
    width: 100%;
    left: 0;
    -webkit-transition: width 0.3s ease;
    transition: width 0.3s ease;
}
.butn-dark2:hover span {
    color: #fff;
}
/* light2 */
.butn-light2 {
    position: relative;
    line-height: 1.2em;
    font-weight: 400;
    font-family: 'Barlow Condensed', sans-serif;
    text-transform: uppercase;
    background: transparent;
    color: #fff;
    padding: 12px 20px;
    margin: 0;
    position: relative;
    font-size: 15px;
    letter-spacing: 3px;
    border: 1px solid rgba(255,255,255,0.5);
}
.butn-light2:after {
    content: '';
    width: 0;
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 100%;
    z-index: 1;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    background: #fff;
}
.butn-light2 span {
    position: relative;
    z-index: 2;
}
.butn-light2:hover:after {
    width: 100%;
    left: 0;
    -webkit-transition: width 0.3s ease;
    transition: width 0.3s ease;
}
.butn-light2:hover span {
    color: #222;
}


/* ====== Coming Soon ======= */
.comming{
	min-height: 100vh;
	height: auto;
	position: relative;
	background-blend-mode: overlay;
	background: rgba(0,0,0,.4);
	background-image: url("../img/slider/1.jpg");
	background-size: cover;
	background-position: center;
	background-attachment: fixed;
	color: #fff;
}
@media (max-width: 767px){
	.comming{
		min-height: 120vh;
	}
}
.comming .item {
    background: transparent;
    border: 1px solid rgba(255,255,255,0.2);
    padding: 30px 15px;
    margin-bottom: 30px;
}
.comming h6 {
    color: #fff;
    font-size: 15px;
    font-family: 'Barlow Condensed', sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    margin-bottom: 30px;
    letter-spacing: 3px;
}
.comming h3 {
    font-size: 48px;
    color: #fff;
    position: relative;
    text-transform: uppercase;
    letter-spacing: 3px;
    margin-bottom: 0px;
}
.comming h2 {
    font-size: 40px;
    font-weight: 400;
    color: #fff;
    position: relative;
     margin-bottom: 10px;
}
.comming h1 {
    font-size: 200px;
    font-weight: 400;
    margin-bottom: 0px;
    position: relative;
    color: transparent;
    -webkit-text-stroke: 1px #fff;
    opacity: .8;
    line-height: 160px;
}
.comming p {
	color: #fff;
	font-size: 15px;
}
/* coming form */
.comming form {
  margin-top: 30px;
  position: relative;
}
.comming form input {
    width: 100%;
    padding: 11px 50px 11px 11px;
    background-color: transparent;
    border: 1px solid #aa8453;
    border-radius: 0px;
    color: #fff;
    margin-bottom: 15px;
	outline: none;
}
.comming form input::placeholder {
    color: #fff;
}
.comming form button {
    background-color: #aa8453;
    padding: 6px 20px;
    border-radius: 0px;
    color: #fff;
    border: 0;
    position: absolute;
    top: 4px;
    right: 4px;
    cursor: pointer;
    font-family: 'Barlow Condensed', sans-serif;
    font-size: 15px;
    letter-spacing: 3px;
    text-transform: uppercase;
    font-weight: 400;
    outline: none;
}
.comming form button:hover {
  background-color: #222;
  color: #fff;
	outline: none;
}
/* go home */
.go-back{
	margin-top: 45px;
}
.go-back a {
	color: #fff;
	display: inline-block;
    font-family: 'Barlow Condensed', sans-serif;
	font-size: 15px;
    text-transform: uppercase;
	letter-spacing: 3px;
}
.go-back a:hover {
	color: #aa8453;
}
.go-back a span{
	transition: all .5s;
}
.go-back a span i {
	color: #fff;
	font-size: 12px;
}
.go-back a:hover span{
	padding-right: 15px;
}


/* ======= 404 Page style ======= */
.error-form {
  position: relative;
  max-width: 520px;
  margin: 50px auto 0;
}
.error-form form {
  position: relative;
}
.error-form .form-group {
  position: relative;
  margin: 0;
}
.error-form .form-group input[type="text"],
.error-form .form-group input[type="search"],
.error-form .form-group input[type="email"] {
  position: relative;
  width: 100%;
  line-height: 30px;
  padding: 20px 60px 20px 30px;
  height: 70px;
  display: block;
 font-family: 'Barlow', sans-serif;
  font-size: 15px;
  background: #f4f4f4;
  color: rgba(255,255,255,0.5);
  border-radius: 7px;
  border: 1px solid #f4f4f4;
  transition: all 300ms ease;
}
.error-form .form-group input[type="text"]:focus,
.error-form .form-group input[type="email"]:focus,
.error-form .form-group input[type="search"]:focus {
  border-color: #f4f4f4;
}
.error-form .form-group input::-webkit-input-placeholder {
  color: #f4f4f4;
}
.error-form .form-group .theme-btn {
      position: absolute;
    right: 20px;
    top: 10px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 20px;
    background: none;
    color: rgba(255,255,255,0.5);
}
.error-form .form-group .theme-btn span {
  vertical-align: middle;
    outline: none;
}


/* ======= Footer style ======= */
.footer {
  position: relative;
  display: block;
}
.footer-top {
  position: relative;
  display: block;
  background-color: #222;
  padding: 90px 0 60px 0;
  z-index: 1;
}
.footer-top .footer-column {
    margin-bottom: 30px;
}
.footer-title {
  font-size: 24px;
  color: #fff;
  margin-bottom: 20px;
}
.footer-about-text {
  font-size: 15px;
  color: #adadad;
  margin: 0;
}
.footer-about-social-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
      align-items: center;
  margin-top: 20px;
}
.footer-about-social-list a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
      align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
      justify-content: center;
  text-align: center;
  color: #fff;
  font-size: 15px;
  background-color: transparent;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}
.footer-about-social-list a + a {
  margin-left: 15px;
}
.footer-about-social-list a:hover {
  background-color: transparent;
  color: #aa8453;
}
.footer-explore-list li + li {
  margin-top: 3px;
}
.footer-explore-list li a {
  position: relative;
  display: block;
  font-size: 15px;
  color: #adadad;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}
.footer-explore-list li a:hover {
  padding-left: 15px;
  color: #aa8453);
}
.footer-explore-list li a:before {
  position: absolute;
  top: 55%;
  left: 0;
  bottom: 0;
  width: 6px;
  height: 6px;
  content: "";
  background-color: #aa8453;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  opacity: 0;
  border-radius: 50%;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}
.footer-explore-list li a:hover:before {
  opacity: 1;
}
.footer-contact {
  position: relative;
  display: block;
}
.footer-contact .footer-title {
  margin-bottom: 20px;
}
.footer-contact-text {
  font-size: 15px;
  margin: 0;
  color: #adadad;
  padding-bottom: 20px;
}
.footer-contact-info p {
  margin: 0;
}
.footer-contact-phone {
  font-size: 24px;
  color: #fff;
  font-weight: 400;
  display: block;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}
.footer-contact-phone:hover {
  color: #fff;
}
.footer-contact-mail {
  font-size: 15px;
  line-height: 3em;
  color: #fff;
  position: relative;
  display: inline-block;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}
.footer-contact-mail:hover {
  color: #fff;
}
.footer-contact-mail:before {
  position: absolute;
  bottom: 9px;
  left: 0;
  right: 0;
  height: 1px;
  background-color: #aa8453;
  content: "";
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}
.footer-contact-mail:hover:before {
  background-color: #aa8453;
}


/* language */
.footer-language {
    width: 160px;
    display: flex;
    flex-wrap: wrap;
    position: relative;
    margin-top: 30px;
}
.footer-language i {
    position: absolute;
    right: 30px;
    top: 17px;
    font-size: 15px;
    opacity: 0.6;
    color: #adadad;
}
.footer-language select {
    height: 50px;
    background: #282828;
    color: #adadad;
    border: 1px solid #282828;
    border-radius: 0px;
}
.footer-language select option {
    color: #fff;
}
select {
    width: 160px;
    max-width: 100%;
    height: 70px;
    padding: 0 30px;
    border: 1px solid #adadad;
    color: #adadad;
    -webkit-appearance: none;
    -moz-appearance: none;
}


.footer-bottom {
  position: relative;
  display: block;
  background-color: #1b1b1b;
  -webkit-box-shadow: 0px -1px 0px 0px rgba(255, 255, 255, 0.05);
          box-shadow: 0px -1px 0px 0px rgba(255, 255, 255, 0.05);
  padding: 32px 0;
}
.footer-bottom-inner {
  position: relative;
  display: block;
  text-align: center;
}
.footer-bottom-copy-right {
  font-size: 12px;
  color: #adadad;
  margin: 0;
}
.footer-bottom-copy-right a {
  color: #fff;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}
.footer-bottom-copy-right a:hover {
  color: #aa8453;
}


/* ======= toTop Button style ======= */
.progress-wrap {
    position: fixed;
    bottom: 30px;
    right: 30px;
    height: 45px;
    width: 45px;
    cursor: pointer;
    display: block;
    border-radius: 50px;
    -webkit-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2);
    z-index: 100;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
    -webkit-transition: all 400ms linear;
    -o-transition: all 400ms linear;
    transition: all 400ms linear;
}
.progress-wrap.active-progress {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}
.progress-wrap::after {
    position: absolute;
    font-family: 'themify';
    content: '\e648';
    text-align: center;
    line-height: 45px;
    font-size: 12px;
    font-weight: 700;
    color: #323232;
    left: 0;
    top: 0;
    height: 45px;
    width: 45px;
    cursor: pointer;
    display: block;
    z-index: 1;
    -webkit-transition: all 400ms linear;
    -o-transition: all 400ms linear;
    transition: all 400ms linear;
}
.progress-wrap svg path {
    fill: none;
}
.progress-wrap svg.progress-circle path {
    stroke: rgba(0, 0, 0, 0.2);
    stroke-width: 2;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 400ms linear;
    -o-transition: all 400ms linear;
    transition: all 400ms linear;
}
.progress-wrap {
    -webkit-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2);
}
.progress-wrap::after {
    color: #aa8453;
}
.progress-wrap svg.progress-circle path {
    stroke: #aa8453;
}


/* =======  Overlay Effect Bg image style  ======= */
[data-overlay-dark],
[data-overlay-darkgray],
[data-overlay-light] {
  position: relative;
}
[data-overlay-dark] .container,
[data-overlay-darkgray] .container,
[data-overlay-light] .container {
  position: relative;
  z-index: 2;
}
[data-overlay-dark]:before,
[data-overlay-darkgray]:before,
[data-overlay-light]:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
}
[data-overlay-dark]:before {
  background: #000;
}
[data-overlay-darkgray]:before {
  background: #222;
}
[data-overlay-light]:before {
  background: #fff;
}
[data-overlay-dark] h1,
[data-overlay-dark] h2,
[data-overlay-dark] h3,
[data-overlay-dark] h4,
[data-overlay-dark] h5,
[data-overlay-dark] h6,
[data-overlay-dark] span {
  color: #fff;
}
[data-overlay-darkgray] h1,
[data-overlay-darkgray] h2,
[data-overlay-darkgray] h3,
[data-overlay-darkgray] h4,
[data-overlay-darkgray] h5,
[data-overlay-darkgray] h6,
[data-overlay-darkgray] span {
  color: #fff;
}
[data-overlay-light] h1,
[data-overlay-light] h2,
[data-overlay-light] h3,
[data-overlay-light] h4,
[data-overlay-light] h5,
[data-overlay-light] h6,
[data-overlay-light] span {
  color: #999;
}
[data-overlay-dark] p {
  color: #fff;
}
[data-overlay-darkgray] p {
  color: #999;
}
[data-overlay-light] p {
  color: #999;
}
[data-overlay-dark="0"]:before,
[data-overlay-darkgray="0"]:before,
[data-overlay-light="0"]:before {
  opacity: 0;
}
[data-overlay-dark="1"]:before,
[data-overlay-darkgray="1"]:before,
[data-overlay-light="1"]:before {
  opacity: 0.1;
}
[data-overlay-dark="2"]:before,
[data-overlay-darkgray="2"]:before,
[data-overlay-light="2"]:before {
  opacity: 0.2;
}
[data-overlay-dark="3"]:before,
[data-overlay-darkgray="3"]:before,
[data-overlay-light="3"]:before {
  opacity: 0.3;
}
[data-overlay-dark="4"]:before,
[data-overlay-darkgray="4"]:before,
[data-overlay-light="4"]:before {
  opacity: 0.4;
}
[data-overlay-dark="5"]:before,
[data-overlay-darkgray="5"]:before,
[data-overlay-light="5"]:before {
  opacity: 0.5;
}
[data-overlay-dark="6"]:before,
[data-overlay-darkgray="6"]:before,
[data-overlay-light="6"]:before {
  opacity: 0.6;
}
[data-overlay-dark="7"]:before,
[data-overlay-darkgray="7"]:before,
[data-overlay-light="7"]:before {
  opacity: 0.7;
}
[data-overlay-dark="8"]:before,
[data-overlay-darkgray="8"]:before,
[data-overlay-light="8"]:before {
  opacity: 0.8;
}
[data-overlay-dark="9"]:before,
[data-overlay-darkgray="9"]:before,
[data-overlay-light="9"]:before {
  opacity: 0.9;
}
[data-overlay-dark="10"]:before,
[data-overlay-darkgray="10"]:before,
[data-overlay-light="10"]:before {
  opacity: 1;
}


/* ======= Responsive style ======= */
@media (min-width: 1200px) {
    .container {
        max-width: 1140px !important;
    }
}
@media screen and (max-width: 991px) {
    .bg-fixed {
        background-attachment: scroll !important;
    }
    .header {
        background-attachment: scroll !important;
        background-position: 50% 0% !important;
    }
    .header .caption h1 {
        font-size: 40px;
    }
    .video-fullscreen-wrap .booking-box,
    .kenburns-inner .booking-box,
    .banner-header .booking-box {
        display: none;
    }
}
@media screen and (max-width: 767px) {
    .header .caption h1 {
        font-size: 30px;
        margin-bottom: 15px;
        letter-spacing: 10px;
        line-height: 1.35em;
    }
    .header .caption h3 {
    font-size: 30px;
    margin-bottom: 15px;
    letter-spacing: 10px;
    line-height: 1.35em;
    }
    .header .caption h4 {
        font-size: 12px;
    }
    .header .caption p {
        font-size: 15px;
        margin-right: 10px;
    }
    .header .caption .butn-light {
        margin-right: 10px;
    }
    .portfolio .filtering span {
        margin-bottom: 10px;
    }
    .news .item .con h5,
    .news .item .con h5 a {
        font-size: 20px;
    }
    .post-comment-section h3 span {
        margin-left: 0px;
    }
    .banner-header .caption {
    text-align: center;
    }
    .video-fullscreen-wrap .caption.textleft,
    .video-fullscreen-wrap .caption {
        text-align: center;
    }
}

/* === Le LuX — ajustements page /contact (Barlow forcé, formulaire, icônes) === */

/* 1. Superfamille Barlow (amendement S70) : titres en Barlow Condensed
   (comme Cappa nativement), corps en Barlow. Gilda aliasé→Condensed, aucune serif. */
h1,h2,h3,h4,h5,h6,
.banner-header h1,.banner-header h3,.banner-header h5,
.section-title,.section-subtitle,.caption h1,.caption h3,
.contact h3,.footer-title,
.navbar-nav .nav-link,.butn-dark2 span{
  font-family:'Barlow Condensed',sans-serif !important;
}
.reservations .text p{
  font-family:'Barlow',sans-serif !important;
}

/* 2. Tailles bandeau + titres (calibré pour Barlow) */
.banner-header h1{font-size:clamp(2.6rem,6vw,3.6rem);font-weight:400;line-height:1.05;letter-spacing:-.02em;text-transform:uppercase;}
.banner-header h5{font-size:17px;letter-spacing:.25em;text-transform:uppercase;opacity:.85;}
.banner-header h5{color:#c8aa6e;} /* S76 : surtitre de bandeau doré (transverse — toutes pages portées) */
.contact h3{font-size:clamp(1.4rem,1.4vw,1.9rem);font-weight:400;margin-bottom:1.2rem;}
.contact .wa-gold{color:#c8aa6e;}

/* 3. Icône WhatsApp à la bonne taille */
.reservations .icon{display:inline-flex;align-items:center;justify-content:center;}
.reservations .icon i,.reservations .icon i.fa-brands{font-size:34px;line-height:1;}

/* 4. Formulaire : select + tel alignés sur les champs soulignés Cappa */
.lelux-form select,
.lelux-form input[type="tel"]{
  -webkit-appearance:none;-moz-appearance:none;appearance:none;
  max-width:100%;width:100%;margin-bottom:15px;padding:10px 0;height:auto;
  background:transparent;border:0;border-bottom:1px solid #555;border-radius:0;box-shadow:none;
  display:block;line-height:1.5em;font-family:'Barlow',sans-serif;font-size:15px;
  color:rgba(255,255,255,.7);
}
.lelux-form select:focus,
.lelux-form input[type="tel"]:focus{outline:none;border-bottom-color:#c8aa6e;}
.lelux-form select option{background:#1c1c1e;color:#f5f3ef;}

/* === Le LuX — harmonisation champs + tailles /contact (valeurs base Cappa) === */
.lelux-form select,
.lelux-form input[type="tel"]{
  border-bottom:1px solid #333 !important;
  color:rgba(255,255,255,.5) !important;
}
.lelux-form select:focus,
.lelux-form input[type="tel"]:focus{
  border-bottom-color:#aa8453 !important;
}
.contact p,
.contact .rgpd,
.lelux-form input,
.lelux-form select,
.lelux-form textarea{
  font-size:17px;
}

/* === Le LuX — flèche dropdown + messages de retour /contact === */

/* Flèche du select à la couleur du texte des champs */
.lelux-form select{
  background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='rgba(255,255,255,0.5)' d='M6 8L0 0h12z'/%3E%3C/svg%3E");
  background-repeat:no-repeat;
  background-position:right 4px center;
}

/* Succès : encadré sobre, texte clair, doré discret */
.contact-confirmation{
  border:1px solid rgba(170,132,83,.5);
  border-left:3px solid #aa8453;
  background:rgba(170,132,83,.07);
  padding:22px 26px;
  margin-bottom:20px;
}
.contact-confirmation h3{
  color:#c8aa6e !important;
  font-size:clamp(1.3rem,1.4vw,1.6rem);
  margin:0 0 .4rem;
}
.contact-confirmation p{
  color:rgba(255,255,255,.7);
  font-size:17px;
  margin:0;
}

/* Erreur : encadré rouge discret */
.contact-erreur{
  border:1px solid rgba(200,90,90,.45);
  border-left:3px solid #c85a5a;
  background:rgba(200,90,90,.08);
  padding:16px 22px;
  margin-bottom:20px;
}
.contact-erreur p{
  color:#e2a0a0;
  font-size:17px;
  margin:0;
}

/* Erreur sous un champ invalide */
.field-error{
  display:block;
  color:#e2a0a0;
  font-size:13px;
  margin-top:-8px;
  margin-bottom:12px;
}

/* === Le LuX — lien "nous rejoindre" + resserrage colonne contact === */
.contact .col-md-6 > p:first-of-type { margin-bottom: .15rem; }
.contact .col-md-6 > p:nth-of-type(2) { margin-top: 0; margin-bottom: 1.8rem; }
.contact .col-md-6 a { color: #c8aa6e; }
.contact .col-md-6 a:hover { color: #aa8453; }

/* === Le LuX — footer 5 colonnes (rapatrié de style-lelux, S70) === */
.footer-lelux .footer-top{padding:70px 0 40px;}
.footer-lelux .footer-top .row{display:flex;flex-wrap:wrap;}
.footer-lelux .footer-column{margin-bottom:30px;}
.footer-lelux .footer-column h3.footer-title{
  font-family:'Barlow Condensed',sans-serif;
  font-size:14px;letter-spacing:.25em;text-transform:uppercase;
  color:#c8aa6e;margin-bottom:22px;
}
.footer-lelux .footer-column ul.footer-list{list-style:none;padding:0;margin:0;}
.footer-lelux .footer-column ul.footer-list li{margin-bottom:8px;}
.footer-lelux .footer-column ul.footer-list a{
  color:#b8b8b8;font-size:14px;text-decoration:none;transition:color .3s ease;
}
.footer-lelux .footer-column ul.footer-list a:hover{color:#c8aa6e;}
.footer-lelux .footer-tagline{
  color:#b8b8b8;font-size:14px;margin-top:12px;line-height:1.6;font-style:italic;
}
.footer-lelux .footer-language-switch{margin-top:18px;color:#b8b8b8;font-size:13px;}
.footer-lelux .footer-language-switch a{color:#b8b8b8;text-decoration:none;}
.footer-lelux .footer-language-switch a.active{color:#c8aa6e;}
.footer-lelux .footer-legal-bar{
  background:#0d0d0e;padding:18px 0;border-top:1px solid rgba(200,170,110,.15);
}
.footer-lelux .footer-legal-bar .legal-list{
  display:flex;flex-wrap:wrap;gap:6px 18px;list-style:none;padding:0;margin:0;
  justify-content:center;font-size:12px;color:rgba(255,255,255,.45);
}
.footer-lelux .footer-legal-bar .legal-list a{color:rgba(255,255,255,.45);text-decoration:none;}
.footer-lelux .footer-legal-bar .legal-list a:hover{color:#c8aa6e;}
.footer-lelux .footer-mentions{
  text-align:center;color:rgba(255,255,255,.45);font-size:11px;
  margin-top:10px;letter-spacing:.05em;
}

/* === Le LuX — menu mobile : panneau déroulant plein écran (S70) === */
@media (max-width:991px){
  .navbar-collapse{
    max-height:calc(100vh - 70px);
    overflow-y:auto;
    -webkit-overflow-scrolling:touch;
  }
  .navbar-nav .dropdown-menu{
    position:static;float:none;border:0;background:transparent;
  }
}

/* /esprit-du-lux : image services couvre la hauteur de sa colonne (texte long) */
@media (min-width: 768px) {
  .services .row > .col-md-6:not(.bg-darkblack) { display: flex; }
  .services .img { width: 100%; overflow: hidden; }
  .services .img img { width: 100%; height: 100%; object-fit: cover; display: block; }
}

/* === Le LuX — page /la-chambre-de-monsieur-r (S72) === */
.chambre-corps p{margin-bottom:0;font-size:17px;}
.chambre-corps h3{margin-top:34px;margin-bottom:16px;}
.chambre-corps h2{margin-top:44px;}
.chambre-corps .gallery-item{margin-top:30px;margin-bottom:30px;}
.chambre-corps blockquote{margin:0 0 44px;background:rgba(200,170,110,.06);} /* S76 : fond MR unifié (généralisation des « mots de Monsieur R ») */
.chambre-corps blockquote p{font-style:italic;max-width:none;font-size:16px;}
.chambre-corps blockquote:before{content:none;}
.chambre-corps .note-legale{font-size:17px;color:rgba(255,255,255,.65);font-style:italic;} /* S76 : aligné corps 65% (était #9a978f muté) */
.chambre-corps .lelux-form{background:#222;padding:48px 44px;}
.chambre-corps .lelux-form textarea::placeholder{font-style:italic;color:#7e7b74;}
.chambre-corps .lelux-form fieldset{border:0;padding:0;margin:0 0 22px;}
.chambre-corps .lelux-form legend{display:block;font-family:'Barlow',sans-serif;font-size:13px;letter-spacing:.04em;text-transform:uppercase;color:#c8aa6e;margin-bottom:14px;width:auto;}
.chambre-corps .lelux-form fieldset label{display:flex;align-items:flex-start;gap:12px;color:#e7e3da;font-size:16px;margin-bottom:12px;cursor:pointer;}
.chambre-corps .lelux-form fieldset input[type="radio"]{appearance:none;-webkit-appearance:none;flex:0 0 auto;width:18px;height:18px;margin-top:3px;border:1px solid #6a6a6d;border-radius:50%;background:transparent;position:relative;cursor:pointer;}
.chambre-corps .lelux-form fieldset input[type="radio"]:checked{border-color:#c8aa6e;}
.chambre-corps .lelux-form fieldset input[type="radio"]:checked::after{content:"";position:absolute;inset:3px;border-radius:50%;background:#c8aa6e;}
.chambre-corps .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}
.chambre-corps .lelux-form button{display:inline-block;margin-top:24px;margin-bottom:22px;} /* S153 : CTA = .butn-dark2 (calque Réception/Pluralité) */












/* === Le LuX — D732 (S73) : corps blanc 65% + 17px esprit + espace form Chambre === */
.chambre-corps p,
.parrainage-corps p,
.sante-corps p,
.regles-corps p,
.premiere-fois-corps p,
.faq-corps p,
.recevoir-corps p,
.rejoindre-corps p,
.etre-benevole-corps p,
.shooting-corps p,
.signatures-corps p,
.temoignages-corps p,
.etre-informe-corps p:not(.rgpd),
.pluralite-corps p:not(.rgpd),
.photos-videos-corps p,
.mentions-corps p,
.blog-corps p,
.about p,
.services p,
.contact p:not(.rgpd){color:rgba(255,255,255,.65);}
.about p,
.services p{font-size:17px;}
.chambre-corps .lelux-form{margin-top:48px;padding-top:30px;}
.chambre-corps .lelux-form h3{margin-top:0;}

/* === Le LuX — page /parrainage (S73) === */
.parrainage-corps p{margin-bottom:0;font-size:17px;}
.parrainage-corps h2{font-size:1.6rem;margin-top:40px;margin-bottom:14px;}
.parrainage-corps section > h2:first-child{margin-top:0;}
.parrainage-corps section{margin-bottom:56px;}
.parrainage-corps section:last-of-type{margin-bottom:0;}
.parrainage-corps .chapo{margin-bottom:48px;}

/* === Le LuX — page /sante-et-pratiques (S74) === */
.sante-corps p{margin-bottom:0;font-size:17px;}
.sante-corps h2{font-size:1.6rem;margin-top:40px;margin-bottom:14px;}
.sante-corps section > h2:first-child{margin-top:0;}
.sante-corps section{margin-bottom:56px;}
.sante-corps section:last-of-type{margin-bottom:0;}
.sante-corps .chapo{margin-bottom:48px;}
.sante-corps h3{font-size:1.18rem;margin-top:28px;margin-bottom:12px;}
.sante-corps ul{margin:14px 0 18px;padding-left:1.2rem;}
.sante-corps ul li{font-size:17px;color:rgba(255,255,255,.65);margin-bottom:8px;}
.sante-corps p strong,
.sante-corps ul li strong{color:#c8aa6e;}
/* Encart « Le mot de Monsieur R » — filet doré adapté sombre (variante B, S74) — rapatrié de style.css S68 (.mr-note natif, fond ivoire abandonné car illisible sur bg-darkblack) */
.sante-corps .mr-note{margin:28px 0 0;padding:1.15rem 1.5rem;background:rgba(200,170,110,.06);border-left:3px solid #c8aa6e;font-style:italic;}
/* Glyphe décoratif natif Cappa (blockquote::before) conservé mais réglé : pas d'ancrage bas, 70px, non-italique (validation Romain S74) */
.sante-corps .mr-note::before{bottom:auto;font-size:70px;font-style:normal;}
.sante-corps .mr-note p{margin:0;font-size:16px;width:80%;color:rgba(255,255,255,.82);}
.sante-corps .mr-note p:first-child{font-style:normal;font-family:'Barlow Condensed',sans-serif;text-transform:uppercase;letter-spacing:.08em;font-size:.78rem;color:#c8aa6e;margin-bottom:10px;}
.sante-corps .mr-note p:first-child strong{font-weight:500;}

/* === Le LuX — page /regles-et-savoir-vivre (S75) — clone .sante-corps ; pattern .mr-note FIGÉ (D737), convention citation MR (D738) === */
.regles-corps p{margin-bottom:0;font-size:17px;}
.regles-corps h2{font-size:1.6rem;margin-top:40px;margin-bottom:14px;}
.regles-corps section > h2:first-child{margin-top:0;}
.regles-corps section{margin-bottom:56px;}
.regles-corps section:last-of-type{margin-bottom:0;}
.regles-corps .chapo{margin-bottom:48px;}
.regles-corps h3{font-size:1.18rem;margin-top:28px;margin-bottom:12px;}
.regles-corps ul{margin:14px 0 18px;padding-left:1.2rem;}
.regles-corps ul li{font-size:17px;color:rgba(255,255,255,.65);margin-bottom:8px;}
.regles-corps p strong,
.regles-corps ul li strong{color:#c8aa6e;}
.regles-corps .mr-note{margin:28px 0 0;padding:1.15rem 1.5rem;background:rgba(200,170,110,.06);border-left:3px solid #c8aa6e;font-style:italic;}
.regles-corps .mr-note::before{bottom:auto;font-size:70px;font-style:normal;}
.regles-corps .mr-note p{margin:0;font-size:16px;width:80%;color:rgba(255,255,255,.82);}
.regles-corps .mr-note p:first-child{font-style:normal;font-family:'Barlow Condensed',sans-serif;text-transform:uppercase;letter-spacing:.08em;font-size:.78rem;color:#c8aa6e;margin-bottom:10px;}
.regles-corps .mr-note p:first-child strong{font-weight:500;}

/* === Le LuX — page /premiere-fois (S76) — clone .regles-corps ; .mr-note FIGÉ (D737) ; chapô = citation d'ouverture signée Monsieur R (fond MR doré unifié) ; PARTICULARITÉ : liens transverses dans le corps (D532) === */
.premiere-fois-corps p{margin-bottom:0;font-size:17px;}
.premiere-fois-corps h2{font-size:1.6rem;margin-top:40px;margin-bottom:14px;}
.premiere-fois-corps section > h2:first-child{margin-top:0;}
.premiere-fois-corps section{margin-bottom:56px;}
.premiere-fois-corps section:last-of-type{margin-bottom:0;}
.premiere-fois-corps .chapo{margin:0 0 44px;background:rgba(200,170,110,.06);}
.premiere-fois-corps .chapo p{font-style:italic;max-width:none;font-size:16px;}
.premiere-fois-corps .chapo:before{content:none;}
.premiere-fois-corps p strong{color:#c8aa6e;}
.premiere-fois-corps a{color:rgba(255,255,255,.65);text-decoration:underline;text-underline-offset:2px;}
.premiere-fois-corps a:hover{color:#c8aa6e;}
.premiere-fois-corps .mr-note{margin:28px 0 0;padding:1.15rem 1.5rem;background:rgba(200,170,110,.06);border-left:3px solid #c8aa6e;font-style:italic;}
.premiere-fois-corps .mr-note::before{bottom:auto;font-size:70px;font-style:normal;}
.premiere-fois-corps .mr-note p{margin:0;font-size:16px;width:80%;color:rgba(255,255,255,.82);}
.premiere-fois-corps .mr-note p:first-child{font-style:normal;font-family:'Barlow Condensed',sans-serif;text-transform:uppercase;letter-spacing:.08em;font-size:.78rem;color:#c8aa6e;margin-bottom:10px;}
.premiere-fois-corps .mr-note p:first-child strong{font-weight:500;}

/* === Le LuX — page /faq (S77) — clôture cluster C3 ===
   Clone .regles-corps (corps 17px, h2, strong doré) + liens de corps (D532, calque
   .premiere-fois-corps a, 11 liens) + .mr-note FIGÉ (D737, 1 encart Q4.4).
   PARTICULARITÉ : accordéon natif <details>/<summary> ZÉRO JS (D478/D659) habillé
   comme le .accordion-box Cappa (cartes #2b2b2b, titre 20px Condensed, picto +/- doré),
   + auto-fermeture native (attribut name=) + animation CSS (picto + glissement
   ::details-content, dégradation propre en ouverture instantanée si non supporté). */
.faq-corps p{margin-bottom:0;font-size:17px;}
.faq-corps .faq-chapo{margin:0 0 48px;font-size:16px;color:rgba(255,255,255,.7);}
.faq-corps h2{font-size:1.6rem;margin:0 0 18px;}
.faq-corps .faq-group{margin-bottom:56px;}
.faq-corps .faq-group:last-of-type{margin-bottom:0;}
/* accordéon — cartes */
.faq-corps details.faq-item{background:#2b2b2b;margin-bottom:15px;overflow:hidden;}
.faq-corps details.faq-item:last-of-type{margin-bottom:0;}
.faq-corps summary{list-style:none;cursor:pointer;position:relative;padding:20px 60px 20px 40px;font-family:'Barlow Condensed',sans-serif;font-size:20px;line-height:27px;font-weight:400;color:#fff;transition:color .3s ease;}
.faq-corps summary::-webkit-details-marker{display:none;}
/* picto +/- en 2 barres CSS, animé (la barre verticale pivote) */
.faq-corps summary::before,
.faq-corps summary::after{content:'';position:absolute;right:36px;top:50%;width:14px;height:2px;background:#c8aa6e;transition:transform .3s ease;}
.faq-corps summary::before{transform:translateY(-50%);}
.faq-corps summary::after{transform:translateY(-50%) rotate(90deg);}
.faq-corps details[open] > summary::after{transform:translateY(-50%) rotate(0deg);}
.faq-corps summary:hover{color:#c8aa6e;}
.faq-corps details[open] > summary{color:#c8aa6e;}
/* animation d'ouverture/fermeture du contenu (CSS moderne, zéro JS) */
@supports (interpolate-size: allow-keywords){:root{interpolate-size: allow-keywords;}}
.faq-corps details.faq-item::details-content{block-size:0;overflow:hidden;transition:block-size .3s ease, content-visibility .3s allow-discrete;}
.faq-corps details.faq-item[open]::details-content{block-size:auto;}
.faq-corps .faq-answer{padding:0 40px 30px;}
.faq-corps .faq-answer p{margin-bottom:14px;}
.faq-corps .faq-answer p:last-child{margin-bottom:0;}
.faq-corps .faq-answer ul{margin:6px 0 14px;padding-left:1.2rem;}
.faq-corps .faq-answer ul li{font-size:17px;color:rgba(255,255,255,.65);margin-bottom:8px;list-style:disc;}
.faq-corps .faq-answer p strong,.faq-corps .faq-answer ul li strong{color:#c8aa6e;}
/* liens transverses de corps (D532, calque .premiere-fois-corps a) */
.faq-corps a{color:rgba(255,255,255,.65);text-decoration:underline;text-underline-offset:2px;}
.faq-corps a:hover{color:#c8aa6e;}
/* encart mr-note FIGÉ (D737) — clone .regles-corps */
.faq-corps .mr-note{margin:22px 0 4px;padding:1.15rem 1.5rem;background:rgba(200,170,110,.06);border-left:3px solid #c8aa6e;font-style:italic;}
.faq-corps .mr-note::before{bottom:auto;font-size:70px;font-style:normal;}
.faq-corps .mr-note p{margin:0;font-size:16px;width:80%;color:rgba(255,255,255,.82);}
.faq-corps .mr-note p:first-child{font-style:normal;font-family:'Barlow Condensed',sans-serif;text-transform:uppercase;letter-spacing:.08em;font-size:.78rem;color:#c8aa6e;margin-bottom:10px;}
.faq-corps .mr-note p:first-child strong{font-weight:500;}

/* === Le LuX — page /recevoir-au-lux (S78) — clone .parrainage-corps (prose pure, 0 mr-note, 0 lien transverse) ===
   PARTICULARITÉ : 1ʳᵉ page CTA WhatsApp. Le CTA réutilise le composant bouton natif Cappa
   (.butn-dark/.butn-light, structure <div><a><span>…</span></a></div> + remplissage glissant ::after)
   habillé en doré LeLux via override scopé .recevoir-corps .butn-gold (#c8aa6e ≠ #aa8453 démo,
   calque du .butn-gold du home). Lien wa.me/${waDigits} préformaté côté renderer (dégradation propre
   si env absent). Pas de rapatriement du .wa custom de style.css (variables --lelux-* absentes de cappa.css). */
.recevoir-corps p{margin-bottom:0;font-size:17px;}
.recevoir-corps h2{font-size:1.6rem;margin-top:40px;margin-bottom:14px;}
.recevoir-corps section > h2:first-child{margin-top:0;}
.recevoir-corps section{margin-bottom:56px;}
.recevoir-corps section:last-of-type{margin-bottom:0;}
.recevoir-corps .chapo{margin-bottom:48px;}
.recevoir-corps p strong{color:#c8aa6e;}
/* CTA WhatsApp — bouton Cappa natif (calque .butn-dark) habillé doré LeLux : remplissage sombre glissant au survol, texte → doré */
.recevoir-corps .butn-gold{position:relative;line-height:1.2em;display:inline-block;margin-top:32px;}
.recevoir-corps .butn-gold a{display:inline-block;font-weight:400;font-family:'Barlow Condensed',sans-serif;text-transform:uppercase;background:#c8aa6e;color:#1c1c1e;padding:13px 26px;position:relative;font-size:15px;letter-spacing:3px;text-decoration:none;overflow:hidden;}
.recevoir-corps .butn-gold a:after{content:'';width:0;height:100%;position:absolute;bottom:0;left:100%;z-index:1;background:#1b1b1b;transition:all .3s ease;}
.recevoir-corps .butn-gold a span{position:relative;z-index:2;}
.recevoir-corps .butn-gold a:hover:after{width:100%;left:0;transition:width .3s ease;}
.recevoir-corps .butn-gold a:hover span{color:#c8aa6e;}
/* S153 (C5) : formulaire Réception — habillage calque form Chambre (.chambre-corps .lelux-form) ; labels
   masqués (sr-only, sinon doublon avec les placeholders) ; bouton = .butn-dark2 (calque Pluralité). */
.recevoir-corps .lelux-form{background:#222;padding:48px 44px;margin-top:48px;}
.recevoir-corps .lelux-form h3{margin-top:0;}
.recevoir-corps .lelux-form textarea::placeholder,
.recevoir-corps .lelux-form input::placeholder{font-style:italic;color:#7e7b74;}
.recevoir-corps .lelux-form button{display:inline-block;margin-top:24px;margin-bottom:22px;}
.recevoir-corps .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}
/* S153 : CTA « Voir le calendrier » de /evenements = calque du CTA « Nos évènements » de la home (.butn-light centré) */
.evenements-cta{text-align:center;margin-top:40px;}
/* S153 : autofill navigateur (Chrome/Safari) — neutralise le fond jaune sur fond sombre (tous les .lelux-form) */
.lelux-form input:-webkit-autofill,
.lelux-form textarea:-webkit-autofill,
.lelux-form select:-webkit-autofill{
  -webkit-text-fill-color:#f5f3ef;
  caret-color:#f5f3ef;
  transition:background-color 600000s 0s, color 600000s 0s;
}

/* === Le LuX — page /rejoindre-le-lux (S79) — clone .recevoir-corps ; DOUBLE MOTIF : CTA WhatsApp .butn-gold FIGÉ (D753, prefill ?text=) + encart .mr-note FIGÉ (D737, clone .premiere-fois-corps) === */
.rejoindre-corps p{margin-bottom:0;font-size:17px;}
.rejoindre-corps h2{font-size:1.6rem;margin-top:40px;margin-bottom:14px;}
.rejoindre-corps section > h2:first-child{margin-top:0;}
.rejoindre-corps section{margin-bottom:56px;}
.rejoindre-corps section:last-of-type{margin-bottom:0;}
.rejoindre-corps .chapo{margin-bottom:48px;}
.rejoindre-corps p strong{color:#c8aa6e;}
/* encart mr-note FIGÉ (D737) — clone .premiere-fois-corps .mr-note */
.rejoindre-corps .mr-note{margin:28px 0 0;padding:1.15rem 1.5rem;background:rgba(200,170,110,.06);border-left:3px solid #c8aa6e;font-style:italic;}
.rejoindre-corps .mr-note::before{bottom:auto;font-size:70px;font-style:normal;}
.rejoindre-corps .mr-note p{margin:0;font-size:16px;width:80%;color:rgba(255,255,255,.82);}
.rejoindre-corps .mr-note p:first-child{font-style:normal;font-family:'Barlow Condensed',sans-serif;text-transform:uppercase;letter-spacing:.08em;font-size:.78rem;color:#c8aa6e;margin-bottom:10px;}
.rejoindre-corps .mr-note p:first-child strong{font-weight:500;}
/* CTA WhatsApp .butn-gold FIGÉ (D753) — clone .recevoir-corps .butn-gold (#c8aa6e ≠ #aa8453 démo, remplissage glissant, texte → doré au survol) */
/* S150 DR1 — accordeons rejoindre (calque faq, ZERO JS) */
.rejoindre-corps .rejoindre-accordeons{margin:8px 0 28px;}
.rejoindre-corps .rejoindre-acc{background:#2b2b2b;margin-bottom:15px;overflow:hidden;}
.rejoindre-corps .rejoindre-acc summary{list-style:none;cursor:pointer;position:relative;padding:20px 60px 20px 40px;font-family:'Barlow Condensed',sans-serif;font-size:20px;line-height:27px;font-weight:400;color:#fff;transition:color .3s ease;}
.rejoindre-corps .rejoindre-acc summary::-webkit-details-marker{display:none;}
.rejoindre-corps .rejoindre-acc summary::before,
.rejoindre-corps .rejoindre-acc summary::after{content:'';position:absolute;right:36px;top:50%;width:14px;height:2px;background:#c8aa6e;transition:transform .3s ease;}
.rejoindre-corps .rejoindre-acc summary::before{transform:translateY(-50%);}
.rejoindre-corps .rejoindre-acc summary::after{transform:translateY(-50%) rotate(90deg);}
.rejoindre-corps .rejoindre-acc[open] > summary::after{transform:translateY(-50%) rotate(0deg);}
.rejoindre-corps .rejoindre-acc summary:hover,
.rejoindre-corps .rejoindre-acc[open] > summary{color:#c8aa6e;}
.rejoindre-corps .rejoindre-acc-body{padding:0 40px 26px;}
.rejoindre-corps .rejoindre-acc-body p{margin-bottom:14px;}
.rejoindre-corps .rejoindre-acc-body p:last-child{margin-bottom:0;}
.rejoindre-corps .butn-gold{position:relative;line-height:1.2em;display:inline-block;margin-top:32px;}
.rejoindre-corps .butn-gold a{display:inline-block;font-weight:400;font-family:'Barlow Condensed',sans-serif;text-transform:uppercase;background:#c8aa6e;color:#1c1c1e;padding:13px 26px;position:relative;font-size:15px;letter-spacing:3px;text-decoration:none;overflow:hidden;}
.rejoindre-corps .butn-gold a:after{content:'';width:0;height:100%;position:absolute;bottom:0;left:100%;z-index:1;background:#1b1b1b;transition:all .3s ease;}
.rejoindre-corps .butn-gold a span{position:relative;z-index:2;}
.rejoindre-corps .butn-gold a:hover:after{width:100%;left:0;transition:width .3s ease;}
.rejoindre-corps .butn-gold a:hover span{color:#c8aa6e;}

/* === Le LuX — page /etre-benevole (S80) — clone .premiere-fois-corps (corps dense, sections, p strong doré) + .sante-corps ul li (2 listes) ; .mr-note FIGÉ (D737) ; formulaire DIFFÉRÉ → .form-placeholder (note éditoriale, 0 form) === */
.etre-benevole-corps p{font-size:17px;}
.etre-benevole-corps h2{font-size:1.6rem;margin-top:52px;margin-bottom:14px;}
.etre-benevole-corps h3{font-size:1.18rem;margin-top:30px;margin-bottom:12px;}
.etre-benevole-corps p strong{color:#c8aa6e;}
.etre-benevole-corps ul li{font-size:17px;color:rgba(255,255,255,.65);margin-bottom:8px;}
.etre-benevole-corps ul li strong{color:#c8aa6e;}
.etre-benevole-corps .form-placeholder{font-style:italic;color:rgba(255,255,255,.5);}
/* encart mr-note FIGÉ (D737) — clone .premiere-fois-corps .mr-note */
.etre-benevole-corps .mr-note{margin:28px 0 0;padding:1.15rem 1.5rem;background:rgba(200,170,110,.06);border-left:3px solid #c8aa6e;font-style:italic;}
.etre-benevole-corps .mr-note::before{bottom:auto;font-size:70px;font-style:normal;}
.etre-benevole-corps .mr-note p{margin:0;font-size:16px;width:80%;color:rgba(255,255,255,.82);}
.etre-benevole-corps .mr-note p:first-child{font-style:normal;font-family:'Barlow Condensed',sans-serif;text-transform:uppercase;letter-spacing:.08em;font-size:.78rem;color:#c8aa6e;margin-bottom:10px;}
.etre-benevole-corps .mr-note p:first-child strong{font-weight:500;}
/* accordéon 2 volets de parcours (S80) — réutilise le pattern /faq (D750 : <details>/<summary> natif ZÉRO JS, picto +/− CSS, animation ::details-content) ; summary au niveau H2, multi-ouverture (page de contenu, pas Q/R) */
.etre-benevole-corps details.benevole-volet{background:#2b2b2b;margin-top:24px;overflow:hidden;}
.etre-benevole-corps summary{list-style:none;cursor:pointer;position:relative;padding:22px 64px 22px 32px;color:#fff;transition:color .3s ease;}
.etre-benevole-corps summary::-webkit-details-marker{display:none;}
.etre-benevole-corps summary h2{display:inline;margin:0;font-size:1.5rem;font-weight:400;color:inherit;}
.etre-benevole-corps summary::before,
.etre-benevole-corps summary::after{content:'';position:absolute;right:32px;top:50%;width:16px;height:2px;background:#c8aa6e;transition:transform .3s ease;}
.etre-benevole-corps summary::before{transform:translateY(-50%);}
.etre-benevole-corps summary::after{transform:translateY(-50%) rotate(90deg);}
.etre-benevole-corps details[open] > summary::after{transform:translateY(-50%) rotate(0deg);}
.etre-benevole-corps summary:hover{color:#c8aa6e;}
.etre-benevole-corps details[open] > summary{color:#c8aa6e;}
.etre-benevole-corps details.benevole-volet::details-content{block-size:0;overflow:hidden;transition:block-size .3s ease, content-visibility .3s allow-discrete;}
.etre-benevole-corps details.benevole-volet[open]::details-content{block-size:auto;}
.etre-benevole-corps .benevole-volet-corps{padding:2px 32px 28px;}
.etre-benevole-corps .benevole-volet-corps > p:first-child{margin-top:0;}
.etre-benevole-corps .benevole-volet-corps h3{margin-top:24px;}

/* === Le LuX — page /shooting (S81) — clone .recevoir-corps (prose pure, 0 mr-note, 0 CTA, 0 form) ===
   PARTICULARITÉ : 1 renvoi transverse de corps → /photos-videos (D532, calque .premiere-fois-corps a).
   Modèle prose : marge de paragraphe NATIVE 20px (leçon S80 — PAS de p{margin-bottom:0} comme /recevoir/premiere-fois). */
.shooting-corps p{font-size:17px;}
.shooting-corps h2{font-size:1.6rem;margin-top:40px;margin-bottom:14px;}
.shooting-corps section > h2:first-child{margin-top:0;}
.shooting-corps section{margin-bottom:56px;}
.shooting-corps section:last-of-type{margin-bottom:0;}
.shooting-corps .chapo{margin-bottom:48px;}
.shooting-corps .chapo p{margin-bottom:0;}
.shooting-corps p strong{color:#c8aa6e;}
/* Dernière partie (usage strictement personnel) — respiration au-dessus, S93 */
.shooting-corps .shooting-outro{margin-top:36px;}
/* renvoi transverse de corps (D532, calque .premiere-fois-corps a : gris 65% repos → doré au survol, souligné) */
.shooting-corps a{color:rgba(255,255,255,.65);text-decoration:underline;text-underline-offset:2px;}
.shooting-corps a:hover{color:#c8aa6e;}
/* images d'ambiance d'écrin après les sections (S81 — placeholders, AC-81.2 : vraies photos Bunny + Exif + CDC §2 jamais de visage) ; 1-2 par section, côte à côte responsive */
.shooting-gallery{display:flex;gap:16px;flex-wrap:wrap;margin:24px 0 4px;}
.shooting-gallery .shot{flex:1 1 220px;min-width:0;overflow:hidden;}
.shooting-gallery .shot img{width:100%;height:300px;object-fit:cover;display:block;transition:transform 1s ease;}
.shooting-gallery .shot:hover img{transform:scale(1.06);}

/* === Le LuX — page /signatures (S82) — page identitaire des 3 Signatures, 3 Event JSON-LD conservés (D656) ===
   Choix Romain S82 : descriptif de chaque Signature en accordéon <details> ZÉRO JS (clone /etre-benevole D750/D756 : summary niveau H2, multi-ouverture, picto +/− CSS, animation ::details-content) ;
   1 image d'illustration sous chaque accordéon (zoom survol, calque D758) ; <strong> doré ; méta de Signature en 65 % ;
   SANS espacement vertical entre <p> (margin-bottom:0 — divergence assumée du modèle prose natif 20px, demande Romain).
   1 renvoi transverse de corps → /calendrier (D532, calque .premiere-fois-corps a). */
.signatures-corps p{font-size:17px;margin-bottom:0;}
.signatures-corps p strong{color:#c8aa6e;}
/* SANS bandeau (S93, calque /calendrier D805) : H1 en corps + padding navbar absolue */
.signatures-section{padding-top:150px;}
.signatures-corps h1{font-family:'Barlow Condensed',sans-serif;color:#fff;text-transform:uppercase;font-size:clamp(2rem,4vw,2.4rem);line-height:1.06;font-weight:500;margin:0 0 18px;}
/* « Signature(s) » en doré dans le corps (sans gras) — S93 */
.signatures-corps .sig-or{color:#c8aa6e;}
.signatures-corps .chapo{margin-bottom:40px;}
.signatures-corps .signatures-outro{margin-top:48px;}
.signatures-corps .signatures-outro h2{font-size:1.6rem;margin-top:0;margin-bottom:14px;}
/* renvoi transverse de corps (D532, calque .premiere-fois-corps a : gris 65% repos → doré au survol, souligné) */
.signatures-corps a{color:rgba(255,255,255,.65);text-decoration:underline;text-underline-offset:2px;}
.signatures-corps a:hover{color:#c8aa6e;}
/* accordéon par Signature — <details>/<summary> natif ZÉRO JS, summary niveau H2 ; ouverture EXCLUSIVE via name="signature" (pattern /faq D750 : ouvrir un volet ferme le précédent) */
.signatures-corps details.signature-volet{background:#2b2b2b;margin-top:24px;overflow:hidden;}
.signatures-corps summary{list-style:none;cursor:pointer;position:relative;padding:22px 64px 22px 32px;color:#fff;transition:color .3s ease;}
.signatures-corps summary::-webkit-details-marker{display:none;}
.signatures-corps summary h2{display:inline;margin:0;font-family:'Barlow Condensed',sans-serif;font-size:1.5rem;font-weight:400;color:inherit;}
.signatures-corps summary::before,
.signatures-corps summary::after{content:'';position:absolute;right:32px;top:50%;width:16px;height:2px;background:#c8aa6e;transition:transform .3s ease;}
.signatures-corps summary::before{transform:translateY(-50%);}
.signatures-corps summary::after{transform:translateY(-50%) rotate(90deg);}
.signatures-corps details[open] > summary::after{transform:translateY(-50%) rotate(0deg);}
.signatures-corps summary:hover{color:#c8aa6e;}
.signatures-corps details[open] > summary{color:#c8aa6e;}
.signatures-corps details.signature-volet::details-content{block-size:0;overflow:hidden;transition:block-size .3s ease, content-visibility .3s allow-discrete;}
.signatures-corps details.signature-volet[open]::details-content{block-size:auto;}
.signatures-corps .signature-volet-corps{padding:6px 32px 26px;}
.signatures-corps .signature-volet-corps > p:first-child{margin-top:0;}
.signatures-corps .signature-meta{margin-bottom:14px;}
.signatures-corps .signature-meta em{color:rgba(255,255,255,.65);}
/* illustration sous chaque Signature (S82 — placeholders, AC-82.2 hérite AC-26.1 : 1 image/Signature ; vraies images Bunny + Exif + CDC §2 jamais de visage/lieu identifiable) ; zoom au survol (calque D758) */
.signatures-corps .signature-illustration{margin:16px 0 8px;overflow:hidden;}
.signatures-corps .signature-illustration img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block;transition:transform 1s ease;}
.signatures-corps .signature-illustration:hover img{transform:scale(1.06);}

/* === Le LuX — page /temoignages (S83) — portage chrome Cappa, page NOINDEX (D697) ===
   Patron prose (clone .shooting-corps). PARTICULARITÉ : voix de membres en blockquotes habillés
   scopé — JAMAIS l'encart .mr-note (D738 : la convention MR ne vaut pas pour les membres) — + 1 seul
   encart .mr-note FIGÉ « Le mot de Monsieur R » (clôture, §10ter/D495/D521 : seule vraie voix de MR).
   Choix Romain S83 : voix de membres en cartes sobres #222 (filet neutre, glyphe natif neutralisé),
   texte italique + guillemets, <p> resserrés (margin 0), profil/attribution en signature de clôture
   dorée non-grasse (.temoignage-signe). 2 liens de corps : /premiere-fois (D532) + Wyylde (D698). */
.temoignages-corps p{font-size:17px;margin-bottom:0;}
.temoignages-corps h2{font-size:1.6rem;margin-top:40px;margin-bottom:14px;}
.temoignages-corps section > h2:first-child{margin-top:0;}
.temoignages-corps section{margin-bottom:56px;}
.temoignages-corps .chapo{margin-bottom:48px;}
.temoignages-corps .temoignages-outro{margin-top:48px;}
/* renvoi transverse de corps + lien Wyylde (D532/D698, calque .premiere-fois-corps a : gris 65% repos → doré au survol, souligné) */
.temoignages-corps a{color:rgba(255,255,255,.65);text-decoration:underline;text-underline-offset:2px;}
.temoignages-corps a:hover{color:#c8aa6e;}
.temoignages-corps .wyylde{color:#c8aa6e;}
/* voix de membres — blockquotes habillés scopé, JAMAIS .mr-note (D738) : carte sobre, glyphe natif blockquote::before neutralisé (réservé à l'encart MR), corps italique resserré, signature de clôture dorée */
.temoignages-corps blockquote:not(.mr-note){margin:24px 0 0;padding:1.3rem 1.6rem;background:#222;border-left:3px solid rgba(255,255,255,.18);}
.temoignages-corps blockquote:not(.mr-note)::before{content:none;}
.temoignages-corps blockquote:not(.mr-note) p{margin:0;font-style:italic;}
.temoignages-corps blockquote:not(.mr-note) p.temoignage-signe{margin-top:10px;font-size:15px;font-style:normal;color:#c8aa6e;}
/* encart « Le mot de Monsieur R » — .mr-note FIGÉ (D737, clone .premiere-fois-corps) : SEUL bloc doré de la page */
.temoignages-corps .mr-note{margin:32px 0 0;padding:1.15rem 1.5rem;background:rgba(200,170,110,.06);border-left:3px solid #c8aa6e;font-style:italic;}
.temoignages-corps .mr-note::before{bottom:auto;font-size:70px;font-style:normal;}
.temoignages-corps .mr-note p{margin:0;font-size:16px;width:80%;color:rgba(255,255,255,.82);}
.temoignages-corps .mr-note p:first-child{font-style:normal;font-family:'Barlow Condensed',sans-serif;text-transform:uppercase;letter-spacing:.08em;font-size:.78rem;color:#c8aa6e;margin-bottom:10px;}

/* ====================================================================
   Le LuX — /etre-informe (S84, D767-D772) — BUILD NEUF
   Corps prose (calque .recevoir-corps) + form lelux-form e-mail seul
   (calque /contact). États sobres réutilisent .contact-confirmation /
   .contact-erreur / .field-error (classes globales).
   ==================================================================== */
.etre-informe-corps p{font-size:17px;}
.etre-informe-corps section > h2:first-child{margin-top:0;}
.etre-informe-corps h2{font-size:1.6rem;margin-top:0;margin-bottom:18px;}
/* Sous-titres « Par mail » / « Sur Télégram » (Barlow Condensed doré) */
.etre-informe-corps .ei-sub{font-family:'Barlow Condensed',sans-serif;font-weight:500;font-size:1.25rem;letter-spacing:.02em;color:#c8aa6e;margin:0 0 12px;}
.etre-informe-corps .ei-sub-tg{margin-top:44px;}
.etre-informe-corps .lelux-form{background:#222;padding:40px 40px 30px;margin-top:8px;}
.etre-informe-corps .lelux-form input[type="email"]{width:100%;}
.etre-informe-corps .lelux-form button{display:inline-block;margin-top:10px;}
/* Lien de corps (§2ter) : gris 65 % au repos, doré au survol, souligné */
.etre-informe-corps a{color:rgba(255,255,255,.65);text-decoration:underline;}
.etre-informe-corps a:hover{color:#c8aa6e;}
.temoignages-corps .mr-note p:first-child strong{font-weight:500;}

/* === Le LuX — page /pluralite-sur-mesure (S85, D773-D778) — prose en accordéons <details>
   (§10quinquies, ZÉRO JS, multi-ouverture) + formulaire lelux-form COMPACT : choix uniques en
   <select> (demande Romain S85), champs 2 colonnes, 1 grille 2D disponibilités. États sobres :
   .contact-confirmation / .contact-erreur / .field-error.
   CONVENTION (S85, à tenir pour les prochaines pages) : corps SANS marge entre <p>
   (margin-bottom:0, calque /signatures D763 / /temoignages D766). === */
.pluralite-corps p{font-size:17px;margin-bottom:0;}
.pluralite-corps p strong{color:#c8aa6e;}
.pluralite-corps .chapo{margin-bottom:34px;}
.pluralite-corps p.pl-intro{font-size:17px;margin:0 0 16px;color:#c8aa6e;font-style:italic;}

/* Lien de corps (§2ter) */
.pluralite-corps a{color:rgba(255,255,255,.65);text-decoration:underline;}
.pluralite-corps a:hover{color:#c8aa6e;}

/* Accordéons H2 (<details>/<summary>, calque /faq D750, multi-ouverture) */
.pluralite-corps details.pl-section{border-top:1px solid rgba(200,170,110,.22);}
.pluralite-corps details.pl-section:last-of-type{border-bottom:1px solid rgba(200,170,110,.22);}
.pluralite-corps details.pl-section > summary{list-style:none;cursor:pointer;position:relative;padding:20px 40px 20px 0;}
.pluralite-corps details.pl-section > summary::-webkit-details-marker{display:none;}
.pluralite-corps details.pl-section > summary h2{display:inline;font-size:1.5rem;margin:0;}
.pluralite-corps details.pl-section > summary::after{content:"";position:absolute;right:8px;top:50%;width:10px;height:10px;border-right:2px solid #c8aa6e;border-bottom:2px solid #c8aa6e;transform:translateY(-70%) rotate(45deg);transition:transform .2s ease;}
.pluralite-corps details.pl-section[open] > summary::after{transform:translateY(-30%) rotate(225deg);}
.pluralite-corps details.pl-section .pl-section-body{padding:0 0 26px;}
.pluralite-corps details.pl-section .pl-section-body h3{font-size:1.15rem;margin:22px 0 6px;color:#c8aa6e;}

/* Formulaire */
.pluralite-corps .lelux-form{background:#222;padding:34px 34px 28px;margin-top:16px;}
.pluralite-corps .lelux-form input:not([type="checkbox"]):not([type="radio"]),
.pluralite-corps .lelux-form select,
.pluralite-corps .lelux-form textarea{width:100%;}
.pluralite-corps .lelux-form > p{margin:0 0 6px;}

/* Champs date sombres (type non couvert par le style global select/tel) */
.pluralite-corps .lelux-form input[type="date"]{appearance:none;-webkit-appearance:none;background:transparent;border:0;border-bottom:1px solid #555;border-radius:0;color:rgba(255,255,255,.7);padding:10px 0;font-family:'Barlow',sans-serif;}
.pluralite-corps .lelux-form input[type="date"]::-webkit-calendar-picker-indicator{filter:invert(.7);cursor:pointer;}
.pluralite-corps .lelux-form input[type="date"]:focus{outline:none;border-bottom-color:#c8aa6e;}

/* Bloc titré */
.pluralite-corps .lelux-form .pl-bloc{padding:20px 0 0;margin:0 0 16px;border-top:1px solid rgba(255,255,255,.08);}
.pluralite-corps .lelux-form .pl-bloc:first-of-type{border-top:0;padding-top:0;}
.pluralite-corps .lelux-form .pl-bloc-titre{font-family:'Barlow Condensed',sans-serif;text-transform:uppercase;letter-spacing:.06em;font-size:1.15rem;color:#c8aa6e;margin:0 0 12px;}
.pluralite-corps .lelux-form .pl-q{font-size:13px;letter-spacing:.03em;color:#bdb9af;margin:6px 0 4px;}
.pluralite-corps .lelux-form .pl-hint{font-size:17px;color:rgba(255,255,255,.72);font-style:italic;margin:2px 0 12px;} /* S153 : plus de doré sur le texte, seul le gras reste doré */
.pluralite-corps .lelux-form .pl-hint strong{color:#c8aa6e;}
/* Bloc disponibilités en 15px (scopé .pl-dispo — ne touche pas les autres pl-q) — S93 */
.pluralite-corps .lelux-form .pl-dispo .pl-q{font-size:15px;}
.pluralite-corps .pl-dispo .pluralite-grid th{font-size:15px;}

/* Champs « conjoint » : affichés seulement si profil = couple (CSS :has, ZÉRO JS ;
   dégradation sûre = visibles si :has non supporté). */
.pluralite-corps .lelux-form .pl-couple{display:block;}
.pluralite-corps .lelux-form:has(select[name="profil"] option[value="femme"]:checked) .pl-couple{display:none;}

/* 2 colonnes + lignes inline */
.pluralite-corps .lelux-form .pl-row{display:flex;gap:22px;flex-wrap:wrap;}
.pluralite-corps .lelux-form .pl-row > p,
.pluralite-corps .lelux-form .pl-row > div{flex:1 1 210px;margin:0 0 6px;}
.pluralite-corps .lelux-form .pl-inline{display:flex;align-items:center;gap:10px;margin:0 0 6px;}
.pluralite-corps .lelux-form .pl-inline select{width:auto;min-width:74px;flex:0 0 auto;}
.pluralite-corps .lelux-form .pl-inline span{color:#bdb9af;font-size:14px;}
.pluralite-corps .lelux-form .pl-checks{display:flex;flex-wrap:wrap;gap:14px 32px;margin:8px 0 4px;}
.pluralite-corps .lelux-form .pl-checks .pl-group{flex:1 1 190px;}

/* Cases à cocher (groupes multi) */
.pluralite-corps .lelux-form .pl-group label{display:flex;align-items:flex-start;gap:10px;color:#e7e3da;font-size:15px;margin-bottom:7px;cursor:pointer;}
.pluralite-corps .lelux-form .pl-group input[type="checkbox"]{appearance:none !important;-webkit-appearance:none !important;flex:0 0 auto !important;width:17px !important;height:17px !important;margin:1px 0 0 !important;border:1px solid #6a6a6d !important;border-radius:0 !important;background:transparent !important;position:relative;cursor:pointer;}
.pluralite-corps .lelux-form .pl-group input[type="checkbox"]:checked{border-color:#c8aa6e !important;}
.pluralite-corps .lelux-form .pl-group input[type="checkbox"]:checked::after{content:"";position:absolute;left:5px;top:1px;width:4px;height:9px;border-right:2px solid #c8aa6e;border-bottom:2px solid #c8aa6e;transform:rotate(45deg);}

/* Grille 2D disponibilités */
.pluralite-corps .pluralite-grid{width:100%;border-collapse:collapse;margin:2px 0 14px;}
.pluralite-corps .pluralite-grid th{font-family:'Barlow',sans-serif;font-weight:400;font-size:12px;color:#bdb9af;text-align:center;padding:6px;}
.pluralite-corps .pluralite-grid th[scope="row"]{text-align:left;color:#e7e3da;white-space:nowrap;padding-right:14px;}
.pluralite-corps .pluralite-grid td{text-align:center;padding:8px 6px;border-top:1px solid rgba(255,255,255,.08);}
.pluralite-corps .pluralite-grid td label{display:inline-flex;margin:0;cursor:pointer;}
.pluralite-corps .pluralite-grid input[type="checkbox"]{appearance:none !important;-webkit-appearance:none !important;width:18px !important;height:18px !important;margin:0 !important;border:1px solid #6a6a6d !important;border-radius:0 !important;background:transparent !important;position:relative;cursor:pointer;}
.pluralite-corps .pluralite-grid input[type="checkbox"]:checked{border-color:#c8aa6e !important;}
.pluralite-corps .pluralite-grid input[type="checkbox"]:checked::after{content:"";position:absolute;left:5px;top:1px;width:4px;height:9px;border-right:2px solid #c8aa6e;border-bottom:2px solid #c8aa6e;transform:rotate(45deg);}

/* Engagement */
.pluralite-corps .lelux-form .pl-engagement{display:flex;align-items:flex-start;gap:12px;color:#e7e3da;font-size:15px;line-height:1.5;margin:20px 0 0;cursor:pointer;}
.pluralite-corps .lelux-form .pl-engagement input[type="checkbox"]{appearance:none !important;-webkit-appearance:none !important;flex:0 0 auto !important;width:18px !important;height:18px !important;margin:3px 0 0 !important;border:1px solid #6a6a6d !important;border-radius:0 !important;background:transparent !important;position:relative;cursor:pointer;}
.pluralite-corps .lelux-form .pl-engagement input[type="checkbox"]:checked{border-color:#c8aa6e !important;}
.pluralite-corps .lelux-form .pl-engagement input[type="checkbox"]:checked::after{content:"";position:absolute;left:5px;top:1px;width:4px;height:9px;border-right:2px solid #c8aa6e;border-bottom:2px solid #c8aa6e;transform:rotate(45deg);}

.pluralite-corps .lelux-form button{display:inline-block;margin-top:24px;}
.pluralite-corps .lelux-form .rgpd{margin-top:16px;}
.pluralite-corps .lelux-form .field-error{margin-top:0;}

/* a11y : libellés de grille hors-écran */
.pluralite-corps .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}

/* ===========================================================================
   /photos-videos (S86) — galerie a lecture media dynamique. Corps scope.
   Galerie : reutilise .shooting-gallery / .shot (S81, §10septies) tel quel.
   =========================================================================== */
.photos-videos-corps p{font-size:17px;margin-bottom:0;}
/* SANS bandeau (S93, calque /calendrier D805) : H1 en corps + padding navbar absolue */
.photos-videos-section{padding-top:150px;}
.photos-videos-corps h1{font-family:'Barlow Condensed',sans-serif;color:#fff;text-transform:uppercase;font-size:clamp(2rem,4vw,2.4rem);line-height:1.06;font-weight:500;margin:0 0 26px;}
.photos-videos-corps h2{margin:40px 0 6px;}
.photos-videos-corps h3{font-size:1.18rem;margin:28px 0 6px;}
.photos-videos-corps .chapo p{margin-bottom:0;}
.photos-videos-corps .photographe-bio{color:rgba(255,255,255,.65);}
.photos-videos-corps .photographe-insta a,
.photos-videos-corps a{color:rgba(255,255,255,.65);text-decoration:underline;text-underline-offset:2px;}
.photos-videos-corps .photographe-insta a:hover,
.photos-videos-corps a:hover{color:#c8aa6e;}
.photos-videos-corps .gallery-flou-note{font-size:15px;color:#c5a86c;font-style:italic;margin:6px 0 4px;}
.photos-videos-corps .gallery-empty{font-size:15px;color:rgba(255,255,255,.5);font-style:italic;margin:8px 0 4px;}
.photos-videos-corps .pv-retour{margin:0 0 18px;}
.photos-videos-corps .pv-retour a{font-family:'Barlow Condensed',sans-serif;text-transform:uppercase;letter-spacing:2px;font-size:14px;color:rgba(255,255,255,.65);text-decoration:none;}
.photos-videos-corps .pv-retour a:hover{color:#c8aa6e;}

/* Filtre Tous / Photos / Vidéos (S93) — liens ZÉRO JS, l'actif en doré */
.photos-videos-corps .pv-filtre{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 26px;}
.photos-videos-corps .pv-filtre a{font-family:'Barlow Condensed',sans-serif;text-transform:uppercase;letter-spacing:.12em;font-size:14px;color:rgba(255,255,255,.7);text-decoration:none;border:1px solid rgba(200,170,110,.3);padding:7px 18px;transition:color .25s ease,border-color .25s ease;}
.photos-videos-corps .pv-filtre a:hover{color:#c8aa6e;border-color:#c8aa6e;}
.photos-videos-corps .pv-filtre a.is-active{color:#1c1c1e;background:#c8aa6e;border-color:#c8aa6e;}

/* Galerie (S157/GAL2) : cellules de 300px de haut. PHOTOS rognées à leur format déclaré
   (4:5 / 5:4 / 16:9) via aspect-ratio + object-fit:cover — renversement assumé du « sans rogne » S93.
   VIDÉOS : ratio d'origine conservé (width:auto, aucune rogne), 16:9 non forcé. ZÉRO JS. */
.photos-videos-corps .pv-gallery{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0 4px;}
.photos-videos-corps .pv-shot{position:relative;margin:0;height:300px;flex:0 0 auto;background:#000;}
.photos-videos-corps .pv-shot img{height:100%;width:auto;display:block;}
.photos-videos-corps .pv-shot video{height:100%;width:auto;display:block;} /* S157 : ratio d'origine (16:9 non forcé) */
.photos-videos-corps .pv-shot-45{aspect-ratio:4/5;}
.photos-videos-corps .pv-shot-54{aspect-ratio:5/4;}
.photos-videos-corps .pv-shot-169{aspect-ratio:16/9;}
.photos-videos-corps .pv-shot-45 img,
.photos-videos-corps .pv-shot-54 img,
.photos-videos-corps .pv-shot-169 img,
.photos-videos-corps .pv-shot-45:hover img,
.photos-videos-corps .pv-shot-54:hover img,
.photos-videos-corps .pv-shot-169:hover img{width:100% !important;height:100% !important;object-fit:cover !important;transform:none !important;}
/* S157 : galerie — aucune animation ni loupe au survol, format figé (cover) */
.photos-videos-corps .pv-shot img,
.photos-videos-corps .pv-shot video{transition:none !important;}
.photos-videos-corps .lux-lb-open{cursor:default;display:block !important;width:100% !important;height:100% !important;} /* S157 : bat a:hover{display:inline-block} du thème → l'ancre ne se rétracte plus (pas de bande noire au survol) */
.photos-videos-corps .pv-shot figcaption{position:absolute;left:0;right:0;top:0;font-size:14px;color:#fff;padding:6px 8px 16px;background:linear-gradient(to bottom,rgba(0,0,0,.72),transparent);pointer-events:none;opacity:0;transition:opacity .2s ease;}
.photos-videos-corps .pv-shot:hover figcaption{opacity:1;}
@media (hover:none){.photos-videos-corps .pv-shot figcaption{opacity:1;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}}
.evenement-galerie .pv-shot figcaption{display:none !important;}
@media (max-width:560px){.photos-videos-corps .pv-shot{height:210px;}}

/* Charte image : accordeon <details> ZERO JS (calque .faq-corps / §10quinquies) */
.photos-videos-corps details.charte-image{border-top:1px solid rgba(200,170,110,.22);border-bottom:1px solid rgba(200,170,110,.22);margin:14px 0;}
.photos-videos-corps details.charte-image > summary{list-style:none;cursor:pointer;position:relative;padding:18px 40px 18px 0;}
.photos-videos-corps details.charte-image > summary::-webkit-details-marker{display:none;}
.photos-videos-corps details.charte-image > summary h3{display:inline;margin:0;font-size:1.1rem;color:#c8aa6e;}
.photos-videos-corps details.charte-image > summary::after{content:"";position:absolute;right:8px;top:50%;width:10px;height:10px;border-right:2px solid #c8aa6e;border-bottom:2px solid #c8aa6e;transform:translateY(-70%) rotate(45deg);transition:transform .2s ease;}
.photos-videos-corps details.charte-image[open] > summary::after{transform:translateY(-30%) rotate(225deg);}
.photos-videos-corps details.charte-image .charte-image-corps{padding:0 0 22px;}

/* Gateway 3 colonnes (familles) — reutilise .rooms1 .item natif ; on fige juste la
   hauteur d'image pour 3 cartes homogenes quel que soit le ratio source. */
.photos-videos-corps .gallery-familles{margin:26px 0 10px;}
.photos-videos-corps .rooms1 .item{margin-bottom:24px;}
.photos-videos-corps .rooms1 .item .position-re{height:420px;}
.photos-videos-corps .rooms1 .item img{width:100%;height:420px;object-fit:cover;display:block;}
.photos-videos-corps .rooms1 .item .permalink a{color:#fff;font-family:'Barlow Condensed',sans-serif;text-transform:uppercase;letter-spacing:2px;font-size:14px;}
.photos-videos-corps .rooms1 .item .permalink a:hover{color:#c8aa6e;}

/* Portail d'attestation 18+ (server-side ZERO JS) */
.photos-videos-corps .age-gate{max-width:34rem;margin:10px auto 0;text-align:center;}
.photos-videos-corps .age-gate h2{margin:0 0 14px;}
.photos-videos-corps .age-gate-actions{margin:22px 0 8px;}
.photos-videos-corps .age-gate-out a{font-size:14px;}

/* Digicode d'un evenement prive (S100 inc.2) — portail server-side ZERO JS, calque .age-gate */
.evenement-corps .prive-gate{max-width:34rem;margin:10px auto 0;text-align:center;}
.evenement-corps .prive-gate h2{margin:0 0 14px;}
.evenement-corps .prive-gate-actions{display:flex;gap:.6em;justify-content:center;align-items:center;margin:22px 0 8px;flex-wrap:wrap;}
.evenement-corps .prive-gate-actions input[type=text]{padding:12px 14px;font-size:16px;letter-spacing:.12em;text-transform:uppercase;background:#111;border:1px solid #444;color:#eee;border-radius:2px;min-width:12em;}
.evenement-corps .prive-gate-err{color:#e8843a;margin-top:10px;}

/* =====================================================================
   HOME `/` — bloc scope .home-corps (S87). ZERO JS.
   Hero Ken Burns PUR CSS ; cartes evenements sans image (v1) ;
   grille blog statique. Editorial porte de la maquette lelux-home V29
   (sans owl/Vegas/age-gate JS). Accent dore #c8aa6e.
   ===================================================================== */

/* Eyebrows + titres de section (calque maquette : 20px / 36px Barlow) */
.home-corps .section-subtitle,
.home-corps .section-subtitle span{font-size:20px;}
.home-corps .section-title{font-size:36px;font-family:'Barlow Condensed',sans-serif;}

/* CTA Home : tous les .butn-light en dore (coherence S87, scope home only).
   Texte + bord dores, remplissage glissant dore, texte fonce au survol. */
.home-corps .butn-light a{color:#c8aa6e;border-color:#c8aa6e;}
.home-corps .butn-light a:after{background:#c8aa6e;}
.home-corps .butn-light a:hover span{color:#1c1c1e;}

/* --- §02 HERO Ken Burns pur CSS --- */
.home-corps .home-hero{position:relative;min-height:88vh;display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden;background:#0d0d0e;}
.home-corps .home-hero-bg{position:absolute;inset:0;z-index:0;}
.home-corps .home-hero-slide{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;will-change:opacity,transform;animation:homeHeroKB 21.4s linear infinite;}
/* animation-delay decale + transform-origin = point de fuite du dezoom
   (point fixe pendant la mise a l'echelle). Retouche les % par image. */
.home-corps .home-hero-slide:nth-child(1){animation-delay:0s;transform-origin:80% 10%;}
.home-corps .home-hero-slide:nth-child(2){animation-delay:7.1s;transform-origin:80% 10%;}
.home-corps .home-hero-slide:nth-child(3){animation-delay:14.3s;transform-origin:80% 10%;}
/* Zoom INVERSE (dezoom) + amplitude x2 : 1.2 -> 1.0 sur la fenetre visible */
@keyframes homeHeroKB{
  0%{opacity:0;transform:scale(1.5);}
  5%{opacity:1;}
  33%{opacity:1;}
  38%{opacity:0;transform:scale(1);}
  100%{opacity:0;transform:scale(1);}
}
.home-corps .home-hero::after{content:"";position:absolute;inset:0;background:rgba(0,0,0,.45);z-index:1;}
.home-corps .home-hero-inner{position:relative;z-index:2;max-width:900px;padding:0 20px;}
.home-corps .home-hero .section-subtitle,
.home-corps .home-hero .section-subtitle span{color:#aa8453;font-size:20px;text-transform:uppercase;letter-spacing:.2em;}
.home-corps .home-hero h1{font-family:'Barlow Condensed',sans-serif;font-size:38px;font-weight:400;line-height:1.3;letter-spacing:.04em;text-transform:uppercase;color:#fff;max-width:900px;margin:18px auto;}
.home-corps .home-hero-cta{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin-top:24px;}
@media (max-width:575px){
  .home-corps .home-hero h1{font-size:26px;line-height:1.35;}
  .home-corps .home-hero .section-subtitle,
  .home-corps .home-hero .section-subtitle span{font-size:16px;}
}
@media (prefers-reduced-motion: reduce){
  .home-corps .home-hero-slide{animation:none;opacity:0;}
  .home-corps .home-hero-slide:nth-child(1){opacity:1;}
}

/* --- §03 TRUST-STRIP --- */
.home-corps .trust-strip{background:#1c1c1e;border-top:1px solid rgba(200,170,110,.25);border-bottom:1px solid rgba(200,170,110,.25);padding:28px 0;text-align:center;}
.home-corps .trust-strip .pillars{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:14px 28px;list-style:none;padding:0;margin:0;}
.home-corps .trust-strip .pillars li{color:#d8d8d8;font-family:'Barlow Condensed',sans-serif;font-weight:300;font-size:14px;letter-spacing:.32em;text-transform:uppercase;}
.home-corps .trust-strip .pillars li + li::before{content:"\00B7";color:#c8aa6e;margin-right:28px;font-size:18px;}
@media (max-width:575px){
  .home-corps .trust-strip .pillars{gap:8px 16px;}
  .home-corps .trust-strip .pillars li{font-size:12px;letter-spacing:.22em;}
  .home-corps .trust-strip .pillars li + li::before{margin-right:16px;}
}

/* --- §04 EVENEMENTS (cartes sans image, v1) --- */
.home-corps .events-intro{font-size:17px;}
.home-corps .events-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;margin-top:10px;}
.home-corps .event-card{display:flex;flex-direction:column;text-decoration:none;border:1px solid rgba(200,170,110,.25);background:#1c1c1e;overflow:hidden;transition:border-color .3s ease,transform .3s ease;}
.home-corps .event-card:hover{border-color:#c8aa6e;transform:translateY(-3px);}
.home-corps .event-card-visuel{width:100%;aspect-ratio:4/5;overflow:hidden;background:#111;}
.home-corps .event-card-visuel img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s ease;}
.home-corps .event-card:hover .event-card-visuel img{transform:scale(1.05);}
.home-corps .event-card-inner{display:flex;gap:16px;padding:18px;}
.home-corps .event-card-date{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:62px;border-right:1px solid rgba(200,170,110,.25);padding-right:14px;color:#c8aa6e;font-family:'Barlow Condensed',sans-serif;}
.home-corps .event-card-date em{font-style:normal;font-size:11px;letter-spacing:.12em;text-transform:uppercase;}
.home-corps .event-card-date i{font-style:normal;font-size:34px;line-height:1;font-weight:600;}
.home-corps .event-card-date span{font-size:13px;text-transform:uppercase;letter-spacing:.1em;}
.home-corps .event-card-body{display:flex;flex-direction:column;justify-content:center;gap:6px;}
.home-corps .event-card-cat{align-self:flex-start;font-family:'Barlow Condensed',sans-serif;font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:#1c1c1e;background:var(--cat,#c8aa6e);padding:3px 10px;}
.home-corps .event-card-title{font-family:'Barlow Condensed',sans-serif;font-size:22px;color:#fff;line-height:1.2;}
.home-corps .event-card-statut{font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:#b0b0b0;}
.home-corps .events-empty{text-align:center;color:#c8c8c8;font-size:17px;}
.home-corps .events-empty a{color:#c8aa6e;}
.home-corps .events-cta{text-align:center;margin-top:40px;}

/* --- §05 CUSTOM EVENT --- */
.home-corps .custom-event{min-height:480px;display:flex;align-items:center;background-size:cover;background-position:center;background-attachment:fixed;position:relative;}
.home-corps .custom-event::before{content:"";position:absolute;inset:0;background:rgba(0,0,0,.6);}
.home-corps .custom-event > .container{position:relative;z-index:1;}
.home-corps .custom-event .section-subtitle,
.home-corps .custom-event .section-subtitle span{color:#aa8453;}
.home-corps .custom-event .section-title{color:#fff;margin-bottom:30px;}
.home-corps .custom-event .custom-event-text{color:#fff;font-size:17px;}

/* --- §06 PHILOSOPHIE --- */
.home-corps .philosophie-section p{font-size:16px;margin-bottom:0;}
.home-corps .philosophie-section .philosophie-photo{max-width:480px;margin-left:auto;margin-right:0;}
.home-corps .philosophie-section .philosophie-photo img{width:100%;height:auto;display:block;aspect-ratio:4/5;object-fit:cover;}
@media (max-width:767px){
  .home-corps .philosophie-section .philosophie-photo{max-width:100%;margin:30px auto 0;}
}

/* --- §07 PANO-STRIP (marquee CSS) --- */
.home-corps .pano-strip{background:#1c1c1e;overflow:hidden;padding:120px 0;position:relative;}
.home-corps .pano-strip .pano-track{display:flex;width:max-content;animation:homePanoScroll 60s linear infinite;gap:14px;margin-top:60px;}
.home-corps .pano-strip .pano-track:hover{animation-play-state:paused;}
.home-corps .pano-strip .pano-item{height:330px;overflow:hidden;position:relative;flex:0 0 auto;}
.home-corps .pano-strip .pano-item img{height:100%;width:auto;object-fit:cover;display:block;filter:brightness(.92);transition:filter .3s ease;}
/* S157 : hauteur commune, largeur au format déclaré (cover, aucune déformation) */
.home-corps .pano-strip .pano-item-45{aspect-ratio:4/5;}
.home-corps .pano-strip .pano-item-54{aspect-ratio:5/4;}
.home-corps .pano-strip .pano-item-169{aspect-ratio:16/9;}
.home-corps .pano-strip .pano-item-45 img,
.home-corps .pano-strip .pano-item-54 img,
.home-corps .pano-strip .pano-item-169 img{width:100%;height:100%;object-fit:cover;}
.home-corps .pano-strip .pano-item:hover img{filter:brightness(1);}
.home-corps .pano-strip .pano-cta{text-align:center;margin-top:56px;} /* S150 1d (H5) : CTA galerie descendu */
@keyframes homePanoScroll{0%{transform:translateX(0);}100%{transform:translateX(calc(-50% - 7px));}}
@media (max-width:575px){.home-corps .pano-strip .pano-item{height:240px;}}

/* --- §08 CHAMBRE --- */
.home-corps .chambre-section.bg-darkblack{background:#181818 !important;}
.home-corps .chambre-section .chambre-img{overflow:hidden;line-height:0;border:1px solid #c8aa6e;box-sizing:border-box;}
.home-corps .chambre-section .chambre-img img{width:100%;height:auto;display:block;aspect-ratio:16/10;object-fit:cover;transition:transform .6s ease;}
.home-corps .chambre-section .chambre-img a:hover img{transform:scale(1.04);}
.home-corps .chambre-section .chambre-content{padding:0 30px;}
.home-corps .chambre-section .chambre-content .section-subtitle{color:#c8aa6e;letter-spacing:.3em;text-transform:uppercase;font-family:'Barlow Condensed',sans-serif;margin-bottom:18px;}
.home-corps .chambre-section .chambre-title{font-family:'Barlow Condensed',sans-serif;font-size:36px;color:#fff;line-height:1.2;margin-bottom:24px;}
.home-corps .chambre-section .chambre-content p{color:#c8c8c8;font-size:16px;line-height:1.85;margin-bottom:0;}
@media (max-width:991px){
  .home-corps .chambre-section .chambre-content{padding:30px 0 0;}
  .home-corps .chambre-section .chambre-title{font-size:32px;}
}

/* --- §08bis BLOG (grille statique) --- */
.home-corps .blog-section.bg-darkblack{background:#222 !important;}
.home-corps .blog-intro{color:#b8b8b8;font-size:17px;line-height:1.7;margin-top:10px;}
.home-corps .blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;margin-top:10px;}
.home-corps .blog-card{position:relative;display:block;overflow:hidden;text-decoration:none;color:inherit;aspect-ratio:5/4;background:#1a1a1c;}
.home-corps .blog-card-img{position:absolute;inset:0;}
.home-corps .blog-card-img img{width:100%;height:100%;object-fit:cover;filter:brightness(.7);transition:transform .7s ease,filter .5s ease;}
.home-corps .blog-card:hover .blog-card-img img{transform:scale(1.05);filter:brightness(.6);}
.home-corps .blog-card-overlay{position:absolute;left:0;right:0;bottom:0;padding:28px;background:linear-gradient(to top,rgba(0,0,0,.92) 0%,rgba(0,0,0,.7) 50%,rgba(0,0,0,0) 100%);color:#fff;}
.home-corps .blog-card-title{font-family:'Barlow Condensed',sans-serif;font-size:24px;color:#fff;margin:0 0 8px;line-height:1.2;}
.home-corps .blog-card-excerpt{color:#d0d0d0;font-size:14px;line-height:1.6;margin:0 0 10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.home-corps .blog-card-cta{font-family:'Barlow Condensed',sans-serif;font-size:13px;letter-spacing:.22em;text-transform:uppercase;color:#c8aa6e;}
.home-corps .blog-cta-row{text-align:center;margin-top:40px;}

/* --- §09 TEMOIGNAGES (statique) --- */
.home-corps .testimonials-lelux{background-size:cover;background-position:center;background-attachment:fixed;position:relative;}
.home-corps .testimonials-lelux::before{content:"";position:absolute;inset:0;background:rgba(0,0,0,.6);}
.home-corps .testimonials-lelux > .container{position:relative;z-index:1;}
.home-corps .testimonials-box .head-box{text-align:center;margin-bottom:30px;}
.home-corps .testimonials-box .head-box h6{color:#c8aa6e;letter-spacing:.25em;font-size:15px;text-transform:uppercase;}
.home-corps .testimonials-box .head-box h4{font-style:normal;color:#fff;font-family:'Barlow Condensed',sans-serif;font-size:36px;}
.home-corps .testimonials-box .line{width:60px;height:1px;background:#c8aa6e;margin:14px auto 0;}
.home-corps .testimonial{margin:26px 0;text-align:center;}
.home-corps .testimonial p{font-size:17px;line-height:1.75;font-style:italic;color:#eee;}
.home-corps .testimonial figcaption{margin-top:12px;}
.home-corps .testimonial .author-name{color:#c8aa6e;font-family:'Barlow Condensed',sans-serif;font-size:18px;letter-spacing:.05em;}
.home-corps .testimonial .author-meta{color:#b0b0b0;font-size:13px;letter-spacing:.2em;text-transform:uppercase;margin-left:10px;}

/* --- §10 DEVENIR MEMBRE --- */
.home-corps .devenir-membre-section{background:#dadada;border-top:1px solid rgba(200,170,110,.4);border-bottom:1px solid rgba(200,170,110,.4);padding:90px 0;color:#2a2a2b;}
.home-corps .devenir-membre-section .section-subtitle{color:#c8aa6e;letter-spacing:.3em;}
.home-corps .devenir-membre-section .section-title,
.home-corps .devenir-membre-section h2{color:#2a2a2b;}
.home-corps .devenir-membre-section p{color:#555;font-size:17px;line-height:1.8;margin-bottom:0;}
.home-corps .temoignages-cta{text-align:center;margin-top:30px;}
.home-corps .devenir-membre-section .secondary-line{color:#8a8a8c;font-style:italic;margin-top:20px;font-size:14px;}
.home-corps .devenir-membre-section .photo-noble img{width:100%;aspect-ratio:3/4;object-fit:cover;}

/* ============================================================
   /evenements (S88) — liste verticale (vignette 4:5 + infos), tri/période
   ZÉRO JS (form GET dans <details>). Corps sans marge S85. Scopé .evenements-corps.
   ============================================================ */
.evenements-corps p{margin-bottom:0;}
/* SANS bandeau (S93, calque /calendrier D805) : H1 en tête de corps + padding navbar absolue */
.evenements-section{padding-top:150px;}
.evenements-corps h1{font-family:'Barlow Condensed',sans-serif;color:#fff;text-transform:uppercase;font-size:clamp(2rem,4vw,2.4rem);line-height:1.06;font-weight:500;margin:0 0 22px;}
/* --- Accordéon filtres (form GET, ZÉRO JS) --- */
.evenements-corps .evenements-filtres{position:relative;border:1px solid rgba(200,170,110,.25);background:#1c1c1e;border-radius:4px;margin:0 0 0 auto;}
.evenements-corps .evenements-filtres summary{cursor:pointer;list-style:none;padding:9px 20px;font-family:'Barlow Condensed',sans-serif;font-size:14px;letter-spacing:.14em;text-transform:uppercase;color:#c8aa6e;}
.evenements-corps .evenements-filtres summary::-webkit-details-marker{display:none;}
.evenements-corps .evenements-filtres summary::after{content:"+";font-size:14px;margin-left:8px;}
.evenements-corps .evenements-filtres[open] summary::after{content:"–";}
.evenements-corps .evenements-filtres-form{position:absolute;top:calc(100% + 6px);right:0;z-index:60;min-width:260px;max-width:90vw;box-sizing:border-box;background:#1c1c1e;border:1px solid rgba(200,170,110,.25);display:flex;flex-direction:column;align-items:stretch;gap:16px;padding:16px 18px;}
.evenements-corps .evenements-select{background:#222;color:#fff;border:1px solid rgba(200,170,110,.3);height:42px;padding:0 14px;font-size:15px;min-width:190px;font-family:'Barlow Condensed',sans-serif;letter-spacing:.04em;}
.evenements-corps .evenements-check{display:flex;flex-direction:row;align-items:center;gap:8px;font-size:14px;color:rgba(255,255,255,.8);text-transform:none;letter-spacing:0;cursor:pointer;}
.evenements-corps .evenements-check input{width:16px;height:16px;accent-color:#c8aa6e;}
.evenements-corps .evenements-check-wrap{display:inline-flex;align-items:center;gap:7px;}
.evenements-corps .evenements-filtres-btn{background:#c8aa6e;border:0;color:#1c1c1e;font-family:'Barlow Condensed',sans-serif;letter-spacing:.18em;text-transform:uppercase;padding:0 24px;height:40px;cursor:pointer;transition:background .3s ease;}
.evenements-corps .evenements-filtres-btn:hover{background:#d8bd85;}
/* --- Liste verticale --- */
.evenements-corps .evenements-liste{display:flex;flex-direction:column;gap:18px;margin-top:8px;}
.evenements-corps .evenement-ligne{display:flex;align-items:stretch;text-decoration:none;border:1px solid rgba(200,170,110,.25);background:#1c1c1e;overflow:hidden;transition:border-color .3s ease,transform .3s ease;}
.evenements-corps .evenement-ligne:hover{border-color:#c8aa6e;transform:translateY(-2px);}
.evenements-corps .evenement-visuel{flex:0 0 225px;width:225px;aspect-ratio:4/5;align-self:flex-start;overflow:hidden;background:#111;}
.evenements-corps .evenement-visuel img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 1s ease;}
.evenements-corps .evenement-ligne:hover .evenement-visuel img{transform:scale(1.05);}
.evenements-corps .evenement-infos{display:flex;flex-direction:column;justify-content:flex-start;gap:10px;padding:22px 26px;}
.evenements-corps .evenement-date{font-family:'Barlow Condensed',sans-serif;font-size:20px;letter-spacing:.06em;color:#c8aa6e;}
.evenements-corps .evenement-badges{display:flex;flex-wrap:wrap;align-items:center;gap:8px;}
.evenements-corps .evenement-signature{font-family:'Barlow Condensed',sans-serif;font-size:14px;letter-spacing:.18em;text-transform:uppercase;color:#c8aa6e;border:1px solid rgba(200,170,110,.55);padding:2px 9px;}
.evenements-corps .evenement-cat{align-self:flex-start;font-family:'Barlow Condensed',sans-serif;font-size:14px;letter-spacing:.22em;text-transform:uppercase;color:#1c1c1e;background:var(--cat,#c8aa6e);padding:3px 10px;}
.evenements-corps .evenement-voyeurs{font-family:'Barlow Condensed',sans-serif;font-size:14px;letter-spacing:.12em;text-transform:uppercase;color:#cbb488;border:1px solid rgba(200,170,110,.3);padding:2px 9px;}
.evenements-corps .evenement-titre{font-family:'Barlow Condensed',sans-serif;font-size:25px;color:#fff;line-height:1.2;}
.evenements-corps .evenement-statut{margin-left:12px;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#e8843a;font-weight:600;}
.evenements-corps .evenement-extrait{color:rgba(255,255,255,.6);font-size:16px;line-height:1.5;margin-top:2px;white-space:pre-line;} /* S150 1bis (EV1) */
.evenements-corps .evenements-vide{text-align:center;color:#c8c8c8;font-size:17px;padding:24px 0;}
.evenements-corps .evenements-vide a{color:#c8aa6e;}
.evenements-corps .evenements-voir-passes{display:block;text-align:center;margin-top:26px;color:#c8aa6e;font-family:'Barlow Condensed',sans-serif;letter-spacing:.08em;text-transform:uppercase;}
.evenements-corps .evenements-canaux{margin-top:40px;color:rgba(255,255,255,.65);text-align:center;}
.evenements-corps .evenements-canaux a{color:#c8aa6e;}
.evenements-corps .evenements-cta{text-align:center;margin-top:24px;}
@media (max-width:600px){
  .evenements-corps .evenement-ligne{flex-direction:column;}
  .evenements-corps .evenement-visuel{flex-basis:auto;width:100%;aspect-ratio:4/5;}
  .evenements-corps .evenements-filtres-form{flex-direction:column;align-items:stretch;}
  .evenements-corps .evenements-select{min-width:0;width:100%;}
}

/* ============================================================
   /evenements/:slug (S89) — fiche évènement PORTÉE legacy → Cappa.
   Corps prose scopé .evenement-corps + galerie 4:5 (grande image +
   vignettes cliquables, swap ZÉRO JS via radios CSS) + accordéon
   « Informations importantes » (<details> D750). Corps 17px / 65% (D732/§4bis).
   ============================================================ */
.evenement-section{padding-top:150px;}
.evenement-corps .evenement-retour{display:inline-block;font-family:'Barlow Condensed',sans-serif;color:#c8aa6e;letter-spacing:.12em;text-transform:uppercase;font-size:13px;text-decoration:none;margin:0 0 14px;}
.evenement-corps .evenement-retour:hover{text-decoration:underline;}
.evenement-corps h1{font-family:'Barlow Condensed',sans-serif;color:#fff;text-transform:uppercase;font-size:clamp(2rem,4vw,2.4rem);line-height:1.06;font-weight:500;margin:0 0 14px;}
.evenement-corps .evenement-grille{display:flex;gap:34px;align-items:flex-start;margin:6px 0 0;}
.evenement-corps .evenement-media{flex:0 0 42%;max-width:430px;}
.evenement-corps .evenement-faits{flex:1;min-width:0;}
.evenement-corps .evenement-tete{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;flex-wrap:wrap;margin:0 0 30px;}
.evenement-corps .evenement-tete-gauche{min-width:0;}
.evenement-corps .evenement-quand-ligne{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:12px;}
.evenement-corps .evenement-paf-grille{display:grid;grid-template-columns:max-content max-content;justify-content:start;column-gap:32px;row-gap:2px;list-style:none;padding-left:0;margin:0;font-size:17px;line-height:1.7;color:rgba(255,255,255,.65);}
.evenement-corps .evenement-paf-grille li{list-style:none;}
/* Colonne de droite : premier titre aligné sur le haut de l'image + interlignes de section resserrés (S89, retour Romain). */
.evenement-corps .evenement-faits h2{margin:22px 0 8px;}
.evenement-corps .evenement-faits > h2:first-child{margin-top:0;}
.evenement-corps .evenement-faits ul{margin-bottom:4px;padding-left:0;list-style:none;}
.evenement-corps .evenement-faits li{list-style:none;}
.evenement-corps .evenement-faits p{margin-bottom:4px;}
/* Accordéons faits (revue mise en page S97) — <details> natif, marqueur +/- doré, titres calqués sur les h2. */
.evenement-corps .evenement-acc{border-top:1px solid rgba(200,170,110,.15);}
.evenement-corps .evenement-acc:last-of-type{border-bottom:1px solid rgba(200,170,110,.15);}
.evenement-corps .evenement-acc>summary{cursor:pointer;list-style:none;position:relative;padding:13px 26px 13px 0;font-family:'Barlow Condensed',sans-serif;font-size:22px;letter-spacing:.02em;color:#fff;}
.evenement-corps .evenement-acc>summary.evenement-h2-or{color:#c8aa6e;}
.evenement-corps .evenement-acc>summary::-webkit-details-marker{display:none;}
.evenement-corps .evenement-acc>summary::after{content:"+";position:absolute;right:2px;top:12px;color:#c8aa6e;font-size:22px;line-height:1;}
.evenement-corps .evenement-acc[open]>summary::after{content:"–";}
.evenement-corps .evenement-acc-corps{padding:0 0 14px;}
.evenement-corps .evenement-or{color:#c8aa6e;}
.evenement-corps p{font-size:17px;line-height:1.7;color:rgba(255,255,255,.65);}
.evenement-corps h2{font-family:'Barlow Condensed',sans-serif;color:#fff;font-size:22px;letter-spacing:.02em;margin:34px 0 12px;}
.evenement-corps h2.evenement-h2-or{color:#c8aa6e;}
.evenement-corps ul{font-size:17px;line-height:1.7;color:rgba(255,255,255,.65);padding-left:20px;margin:0 0 22px;}
.evenement-corps .evenement-quand{font-family:'Barlow Condensed',sans-serif;font-size:19px;letter-spacing:.06em;color:#c8aa6e;margin:0;}
.evenement-corps .evenement-statut{font-size:15px;letter-spacing:.16em;text-transform:uppercase;color:#e8843a;font-weight:600;}
.evenement-corps .evenement-badges{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:6px 0 0;}
.evenement-corps .evenement-cat{font-family:'Barlow Condensed',sans-serif;font-size:14px;letter-spacing:.18em;text-transform:uppercase;color:#1c1c1e;background:var(--cat,#c8aa6e);padding:3px 11px;}
.evenement-corps .evenement-signature{font-family:'Barlow Condensed',sans-serif;font-size:14px;letter-spacing:.16em;text-transform:uppercase;color:#c8aa6e;border:1px solid rgba(200,170,110,.55);padding:2px 10px;}
.evenement-corps .evenement-voyeurs{font-family:'Barlow Condensed',sans-serif;font-size:14px;letter-spacing:.12em;text-transform:uppercase;color:#cbb488;border:1px solid rgba(200,170,110,.3);padding:2px 10px;}
.evenement-corps .evenement-chapo{font-size:18px;line-height:1.5;font-style:italic;color:#d8c9a6;margin:0 0 22px;}
.evenement-corps .evenement-longtexte{margin:0 0 10px;}
.evenement-corps .evenement-longtexte p{margin:0;}
/* Galerie — image seule (0-1 photo) */
.evenement-corps .evenement-galerie{margin:0 0 34px;}
.evenement-corps .evenement-solo{margin:0;width:100%;max-width:430px;overflow:hidden;border:1px solid #c8aa6e;box-sizing:border-box;}
.evenement-corps .evenement-solo img{width:100%;aspect-ratio:4/5;object-fit:cover;display:block;background:#111;}
/* Galerie — swap ≥2 photos (radios CSS, ZÉRO JS) */
.evenement-corps .evenement-radio{position:absolute;width:1px;height:1px;opacity:0;}
.evenement-corps .evenement-stage{width:100%;max-width:430px;overflow:hidden;border:1px solid #c8aa6e;box-sizing:border-box;}
.evenement-corps .evshot{display:none;margin:0;}
.evenement-corps .evshot img{width:100%;aspect-ratio:4/5;object-fit:cover;display:block;background:#111;}
#evfoto-0:checked ~ .evenement-stage .evshot-0,#evfoto-1:checked ~ .evenement-stage .evshot-1,#evfoto-2:checked ~ .evenement-stage .evshot-2,#evfoto-3:checked ~ .evenement-stage .evshot-3,#evfoto-4:checked ~ .evenement-stage .evshot-4,#evfoto-5:checked ~ .evenement-stage .evshot-5,#evfoto-6:checked ~ .evenement-stage .evshot-6,#evfoto-7:checked ~ .evenement-stage .evshot-7,#evfoto-8:checked ~ .evenement-stage .evshot-8,#evfoto-9:checked ~ .evenement-stage .evshot-9,#evfoto-10:checked ~ .evenement-stage .evshot-10,#evfoto-11:checked ~ .evenement-stage .evshot-11{display:block;}
.evenement-corps .evenement-vignettes{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px;max-width:430px;}
.evenement-corps .evminia{cursor:pointer;width:68px;flex:0 0 68px;overflow:hidden;}
.evenement-corps .evminia img{width:100%;aspect-ratio:4/5;object-fit:cover;display:block;}
#evfoto-0:checked ~ .evenement-vignettes label[for="evfoto-0"],#evfoto-1:checked ~ .evenement-vignettes label[for="evfoto-1"],#evfoto-2:checked ~ .evenement-vignettes label[for="evfoto-2"],#evfoto-3:checked ~ .evenement-vignettes label[for="evfoto-3"],#evfoto-4:checked ~ .evenement-vignettes label[for="evfoto-4"],#evfoto-5:checked ~ .evenement-vignettes label[for="evfoto-5"],#evfoto-6:checked ~ .evenement-vignettes label[for="evfoto-6"],#evfoto-7:checked ~ .evenement-vignettes label[for="evfoto-7"],#evfoto-8:checked ~ .evenement-vignettes label[for="evfoto-8"],#evfoto-9:checked ~ .evenement-vignettes label[for="evfoto-9"],#evfoto-10:checked ~ .evenement-vignettes label[for="evfoto-10"],#evfoto-11:checked ~ .evenement-vignettes label[for="evfoto-11"]{outline:2px solid #c8aa6e;outline-offset:0;}
/* Lightbox ZÉRO JS (S89) : clic sur l'image principale → overlay plein écran (case CSS), clic pour fermer. */
.evenement-corps .evenement-lb-toggle{position:absolute;width:1px;height:1px;opacity:0;}
.evenement-corps .evenement-stage label,.evenement-corps .evenement-solo label{display:block;cursor:zoom-in;}
.evenement-corps .evenement-lightbox{display:none;position:fixed;inset:0;z-index:9999;background:rgba(0,0,0,.93);align-items:center;justify-content:center;cursor:zoom-out;padding:40px;}
.evenement-corps .evenement-lightbox img{max-width:95vw;max-height:92vh;width:auto;height:auto;object-fit:contain;}
#evlb-0:checked ~ .evlb-0,#evlb-1:checked ~ .evlb-1,#evlb-2:checked ~ .evlb-2,#evlb-3:checked ~ .evlb-3,#evlb-4:checked ~ .evlb-4,#evlb-5:checked ~ .evlb-5,#evlb-6:checked ~ .evlb-6,#evlb-7:checked ~ .evlb-7,#evlb-8:checked ~ .evlb-8,#evlb-9:checked ~ .evlb-9,#evlb-10:checked ~ .evlb-10,#evlb-11:checked ~ .evlb-11{display:flex;}
/* Accordéon « Informations importantes » (clone .accordion-box /faq D750) */
.evenement-corps .evenement-infos{background:#2b2b2b;border:0.5px solid rgba(200,170,110,.2);margin:36px 0 0;}
.evenement-corps .evenement-infos>summary{cursor:pointer;list-style:none;padding:18px 22px;font-family:'Barlow Condensed',sans-serif;font-size:22px;letter-spacing:.04em;color:#fff;}
.evenement-corps .evenement-infos>summary::-webkit-details-marker{display:none;}
.evenement-corps .evenement-infos>summary::after{content:"+";float:right;color:#c8aa6e;font-size:24px;line-height:1;}
.evenement-corps .evenement-infos[open]>summary::after{content:"–";}
.evenement-corps .evenement-infos-corps{padding:4px 22px 22px;}
@media (max-width:700px){
  .evenement-corps .evenement-grille{flex-direction:column;gap:24px;}
  .evenement-corps .evenement-media{flex-basis:auto;max-width:430px;}
  .evenement-corps .evenement-faits{width:100%;}
  .evenement-corps .evenement-tete-droite{width:100%;align-items:flex-start;}
}
@media (max-width:600px){
  .evenement-corps .evenement-stage,.evenement-corps .evenement-vignettes,.evenement-corps .evenement-solo,.evenement-corps .evenement-media{max-width:100%;}
}

/* =========================================================================
   /calendrier (S90) — PORTAGE legacy renderLayout -> Cappa. Page autonome.
   SANS bandeau : H1 en corps + padding-top:150px pour degager la navbar
   position:absolute (calque fiche .evenement-section, D798). Ilot FullCalendar
   D641 conserve (grille mois / liste mobile, filtres type+Signature, repli
   sans-JS, Event JSON-LD). Chrome coherent : pastille type (D599), « Complet »
   orange #e8843a, pied CTA /evenements + canaux Telegram/email (D795).
   Signature = filtre seul (pas de badge sur la grille, decision S90).
   ========================================================================= */
.calendrier-section{padding-top:150px;}
.calendrier-corps h1{font-family:'Barlow Condensed',sans-serif;color:#fff;text-transform:uppercase;font-size:clamp(2rem,4vw,2.4rem);line-height:1.06;font-weight:500;margin:0 0 14px;}
.calendrier-corps .calendrier-chapo{font-size:17px;line-height:1.6;color:rgba(255,255,255,.65);margin:0 0 26px;max-width:720px;}
/* Filtres (type + Signature) */
.calendrier-corps .calendrier-controls{display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px;margin:0 0 22px;}
.calendrier-corps .calendrier-controls label[for="filtre-type"]{font-family:'Barlow Condensed',sans-serif;letter-spacing:.1em;text-transform:uppercase;font-size:14px;color:#cbb488;}
.calendrier-corps #filtre-type{height:42px;min-width:210px;background:#1c1c1e;color:#fff;border:1px solid rgba(255,255,255,.18);padding:0 12px;font-size:15px;}
.calendrier-corps .calendrier-signature-toggle{display:inline-flex;align-items:center;gap:8px;color:rgba(255,255,255,.75);font-size:15px;cursor:pointer;}
.calendrier-corps .calendrier-signature-toggle input{accent-color:#c8aa6e;}
/* Repli sans-JS (masque par le script si FullCalendar charge) */
.calendrier-corps .calendrier-agenda{list-style:none;margin:0;padding:0;}
.calendrier-corps .calendrier-evt{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.1);}
.calendrier-corps .calendrier-pastille{flex:0 0 auto;width:12px;height:12px;border-radius:50%;}
.calendrier-corps .calendrier-evt time{font-family:'Barlow Condensed',sans-serif;letter-spacing:.06em;color:#cbb488;font-size:15px;min-width:170px;}
.calendrier-corps .calendrier-evt a{color:#fff;text-decoration:none;font-size:17px;}
.calendrier-corps .calendrier-evt a:hover{color:#c8aa6e;}
.calendrier-corps .calendrier-statut{margin-left:10px;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#e8843a;font-weight:600;}
.calendrier-corps .calendrier-vide{color:#c8c8c8;font-size:17px;padding:18px 0;}
/* Pied : canaux + CTA vers la liste (.butn-light natif, non dore hors home) */
.calendrier-corps .calendrier-canaux{margin-top:44px;color:rgba(255,255,255,.65);text-align:center;}
.calendrier-corps .calendrier-canaux a{color:#c8aa6e;}
.calendrier-corps .calendrier-cta{text-align:center;margin-top:22px;}
.calendrier-corps .calendrier-cta .butn-light a{color:#c8aa6e;border-color:#c8aa6e;} /* S150 1d (CAL2) : CTA dore */
.calendrier-corps .calendrier-cta .butn-light a:after{background:#c8aa6e;}
.calendrier-corps .calendrier-cta .butn-light a:hover span{color:#1c1c1e;}

/* S164 modif 1 : CTA dore Voir le calendrier sur /evenements (manquait -> rendu blanc) ; calque .calendrier-cta. */
.evenements-corps .evenements-cta .butn-light a{color:#c8aa6e;border-color:#c8aa6e;}
.evenements-corps .evenements-cta .butn-light a:after{background:#c8aa6e;}
.evenements-corps .evenements-cta .butn-light a:hover span{color:#1c1c1e;}

/* S164 : onglets periode /evenements (segmented, actif dore) + pagination numerotee. */
.evenements-corps .evenements-periodes{display:flex;gap:8px;flex-wrap:wrap;margin:0;}
.evenements-corps .evenements-bar{display:flex;gap:12px;flex-wrap:wrap;align-items:flex-start;margin:0 0 28px;}
.evenements-corps .ev-periode-tab{font-family:'Barlow Condensed',sans-serif;text-transform:uppercase;letter-spacing:2px;font-size:14px;color:#cfcfcf;padding:9px 22px;border:1px solid rgba(255,255,255,.25);border-radius:4px;text-decoration:none;transition:color .2s ease,border-color .2s ease,background .2s ease;}
.evenements-corps .ev-periode-tab:hover{border-color:#c8aa6e;color:#c8aa6e;}
.evenements-corps .ev-periode-tab.is-active{background:#c8aa6e;border-color:#c8aa6e;color:#1c1c1e;}
.evenements-corps .evenements-pagination{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:6px;margin:34px 0 4px;}
.evenements-corps .ev-page{min-width:40px;box-sizing:border-box;text-align:center;font-family:'Barlow Condensed',sans-serif;font-size:15px;letter-spacing:1px;color:#cfcfcf;padding:8px 11px;border:1px solid rgba(255,255,255,.22);border-radius:4px;text-decoration:none;transition:color .2s ease,border-color .2s ease,background .2s ease;}
.evenements-corps a.ev-page:hover{border-color:#c8aa6e;color:#c8aa6e;}
.evenements-corps .ev-page.is-current{background:#c8aa6e;border-color:#c8aa6e;color:#1c1c1e;font-weight:600;}
.evenements-corps .ev-page-gap{color:#777;padding:8px 4px;align-self:center;}
/* Habillage sombre minimal de FullCalendar 6 (le bundle global injecte son
   theme clair par defaut) — scope .calendrier-corps, a affiner visuellement. */
.calendrier-corps .fc{--fc-border-color:rgba(255,255,255,.14);--fc-page-bg-color:transparent;--fc-neutral-bg-color:rgba(255,255,255,.04);--fc-today-bg-color:rgba(200,170,110,.12);--fc-list-event-hover-bg-color:rgba(255,255,255,.05);color:#e9e9e9;}
.calendrier-corps .fc a{color:inherit;text-decoration:none;}
.calendrier-corps .fc .fc-toolbar-title{font-family:'Barlow Condensed',sans-serif;text-transform:uppercase;letter-spacing:.04em;color:#fff;}
.calendrier-corps .fc .fc-col-header-cell-cushion{color:#cbb488;font-family:'Barlow Condensed',sans-serif;text-transform:uppercase;letter-spacing:.06em;font-weight:500;}
.calendrier-corps .fc .fc-daygrid-day-number{color:rgba(255,255,255,.7);}
.calendrier-corps .fc .fc-button{background:#1c1c1e;border:1px solid rgba(255,255,255,.18);color:#e9e9e9;text-transform:none;box-shadow:none;}
.calendrier-corps .fc .fc-button:hover,.calendrier-corps .fc .fc-button-active,.calendrier-corps .fc .fc-button:focus{background:#2a2a2c;border-color:#c8aa6e;color:#fff;box-shadow:none;}
.calendrier-corps .fc .fc-event{border:none;padding:2px 4px;font-size:.85em;cursor:pointer;}
.calendrier-corps .fc .fc-list-event:hover td{color:#fff;}
.calendrier-corps .fc .fc-list-day-cushion{background:rgba(255,255,255,.05);}
@media (max-width:600px){
  .calendrier-section{padding-top:120px;}
  .calendrier-corps .calendrier-evt time{min-width:130px;}
}

/* --- /calendrier S90 rev (retours seance) : rectangle couleur+heure, modale d'apercu,
   date centree, dropdown a pastilles. « Complet », chapo, filtre Signature retires. --- */
.calendrier-corps .fc .fc-daygrid-day-top{flex-direction:row;justify-content:center;}
.calendrier-corps .fc .fc-daygrid-event{margin:1px 3px;border-radius:3px;padding:0;}
.calendrier-corps .fc .cal-evt-box{padding:2px 5px;font-family:'Barlow Condensed',sans-serif;font-size:.92em;letter-spacing:.05em;color:#1c1c1e;text-align:center;}
.calendrier-corps .fc .fc-daygrid-event:hover{filter:brightness(1.06);}
.calendrier-corps #filtre-type option{background:#1c1c1e;color:#fff;}
/* Modale d'apercu d'evenement */
.calendrier-modal{position:fixed;inset:0;z-index:1000;display:none;align-items:center;justify-content:center;padding:20px;background:rgba(0,0,0,.74);}
.calendrier-modal.is-open{display:flex;}
.calendrier-modal-card{position:relative;width:100%;max-width:440px;background:#1c1c1e;border:1px solid rgba(200,170,110,.35);padding:32px 28px 26px;}
.calendrier-modal-x{position:absolute;top:8px;right:14px;background:none;border:none;color:#cbb488;font-size:28px;line-height:1;cursor:pointer;padding:0;}
.calendrier-modal-type{display:inline-block;font-family:'Barlow Condensed',sans-serif;font-size:13px;letter-spacing:.16em;text-transform:uppercase;color:#1c1c1e;padding:3px 11px;margin:0 0 12px;}
.calendrier-modal-titre{font-family:'Barlow Condensed',sans-serif;color:#fff;text-transform:uppercase;font-size:26px;line-height:1.12;margin:0 0 8px;}
.calendrier-modal-date{font-family:'Barlow Condensed',sans-serif;letter-spacing:.06em;color:#cbb488;margin:0 0 16px;}
.calendrier-modal-extrait{color:rgba(255,255,255,.72);font-size:16px;line-height:1.55;margin:0 0 24px;white-space:pre-line;} /* S150 1bis (EV1/EA5) */
.calendrier-modal-actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap;}
.calendrier-modal-fermer{background:none;border:none;color:rgba(255,255,255,.6);text-decoration:underline;cursor:pointer;font-size:15px;}

/* --- /calendrier S90 rev2 : titre toolbar centre sur la grille, fix survol,
   menu deroulant custom (puce carree + texte blanc), titre en vue liste. --- */
.calendrier-corps .fc .fc-header-toolbar{position:relative;}
.calendrier-corps .fc .fc-header-toolbar .fc-toolbar-chunk{flex:1 1 0;display:flex;align-items:center;}
.calendrier-corps .fc .fc-header-toolbar .fc-toolbar-chunk:nth-child(1){justify-content:flex-start;}
.calendrier-corps .fc .fc-header-toolbar .fc-toolbar-chunk:nth-child(2){justify-content:center;}
.calendrier-corps .fc .fc-header-toolbar .fc-toolbar-chunk:nth-child(3){justify-content:flex-end;}
/* Fix survol : plus de filtre qui provoque un repaint/retrecissement, juste un leger voile */
.calendrier-corps .fc .fc-daygrid-event{box-sizing:border-box;}
.calendrier-corps .fc .fc-daygrid-event:hover{filter:none;opacity:.92;}
/* Titre d'evenement en vue liste */
.calendrier-corps .fc .cal-list-title{font-family:'Barlow',sans-serif;color:#fff;}
.calendrier-corps .fc .fc-list-event{cursor:pointer;}
.calendrier-corps .fc .fc-list-event td{color:#e9e9e9;}
/* Menu deroulant custom (remplace le <select> natif) */
.calendrier-corps .cal-filter{position:relative;display:inline-block;min-width:240px;}
.calendrier-corps .cal-filter-btn{display:flex;align-items:center;gap:10px;width:100%;height:44px;background:#1c1c1e;border:1px solid rgba(255,255,255,.18);color:#fff;padding:0 12px;font-size:15px;cursor:pointer;text-align:left;}
.calendrier-corps .cal-filter-current{flex:1;}
.calendrier-corps .cal-filter-caret{color:#cbb488;font-size:11px;}
.calendrier-corps .cal-swatch{width:15px;height:15px;border-radius:4px;flex:0 0 auto;background:#c8aa6e;}
.calendrier-corps .cal-swatch-all{background:linear-gradient(135deg,#ECB8BE 0 34%,#C9A66B 34% 67%,#8A8A8A 67% 100%);}
.calendrier-corps .cal-filter-menu{position:absolute;top:calc(100% + 4px);left:0;right:0;margin:0;padding:6px 0;list-style:none;background:#1c1c1e;border:1px solid rgba(200,170,110,.35);z-index:60;display:none;max-height:300px;overflow:auto;}
.calendrier-corps .cal-filter.is-open .cal-filter-menu{display:block;}
.calendrier-corps .cal-filter-menu li{display:flex;align-items:center;gap:10px;padding:9px 14px;color:#fff;font-size:15px;cursor:pointer;}
.calendrier-corps .cal-filter-menu li:hover{background:rgba(255,255,255,.07);}
.calendrier-corps .cal-filter-menu li.is-selected{color:#c8aa6e;}

/* --- /calendrier S90 rev3 : le rectangle EST .cal-evt-box (plein largeur, stable au survol) ;
   l'evenement FC devient transparent => plus de retrecissement. Police liste = 1em. --- */
.calendrier-corps .fc{--fc-small-font-size:1em;}
.calendrier-corps .fc .fc-daygrid-event{background:transparent !important;border:none !important;box-shadow:none !important;padding:0;margin:2px 3px;}
.calendrier-corps .fc .fc-daygrid-event:hover{opacity:1;filter:none;}
.calendrier-corps .fc .cal-evt-box{display:block;width:100%;box-sizing:border-box;border-radius:4px;padding:3px 7px;min-height:24px;font-family:'Barlow Condensed',sans-serif;font-size:1em;letter-spacing:.05em;color:#1c1c1e;text-align:center;transition:filter .15s ease;}
.calendrier-corps .fc .fc-daygrid-event:hover .cal-evt-box{filter:brightness(1.06);}
.calendrier-corps .fc .cal-list-title{font-family:'Barlow',sans-serif;font-size:1em;color:#fff;}

/* --- /calendrier S90 rev4 : neutralise tout effet de survol sur l'evenement (le filter
   provoquait un re-mesure FullCalendar => retrecissement). Largeurs forcees, aucune transition. --- */
.calendrier-corps .fc .fc-daygrid-event-harness{width:100% !important;left:0 !important;right:0 !important;}
.calendrier-corps .fc .fc-daygrid-event{display:block !important;width:100% !important;position:relative !important;inset:auto !important;background:transparent !important;border:none !important;box-shadow:none !important;margin:2px 0 !important;padding:0 2px !important;}
.calendrier-corps .fc .fc-event-main{width:100% !important;}
.calendrier-corps .fc .cal-evt-box{width:100% !important;box-sizing:border-box;transition:none !important;}
.calendrier-corps .fc .fc-daygrid-event:hover,.calendrier-corps .fc .fc-daygrid-event:focus{opacity:1 !important;filter:none !important;transform:none !important;}
.calendrier-corps .fc .fc-daygrid-event:hover .cal-evt-box,.calendrier-corps .fc .fc-daygrid-event:focus .cal-evt-box{filter:none !important;transform:none !important;}

/* --- /calendrier S90 rev5 : jours passes barres d'un trait diagonal 1px (SVG non-scaling) ;
   jour present sans surbrillance (identique aux jours a venir). --- */
.calendrier-corps .fc{--fc-today-bg-color:transparent;}
.calendrier-corps .fc .fc-day-past .fc-daygrid-day-frame{
  background-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20preserveAspectRatio='none'%20viewBox='0%200%2010%2010'%3E%3Cline%20x1='0'%20y1='0'%20x2='10'%20y2='10'%20stroke='rgba(255,255,255,0.16)'%20stroke-width='1'%20vector-effect='non-scaling-stroke'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-size:100% 100%;
}

/* --- /calendrier S90 rev6 : vue liste — masquer la colonne "Toute la journee"
   (evenements sans datetime) ; l'heure est deja dans le titre (« — 21h »). --- */
.calendrier-corps .fc .fc-list-event-time,.calendrier-corps .fc .fc-list-day-side-text{display:none;}

/* --- /calendrier S90 rev7 : vue liste — jour de la semaine devant la date (via listDayFormat,
   1re lettre en capitale) + indications d'evenements a 1.1em. --- */
.calendrier-corps .fc{--fc-small-font-size:1.1em;}
.calendrier-corps .fc .cal-list-title{font-size:1.1em;}
.calendrier-corps .fc .fc-list-day-text::first-letter{text-transform:uppercase;}

/* --- /calendrier S164 modif 1 : evenements d'un meme jour cote a cote (largeurs egales) pour
   garder la hauteur de ligne standard quand un jour porte 2 evenements. Surcharge rev4. --- */
.calendrier-corps .fc .fc-daygrid-day-events{display:flex;flex-wrap:wrap;align-items:flex-start;gap:4px;padding:0 3px;}
.calendrier-corps .fc .fc-daygrid-day-events .fc-daygrid-event-harness{flex:1 1 40%;width:auto !important;min-width:0;left:auto !important;right:auto !important;margin:0 !important;}
.calendrier-corps .fc .fc-daygrid-day-events .fc-daygrid-event{margin:2px 0 !important;padding:0 !important;}
.calendrier-corps .fc .fc-daygrid-day-bottom{flex-basis:100%;}

/* === Le LuX — page /mentions-legales (S91) — build neuf statique, patron prose (clone .regles-corps) ;
   page technique footer-only, registre juridique neutre ; liens internes D452/D532 (/mon-compte, /contact) ;
   ZERO JS, ZERO migration ; siege volontairement omis (D610). === */
.mentions-corps p{margin-bottom:0;font-size:17px;}
.mentions-corps p + p{margin-top:14px;}
.mentions-corps h2{font-size:1.6rem;margin-top:40px;margin-bottom:14px;}
.mentions-corps section > h2:first-child{margin-top:0;}
.mentions-corps section{margin-bottom:56px;}
.mentions-corps section:last-of-type{margin-bottom:0;}
.mentions-corps ul{margin:14px 0 18px;padding-left:1.2rem;}
.mentions-corps ul li{font-size:17px;color:rgba(255,255,255,.65);margin-bottom:8px;}
.mentions-corps p strong,
.mentions-corps ul li strong{color:inherit;} /* S150 1b (ML1) : gras de corps non dore */
.mentions-corps a{color:rgba(255,255,255,.65);text-decoration:underline;text-underline-offset:2px;}
.mentions-corps a:hover{color:#c8aa6e;}
/* --- S145 : politique de confidentialite (calque .mentions-corps + table sous-traitants) --- */
.confidentialite-corps p{margin-bottom:0;font-size:17px;color:rgba(255,255,255,.65);}
.confidentialite-corps p + p{margin-top:14px;}
.confidentialite-corps h2{font-size:1.6rem;color:#fff;margin:44px 0 14px;}
.confidentialite-corps > h2:first-child{margin-top:0;}
.confidentialite-corps h3{font-size:1.2rem;color:#cbb488;margin:26px 0 10px;}
.confidentialite-corps ul{margin:12px 0 16px;padding-left:1.2rem;}
.confidentialite-corps ul li{font-size:17px;color:rgba(255,255,255,.65);margin-bottom:8px;}
.confidentialite-corps strong{color:inherit;} /* S150 1b (CONF1) : gras de corps non dore */
.confidentialite-corps a{color:rgba(255,255,255,.65);text-decoration:underline;text-underline-offset:2px;}
.confidentialite-corps a:hover{color:#c8aa6e;}
.confidentialite-corps table{width:100%;border-collapse:collapse;margin:16px 0;font-size:15px;}
.confidentialite-corps th,.confidentialite-corps td{border:1px solid rgba(255,255,255,.15);padding:8px 10px;text-align:left;vertical-align:top;color:rgba(255,255,255,.65);}
.confidentialite-corps th{color:#c8aa6e;font-weight:600;background:rgba(255,255,255,.03);}

/* === Le LuX — blog « Au creux de l'oreille » (S92) ===
   Landing (BUILD NEUF, AVEC bandeau) + catégorie + article (PORTÉS ex-renderLayout, SANS bandeau,
   calque fiche §10quindecies). Dernier chantier public → fin du shell legacy (renderLayout /
   style.css / renderAgeOverlay désormais sans consommateur). Corps 65 % (D732) ajouté plus haut.
   Grille de vignettes = généralisation des .home-corps .blog-* (§08bis). encart .mr-note FIGÉ (D737).
   Registre suggestif assumé (landing), jamais explicite cru ; noindex par article via `indexable`
   (D577/D705 v1, géré côté route/renderCappaHead). ZÉRO JS. */

/* -- SANS bandeau (catégorie + article) : dégager la navbar position:absolute (100px) -- */
.blog-section{padding-top:150px;}
/* eyebrow « retour » doré (calque .evenement-retour, D798) */
.blog-corps .blog-retour{display:inline-block;margin-bottom:10px;font-family:'Barlow Condensed',sans-serif;letter-spacing:.14em;text-transform:uppercase;font-size:13px;color:#c8aa6e;text-decoration:none;} /* S150 1d (ACO5) : titre plus pres du retour */
.blog-corps .blog-retour:hover{color:#fff;}
/* H1 en tête de corps (hors banner-header → pas d'uppercase global) */
.blog-corps h1{font-family:'Barlow Condensed',sans-serif;font-size:2.4rem;line-height:1.1;color:#fff;margin:0 0 30px;}
/* liens de corps (renvoi /premiere-fois D532, liens internes) : gris 65 % → doré, soulignés */
.blog-corps a{color:rgba(255,255,255,.65);text-decoration:underline;text-underline-offset:2px;}
.blog-corps a:hover{color:#c8aa6e;}
.blog-corps p strong{color:#c8aa6e;}
.blog-article article p strong{color:inherit;} /* S150 1b (ACO3) : gras du corps d article non dore (override .blog-corps p strong) */

/* -- Grille de vignettes (landing + catégorie) — généralise .home-corps .blog-* (§08bis) -- */
.blog-corps .blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;margin:24px 0 10px;}
.blog-corps .blog-card{position:relative;display:block;overflow:hidden;text-decoration:none;color:inherit;aspect-ratio:5/4;background:#1a1a1c;}
.blog-corps .blog-card-img{position:absolute;inset:0;}
.blog-corps .blog-card-img img{width:100%;height:100%;object-fit:cover;filter:brightness(.7);transition:transform .7s ease,filter .5s ease;}
.blog-corps .blog-card:hover .blog-card-img img{transform:scale(1.05);filter:brightness(.6);}
.blog-corps .blog-card-overlay{position:absolute;left:0;right:0;bottom:0;padding:28px;background:linear-gradient(to top,rgba(0,0,0,.92) 0%,rgba(0,0,0,.7) 50%,rgba(0,0,0,0) 100%);color:#fff;}
.blog-corps .blog-card-title{font-family:'Barlow Condensed',sans-serif;font-size:24px;color:#fff;margin:0 0 8px;line-height:1.2;}
.blog-corps .blog-card-excerpt{color:#d0d0d0;font-size:14px;line-height:1.6;margin:0 0 10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.blog-corps .blog-card-cta{font-family:'Barlow Condensed',sans-serif;font-size:13px;letter-spacing:.22em;text-transform:uppercase;color:#c8aa6e;}
.blog-corps .blog-card:hover .blog-card-cta{color:#e2c98a;}
.blog-corps .blog-empty{font-style:italic;color:rgba(255,255,255,.5);margin:24px 0;}

/* -- Landing : chapô + sections catégorie + chute confidentialité -- */
.blog-landing .blog-chapo{font-size:18px;line-height:1.7;color:rgba(255,255,255,.8);margin:0 0 44px;}
.blog-landing .blog-cat{margin-bottom:56px;border-top:1px solid rgba(200,170,110,.3);padding-top:40px;} /* S150 : separateur au-dessus de chaque categorie */
.blog-landing .blog-cat h2{font-family:'Barlow Condensed',sans-serif;font-size:1.8rem;color:#fff;margin:0 0 14px;display:flex;align-items:baseline;gap:16px;} /* S150 1c (ACO1) : Voir tous juste a droite du titre */
.blog-landing .blog-cat h2 a{color:inherit;text-decoration:none;transition:color .25s ease;}
.blog-landing .blog-cat h2 a:hover{color:#c8aa6e;}
.blog-landing .blog-cat h2 a.blog-cat-voirtous{font-size:14px;letter-spacing:.12em;text-transform:uppercase;color:#c8aa6e;white-space:nowrap;} /* S150 1c (ACO1) */
.blog-landing .blog-cat h2 a.blog-cat-voirtous:hover{color:#fff;}
.blog-landing .blog-cat-more{margin-top:20px;}
.blog-landing .blog-cat-more a{font-family:'Barlow Condensed',sans-serif;letter-spacing:.12em;text-transform:uppercase;font-size:14px;color:#c8aa6e;text-decoration:none;}
.blog-landing .blog-cat-more a:hover{color:#fff;}
.blog-landing .blog-chute{font-size:17px;margin:0 0 14px;}

/* -- encart « Le mot de Monsieur R » — pattern FIGÉ (§10bis / D737 / D738) -- */
.blog-corps .mr-note{margin:40px 0;padding:1.15rem 1.5rem;background:rgba(200,170,110,.06);border-left:3px solid #c8aa6e;font-style:italic;}
.blog-corps .mr-note::before{bottom:auto;font-size:70px;font-style:normal;}
.blog-corps .mr-note p{margin:0;font-size:16px;width:80%;color:rgba(255,255,255,.82);}
.blog-corps .mr-note p:first-child{font-style:normal;font-family:'Barlow Condensed',sans-serif;text-transform:uppercase;letter-spacing:.08em;font-size:.78rem;color:#c8aa6e;margin-bottom:10px;}
.blog-corps .mr-note p:first-child strong{font-weight:500;}

/* -- Catégorie : pagination prev/next (D626) -- */
.blog-pagination{display:flex;gap:16px;margin-top:40px;}
.blog-pagination .blog-page-link{font-family:'Barlow Condensed',sans-serif;letter-spacing:.1em;text-transform:uppercase;font-size:14px;color:#c8aa6e;text-decoration:none;}
.blog-pagination .blog-page-link[rel="next"]{margin-left:auto;}
.blog-pagination .blog-page-link:hover{color:#fff;}

/* -- Article : corps TipTap libre (body_html, D622) -- */
.blog-article .blog-article-hero{float:right;width:50%;margin:-9px 0 18px 30px;overflow:hidden;}
.blog-article .blog-article-hero img{width:100%;aspect-ratio:5/4;object-fit:cover;display:block;}
.blog-article article::after{content:"";display:block;clear:both;}
@media (max-width:767px){.blog-article .blog-article-hero{float:none;width:100%;margin:0 0 24px;}}
.blog-article article > h1{margin:0 0 5px;}
.blog-corps .blog-article-date{font-family:'Barlow Condensed',sans-serif;letter-spacing:.12em;text-transform:uppercase;font-size:14px;color:#c8aa6e;margin:0 0 22px;}
.blog-article article > h2{font-family:'Barlow Condensed',sans-serif;font-size:1.6rem;color:#fff;margin:36px 0 14px;}
.blog-article article > h3{font-family:'Barlow Condensed',sans-serif;font-size:1.25rem;color:#fff;margin:28px 0 12px;}
.blog-article article p{font-size:17px;line-height:1.75;margin:0 0 18px;color:#afafaf;} /* gris PLEIN (= blanc 65% sur #1b1b1b) → émojis à 100%, S94 */
.blog-article article ul,.blog-article article ol{margin:14px 0 20px;padding-left:1.3rem;}
.blog-article article li{font-size:17px;color:#afafaf;margin-bottom:8px;}
.blog-article article li strong{color:inherit;} /* S150 1b (ACO3) */
.blog-article article img{max-width:100%;height:auto;margin:20px 0;}
/* Taille + alignement des images de corps (AC-95-images, S96). Classes posées par l'éditeur TipTap ; miroir de .tt-editor img.* dans admin.ts. Habillage du texte via float (gauche/droite), bloc centré sinon. Floats purgés par .blog-article article::after (clearfix existant). */
.blog-article article img.img-30{width:30%;}
.blog-article article img.img-50{width:50%;}
.blog-article article img.img-75{width:75%;}
.blog-article article img.img-full{width:100%;}
.blog-article article img.img-left{float:left;margin:6px 26px 14px 0;}
.blog-article article img.img-right{float:right;margin:6px 0 14px 26px;}
.blog-article article img.img-center{display:block;float:none;margin:20px auto;}
.blog-article article img.img-full{display:block;float:none;margin:22px 0;}
@media (max-width:767px){.blog-article article img.img-30,.blog-article article img.img-50,.blog-article article img.img-75{width:100%;float:none;display:block;margin:20px 0;}}
/* Miroir des classes image pour la description longue d'évènement (« Ce qui vous attend »), mêmes classes TipTap. */
.evenement-corps .evenement-longtexte::after{content:"";display:block;clear:both;}
.evenement-corps .evenement-longtexte img{max-width:100%;height:auto;margin:20px 0;}
.evenement-corps .evenement-longtexte img.img-30{width:30%;}
.evenement-corps .evenement-longtexte img.img-50{width:50%;}
.evenement-corps .evenement-longtexte img.img-75{width:75%;}
.evenement-corps .evenement-longtexte img.img-full{width:100%;}
.evenement-corps .evenement-longtexte img.img-left{float:left;margin:6px 26px 14px 0;}
.evenement-corps .evenement-longtexte img.img-right{float:right;margin:6px 0 14px 26px;}
.evenement-corps .evenement-longtexte img.img-center{display:block;float:none;margin:20px auto;}
.evenement-corps .evenement-longtexte img.img-full{display:block;float:none;margin:22px 0;}
@media (max-width:767px){.evenement-corps .evenement-longtexte img.img-30,.evenement-corps .evenement-longtexte img.img-50,.evenement-corps .evenement-longtexte img.img-75{width:100%;float:none;display:block;margin:20px 0;}}
.blog-article article a{color:#c8aa6e;text-decoration:underline;text-underline-offset:2px;}
.blog-article article blockquote{margin:24px 0;padding:1rem 1.4rem;border-left:3px solid rgba(200,170,110,.5);background:#222;font-style:italic;color:#d3d3d3;}
/* Vue « Mes évènements organisés » (S102, D14/D852) — liste gardée + code d'accès privé en clair. */
.mon-compte-orga{list-style:none;padding:0;margin:1.2rem 0;}
.mon-compte-orga-item{padding:1rem 1.2rem;margin:0 0 1rem;background:#222;border-left:3px solid rgba(200,170,110,.5);}
.mon-compte-orga-item>strong{font-size:1.15rem;color:#c8aa6e;}
.mon-compte-orga-item .mon-compte-profil{margin:.5rem 0 0;}
.mon-compte-code{letter-spacing:.08em;font-size:1.1rem;color:#c8aa6e;font-weight:700;}
/* Inscription à un évènement (S103 inc.1) — CTA doré « Participer » en tête (calque .butn-gold home)
   + modale ZÉRO JS via :target. Le CTA se place dans la colonne droite de la tête, sous les badges. */
.evenement-corps .evenement-tete-droite{display:flex;flex-direction:column;align-items:flex-end;gap:14px;}
.evenement-corps .evenement-participer-info{margin:0;font-family:'Barlow Condensed',sans-serif;font-size:15px;letter-spacing:.06em;color:#c8aa6e;text-align:right;max-width:16em;}
/* Bouton d'état INERTE (demande déjà envoyée) — même allure dorée que « Participer » mais non cliquable. */
.evenement-corps .evenement-participer-done{display:inline-block;font-family:'Barlow Condensed',sans-serif;text-transform:uppercase;background:#c8aa6e;color:#1c1c1e;padding:13px 26px;font-size:15px;letter-spacing:3px;cursor:default;}
/* Bouton doré « Participer » — calque .recevoir-corps .butn-gold (remplissage glissant, texte→doré au survol). */
.evenement-corps .butn-gold{position:relative;line-height:1.2em;display:inline-block;}
.evenement-corps .butn-gold a{display:inline-block;font-weight:400;font-family:'Barlow Condensed',sans-serif;text-transform:uppercase;background:#c8aa6e;color:#1c1c1e;padding:13px 26px;position:relative;font-size:15px;letter-spacing:3px;text-decoration:none;overflow:hidden;}
.evenement-corps .butn-gold a:after{content:'';width:0;height:100%;position:absolute;bottom:0;left:100%;z-index:1;background:#1b1b1b;transition:all .3s ease;}
.evenement-corps .butn-gold a span{position:relative;z-index:2;}
.evenement-corps .butn-gold a:hover:after{width:100%;left:0;transition:width .3s ease;}
.evenement-corps .butn-gold a:hover span{color:#c8aa6e;}
/* Modale ZÉRO JS (:target). Cachée par défaut, affichée quand l'URL cible #participer. */
.evenement-modal{display:none;}
.evenement-modal:target{display:flex;position:fixed;inset:0;z-index:1200;align-items:center;justify-content:center;padding:20px;}
.evenement-modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.74);}
.evenement-modal-box{position:relative;z-index:1;width:100%;max-width:440px;background:#1c1c1e;border:1px solid rgba(200,170,110,.4);padding:2rem 2.2rem 2.2rem;box-shadow:0 18px 60px rgba(0,0,0,.6);}
.evenement-modal-box h2{font-size:1.35rem;color:#c8aa6e;margin:0 0 1rem;}
.evenement-modal-box p{margin:.4rem 0;color:#d3d3d3;}
.evenement-modal-close{position:absolute;top:.4rem;right:.85rem;font-size:1.7rem;line-height:1;color:#c8aa6e;text-decoration:none;}
.evenement-modal-close:hover{color:#e8c98a;}
/* Bouton(s) d'action centré(s) dans la bande sous le texte : marge haute ≈ padding bas de la modale.
   Sélecteur préfixé .evenement-modal-box … pour passer DEVANT .evenement-modal-box p{margin:.4rem 0}
   (plus spécifique) qui écrasait sinon la marge — cause du bouton « trop haut ». */
.evenement-modal-box .evenement-modal-action{margin:2rem 0 0;display:flex;flex-wrap:wrap;gap:.6rem;}
/* .butn-dark2 sur un <a> (modale) reste inline → padding vertical mal géré : on force inline-block.
   Le texte reste centré par les métriques du bouton (comme sur les formulaires /mon-compte) — non touché. */
.evenement-modal-box .butn-dark2{display:inline-block;}
.evenement-inscription-form{margin:.6rem 0 0;}
.evenement-inscription-roles{border:0;padding:0;margin:0 0 1.2rem;}
.evenement-inscription-roles legend{font-size:1rem;color:#d3d3d3;margin:0 0 .6rem;padding:0;}
.evenement-inscription-role{display:flex;align-items:center;gap:.5em;margin:0 0 .5em;color:#eee;cursor:pointer;}
.evenement-inscription-role input[type=radio]{accent-color:#c8aa6e;}

/* ============================================================
   Le LuX — /adhesion (S119) : corps prose + autocomplete adresse (BAN).
   Scope .adhesion-corps (calque .recevoir-corps / .etre-informe-corps).
   Page sans bandeau : padding-top posé inline sur la section.
   ============================================================ */
.adhesion-corps h1{font-size:clamp(2rem,4vw,2.6rem);font-weight:400;line-height:1.1;letter-spacing:-.01em;text-transform:uppercase;color:#f5f3ef;font-family:'Barlow Condensed',sans-serif;margin:0 0 22px;}
.adhesion-corps p{margin-bottom:16px;font-size:17px;color:rgba(255,255,255,.65);line-height:1.7;}
.adhesion-corps p:last-of-type{margin-bottom:0;}
.adhesion-corps p strong{color:#c8aa6e;}
.adhesion-corps ul.adhesion-access{list-style:none;padding:0;margin:0 0 16px;}
.adhesion-corps ul.adhesion-access li{position:relative;padding-left:22px;margin-bottom:8px;font-size:17px;color:rgba(255,255,255,.65);line-height:1.6;}
.adhesion-corps ul.adhesion-access li:before{content:"";position:absolute;left:0;top:11px;width:6px;height:6px;background:#c8aa6e;border-radius:50%;}
.adhesion-corps section{margin-bottom:48px;}
.adhesion-corps section:last-of-type{margin-bottom:0;}
.adhesion-corps .form-note{font-size:14px;color:rgba(255,255,255,.45);margin-top:8px;margin-bottom:0;}
.adhesion-corps label.field-label{display:block;font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:rgba(255,255,255,.5);margin-bottom:2px;}
.adhesion-corps label.field-label .opt{letter-spacing:.04em;text-transform:none;color:rgba(255,255,255,.35);font-size:12px;}
.adhesion-corps .lelux-form{margin-top:30px;}
.adhesion-corps .lelux-form input[type="date"]{appearance:none;-webkit-appearance:none;background:transparent;border:0;border-bottom:1px solid #333;border-radius:0;color:rgba(255,255,255,.6);padding:10px 0;font-family:'Barlow',sans-serif;font-size:17px;width:100%;margin-bottom:15px;}
.adhesion-corps .lelux-form input[type="date"]::-webkit-calendar-picker-indicator{filter:invert(.7);}
.adhesion-corps .form-group{margin-bottom:6px;}
.adhesion-corps .adhesion-ac{position:relative;}
.adhesion-corps .adhesion-ac-suggest{position:absolute;left:0;right:0;top:100%;z-index:30;list-style:none;margin:0;padding:6px 0;background:#1c1c1e;border:1px solid rgba(200,170,110,.35);border-top:0;max-height:250px;overflow:auto;box-shadow:0 12px 30px rgba(0,0,0,.4);}
.adhesion-corps .adhesion-ac-suggest li{padding:9px 14px;font-size:15px;color:rgba(255,255,255,.75);cursor:pointer;font-family:'Barlow',sans-serif;line-height:1.4;}
.adhesion-corps .adhesion-ac-suggest li:hover,.adhesion-corps .adhesion-ac-suggest li.is-active{background:rgba(200,170,110,.14);color:#f5f3ef;}

/* =====================================================================
   S123 — espace membre : homogeneite des champs auth (login, premiere
   connexion, mot de passe oublie, reinitialisation). Scope .mon-compte-corps
   uniquement -> le digicode d'evenement (.evenement-corps .prive-gate) reste
   intact. Neutralise le style encadre/MAJUSCULES du digicode qui debordait sur
   le n° de membre (type=text) et sur les mots de passe affiches en clair.
   ===================================================================== */
.mon-compte-corps .prive-gate-actions input:not([type=checkbox]):not([type=file]),
.mon-compte-corps .prive-gate-actions input[type=text]{
  width:100%;box-sizing:border-box;min-width:0;
  padding:12px 2px;font-size:16px;letter-spacing:normal;text-transform:none;
  background:transparent;border:0;border-bottom:1px solid #444;border-radius:0;color:#eee;
}
.mon-compte-corps .prive-gate-actions input::placeholder{text-transform:none;letter-spacing:normal;color:#8a8a8a;}
.mon-compte-corps .prive-gate-actions input:focus{outline:none;border-bottom-color:#c8aa6e;}
/* Autofill Chrome : retire le fond jaune, garde le fond sombre de la section (#1b1b1b). */
.mon-compte-corps .prive-gate-actions input:-webkit-autofill,
.mon-compte-corps .prive-gate-actions input:-webkit-autofill:hover,
.mon-compte-corps .prive-gate-actions input:-webkit-autofill:focus{
  -webkit-text-fill-color:#eee;caret-color:#eee;
  -webkit-box-shadow:0 0 0 1000px #1b1b1b inset;box-shadow:0 0 0 1000px #1b1b1b inset;
  transition:background-color 99999s ease-in-out 0s;
}
/* Toggle « afficher les mots de passe » : sa propre ligne, alignee a gauche, discrete. */
.mon-compte-corps .prive-gate-showpw{flex-basis:100%;text-align:left;margin:6px 0 14px;font-size:.85em;opacity:.85;}
/* Liens secondaires (premiere venue / mot de passe oublie) : resserres. */
.mon-compte-corps .mon-compte-alt{margin:5px 0 0;font-size:.95em;}
/* ── Bénévolat — formulaire de candidature /etre-benevole (S146) ── */
.benevole-candidature h2{margin-top:40px;}
.benevole-candidature{font-size:15px;}
.benevole-candidature .form-group>label{display:block;color:rgba(255,255,255,0.6);font-size:15px;margin-bottom:4px;}
.benevole-candidature .help{font-size:15px;}
.benevole-candidature input[type="date"]{max-width:100%;width:100%;display:block;margin-bottom:15px;padding:10px 0;height:auto;background-color:transparent;border:0;border-bottom:1px solid #333;font-family:'Barlow',sans-serif;font-size:15px;color:rgba(255,255,255,0.7);line-height:1.5em;}
.benevole-candidature input[type="date"]:focus{outline:none;border-bottom-color:#aa8453;}
.benevole-candidature input[type="date"]::-webkit-calendar-picker-indicator{filter:invert(0.8);opacity:.6;cursor:pointer;}
.benevole-candidature input[type="file"]{color:rgba(255,255,255,0.6);font-size:14px;padding:8px 0;margin-bottom:22px;}
.benevole-candidature input[type="file"]::file-selector-button{background:transparent;color:#c8aa6e;border:1px solid #c8aa6e;border-radius:3px;padding:6px 14px;margin-right:12px;cursor:pointer;font-family:'Barlow',sans-serif;font-size:13px;letter-spacing:.04em;text-transform:uppercase;}
.benevole-candidature .benevole-photo-preview{margin-top:12px;width:120px;height:150px;object-fit:cover;border:1px solid #333;border-radius:4px;display:none;}
.benevole-candidature label input[type="checkbox"],.benevole-candidature label input[type="radio"]{width:auto;display:inline;margin-right:6px;}
/* Bénévolat mode 2 — select sur la fiche évènement (S146) */
.evenement-benevole select{max-width:100%;width:100%;display:block;margin-bottom:15px;padding:10px 0;background-color:transparent;border:0;border-bottom:1px solid #333;color:rgba(255,255,255,0.7);font-family:'Barlow',sans-serif;font-size:15px;}
.evenement-benevole select option{color:#111;}

/* ── Commentaires (S148b, D814) — blog « Au creux de l'oreille » + fiches évènements ── */
.lux-comments-section{padding:16px 0 90px}
.lux-comments{border-top:1px solid rgba(200,170,110,.25);padding-top:20px}
.lux-comments-article{margin-top:-84px}
.lux-comments-evenement{margin-top:-96px}
.cmt-count{font-size:14px;color:rgba(255,255,255,.5);margin-left:6px;white-space:nowrap;font-family:'Barlow',sans-serif}
.lux-comments-title{font-family:'Barlow Condensed',sans-serif;color:#c8aa6e;font-size:26px;letter-spacing:1px;margin-bottom:24px;text-transform:uppercase}
.lux-comment{border-left:2px solid #2a2a2a;padding:6px 0 6px 16px;margin:0 0 18px 0}
.lux-comment-reply{margin:12px 0 12px 28px;border-left-color:rgba(200,170,110,.28)}
.lux-comment-head{margin:0 0 4px 0;font-size:14px}
.lux-comment-author{color:#c8aa6e;font-weight:600;font-family:'Barlow Condensed',sans-serif;letter-spacing:.4px;font-size:17px}
.lux-comment-date{color:rgba(255,255,255,.4);font-size:14px;margin-left:8px}
.lux-comment-body{color:#afafaf;font-size:16px;line-height:1.6;margin:0}
.lux-comment-reply-toggle{margin:4px 0 0 0}
.lux-comment-reply-toggle>summary{cursor:pointer;color:rgba(255,255,255,.5);font-size:14px;list-style:none}
.lux-comment-reply-toggle>summary::-webkit-details-marker{display:none}
.lux-comment-reply-toggle>summary:hover{color:#c8aa6e}
.lux-comment-add-title{font-family:'Barlow Condensed',sans-serif;color:#c8aa6e;font-size:18px;letter-spacing:.5px;margin:28px 0 6px 0;text-transform:uppercase}
.lux-comment-tagline{color:rgba(255,255,255,.6);font-size:15px;font-style:italic;margin:0 0 14px}
.lux-comment-form{margin:10px 0 0 0}
.lux-comment-form input[type=text],.lux-comment-form textarea{width:100%;background:#222;border:1px solid #333;color:#eee;padding:11px 14px;font-family:'Barlow',sans-serif;font-size:15px;border-radius:3px;box-sizing:border-box}
.lux-comment-form textarea{resize:vertical;min-height:80px}
.lux-comment-form input:focus,.lux-comment-form textarea:focus{outline:none;border-color:#c8aa6e}
.lux-comment-form p{margin:0 0 10px 0}
.lux-comment-invite{color:rgba(255,255,255,.6);font-size:15px}
.lux-comment-invite a{color:#c8aa6e;text-decoration:underline}
.lux-comments-empty{color:rgba(255,255,255,.45);font-style:italic;font-size:15px;margin-bottom:20px}
.lux-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
.lux-emoji-wrap{position:relative;display:inline-block;margin:0 0 8px 0}
.lux-emoji-btn{background:#222;border:1px solid #333;border-radius:3px;font-size:18px;line-height:1;padding:5px 9px;cursor:pointer}
.lux-emoji-btn:hover{border-color:#c8aa6e}
.lux-emoji-pop{position:absolute;top:calc(100% + 4px);left:0;z-index:30;display:flex;flex-wrap:wrap;gap:2px;width:250px;background:#1b1b1b;border:1px solid #333;border-radius:6px;padding:8px;box-shadow:0 8px 24px rgba(0,0,0,.5)}
.lux-emoji{border:none;background:transparent;font-size:1.3rem;line-height:1;padding:4px 6px;cursor:pointer;border-radius:5px}
.lux-emoji:hover{background:#333}
.lux-comment-addhead{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:28px 0 6px 0}
.lux-comment-addhead .lux-comment-add-title{margin:0}
.lux-emoji-host{display:inline-flex}
.lux-emoji-host .lux-emoji-wrap{margin:0}
.lux-emoji-host .lux-emoji-pop{left:auto;right:0}
.lux-lb-open{display:block;height:100%;cursor:zoom-in}
.lux-lightbox{display:none;position:fixed;inset:0;z-index:1200;background:rgba(0,0,0,.93);align-items:center;justify-content:center;padding:40px;box-sizing:border-box}
.lux-lightbox:target{display:flex}
.lux-lightbox img{max-width:92vw;max-height:88vh;width:auto;height:auto;object-fit:contain}
.lux-lb-close{position:absolute;top:16px;right:26px;color:#fff;font-size:34px;line-height:1;text-decoration:none}
.lux-lb-prev,.lux-lb-next{position:absolute;top:50%;transform:translateY(-50%);color:#fff;font-size:52px;line-height:1;text-decoration:none;padding:8px 18px;opacity:.8}
.lux-lb-prev:hover,.lux-lb-next:hover,.lux-lb-close:hover{opacity:1;color:#c8aa6e}
.lux-lb-prev{left:10px}
.lux-lb-next{right:10px}
.ev-meta{display:inline-flex;align-items:center;gap:6px;margin-left:22px;color:rgba(255,255,255,.55);font-size:15px;vertical-align:middle}
.ev-meta-i{display:inline-flex;align-items:center;gap:4px}
.ev-meta-i svg{opacity:.85}
.ev-meta-sep{opacity:.4;margin:0 3px}
.ev-meta-dot{opacity:.4}
.ev-info{display:inline-flex;vertical-align:middle;margin-left:3px;color:rgba(255,255,255,.5);cursor:pointer;text-decoration:none}
.ev-info:hover,.ev-info:focus{color:#c8aa6e;outline:none}
.lux-info-modal{display:none;position:fixed;inset:0;z-index:1100;background:rgba(0,0,0,.8);padding:24px;overflow:auto;align-items:flex-start;justify-content:center}
.lux-info-modal:target{display:flex}
.lux-info-card{background:#111;border:1px solid #2a2a2a;border-radius:8px;max-width:460px;width:100%;margin-top:10vh;padding:30px 28px;position:relative;color:#e9e9e9}
.lux-info-card h3{font-family:'Gilda Display',serif;color:#c8aa6e;font-size:1.4rem;margin:0 0 12px}
.lux-info-card p{font-size:15px;line-height:1.65;color:#cfcfcf;margin:0}
.lux-info-close{position:absolute;top:8px;right:14px;color:#aaa;text-decoration:none;font-size:26px;line-height:1}