@import url("https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300..900;1,300..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Rubik:ital,wght@0,300..900;1,300..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap");

/* Add this to your WordPress theme's style.css file or in the Additional CSS section of the Customizer */

:root {
  font-size: 85%; /* Adjust this value to change the overall scale */
}

body,
button,
input,
select,
textarea {
  font-size: 1rem; /* Use relative units */
}

/* Adjust headings if needed */
h1 {
  font-size: 2.5rem;
}
h2 {
  font-size: 2rem;
}
h3 {
  font-size: 1.75rem;
}
h4 {
  font-size: 1.5rem;
}
h5 {
  font-size: 1.25rem;
}
h6 {
  font-size: 1rem;
}

h1, h2, h3, h4, h5, h6 {
  text-align: start;
}

* {
  box-sizing: border-box;
}

/* Style the scrollbar track */
::-webkit-scrollbar {
  width: 12px; /* width for vertical scrollbar */
  height: 12px; /* height for horizontal scrollbar */
}

/* Style the scrollbar thumb */
::-webkit-scrollbar-thumb {
  background-color: var(--main-color);
}

/* Style the scrollbar track background */
::-webkit-scrollbar-track {
  background: var(--secondary-color);
}

/* For Firefox */
* {
    scrollbar-width: thin; /* Options: auto, thin, none */
    scrollbar-color: var(--main-color) var(--secondary-color); /* thumb color, track color */
  }  

.pdiffcolor {
  color: #9b9b9b;
}

.ptc {
  padding-top: 5rem;
}

/* Rubik font for paragraphs */

.rubik-font {
  font-family: "Rubik", sans-serif;
}

/* Playfair font for paragraphs */

.playfair-display-font {
  font-family: "Playfair Display", serif;
}

.playfair-display-bold {
  font-family: "Playfair Display", serif;
  font-weight: 700;
}

:root {
  --main-color: #cfa36c;
  --secondary-color: #403735;
  --mini-titre: #cfa36c;
}



.zlj-bg,
#wrapper,
body {
  background-repeat: no-repeat;
  background-position: center;
  background-attachment: fixed;
  background-size: cover;
  background-image: url("/wp-content/themes/nj-hotel/assets/svg/Rooms.svg");
}

.custom-container {
  padding-inline: 5% !important;
}

#mailpoet_form_2 form.mailpoet_form {
  padding: 20px 0 0 20px !important;
}

.mxwtitle {
  max-width: 750px;
  margin: auto;
}

.mxwp {
  max-width: 350px;
  margin: auto;
  margin-bottom: 1rem;
}

.pmaincolor {
  color: var(--main-color) !important;
}

.cmain {
  background-color: var(--main-color);
  color: white;
}

.bgdark {
  background-color: var(--secondary-color);
}

button:focus:not(:focus-visible) {
  box-shadow: none;
}

.cursorpointer {
  cursor: pointer;
}

.mxwidth1000 {
  max-width: 1000px !important;
}

body {
  background-color: #fffbf9 !important;
}

.bg-dark-color {
  background-color: var(--secondary-color);
}

p,
li,
a,
div {
  font-family: "Rubik", sans-serif;
  text-align: justify;
}

p {
  font-family: "Rubik", sans-serif;
  font-weight: 400;
}

p, div {
  font-size: 1.1rem;
}

a{
  font-size: 1rem;
}

.widthlogoscroll {
  width: 200px;
  height: 60px !important;
}

.widthlogonoscroll {
  width: 120px;
  height: 60px !important;
}

.whitelang {
  color: white !important;
  border: 1px solid white !important;
}

.classimgforms img {
  object-fit: cover;
  border-radius: 1rem;
}

.light_hover {
  color: black;
}

.bg12white {
  border: 2px solid rgba(0, 0, 0, 0.12);
  border-radius: 0 0 1rem 1rem;
}

.mini-titre {
  color: #cb946a;
  background-color: #cb946a3b;
  border-radius: 5px;
  padding: 0.5rem;
  font-family: "Playfair Display", serif;
  margin-bottom: 2rem;
}

.mini-titre-nofonts {
  color: #cb946a;
  background-color: #cb946a3b;
  border-radius: 5px;
  padding: 0.5rem;
  margin-bottom: 2rem;
}

.bg-darkc {
  background-color: var(--secondary-color);
}

.fwb {
  font-weight: bold;
}

.titre-page {
  color: white;
}

/* .bg-pattern {
  background-image: url("/wp-content/themes/nj-hotel/assets/svg/aaaz 1.png");
  background-size: cover;
  background-position: center;
} */

.slick-dotted.slick-slider {
  margin-bottom: 0 !important;
}

.custom-pagination-number {
  color: white;
}

.bg-clothes .slick-list {
  /* height: 422px !important; */
  border-radius: 0.8rem;
}

.bg-clothes .slick-track {
  height: 100% !important;
}

.image_icon {
  width: 100%;
}

.custom-pagination-number.active {
  background-color: var(--secondary-color);
  padding: 0.1rem 0.9rem;
  border-radius: 4px;
  transition: all 0.2s;
  color: white;
}

.mxw {
  max-width: 50px;
}

.fst {
  font-size: 3.3rem;
}

/* Pop up btn */

.pop-btn {
  width: 90% !important;
  /* text-align: center; */
  display: flex;
  justify-content: center;
  margin: 1.5rem auto;
}

.btn_transparent {
  border-radius: 15px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  background: rgba(255, 255, 255, 0.1) !important;
}

/* Pop up btn */

.bg-clothes {
  background-image: url("/wp-content/themes/nj-hotel/assets/svg/clothev2.png");
  background-position: right;
  background-size: 60%;
  background-repeat: no-repeat;
}

.inner-container {
  background-size: cover;
  background-position: center;
  border-radius: 0 0 3rem 3rem;
  margin: auto;
  z-index: 2;
  position: relative;
}

.inner-container::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 0 0 3rem 3rem;
  top: 0;
  left: 0;
  background-color: #0000007c;
}

.inner-container::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 0 0 3rem 3rem;
  top: 0;
  left: 0;
  background-image: linear-gradient(to bottom, #000000b9, #00000017);
}

.parent-inner-container {
  z-index: 2;
  position: relative;
}

.parent-inner-container::after {
  content: "";
  position: absolute;
  z-index: 0;
  width: 99%;
  left: 0.5%;
  background-color: var(--main-color);
  height: 45px;
  margin: auto;
  background-image: url("/wp-content/themes/nj-hotel/assets/svg/bannerunderbg.svg");
  border-radius: 0 0 3rem 3rem;
  top: 89%;
  box-shadow: 0px 3px 4px 0px rgba(142, 142, 142, 0.73);
  -webkit-box-shadow: 0px 3px 4px 0px rgba(142, 142, 142, 0.73);
  -moz-box-shadow: 0px 3px 4px 0px rgba(142, 142, 142, 0.73);
}

.w99 {
  width: 99%;
}

.light_hover:hover,
.light_hover:focus {
  color: var(--main-color);
  transition: 0.5s;
  /* text-decoration: underline;
    text-underline-offset: .5rem; */
}

.p-color-grey {
  color: #9b9b9b;
}

.ftcontent {
  width: fit-content !important;
}

.w24px {
  width: 24px;
}

.ftcontenth {
  height: fit-content;
}

.suiteroom {
  border: 1px solid white;
  border-radius: 1.2rem;
  padding: 0.5rem 1.5rem;
  cursor: pointer;
  font-family: "Playfair Display";
  font-size: 1.1rem;
  font-weight: 600;
}

.suiteroom.active {
  background-color: white;
  color: var(--secondary-color);
}

.bg-dark-leather {
  background-image: url() !important;
}

.dc {
  color: var(--Brown-shade, #cfa36c);
  font-family: "Playfair Display";
  font-weight: 700;
  text-transform: uppercase;
}

.mini-titre-slider {
  color: var(--White, #fff);
  font-size: 1.333rem;
  font-weight: 200;
  text-transform: uppercase;
}

h1,
h2,
h3,
h4,
h5,
h6,
.navbar-expand-md .navbar-nav .nav-link {
  font-family: "Playfair Display", serif;
}

.navbar-nav {
  overflow-y: scroll;
  height: 100vh;
  padding-bottom: 3rem;
}

.navbar-expand-md .navbar-nav .nav-link:hover,
.navbar-expand-md .navbar-nav .nav-link:focus {
  color: var(--mini-titre);
  padding-bottom: 0.5rem;
  text-underline-offset: 0.5rem;
  text-decoration: 2px underline;
}

.navbar-toggler:focus {
  box-shadow: none !important;
}

/* .container-logo-menu {
    margin-right: 10%;
} */

.navbar-toggler {
  border: 0 !important;
}

.offcanvas-body ul li a:hover,
.offcanvas-body ul li a:focus,
.offcanvas-body ul li a:active,
.dropdown-toggle.show {
  color: var(--main-color) !important;
}

.offcanvas-body {
  display: flex;
  padding: 0 2% 2% 18% !important;
  justify-content: space-around;
}

.menu-holder {
  width: 98vw;
  margin: 0;
  padding: 0;
  height: 100vh;
  left: 0;
  top: 0;
  position: fixed;
}

.menu-holder-hidden {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.4s ease, visibility 0s 0.4s;
}

.menu-holder-visible {
  z-index: 99;
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transition: opacity 0.4s ease, visibility 0s;
}

.ttxl {
  transform: translateX(-100%);
  transition: transform 0.4s ease;
}

.ttxr {
  transform: translateX(100%);
  transition: transform 0.4s ease;
}

.left-menu.open {
  transform: translateX(0);
}

.right-menu.open {
  transform: translateX(0);
}

/* modal */

.modal.fade .modal-dialog {
  transform: translateY(100%); /* Start from the bottom */
  transition: transform 1s ease-out; /* 1 second to appear */
}

.modal.fade.show .modal-dialog {
  transform: translateY(0); /* Move to its normal position */
}

.img_close_modal {
  width: 25px;
  height: 25px;
}

/* Custom width for the modal */
.modal-popup {
  max-width: 1100px; /* Custom width */
}

.one_bg::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 8px 0 0 8px;
  z-index: 2;
  background-color: rgba(255, 246, 239, 0.83);
}

.one_bg {
  border-radius: 8px 0 0 8px;
}

.two_bg {
  border-radius: 0 8px 8px 0;
}

.two_bg .modal-body {
  color: white;
}

.two_bg::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 0 8px 8px 0;
  z-index: 2;
  border: 1px solid rgba(207, 163, 108, 0.24);
  background: linear-gradient(
    0deg,
    rgba(64, 55, 53, 0.8) 0%,
    rgba(64, 55, 53, 0.8) 100%
  );
}

.modal-content > * {
  position: relative;
  z-index: 3;
}

.modal-popup .modal-header {
  border: none;
}

.modal-popup .modal-title {
  color: var(--Brown-shade, #cfa36c);
  text-align: center;
  font-family: "Playfair Display";
  font-size: 2.5rem;
  font-weight: 700;
  margin: auto;
}

.modal-popup .modal-content > * {
  max-width: 650px;
  margin-inline: auto;
}

.modal-popup .close {
  right: 5%;
  top: 5%;
  z-index: 4;
  cursor: pointer;
}

#oneTimeModal .close > img {
  width: 20px;
}

/* modal */

.offcanvas.hiding,
.offcanvas.show,
.offcanvas.showing,
.ocanvas,
.offcanvas {
  transition: all 0.6s !important;
}

.in-image-lang {
  top: 1rem;
  right: 1rem;
  background-color: var(--secondary-color);
  border-radius: 15px;
}

.in-image-lang #langDropdown {
  color: white;
  border: 1px solid white;
}

.offcanvasbg {
  background-image: url("/wp-content/themes/nj-hotel/assets/svg/bg.png");
  background-color: #fff6ef !important;
  backdrop-filter: blur(10px);
  background-size: cover;
}

.offcanvas-body .dropdown-menu {
  /* position: absolute !important; */
  left: 40% !important;
  top: -40% !important;
  background: transparent;
  box-shadow: none;
  border-radius: 0;
  border: none;
  padding: 0;
  border-left: 5px solid var(--main-color);
}

.offcanvas-body .dropdown-menu li a {
  font-size: 1.5rem;
  background-color: transparent;
  padding: 0 1rem;
}

.dropdown-toggle:after {
  display: none !important;
}

.offcanvas-body .dropdown-menu li a:not(:last-child) {
  margin-bottom: 0.6rem;
}

.current-menu-item a.active {
  color: black;
}

.offcanvas-body {
  display: flex;
  flex-direction: column;
  overflow-y: scroll;
  justify-content: space-around;
}

.offcanvas-body ul li a {
  color: var(--secondary-color);
  font-size: 2.4rem;
  font-family: "Playfair Display";
}

.btn-close {
  width: 25px !important;
  background-size: cover !important;
  height: 25px !important;
  /* background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'%3E%3C/g%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'%3E%3C/g%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Cpath d='M8.00191 9.41621C7.61138 9.02569 7.61138 8.39252 8.00191 8.002C8.39243 7.61147 9.0256 7.61147 9.41612 8.002L12.0057 10.5916L14.5896 8.00771C14.9801 7.61719 15.6133 7.61719 16.0038 8.00771C16.3943 8.39824 16.3943 9.0314 16.0038 9.42193L13.4199 12.0058L16.0039 14.5897C16.3944 14.9803 16.3944 15.6134 16.0039 16.004C15.6133 16.3945 14.9802 16.3945 14.5896 16.004L12.0057 13.42L9.42192 16.0038C9.03139 16.3943 8.39823 16.3943 8.00771 16.0038C7.61718 15.6133 7.61718 14.9801 8.00771 14.5896L10.5915 12.0058L8.00191 9.41621Z' fill='%230F0F0F'%3E%3C/path%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M23 4C23 2.34315 21.6569 1 20 1H4C2.34315 1 1 2.34315 1 4V20C1 21.6569 2.34315 23 4 23H20C21.6569 23 23 21.6569 23 20V4ZM21 4C21 3.44772 20.5523 3 20 3H4C3.44772 3 3 3.44772 3 4V20C3 20.5523 3.44772 21 4 21H20C20.5523 21 21 20.5523 21 20V4Z' fill='%23CFA36C'%3E%3C/path%3E%3C/g%3E%3C/svg%3E") !important; */
}

.language-switcher-dropdown {
  border: none;
  cursor: pointer;
  position: relative;
  display: inline-block;
}

.language-switcher-dropdown select,
.language-switcher-dropdown select option {
  padding: 0.8rem;
  cursor: pointer;
  background-color: transparent;
  border: 1px solid white;
  color: white;
  border-radius: 10px;
}

.dropdown-btn {
  background-color: transparent;
  backdrop-filter: blur(5px);
  padding: 0.3rem;
  border: 1px solid black;
  border-radius: 10px;
  color: black;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.arrow-down {
  margin-left: 10px;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #fffbf9;
  z-index: 3;
  width: 100%;
  list-style-type: none;
  padding: 0;
  border: 1px solid #ddd;
  margin: 0;
  border-radius: 10px;
}

.dropdown-content li {
  border-bottom: 1px solid #ddd;
  padding: 0.6rem;
  border-top: none !important;
  border-right: none !important;
  border-left: none !important;
  color: black;
  cursor: pointer;
}

.dropdown-content li:last-child {
  border: none;
}

.dropdown-content li a {
  text-decoration: none;
  color: #000;
  display: block;
}

/* Show dropdown content on hover */
.language-switcher-dropdown:hover .dropdown-content {
  display: block;
}

/* Hide the search overlay initially */
.search-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 9999; /* Ensure it's on top of everything */
}

/* Display the overlay when active */
.search-overlay.active {
  opacity: 1;
  visibility: visible;
}

/* Center the search form */
.search-form-overlay {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.search-input {
  width: 80%;
  padding: 1rem;
  border: none;
  border-radius: 5px;
  font-size: 1.5rem;
}

.search-submit {
  margin-top: 1rem;
  padding: 0.5rem 2rem;
  font-size: 1.2rem;
  border: none;
  border-radius: 5px;
  background-color: #cfa36c; /* Customize as needed */
  color: #fff;
  cursor: pointer;
}

.close-overlay {
  position: absolute;
  top: 1rem;
  right: 1rem;
  font-size: 2rem;
  color: #fff;
  background: none;
  border: none;
  cursor: pointer;
}

/* Custom button style applied to tous les buttons*/

.custom-button {
  padding: .7rem 1rem !important;
  border-radius: 15px;
  background: #403735;
  backdrop-filter: blur(8px);
  color: white;
  display: inline-flex; /* Changed from flex */
  position: relative;
  z-index: 10;
  gap: 0.7rem;
  transition: all 0.5s;
  overflow: hidden;
}

.custom-button p {
  transition: all 0.5s;
  z-index: 2;
  text-transform: uppercase;
  color: var(--White, #fff);
  font-weight: 450;
  display: flex;
  font-size: .9rem;
  align-items: center;
}

.custom-button::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  border-radius: 15px;
  background: rgba(255, 255, 255, 0.1);
  transition: all 0.2s;
  transform: translateX(-100%);
}

.custom-arrow {
  background: var(--main-color);
  border-radius: 50%;
  width: 25px;
  aspect-ratio: 1/1;
  transition: all 0.5s;
  overflow: hidden;
  z-index: 2;
}

.custom-bg-arrow {
  background: rgba(255, 255, 255, 0.1);
}

.custom-bg-btn {
  border-radius: 15px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  background: rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(8px);
}

.custom-m {
  margin-right: 20%;
}

.custom-arrow > * {
  transition: all 0.5s;
}

.custom-button:hover p {
  color: white;
  translate: 5px;
}

.custom-button .custom-arrow .arr1,
.custom-button .custom-arrow .arr2 {
  top: 50%;
  transform: translateY(-50%);
}

.custom-button .custom-arrow .arr2 {
  transform: translate(-100%, -50%);
}

.custom-button:hover .custom-arrow {
  translate: 5px;
  background: var(--secondary-color);
}

.custom-button:hover .custom-arrow {
  position: relative;
  overflow: hidden;
}

.custom-button:hover .custom-arrow::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0;
  height: 0;
  background-color: var(--secondary-color); /* New background color */
  border-radius: 50%;
  transform: translate(-50%, -50%);
  animation: expandCircle 0.4s ease-out forwards; /* 2 seconds for the transition */
}

@keyframes expandCircle {
  0% {
    width: 0;
    height: 0;
    opacity: 0;
  }
  100% {
    width: 100%; /* Large enough to cover the entire screen */
    height: 100%;
    opacity: 1;
  }
}

.custom-button:hover .custom-arrow .arr1 {
  transform: translate(100%, -50%);
}

.custom-button:hover .custom-arrow .arr2 {
  transform: translate(0%, -50%);
}

.custom-button:hover::before {
  background-color: var(--main-color);
  transform: translateX(0%);
}

.slick-initialized .slick-slide {
  display: flex !important;
  justify-content: center;
  align-items: center;
}

.slick-dots {
  bottom: 5% !important;
  width: 30% !important;
  left: 5% !important;
  display: flex !important;
  justify-content: space-between !important; /* Distribute space evenly */
  align-items: center !important;
}

.slick-dots li {
  flex: 1; /* Allow lines to grow and shrink */
  height: 3px !important;
  background-color: gray;
  margin: 0 5px; /* Adjust margin for spacing between lines */
  transition: background-color 0.3s ease;
}

.slick-dots li.slick-active {
  background-color: white;
}

.slick-dots li button:before {
  display: none;
}

.slide_nj {
  padding-top: 20%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  display: flex;
  justify-content: center;
  min-height: 100vh !important;
  align-items: center;
  padding: 5%;
  position: relative;
  z-index: 0;
}

.slider-container,
.slide_nj,
.slide_nj::after {
  border-radius: 0 0 4rem 4rem;
}

.slide_nj h1 {
  font-size: max(9vw, 3rem);
  font-weight: 600;
  font-family: "Montserrat", sans-serif;
  line-height: 60%;
  text-transform: uppercase;
}

.subheading {
  color: var(--White, #fff);
  font-size: 2rem;
  font-weight: 400;
  text-transform: uppercase;
}

.cssize {
  font-size: 6vw;
  margin-left: 1rem;
}

.slide_nj .content-container {
  background-image: url("/wp-content/themes/nj-hotel/assets/svg/Block hero.png");
  background-position: bottom right;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  margin-top: auto;
  margin-left: auto;
  gap: 1rem;
  border-radius: 4rem 0 4rem 0;
  padding: 2% 2% 30px 2%;
  justify-content: center;
}

.slide_nj .wrapper_hero {
  padding-left: 1.5rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.mxblendmode {
  mix-blend-mode: soft-light;
  object-fit: contain;
}

.slide_nj::after {
  content: "";
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  height: 100%;
}

.slide_nj::before {
  content: "";
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  height: 100%;
  background: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0.69) 0%,
    rgba(64, 55, 53, 0) 57.58%
  );
}

.navbar-expand-md .navbar-nav .nav-link {
  color: white;
  font-size: 1.1rem;
}

/* .search-form input, .search-form input:focus, .rech-btn {
    background: rgba(255, 255, 255, 0.10);
    stroke-width: 1px !important;
    color: white;
    border: 1px solid rgba(255, 255, 255, 0.10) !important;
    backdrop-filter: blur(8px);
} */

.search-form input::placeholder {
  color: #9e9e9e;
  font-size: 1rem;
  font-weight: 400;
}

.rech-btn {
  border-left: 0 !important;
}

.search-form input {
  border: 1px solid rgba(255, 255, 255, 0.1);
  max-width: 200px;
}

.search-form input:focus {
  border: 1px solid rgba(255, 255, 255, 0.842);
  box-shadow: none;
}

/*homepage*/

.grid-container {
  display: grid;
  grid-template-rows: repeat(2, 1fr);
  grid-template-columns: repeat(2, 1fr);
  /* height: 100%;  deformed */
  gap: 0.9rem; /* Optional: Adds spacing between grid items */
}

.grid-item1 {
  grid-row: span 2;
}

.grid-item2,
.grid-item3 {
  grid-row: span 1;
}

.h2-titles {
  color: var(--Black, #171717);
  font-size: 2.75rem;
  font-weight: 700;
}

.waybig h2 {
  font-size: clamp(2rem, 3.5rem + 1vw, 2.6rem) !important;
  font-weight: bold;
}

h2 {
  font-weight: bolder !important;
}

.h2-titles-brown {
  color: var(--Brown-shade, #cfa36c);
  font-size: 2.75rem;
  font-weight: 700;
}

.mini-titles {
  color: var(--Brown-Yellow, #cfa36c);
  font-family: "Rubik", serif;
  font-size: 1.5rem;
  font-weight: 500;
  letter-spacing: 2.4px;
}

.fs-20 {
  font-size: 1.25rem;
}

.p-mxwidth {
  max-width: 1000px;
  margin: auto;
}

.img_overlay {
  position: relative;
}

.img_overlay::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 2;
  background-size: cover;
  background-image: url("/wp-content/themes/nj-hotel/assets/svg/overlay.svg");
  background-repeat: no-repeat;
  background-position: center;
}

.img_overlay::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 3;
  background: linear-gradient(0deg, rgba(23, 23, 23, 0) 24.1%, #403735 100%);
}

.slide-chambre {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  padding: 15% 2% 2% 2%;
}

.titre-chambres {
  color: var(--White, #fff);
  font-size: 2, 25rem;
  font-weight: 700;
  margin-bottom: 1rem;
}

.mini-titre-ch {
  color: var(--White, #fff);
  font-size: 1rem;
  font-weight: 400;
  border-radius: 4px;
  width: fit-content;
  margin-bottom: 1rem;
  padding: 0.4rem 1rem;
  background: rgba(255, 255, 255, 0.25);
}

.swiper-chambre .swiper-slide-active {
  transform: scale(1.1);
  position: relative;
}

.swiper-chambre .swiper-slide-active > * {
  z-index: 1;
  position: relative;
}

.mxheight60 {
  max-height: 60vh;
}

.swiper-chambre {
  margin: auto;
  width: 95%;
}

.swiper-chambre .swiper-slide > *:not(.swiper-slide-active > *) {
  opacity: 0;
}

.swiper-chambre .swiper-slide-active::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border-radius: 3px;
  background: linear-gradient(
    0deg,
    rgba(64, 55, 53, 0.6) 0%,
    rgba(64, 55, 53, 0.6) 100%
  );
  box-shadow: 0px 0px 45px 15px rgba(0, 0, 0, 0.05);
}

.lien-chambre {
  display: flex;
  width: fit-content;
  gap: 0.5rem;
  align-items: center;
  transition: all 0.3s;
  color: white;
}

.lien-chambre:hover svg {
  transform: translateX(5px);
}

.swiper-controls {
  max-width: 300px;
  margin: auto;
  display: flex;
  justify-content: center;
  align-items: center;
}

.pag-ch {
  width: fit-content;
  margin: auto;
  pointer-events: none;
  bottom: 40% !important;
}

.swiper-places {
  height: fit-content;
  margin: auto !important;
}

.swiper-controls .swiper-pagination-bullet {
  background-color: #cfa36c !important;
}

.swiper-controls .swiper-pagination-bullet-active {
  background-color: #cfa36c73 !important;
}

.swiper-controls .swiper-button-prev:after,
.swiper-button-next:after {
  content: "" !important;
}

.swiper-controls .swiper-button-prev,
.swiper-controls .swiper-button-next {
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

/* .swiper-controls .swiper-button-prev {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-arrow-left' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M15 8a.5.5 0 0 0-.5-.5H2.707l3.147-3.146a.5.5 0 1 0-.708-.708l-4 4a.5.5 0 0 0 0 .708l4 4a.5.5 0 0 0 .708-.708L2.707 8.5H14.5A.5.5 0 0 0 15 8'/%3E%3C/svg%3E");
} */

/* .swiper-controls .swiper-button-next {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-arrow-right' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8'/%3E%3C/svg%3E");
} */

.swiper-navigation-icon
{
  display: none;
}
.place-item {
  color: var(--Brown, #403735);
  border-radius: 50px;
  border: 1px solid rgba(207, 163, 108, 0.45);
  background: rgba(207, 163, 108, 0.05);
  backdrop-filter: blur(20px);
  width: fit-content;
  transition: all 0.4s;
  cursor: pointer;
}

.image_person {
  width: 80%;
}

.place-item::after {
  content: '';
  width: 100%;
  height: 100%;
}

.place-item p {
  font-size: .8rem;
  font-weight: 600;
  padding: 0.8rem;
}

.place-item.active {
  border-radius: 50px;
  border: 1px solid rgba(207, 163, 108, 0.45);
  background: #cfa36c;
  color: white;
}

.places-wrapper {
  display: flex;
  gap: 0.5rem;
  flex-wrap: wrap;
}

.swiper-images .swiper-button-next:after,
.swiper-images .swiper-button-prev:after {
  content: "" !important;
}

.swiper-images .swiper-button-next {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='18' viewBox='0 0 10 18' fill='none'%3E%3Cpath d='M1.42859 1.28571L9.14287 8.99999L1.42859 16.7143' stroke='white' stroke-width='1.28571' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.swiper-images .swiper-button-prev {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='18' viewBox='0 0 10 18' fill='none'%3E%3Cpath d='M8.57143 1.28571L0.857141 8.99999L8.57143 16.7143' stroke='white' stroke-width='1.28571' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.swiper-images .swiper-slide {
  position: relative;
  border-radius: 10px;
}

.swiper-images .swiper-slide::after {
  content: "";
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(
      180deg,
      rgba(64, 55, 53, 0) 39.15%,
      #403735 93.97%
    ),
    linear-gradient(0deg, transparent 0%, transparent 100%);
}

.swiper-images {
  border-radius: 0.8rem;
}

.swiper-images .swiper-button-next,
.swiper-images .swiper-button-prev {
  background-repeat: no-repeat;
  background-position: center;
  background-size: 10px;
  border: 1px solid white;
  background-color: rgba(255, 255, 255, 0.258);
  border-radius: 15px;
}

.up-image {
  margin-bottom: 5rem;
}

.down-image {
  margin-top: 5rem;
}

.swiper-images .swiper-pagination {
  bottom: 1rem !important;
  margin: auto;
}

.swiper-images .swiper-pagination .swiper-pagination-bullet {
  background-color: #ffffffdb;
}
.swiper-images .swiper-pagination .swiper-pagination-bullet-active {
  background-color: #fff;
}

.mailpoet_paragraph {
  width: 85% !important;
}

.mailpoet_paragraph input:focus {
  box-shadow: none;
  outline: 0;
}

.mailpoet_paragraph input:not(.mailpoet_submit) {
  background-color: #fff8f3;
  border-radius: 5px;
  border: none;
  padding: 0.6rem !important;
}

#mailpoet_form_1 form.mailpoet_form {
  padding: 0 !important;
}

.mailpoet_submit {
  width: fit-content !important;
  padding: 1rem 1.5rem !important;
  background-color: transparent !important;
  backdrop-filter: blur(5px);
  border-radius: 15px;
  color: white;
  border: 1px solid #ffffff4a !important;
}

.mailpoet_paragraph.last {
  width: 25%;
}

.upup,
.upup img {
  width: 55px;
  height: 53px;
  cursor: pointer;
  border-radius: 0 3rem 0 0;
}

.container-fluid-custom-container {
  position: relative;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.whitea {
  color: white;
}

.vh100 {
  height: 100vh;
}

/* Les temoignages */

.les_temoignages .score {
  background-image: url("/wp-content/themes/nj-hotel/assets/svg/Line 174.svg");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}

.inner-score {
  border-radius: 24px;
  padding: 1rem 1.5rem;
  border: 0.5px solid rgba(232, 222, 199, 0.5);
  background: var(--Brown, #403735);
}

.bg-mini-line {
  background-image: url("/wp-content/themes/nj-hotel/assets/svg/mini-line.svg");
  background-position: start;
  background-size: contain;
  background-repeat: no-repeat;
}

.review-carte {
  border-radius: 24px;
  border: 0.5px solid rgba(207, 163, 108, 0.45);
  background: rgba(207, 163, 108, 0.05);
  backdrop-filter: blur(20px);
}

.score-number {
  color: #fbbf24;
  font-size: 1.2rem;
  font-weight: 600;
  letter-spacing: -0.828px;
}

.nom-complet {
  color: var(--Brown-shade, #cfa36c);
  font-size: 1.1rem;
  font-weight: 600;
  margin-bottom: 0.5rem;
}

/* Les temoignages */

.invert_color {
  filter: invert(1);
}

/* quick action */

.quick-action {
  position: fixed;
  transition: all 0.4s;
  right: 0;
  color: white;
  display: grid;
  place-items: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 1.5rem 0.5rem;
  z-index: 99;
  border-radius: 1rem 0 0 1rem;
  cursor: pointer;
  width: fit-content;
  top: 50%;
  border-top: 2px solid #cfa36c;
  border-left: 2px solid #cfa36c;
  border-bottom: 2px solid #cfa36c;
}

.down {
  left: 20px;
  transform: translateX(-50%);
  cursor: pointer;
}

.brdrwhite {
  border: 1px solid rgba(255, 255, 255, 0.218);
}

.quick-action .title {
  font-weight: bold;
  text-transform: uppercase;
}

.quick-action p {
  color: grey;
  max-width: 250px;
}

.quick-action img,
.quick-action .container-quickaction {
  z-index: 2;
  position: relative;
}

.container-quickaction {
  display: grid;
  place-items: center;
}

.quick-action::after {
  content: "";
  position: absolute;
  border-radius: 1rem 0 0 1rem;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to top, #403735c0, #403735);
  z-index: 1;
}

.quick-action img {
  width: 30px;
}

/* quick action */

.parallax {
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.swiper-offres .h343px {
  height: 320px;
}

.offres-fid,
.offres-sp {
  position: relative;
}

.offres-sp,
.offres-sp::after {
  border-radius: 10px 0 0 10px;
}

.offres-fid,
.offres-fid::after {
  border-radius: 0 10px 10px 0;
}

.offres-fid > *,
.offres-sp > * {
  position: relative;
  z-index: 3;
}

.offres-fid::after,
.offres-sp::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.customarrowlightcolor {
  background-color: rgba(255, 255, 255, 0.12);
}

.offres-fid::after {
  background: linear-gradient(
    0deg,
    rgba(64, 55, 53, 0.9) 0%,
    rgba(64, 55, 53, 0.9) 100%
  );
}
.offres-sp::after {
  background: linear-gradient(
    0deg,
    rgba(207, 163, 108, 0.9) 0%,
    rgba(207, 163, 108, 0.9) 100%
  );
}

.parallax .offres-btn {
  border-radius: 15px;
  /* border: 1px solid rgba(255, 255, 255, 0.20); */
  background: rgba(255, 255, 255, 0.1) !important;
}

.parallax .offres-btn2 {
  border-radius: 15px;
  /* border: 1px solid rgba(255, 255, 255, 0.20); */
  background: rgba(255, 255, 255, 0.1) !important;
}

.bg-gold {
  background: linear-gradient(268deg, #cfa36c 45.25%, #cfa36c 184.38%);
}

.overlay-banner,
.banner-footer,
.background-half {
  position: relative;
}

/* map modal */

.showmap {
  cursor: pointer;
}

#mapModal {
  border-radius: 0.5rem;
  width: 90%;
  height: 61%;
}

#mapModal iframe {
  border-radius: 0.5rem;
}

.closemapmodal {
  position: absolute;
  rotate: 180deg;
  right: -1px;
}

.overlay-banner::after {
  content: "";
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  position: absolute;
  z-index: 1;
  background: linear-gradient(
    268deg,
    #cfa36c 5.81%,
    rgba(64, 55, 53, 0) 40.49%
  );
}

.bgcomplex .abovebg {
  position: relative;
  z-index: 3;
}

.bgcomplex::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  mix-blend-mode: color-burn;
  background-image: url("/wp-content/themes/nj-hotel/assets/svg/Plus darker-min.png");
}

.w90 {
  width: 98% !important;
  border-radius: 3rem 3rem 0 0;
}

.w85 {
  width: 85%;
}

#footer a,
#footer p,
.copyrights {
  color: #9b9b9b !important;
}

#footer a:hover,#footer a.active {
  color: white !important;
}

.menus_footer {
  list-style: none;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
}

.bordr-top {
  padding: 1rem;
  border-top: 2px solid #cb946a8d;
}

.menus_footer li a {
  color: white;
  font-size: 0.9rem;
}

.background-half::after {
  content: "";
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  position: absolute;
  z-index: -1;
  /* background: url('https://njhotel.majjane.agency/wp-content/uploads/2024/08/Offers-min.png'); */
  background-repeat: no-repeat;
  background-size: 200% 50%;
  background-position: bottom;
}

.overlay-banner::before {
  content: "";
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  position: absolute;
  z-index: 3;
  background: url("/wp-content/themes/nj-hotel/assets/svg/nj tag.svg");
  background-repeat: no-repeat;
  background-position: bottom left;
  /* border-radius: 1rem; */
}

#footer {
  background-repeat: no-repeat;
  background-position: center;
}

.h100 {
  height: 100%;
}

.roundedend {
  border-top-right-radius: 1rem;
  /* border-bottom-right-radius: 1rem; */
}

.roundedstart {
  border-top-left-radius: 1rem;
  /* border-bottom-left-radius: 1rem; */
}

/* Page Faqs */

.faq-body {
  background-image: url(/wp-content/themes/nj-hotel/assets/svg/zj.png);
  background-repeat: no-repeat;
  background-position: center;
}

.fsq {
  font-size: 1.1rem;
}

.fsr {
  font-size: 0.95rem;
  color: #b4b4b4;
}

.accordion-button {
  border: none !important;
  background: transparent !important;
  outline: none !important;
  box-shadow: none !important;
}

.accordion-item {
  border-bottom: 1px solid #d9d9d9 !important;
  border-top: none !important;
  border-left: none !important;
  border-right: none !important;
  border-radius: 0 !important;
  background: transparent !important;
  padding: 1rem 0;
}

.accordion-button:after {
  background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 13L16 19L22 13' stroke='%232D2D2D' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E ") !important;
}

.accordion-button:not(.collapsed):after {
  rotate: 180deg;
  background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='32' height='32' rx='5' transform='matrix(1 -8.74228e-08 -8.74228e-08 -1 0 32)' fill='%23CFA36C'/%3E%3Cpath d='M10 19L16 13L22 19' stroke='%23FFFBF9' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E ") !important;
}

.accordion-button:not(.collapsed) {
  color: black !important;
}

/* Candidature spontane */

.form-css p {
  position: relative;
  margin-bottom: 0.9rem;
}

.form-css label {
  position: absolute;
  left: 1.1rem;
  top: 1.1rem;
  pointer-events: none;
  color: #949494;
}

.phone label {
  left: 3rem;
}

#datenaiss {
  border: 1px solid #767676;
  background-position: 96%;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_409_6874)'%3E%3Cpath d='M19 1.99854H18V0.998535C18 0.446535 17.553 -0.00146484 17 -0.00146484C16.447 -0.00146484 16 0.446535 16 0.998535V1.99854H8V0.998535C8 0.446535 7.553 -0.00146484 7 -0.00146484C6.447 -0.00146484 6 0.446535 6 0.998535V1.99854H5C2.243 1.99854 0 4.24154 0 6.99854V18.9985C0 21.7555 2.243 23.9985 5 23.9985H19C21.757 23.9985 24 21.7555 24 18.9985V6.99854C24 4.24154 21.757 1.99854 19 1.99854ZM5 3.99854H19C20.654 3.99854 22 5.34453 22 6.99854V7.99854H2V6.99854C2 5.34453 3.346 3.99854 5 3.99854ZM19 21.9985H5C3.346 21.9985 2 20.6525 2 18.9985V9.99854H22V18.9985C22 20.6525 20.654 21.9985 19 21.9985ZM19 13.9985C19 14.5505 18.553 14.9985 18 14.9985H6C5.447 14.9985 5 14.5505 5 13.9985C5 13.4465 5.447 12.9985 6 12.9985H18C18.553 12.9985 19 13.4465 19 13.9985ZM12 17.9985C12 18.5505 11.553 18.9985 11 18.9985H6C5.447 18.9985 5 18.5505 5 17.9985C5 17.4465 5.447 16.9985 6 16.9985H11C11.553 16.9985 12 17.4465 12 17.9985Z' fill='%23CFA36C'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_409_6874'%3E%3Crect width='24' height='24' fill='white' transform='translate(0 -0.00146484)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E ");
}

.wrapper-champs input[type='number'] {
  padding-left: 2rem;
}

.wrapper-champs .wpcf7-form-control-wrap,
.wrapper-champs .wpcf7-form-control-wrap input,
.wrapper-champs .wpcf7-form-control-wrap textarea,
.wrapper-champs .wpcf7-form-control-wrap select {
  width: 100%;
  border-radius: 10px;
}

.wpcf7-radio {
  display: flex;
  gap: 1rem;
}

.wpcf7-acceptance label {
  display: flex;
  gap: 0.5rem;
  align-items: center;
}

.wpcf7-radio label {
  display: flex;
  align-items: center;
  gap: 0.8rem;
}

.iti--allow-dropdown {
  width: 100%;
}

.wpcf7-submit {
  width: 100%;
  background-color: var(--secondary-color);
  color: white;
  padding: 1rem;
  border-radius: 10px;
  background-position: 65%;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg width='27' height='27' viewBox='0 0 27 27' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_473_6882)'%3E%3Crect x='0.5' y='0.666504' width='26' height='26' rx='13' fill='white' fill-opacity='0.12'/%3E%3Cpath d='M12.6426 17.3809L16.3569 13.6666L12.6426 9.95229' stroke='white' stroke-width='1.39286' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_473_6882'%3E%3Crect x='0.5' y='0.666504' width='26' height='26' rx='13' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E ");
}

.wpcf7-radio input,
.wpcf7-acceptance input {
  border-radius: 0;
  width: 22px !important;
  height: 22px !important;
  appearance: none;
  background-image: none !important;
  cursor: pointer;
  border-radius: 6px !important;
}

.wrapper-champs .wpcf7-form-control-wrap {
  background-image: none !important;
}

.form-css {
  flex-direction: column;
}

.wpcf7-radio input:checked,
.wpcf7-acceptance input:checked {
  border: 1px solid var(--main-color) !important;
  background-position: center;
  background-repeat: no-repeat;
  background-color: #cfa36c14;
  background-image: url("data:image/svg+xml,%3Csvg width='13' height='9' viewBox='0 0 13 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.52173 4.29568L4.93538 7.70933L11.4782 1.1665' stroke='%23CFA36C' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E ") !important;
}

.wrapper-champs .wpcf7-form-control-wrap input,
.wrapper-champs .wpcf7-form-control-wrap textarea,
.wrapper-champs .wpcf7-form-control-wrap select {
  border: 1px solid #767676;
  padding: 1rem;
}

.wrapper-champs .wpcf7-form-control-wrap input:focus,
.wrapper-champs .wpcf7-form-control-wrap textarea:focus,
#datenaiss:focus,
.wrapper-champs .wpcf7-form-control-wrap select:focus {
  border: 1px solid var(--main-color);
  outline: 0;
}

.wrapper-champs .wpcf7-form-control-wrap,
.wrapper_comp select {
  appearance: none;
  background-repeat: no-repeat;
  background-position: 95%;
  background-image: url("data:image/svg+xml,%3Csvg width='11' height='7' viewBox='0 0 11 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.5 0.666504L5.5 5.6665L0.5 0.666503' stroke='black' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.rfile,
.rfile2 {
  margin-inline: auto !important;
  border: 1px solid #767676;
  border-radius: 10px;
  cursor: pointer;
}

.rfile2 {
  margin: 0 auto 1rem auto !important;
}

.flex-center {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0 10px 10px 0;
}

.file-input {
  display: none;
}

.rdus {
  border-radius: 1rem;
}

#datedepart,
#datearrive {
  border: 1px solid #767676;
  background-position: 4%;
  appearance: none;
  padding-left: 18%;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_409_6874)'%3E%3Cpath d='M19 1.99854H18V0.998535C18 0.446535 17.553 -0.00146484 17 -0.00146484C16.447 -0.00146484 16 0.446535 16 0.998535V1.99854H8V0.998535C8 0.446535 7.553 -0.00146484 7 -0.00146484C6.447 -0.00146484 6 0.446535 6 0.998535V1.99854H5C2.243 1.99854 0 4.24154 0 6.99854V18.9985C0 21.7555 2.243 23.9985 5 23.9985H19C21.757 23.9985 24 21.7555 24 18.9985V6.99854C24 4.24154 21.757 1.99854 19 1.99854ZM5 3.99854H19C20.654 3.99854 22 5.34453 22 6.99854V7.99854H2V6.99854C2 5.34453 3.346 3.99854 5 3.99854ZM19 21.9985H5C3.346 21.9985 2 20.6525 2 18.9985V9.99854H22V18.9985C22 20.6525 20.654 21.9985 19 21.9985ZM19 13.9985C19 14.5505 18.553 14.9985 18 14.9985H6C5.447 14.9985 5 14.5505 5 13.9985C5 13.4465 5.447 12.9985 6 12.9985H18C18.553 12.9985 19 13.4465 19 13.9985ZM12 17.9985C12 18.5505 11.553 18.9985 11 18.9985H6C5.447 18.9985 5 18.5505 5 17.9985C5 17.4465 5.447 16.9985 6 16.9985H11C11.553 16.9985 12 17.4465 12 17.9985Z' fill='%23CFA36C'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_409_6874'%3E%3Crect width='24' height='24' fill='white' transform='translate(0 -0.00146484)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E ");
}

#adults,
#kids {
  appearance: none;
  background-position: 4%;
  padding-left: 18%;
  background-repeat: no-repeat;
}

#adults {
  background-image: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_409_6824)'%3E%3Cpath d='M12.5 11.9985C15.809 11.9985 18.5 9.30754 18.5 5.99854C18.5 2.68954 15.809 -0.00146484 12.5 -0.00146484C9.191 -0.00146484 6.5 2.68954 6.5 5.99854C6.5 9.30754 9.191 11.9985 12.5 11.9985ZM12.5 1.99854C14.706 1.99854 16.5 3.79254 16.5 5.99854C16.5 8.20454 14.706 9.99854 12.5 9.99854C10.294 9.99854 8.5 8.20454 8.5 5.99854C8.5 3.79254 10.294 1.99854 12.5 1.99854ZM21.5 22.9985C21.5 23.5505 21.053 23.9985 20.5 23.9985C19.947 23.9985 19.5 23.5505 19.5 22.9985C19.5 19.9795 17.575 17.4085 14.891 16.4285L13.374 18.7045L14.467 22.6945C14.65 23.3605 14.062 23.9995 13.266 23.9995H11.734C10.938 23.9995 10.351 23.3605 10.533 22.6945L11.626 18.7045L10.109 16.4285C7.425 17.4085 5.5 19.9795 5.5 22.9995C5.5 23.5515 5.052 23.9995 4.5 23.9995C3.948 23.9995 3.5 23.5515 3.5 22.9995C3.5 18.0375 7.538 13.9995 12.5 13.9995C17.462 13.9995 21.5 18.0365 21.5 22.9985Z' fill='%23CFA36C'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_409_6824'%3E%3Crect width='24' height='24' fill='white' transform='translate(0.5 -0.00146484)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}

#kids {
  background-image: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_409_6812)'%3E%3Cpath d='M24.5 11.4986C24.5 10.8089 24.296 10.1347 23.9136 9.56081C23.5312 8.98692 22.9875 8.53903 22.351 8.27356C21.9499 5.95339 20.7409 3.84992 18.938 2.33546C17.1351 0.82099 14.8546 -0.0068135 12.5 -0.00143884C10.1454 -0.0068135 7.86486 0.82099 6.06196 2.33546C4.25906 3.84992 3.05008 5.95339 2.649 8.27356C1.92406 8.57963 1.32342 9.12106 0.944017 9.81046C0.564618 10.4999 0.428605 11.297 0.557933 12.0732C0.687261 12.8494 1.07438 13.5594 1.65681 14.0885C2.23924 14.6176 2.98299 14.9351 3.768 14.9896C4.1541 15.8181 4.64878 16.5916 5.239 17.2896C4.72168 17.5292 4.28336 17.9113 3.97538 18.3911C3.66739 18.8708 3.50249 19.4284 3.5 19.9986V23.9986H5.5V19.9986C5.5 19.7333 5.60536 19.479 5.79289 19.2915C5.98043 19.1039 6.23478 18.9986 6.5 18.9986H7.028C8.58258 20.2486 10.5057 20.9515 12.5 20.9986C14.4952 20.9518 16.4194 20.2489 17.975 18.9986H18.5C18.7652 18.9986 19.0196 19.1039 19.2071 19.2915C19.3946 19.479 19.5 19.7333 19.5 19.9986V23.9986H21.5V19.9986C21.498 19.4282 21.3334 18.8703 21.0256 18.3901C20.7178 17.9099 20.2794 17.5275 19.762 17.2876C20.3516 16.5893 20.8459 15.8159 21.232 14.9876C22.1172 14.9276 22.9466 14.5342 23.5531 13.8867C24.1596 13.2391 24.498 12.3857 24.5 11.4986ZM20.748 12.9716L19.913 12.8236L19.631 13.6236C18.715 16.2206 15.63 18.9986 12.5 18.9986C9.37 18.9986 6.286 16.2186 5.369 13.6226L5.089 12.8296L4.259 12.9696C4.17362 12.9864 4.08699 12.9961 4 12.9986C3.62963 12.993 3.27443 12.8505 3.0028 12.5987C2.73118 12.3468 2.56235 12.0034 2.52882 11.6345C2.4953 11.2656 2.59945 10.8973 2.82123 10.6007C3.043 10.304 3.36671 10.0998 3.73 10.0276L4.468 9.89856L4.546 9.15456C4.68 7.87281 5.1231 6.64274 5.83724 5.56996C6.55138 4.49719 7.51522 3.61377 8.646 2.99556C8.55465 3.32228 8.50558 3.65936 8.5 3.99856C8.5 5.05943 8.92143 6.07684 9.67157 6.82699C10.4217 7.57714 11.4391 7.99856 12.5 7.99856C13.5609 7.99856 14.5783 7.57714 15.3284 6.82699C16.0786 6.07684 16.5 5.05943 16.5 3.99856H14.5C14.5 4.39412 14.3827 4.7808 14.1629 5.1097C13.9432 5.4386 13.6308 5.69495 13.2654 5.84632C12.8999 5.9977 12.4978 6.0373 12.1098 5.96013C11.7219 5.88296 11.3655 5.69248 11.0858 5.41278C10.8061 5.13307 10.6156 4.7767 10.5384 4.38874C10.4613 4.00078 10.5009 3.59865 10.6522 3.23319C10.8036 2.86774 11.06 2.55538 11.3889 2.33562C11.7178 2.11586 12.1044 1.99856 12.5 1.99856C14.4758 1.99384 16.3831 2.72246 17.8525 4.04335C19.322 5.36424 20.2489 7.1834 20.454 9.14856L20.532 9.89256L21.27 10.0256C21.6354 10.0958 21.9617 10.2993 22.1854 10.5966C22.4092 10.8939 22.5145 11.2637 22.4808 11.6343C22.4472 12.0049 22.277 12.3497 22.0033 12.6018C21.7297 12.8539 21.3721 12.9953 21 12.9986C20.9154 12.9965 20.8312 12.9879 20.748 12.9726V12.9716Z' fill='%23CFA36C'/%3E%3Cpath d='M10 12.9995C10.8284 12.9995 11.5 12.3279 11.5 11.4995C11.5 10.6711 10.8284 9.99951 10 9.99951C9.17157 9.99951 8.5 10.6711 8.5 11.4995C8.5 12.3279 9.17157 12.9995 10 12.9995Z' fill='%23CFA36C'/%3E%3Cpath d='M15 12.9995C15.8284 12.9995 16.5 12.3279 16.5 11.4995C16.5 10.6711 15.8284 9.99951 15 9.99951C14.1716 9.99951 13.5 10.6711 13.5 11.4995C13.5 12.3279 14.1716 12.9995 15 12.9995Z' fill='%23CFA36C'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_409_6812'%3E%3Crect width='24' height='24' fill='white' transform='translate(0.5 -0.00146484)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}

select {
  color: #949494;
  cursor: pointer;
}

input::placeholder {
  color: #949494;
  pointer-events: none;
}

.titre-form {
  margin-bottom: 2rem;
  text-align: center;
  font-weight: bold;
  font-size: 2.7rem;
}

.mini-titre-contact {
  font-size: 1.3rem;
  margin: 0;
  font-weight: 500;
  color: var(--mini-titre);
  text-align: center;
}

.num input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='28' viewBox='0 0 12 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 6L6 1L1 6' stroke='black' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11 22L6 27L1 22' stroke='black' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-size: cover;
  background-position: center;
  width: 12px;
  cursor: pointer;
  height: 2rem;
}

.wrapper_comp {
  overflow-y: scroll;
  row-gap: 1.5rem;
}

.mxheightX0 {
  max-height: 70vh;
  overflow-y: auto;
}

.mxheightX0::-webkit-scrollbar {
  width: 8px;
}

.mxheightX0::-webkit-scrollbar-thumb {
  background: var(--secondary-color);
  border-radius: 1rem;
}

.mxheightX0::-webkit-scrollbar-thumb {
  background-color: var(--secondary-color);
  border-radius: 1rem;
}

.wrapper_comp .wpcf7-list-item-label {
  user-select: none;
}

.wrapper_comp .wpcf7-list-item input {
  position: absolute;
}

.wrapper_comp .wpcf7-list-item label {
  padding-left: 1.2rem;
}

.wrapper_comp select:focus,
.wrapper_comp textarea:focus {
  outline: 0;
  background-color: #fefaf5;
}

.wrapper_comp select,
.wrapper_comp textarea {
  width: 100%;
  border-radius: 10px;
  border: 1px solid var(--Brown-shade, #cfa36c);
  padding: 1rem;
}

.radios_field .wpcf7-list-item {
  border-radius: 50px;
  border: 1px solid #767676;
  background: #fff;
  padding: 0.2rem 0.8rem;
  cursor: pointer;
  background-repeat: no-repeat;
  background-position: 4%;
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='14' height='14' rx='7' fill='%23CFA36C'/%3E%3Cpath d='M7 4V10M4 7H10' stroke='%23403735'/%3E%3C/svg%3E%0A");
}

.radios_field .wpcf7-list-item:has(input:checked) {
  border: 1px solid var(--Brown, #403735);
  background: var(--Brown-shade, #cfa36c);
  color: white;
  background-repeat: no-repeat;
  background-position: 4%;
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='14' height='14' rx='7' fill='%23403735'/%3E%3Cpath d='M4 7H10' stroke='white'/%3E%3C/svg%3E%0A");
}

.radios_field .wpcf7-list-item input {
  appearance: none;
  padding-left: 1rem;
}

.radios_field .wpcf7-checkbox,
.radios_field p {
  gap: 0.5rem;
  display: flex;
  flex-wrap: wrap;
}

.prciser {
  margin-top: 0.8rem;
  height: 6rem;
}

.p_1 {
  font-size: 1.1rem;
}

.p_2 {
  color: rgba(0, 0, 0, 0.5);
  font-weight: 400;
}

.wrapper_comp::-webkit-scrollbar {
  width: 8px;
}

.wrapper_comp::-webkit-scrollbar-thumb {
  background-color: var(--secondary-color);
  border-radius: 1rem;
}

.wrapper_comp::-webkit-scrollbar-track {
  background-color: #ffffff;
}

/* Emplacement */

.p_em_brdr {
  border-left: 5px solid var(--main-color);
}

.dnone {
  display: none !important;
}

.sameh {
  border: 1px solid white;
}

.distance_text {
  max-width: 900px;
  width: max-content;
  font-size: .9rem;
}

.flexgrow1 {
  flex-grow: 1;
}

.p-place {
  padding: 2rem;
  /* height: 120px; */
}

.distance_wrapper,
.distance_info {
  padding: 0.4rem 0.8rem;
  border-radius: 2rem;
  width: max-content;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.distance_info {
  background-color: var(--secondary-color);
}

.distance_wrapper {
  background-color: var(--main-color);
}

.mxwdth {
  max-width: 750px;
  margin: auto;
}

.mxwdth h2,
.mxwdth h3 {
  font-weight: bold;
  margin-bottom: 1rem;
}

.mxwdth p {
  margin-top: 1rem;
  color: #9b9b9b;
}

.rdshalf1 {
  border-radius: 1rem 0 0 1rem;
}

.rdshalf2 {
  border-radius: 0 1rem 1rem 0;
}

.border1solid {
  cursor: pointer;
}

.pwrd {
  padding: 5%;
}

.last-contact {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  position: relative;
}

.last-contact > * {
  position: relative;
  z-index: 4;
}

.last-contact::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border-radius: 1rem;
  background-color: #00000070;
}

.hover-element {
  transition: all 0.3s;
}

.pag-places {
  height: 3px;
  display: flex;
  justify-content: center;
  gap: 5%;
  margin-top: 5%;
}

.pag-elm {
  width: 20%;
  height: 3px;
  background-color: rgba(255, 255, 255, 0.516);
}

.hover-element:hover,
.hover-element.active {
  background-color: var(--main-color);
}

.pborderr1 .border1solid:first-child {
  border-top: 1px solid white;
  border-left: 1px solid white;
  border-right: 1px solid white;
  border-bottom: 1px solid white;
}

.pborderr1 .border1solid:nth-child(2) {
  border-top: 1px solid white;
  border-right: 1px solid white;
  border-bottom: 1px solid white;
}

.pborderr2 .border1solid:first-child {
  border-left: 1px solid white;
  border-right: 1px solid white;
  border-bottom: 1px solid white;
}

.pborderr2 .border1solid:nth-child(2) {
  border-bottom: 1px solid white;
  border-right: 1px solid white;
  /* border-left: 1px solid white; */
}

.pag-places {
  z-index: 2;
}

.pag-places .swiper-pagination-bullet {
  width: 10%;
  height: 2px;
  background: white;
  border-radius: 0.05rem;
}

/* chambres */

.icons-titre img{
  max-width: 4rem;
}


.carte-chambre > img {
  height: min(270px, 75%);
  object-fit: cover;
  width: 100%;
  aspect-ratio: 4/3;
  object-fit: cover;
  object-position: center;
}


.width120px {
  width: 120px;
}

.lespoints {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  align-items: center;
  gap: 1rem;
}

.gridcode {
  display: grid;
  grid-template-columns: repeat(3, 1fr); /* 3 equal columns */
  gap: 10px; /* Gap between cards */
}

.carte-chambre {
  background-color: #f0f0f0;
  border: 1px solid #ddd;
  border-radius: 8px;
  padding: 16px;
  text-align: center;
}

.roombtn {
  padding: 0.8rem 23.5%;
  margin: 0.5rem auto;
}

.insidebtn {
  padding: 0.9rem 33.5%;
  margin: 0.6rem auto;
}

.icons-titre p {
  width: 100%;
}

.icons-titre img:hover {
  scale: 1.2;
  transition: all 0.3s;
}

.paginationjs-pages ul {
  display: flex;
}

.modal-content .custom-pagination {
  width: 70px !important;
  font-family: "Playfair Display", serif;
  letter-spacing: 0.5rem;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
  bottom: 0 !important;
  left: auto !important;
  right: 0;
  background-color: var(--secondary-color);
  position: absolute;
  z-index: 3;
}

.inside-next,
.inside-prev {
  top: 50%;
  position: absolute;
  width: 48px;
  z-index: 3;
  height: 56px;
  background-size: cover;
  background-repeat: no-repeat;
}

.icon-next,
.icon-prev {
  width: 44px;
  height: 24px;
  z-index: 3;
  background-size: contain;
  background-repeat: no-repeat;
}

.inside-prev {
  left: 3%;
  background-image: url("data:image/svg+xml,%3Csvg width='48' height='56' viewBox='0 0 48 56' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='-0.5' y='0.5' width='47' height='55' rx='19.5' transform='matrix(-1 0 0 1 47 0)' stroke='white'/%3E%3Cpath d='M28 16L16 28L28 40' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.inside-next {
  right: 3%;
  background-image: url("data:image/svg+xml,%3Csvg width='48' height='56' viewBox='0 0 48 56' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='47' height='55' rx='19.5' stroke='white'/%3E%3Cpath d='M20 16L32 28L20 40' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.icon-next {
  right: 4%;
  background-image: url("data:image/svg+xml,%3Csvg width='44' height='26' viewBox='0 0 44 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 25L28 13L16 1' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.icon-prev {
  background-image: url("data:image/svg+xml,%3Csvg width='44' height='26' viewBox='0 0 44 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M28 25L16 13L28 1' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  left: 4%;
}

.pag-icons {
  top: 95% !important;
}

.wh48px {
  width: 48px;
  height: 48px;
}

.swiper-icons p {
  text-align: center;
}

.nolisttype ul {
  padding-inline: 1rem;
}

.bgcolorgrey {
  background-color: #f7f7f7;
}

.push-down-li ul li {
  margin-bottom: 0.6rem;
}

.push-down-li ul {
  list-style-type: none;
  padding: 0;
}

.modal-content h2 {
  font-weight: bold;
}

.btn-try[aria-expanded="true"] .rotateb {
  rotate: 180deg;
}

.close-modal {
  position: absolute;
  right: 1rem;
  top: 1rem;
  z-index: 5;
  cursor: pointer;
}

.vh50slick {
  max-height: 50vh;
}

.stop_at_2 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  line-height: 1.5em; /* Adjust based on your font size */
  max-height: 3em; /* Adjust based on your line height */
}

.close-modal img {
  width: 25px;
  height: 25px;
}

.swiper-pagination-progressbar-fill {
  background-color: var(--main-color) !important;
}

.read-more,
.read-less {
  color: var(--main-color);
  text-decoration: underline;
}

/* A propos de nous */

.hauto {
  height: auto !important;
}

.swiper_content img {
  border-radius: 0 1rem 1rem 0;
  height: 100%;
}

.bgrounded {
  border-radius: 1rem 0 0 1rem;
}

.nom-equipe {
  color: black;
  font-weight: 700;
}

.fbold {
  font-weight: bold;
}

.shadows3 {
  box-shadow: 0 34px 34px rgba(0, 0, 0, 0.03);
}

.borderradius1rem {
  border-radius: 1rem;
}

.vh50 {
  height: 50vh;
}

.vh40 {
  height: 40vh;
}

.mx5width {
  max-width: 19%;
}

.mgtop20 {
  padding: 0;
  margin-top: -15% !important;
}

.z7 {
  z-index: 7;
}

.mgtop20::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 8px;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 76.21%, #000 100%);
  z-index: 6;
}

.posz {
  z-index: 4;
}

.posz2 {
  z-index: 2;
}

/* A propos de nous */

/* Restaurant */

.next-ms img, .prev-ms img{
  width: 70px;
}

.p_meun {
  color: var(--White, #fff);
  font-family: "Playfair Display";
  font-weight: 700;
  font-size: 1.5rem;
  text-transform: uppercase;
  padding-left: 0.5rem;
  border-left: 5px solid var(--main-color);
}

.bg_param {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 0 20px 20px 0;
  flex-wrap: wrap;
  position: relative;
}

.bg_param > * {
  position: relative;
  z-index: 3;
}

.bg_param::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  inset: 0;
  border-radius: 0 20px 20px 0;
  border: 1px solid var(--Brown, #403735);
  background: linear-gradient(
    0deg,
    rgba(64, 55, 53, 0.8) 0%,
    rgba(64, 55, 53, 0.8) 100%
  );
}

.slider1 .slick-slide,
.slider2 .slick-slide {
  margin: 0 5px;
}

.bgmain {
  background-color: var(--main-color);
  color: white;
}

.style_block_last {
  display: flex;
  padding-inline: 5rem !important;
  justify-content: center;
  align-items: center;
  align-self: stretch;
  flex-direction: column;
}

.style_block_last h2 {
  margin-bottom: max(auto, .5rem);
}

/* Restaurant */

.mxheight50px {
  max-height: 50px;
}

.image_combo_resp{
  height: 100%;
  object-fit: cover;
  border-radius: 0.5rem;
}

.objectfitcover {
  object-fit: cover;
}

.wfitcontent100 {
  width: fit-content;
  min-width: 55%;
}

/* Salles de réunion */

.details-salles img {
  transition: 0.3s;
}

.details-salles:hover img {
  translate: 4px;
}



.brdrevent {
  border: 2px solid var(--secondary-color);
  border-radius: 2rem;
}

.brdrevent.active {
  background-color: var(--secondary-color);
  color: white;
}

/* Salles de réunion */

.brdrradius10 {
  border-radius: 10px;
}

.brdrtop {
  border-radius: 0.8rem 0.8rem 0 0;
}

.brdrbottom {
  border-radius: 0 0 0.8rem 0.8rem;
}

/* Actualites */

#post-results {
  display: grid;
  gap: 20px;
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
}

.post-excerpt,
.post-title {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.post-title {
  color: black;
}

.custom-post-item,
.custom-post-item .wp-post-image {
  border-radius: 1rem 1rem 0 0;
}

#filter-form {
  position: sticky;
  top: 15%;
  background-color: white;
  border-radius: 1.5rem;
}

.customh {
  border-radius: 0.4rem;
}

.brdr10perc {
  border: 2px solid rgba(0, 0, 0, 0.1);
}

.customh input:focus {
  outline: 0;
}

.customh a,
.customh input {
  height: 41px !important;
  border: 0;
  border-radius: 0.4rem;
}

.underlinedec {
  text-decoration: underline;
}

.customh a {
  width: 40px;
}

.pagination-next,
.pagination-prev {
  background-size: 100%;
  background-repeat: no-repeat;
}

.pagination-next {
  background-image: url("/wp-content/themes/nj-hotel/assets/svg/nextblacklong.svg");
}

.page-number {
  padding-inline: 1rem;
  border-radius: 0.5rem;
}

.page-number.current {
  background-color: var(--main-color);
  color: white;
}

.pagination-prev {
  background-image: url("/wp-content/themes/nj-hotel/assets/svg/prevblacklong.svg");
}

.form-control2 {
  width: 100%;
}

.social-share {
  border-left: 2px solid rgba(0, 0, 0, 0.12);
  border-top: 2px solid rgba(0, 0, 0, 0.12);
  border-radius: 1rem 0 1rem 0;
  background-color: white;
}

/* Actualites */

/* Added later */

.slider-slick-vertical {
  display: none;
}

.distance {
  background-color: white;
  border-radius: 1rem;
  padding: 0.2rem;
  color: var(--secondary-color);
}

.place-item.active .distance {
  background-color: var(--secondary-color);
  color: white;
}

.filter_places {
  background-color: var(--main-color);
  border-radius: 50px;
  width: fit-content;
  flex-wrap: nowrap !important;
}

.wrapping_filters {
  width: fit-content;
}

.wrapping_filters .filter {
  background-color: white;
  border-radius: 50px;
  padding: 0.8rem;
  font-size: .8rem;
  color: var(--secondary-color);
  cursor: pointer;
}

.wrapping_filters .filter.active {
  background-color: var(--secondary-color);
  color: white;
}

.close-menu {
  height: 25px;
  width: 25px !important;
}

.close-menu img {
  width: 100%;
}

.notFrontHeader {
  position: sticky;
  top: 0;
  background: var(--secondary-color);
  border-bottom: 5px solid var(--main-color);
  border-radius: 0 0 1rem 1rem;
  color: white;
  transition: all 0.3s;
}

.notFrontHeader a {
  color: white;
}

.notFrontHeader #langDropdown {
  color: white;
  border: 1px solid white;
}

.swiper-icons .swiper-slide {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  text-align: center;
}

.shadowimg {
  box-shadow: -1px 10px 32px -8px rgba(0,0,0,0.75);
  -webkit-box-shadow: -1px 10px 32px -8px rgba(0,0,0,0.75);
  -moz-box-shadow: -1px 10px 32px -8px rgba(0,0,0,0.75);
}

.mxhxrem {
  max-height: 5rem;
}

.positionsmabsolute {
  width: 100%;
  object-fit: cover;
  border-radius: 0 0 4rem 4rem;
  height: 100%;
  position: absolute;
}

#mailpoet_form_3 form.mailpoet_form {
  padding: 0 !important;
}

.maxcontent {
  width: max-content;
}

/* Added later */

/* Media query */

.flexwrapmd {
  flex-wrap: nowrap;
  text-align: center;
}

.halfor25 {
  width: 25% !important;
}

@media (max-width: 2000px) {
  #menu-main-menu-nj {
    overflow-y: scroll;
    height: 100vh;
  }
}

@media (max-width: 1400px) {
  .roombtn {
    padding: 0.8rem 20%;
    margin: 0.5rem auto;
  }

}

@media (max-width: 1205px) {
  .h2-titles,
  .h2-titles-brown {
    font-size: 2.3rem;
  }

  .fss {
    font-size: .9rem;
  }

  .filter_places > p {
    display: none;
  }

  .mini-titles {
    font-size: 1.3rem;
  }

  .place-item p {
    font-size: 0.75rem;
  }
  
  .p_meun {
    font-size: 1.2rem;
  }

  .slide_nj::after {
    background-size: 55% 75%;
  }

  .offcanvas-body ul li a {
    font-size: 2.4rem;
  }

  .offcanvas-body .dropdown-menu li a {
    font-size: 2rem;
  }
}

/* @media (max-width: 1100px) {
  .filter_places {
    width: 100%;
  }
} */

@media (max-width: 992px) {
  .overlay-banner::before {
    border-radius: 0;
  }

  .text_center_lg {
    text-align: center;
  }

  .swiper_content img {
    border-radius: 0 0 1rem 1rem;
  }

  .bgrounded {
    border-radius: 1rem 1rem 0 0;
  }

  .style_block_last {
    padding: 3rem !important;
  }

  .p_meun {
    font-size: 1rem;
  }

  .roundedend {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }

  .subheading {
    font-size: 1.9rem;
  }

  .parent-inner-container::after {
    top: 85%;
  }

  .offcanvas-body ul li a {
    font-size: 2.2rem;
  }

  .offcanvas-body .dropdown-menu li a {
    font-size: 1.8rem;
  }

  .fst {
    font-size: 2.8rem;
  }

  .dnoneatlg {
    display: none;
  }

  .roundedstart {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }

  .flexwrapmd {
    flex-wrap: wrap;
  }

  #navbar.show body {
    overflow-y: hidden;
  }

  .gridcode {
    grid-template-columns: repeat(2, 1fr);
  }

  .offres-sp,
  .offres-sp::after {
    border-radius: 10px 10px 0 0;
  }

  .offres-fid,
  .offres-fid::after {
    border-radius: 0 0 10px 10px;
  }

  .menus_footer li {
    text-align: center;
  }
}

@media (max-width: 768px) {
  .flexwrap {
    flex-wrap: wrap;
  }

  .filter_places {
    border-radius: 25px;
  }

  .bg_param {
    border-radius: 20px;
  }

  .bg_param::after {
    border-radius: 20px;
  }

  .offcanvas-body ul li a {
    font-size: 2rem;
  }

  .offcanvas-body .dropdown-menu li a {
    font-size: 1.6rem;
  }

  .h2-titles,
  .h2-titles-brown {
    font-size: 2rem;
  }

  .insidebtn {
    padding: 0.9rem 14%;
  }

  .subheading {
    font-size: 1.7rem;
  }

  .parent-inner-container::after {
    top: 82%;
  }

  .mini-titles {
    font-size: 1.1rem;
  }

  .roombtn {
    padding: 0.8rem 15%;
    margin: 0.5rem auto;
  }

  .flexwrapp {
    flex-wrap: wrap;
  }

  .fst {
    font-size: 2.2rem;
  }

  .place-item p {
    font-size: 0.7rem;
  }

  .w75 {
    width: 50%;
    margin-bottom: 1rem;
  }

  .slide_nj::after {
    background-size: 85% 65%;
  }

  .rdshalf1 {
    border-radius: 1rem 1rem 0 0;
  }

  .rdshalf2 {
    border-radius: 0 0 1rem 1rem;
    min-height: 450px;
  }

  .slide_nj .content-container {
    padding-bottom: 5rem;
    padding: 5% 10% 50px 5%;
  }
}

@media (max-width: 573px) {
  .h2-titles,
  .h2-titles-brown {
    font-size: 1.6rem;
  }

  .halfor25 {
    width: 50% !important;
  }

  .navbar-toggler img {
    width: 35px;
  }

  .rech-btn img {
    width: 25px;
  }

  .image_person {
    width: 100%;
  }

  .down {
    left: 50%;
  }

  .slide_nj {
    min-height: auto !important;
  }

  .slide_nj .content-container {
    margin-top: 0;
    max-width: 100vh;
    min-width: 100%;
    border-radius: 0 0 4rem 4rem;
  }

  .radios_field .wpcf7-list-item {
    font-size: 14px;
  }

  .style_block_last {
    padding: 1rem !important;
  }

  .widthlogoscroll {
    width: 130px;
    height: 40px !important;
  }

  .gridcode {
    grid-template-columns: repeat(1, 1fr);
  }

  .mini-titles {
    font-size: 1rem;
  }

  .subheading {
    font-size: 1.5rem;
    text-align: center;
  }

  .offcanvas-body ul li a {
    font-size: 1.6rem;
  }

  .offcanvas-body .dropdown-menu li a {
    font-size: 1.4rem;
  }

  .positionsmabsolute {
    position: relative;
    width: 100%;
    min-height: 50vh;
    object-fit: cover;
    border-radius: 0;
  }

  .parent-inner-container::after {
    top: 80%;
  }

  .fst {
    font-size: 1.8rem;
  }

  .place-item p {
    font-size: 0.7rem;
  }

  .slide_nj::after {
    background-size: 85% 55%;
  }

  .wfitcontent100 {
    width: 100%;
  }
}

@media (max-width: 400px) {
  .parent-inner-container::after {
    top: 76%;
  }

  .dropdown-btn {
    padding: 0.3rem !important;
  }

  .navbar-toggler {
    padding: 0.5rem !important;
  }

  .fst {
    font-size: 1.7rem;
  }

  .subheading {
    font-size: 1.4rem;
  }
}