@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/7.0.1/css/all.min.css");

:root {
  --text-clr: #1A1815;
  --primary-clr: #E1BA44;
  --white: #fff;
  --black: #000;
  --font-family-light: "GT-Eesti-Text-Book", sans-serif;
  --font-family-medium: "GT-Eesti-Text-Medium", Helvetica, Arial, sans-serif;
  --font-family-regular: "GT-Eesti-Text-Regular", Helvetica, Arial, sans-serif;
}

@font-face {
  font-family: 'GT-Eesti-Text-Book';
  src: url('../fonts/GT-Eesti-Text-Book/GT-Eesti-Text-Book.woff2') format('woff2'),
    url('../fonts/GT-Eesti-Text-Book/GT-Eesti-Text-Book.woff') format('woff'),
    url('../fonts/GT-Eesti-Text-Book/GT-Eesti-Text-Book.eot');
  font-weight: normal;
  font-style: normal;
}

body {
  background: #FFF7E9;
}

/* Globally CSS */
figure {
  margin: 0;
  padding: 0;
}

a {
  text-decoration: none;
  transition: all ease 0.4s;
}

/* Common CSS */
.btn-outline {
  display: inline-block;
  padding: 20px 40px;
  border: 1px solid var(--text-clr);
  font-family: var(--font-family-medium);
  font-weight: 500;
  font-size: 16px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--text-clr);
  text-decoration: none;
  line-height: 1;
  transition: all 0.3s ease;
}

.btn-outline:hover {
  background: var(--black);
  color: var(--white);
}

.outline-white {
  border: 1px solid var(--white);
  color: var(--white);
}

.outline-white:hover {
  background: var(--white);
  color: var(--text-clr);
}

.btn-clr {
  background-color: var(--primary-clr);
  border: 1px solid var(--primary-clr);
}

.btn-clr:hover {
  border: 1px solid #b2880b;
  background: #b2880b;
  color: var(--white);
}

.sub-hd {
  font: 500 18px/28px var(--font-family-medium);
  letter-spacing: .1em;
  text-transform: uppercase;
  text-align: center;
  margin-bottom: 12px;
  color: var(--text-clr);
  display: block;
}

/* SECTION CSS END */
/* header*/
.new-page .mobile_book_btn {
  display: none;
}

.new-page .nav-scroll .nav-scroll__toggle-menu {
  left: 60px;
  top: 50%;
  transform: translateY(-50%);
}

.new-page .nav-scroll__main {
  padding: 40px 60px;
}

.new-page.body-onscroll .nav-scroll__main {
  padding: 10px 60px;
}

.new-page.body-onscroll .nav-scroll__main .nav-scroll__logo img {
  max-height: 60px;
  object-fit: contain;
}

.new-page .nav-scroll .nav-scroll__desti-anchor,
.new-page .nav-scroll .nav-scroll__desti,
.new-page .nav-scroll__desti>ul>li,
.new-page .nav-scroll__desti>ul {
  float: right;
}

.new-page .nav-scroll__logo img {
  max-width: 250px;
}

.new-page .nav-scroll__sidebar {
  left: 0;
  transform: translateX(-100%);
  padding: 60px;
  background: #FFF7E9;
  width: 366px;

}

.new-page .nav-scroll__sidebar.open {
  transform: translateX(0);
}

.new-page .nav-scroll__sidebar>ul>li>a {
  font: 500 24px/32px var(--font-family-medium);
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--text-clr);
}

.new-page .nav-scroll__sidebar>ul>li>a::after {
  display: none;
}

.new-page .nav-scroll__sidebar>ul>li {
  margin-bottom: 40px;
}

.new-page .nav-scroll__sidebar .nav-sidebar-close {
  position: unset;
  margin-bottom: 60px;
}

.new-page .featured {
  min-height: 100dvh;
  /* padding-inline: 15px; */
}

.new-page .featured .button-wrap {
  display: flex;
  align-items: center;
  gap: 20px;
  flex-direction: row-reverse;
  flex-wrap: wrap;
  justify-content: center;
}

.new-page .featured__image {
  position: absolute;
  inset: 0;
  pointer-events: none;
}

.new-page .featured_image_mobile {
  display: none;
}

.new-page .featured_image_mobile img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.new-page .featured .featured__homebox {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 20px;
  max-width: 700px;
  width: 100%;
  margin: 0 auto;
  left: 50%;
  transform: translate(-50%, -50%);
}

.new-page .featured .featured__homebox span {
  font: 500 20px/28px var(--font-family-medium);
  letter-spacing: 0.1em;
  text-align: center;
  text-transform: uppercase;
  color: var(--white);
}

.new-page .featured .featured__homebox h1 {
  font: 500 48px/54px var(--font-family-medium);
  letter-spacing: 0.02em;
  text-align: center;
  color: var(--white);
  text-transform: capitalize;
}

/* hotel-section */

.hotel-section {
  background: #FFF7E9;
  padding: 60px 0;
  overflow: hidden;
  position: relative;
  /* min-height: 100vh; */
}

.hotel-section .hotel-section-wrap {
  display: flex;
  align-items: center;
}

.hotel-section .amenities-list,
.hotel-section-second .amenities-list {
  display: flex;
  gap: 20px;
}

.hotel-section .amenities-list ul,
.hotel-section-second .amenities-list ul {
  flex: 1;
  list-style: none;
  padding: 0;
}

.hotel-section .amenities-list li,
.hotel-section-second .amenities-list li {
  font: 400 14px/24px var(--font-family-regular);
  color: var(--text-clr);
  text-align: start;
}

.hotel-section .hotel-section-wrap-reverse-column {
  flex-direction: row-reverse;
}

/* Left Content */
.hotel-section .hotel-content {
  width: 35%;
  padding: 0 60px;
  flex: 1;
}

.hotel-section .hotel-content .sub-hd {
  text-align: start;
}

.hotel-section .hotel-content h2 {
  font: 500 40px/44px var(--font-family-medium);
  letter-spacing: 0.02em;
  color: var(--text-clr);
  margin: 0 0 12px;
}

.hotel-section .hotel-content p {
  font: 400 18px/1.6 var(--font-family-light);
  color: var(--text-clr);
  margin: 0 0 24px;
}

.hotel-section .hotel-content ul {
  list-style: none;
  padding: 0;
  /* display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px; */
  margin: 0 0 28px;
}

.hotel-section .hotel-content ul li {
  font: 400 14px/1.6 var(--font-family-light);
  letter-spacing: 0;
  color: var(--text-clr);
}

/* Slider */
.hotel-section .hotel-section-slider-wrap {
  width: 65%;
}

.hotel-section .hotel-section-slider-wrap .hotel-slider-v2-image img {
  width: 100%;
}

.hotel-section .hotel-slider-v2 .owl-item {
  overflow: hidden;
}

.hotel-section .hotel-slider-v2 img {
  width: 100%;
  object-fit: cover;
  object-position: center;
  aspect-ratio: 853 / 622;
}

.hotel-section .hotel-slider-v2 .owl-nav img {
  width: 60px;
  height: 24px;
  object-fit: contain;
}

.hotel-section .hotel-slider-v2 .owl-nav button,
.hotel-section .hotel-slider-v2 .owl-nav div {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 9;
}

.hotel-section .hotel-slider-v2 .owl-nav button i,
.hotel-section .hotel-slider-v2 .owl-nav div i {
  font-size: 50px;
  color: var(--white);
}

.hotel-section .hotel-slider-v2 .owl-nav .owl-prev {
  left: 28px;
}

.hotel-section .hotel-slider-v2 .owl-nav .owl-next {
  right: 28px;
}

/* Dots */
.hotel-section .hotel-slider-v2 .owl-dots {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 20px 0 0;
}

.hotel-section .hotel-slider-v2 .owl-dot {
  margin-right: 12px;
}

.hotel-section .hotel-slider-v2 .owl-dot span {
  width: 11px;
  height: 11px;
  display: inline-block;
  margin-right: 0;
  border: 1px solid var(--text-clr);
  background: transparent;
  border-radius: 50%;
}

.hotel-section .hotel-slider-v2 .owl-dot.active span {
  background: var(--text-clr);
}

/* SECTION CSS END */
/* hotel-section-second */

.hotel-section-second {
  background: #FFF7E9;
  padding: 60px 0;
  overflow: hidden;
  position: relative;
  /* min-height: 100vh; */
}

.hotel-section-second .hotel-section-second-container {
  max-width: 1190px;
  padding-inline: 15px;
  margin: 0 auto;
}

.hotel-section-second .hotel-section-second-wrap {
  display: flex;
  align-items: center;
  gap: 60px;
}

.hotel-section-second .hotel-section-second-wrap-reverse-column {
  flex-direction: row-reverse;
}

/* Left Content */
.hotel-section-second .hotel-content {
  width: 50%;
  text-align: center;
}

.hotel-section-second .hotel-content figure {
  margin: 0 0 24px;
}

.hotel-section-second .hotel-content figure img {
  max-width: 220px;
  max-height: 220px;
  width: 100%;
  height: auto;
  aspect-ratio: 1 / 1;
  object-fit: contain;
  object-position: center;
}

.hotel-section-second .hotel-content h2 {
  font: 500 40px/44px var(--font-family-medium);
  letter-spacing: 0.02em;
  color: var(--text-clr);
  margin: 0 0 12px;
}

.hotel-section-second .hotel-content p {
  font: 400 18px/28px var(--font-family-light);
  color: var(--text-clr);
  margin: 0 0 24px;
}

.hotel-section-second .silder-left {
  text-align: start;
}

/* Slider */
.hotel-section-second .hotel-section-second-slider-wrap {
  width: 50%;
}

.hotel-section-second .hotel-slider-second .owl-item {
  overflow: hidden;
}

.hotel-section-second .hotel-slider-second img {
  width: 100%;
  object-fit: cover;
  object-position: center;
  aspect-ratio: 580 / 760;
}

.hotel-section-second .hotel-slider-second .owl-nav img {
  width: 60px;
  height: 24px;
  object-fit: contain;
}

.hotel-section-second .hotel-slider-second .owl-nav button,
.hotel-section-second .hotel-slider-second .owl-nav div {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 9;
}

.hotel-section-second .hotel-slider-second .owl-nav button i,
.hotel-section-second .hotel-slider-second .owl-nav div i {
  font-size: 50px;
  color: var(--white);
}

.hotel-section-second .hotel-slider-second .owl-nav .owl-prev {
  left: 28px;
}

.hotel-section-second .hotel-slider-second .owl-nav .owl-next {
  right: 28px;
}

/* Dots */
.hotel-section-second .hotel-slider-second .owl-dots {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 20px 0 0;
}

.hotel-section-second .hotel-slider-second .owl-dot {
  margin-right: 12px;
}

.hotel-section-second .hotel-slider-second .owl-dot span {
  width: 11px;
  height: 11px;
  display: inline-block;
  margin-right: 0;
  border: 1px solid var(--text-clr);
  background: transparent;
  border-radius: 50%;
}

.hotel-section-second .hotel-slider-second .owl-dot.active span {
  background: var(--text-clr);
}

/* hotel-caraven */

.hotel-caraven {
  background: #FFF7E9;
  padding: 30px 0;
}

.hotel-caraven figure {
  margin: 0;
  padding: 0;
}

.hotel-caraven .hotel-caraven-container {
  max-width: 1190px;
  padding: 0 15px;
  margin: 0 auto;
}

.hotel-caraven .hotel-caraven-wrap {
  display: flex;
  align-items: flex-start;
  gap: 60px;
}

/* LEFT / RIGHT */
.hotel-caraven .hotel-content {
  width: 50%;
  text-align: center;
}

.hotel-caraven .hotel-content .hotel-logo,
.hotel-caraven .hotel-content .hotel-image-small {
  margin: 0 auto 40px;
  text-align: center;
}

.hotel-caraven .hotel-logo img {
  width: 247px;
  height: 239px;
  object-fit: contain;
  object-position: center;
}

.hotel-caraven .hotel-image-large img {
  width: 100%;
  height: 700px;
  aspect-ratio: 550 / 700;
  object-fit: cover;
  object-position: center;
}

.hotel-caraven .hotel-image-small img {
  width: 100%;
  height: 550px;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  object-position: center;
}

.hotel-caraven .hotel-content h2 {
  font: 500 40px/44px var(--font-family-medium);
  letter-spacing: .02em;
  color: var(--text-clr);
  margin: 0 0 12px;
}

.hotel-caraven .hotel-content h3 {
  font: 500 18px/24px var(--font-family-medium);
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--text-clr);
  margin: 0 0 12px;
}

.hotel-caraven .hotel-content p {
  font: 400 18px/28px var(--font-family-regular);
  color: var(--text-clr);
}

.hotel-actions {
  display: flex;
  align-items: center;
  gap: 24px;
  margin-top: 40px;
  justify-content: center;
}

.hotel-section-second .hotel-actions {
  justify-content: center;
}

/* SECTION CSS END */
/* welcome-section */

.welcome-section {
  background: #FFF7E9;
  padding: 60px 0 30px;
  text-align: center;
}

.welcome-section .welcome-container {
  max-width: 920px;
  margin: 0 auto;
  padding-inline: 15px;
}

.welcome-section .welcome-wrap h2 {
  font: 500 40px/44px var(--font-family-medium);
  letter-spacing: .02em;
  color: var(--text-clr);
  margin: 0 0 0;
}

.welcome-section .welcome-wrap p {
  font: 400 18px/28px var(--font-family-light);
  color: var(--text-clr);
  margin: 12px 0 0;
}

.welcome-section .btn-outline {
  margin-top: 24px;
}

.welcome-wrap span {
  display: block;
  margin: 24px 0 0;
  font: 400 12px/1.2 var(--font-family-light);
  text-align: center;
  letter-spacing: 0;
  color: var(--text-clr);
}

/* SECTION CSS END */
/* follow-section */

.follow-section {
  background: #FFF7E9;
  padding: 60px 0;
}

.follow-section .follow-container {
  max-width: 1190px;
  margin: 0 auto;
  padding-inline: 15px;
}

.follow-section h2 {
  font: 500 40px/44px var(--font-family-medium);
  letter-spacing: .02em;
  color: var(--text-clr);
  margin: 0 0 12px;
  text-align: center;
}

.follow-section h2 a {
  color: var(--text-clr);
}

.follow-section .follow-wrap p {
  font: 400 18px/28px var(--font-family-regular);
  text-align: center;
  color: var(--text-clr);
  margin: 0 0 40px;
}


.follow-section .follow-wrap p a {
  font-weight: 500;
}

.follow-section .follow-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 30px;
}

.follow-section .follow-img {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

.follow-section .follow-img img {
  width: 100%;
  height: auto;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  object-position: center;
  transition: transform 0.6s ease;
}

.follow-section .follow-img::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.4);
  opacity: 0;
  transition: opacity 0.3s ease;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.follow-section .follow-img a {
  position: relative;
  z-index: 2;
  height: 100%;
  display: block;
}

.follow-section .follow-img i {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: var(--white);
  font-size: 40px;
  z-index: 2;
  pointer-events: none;
  transition: transform 0.3s ease;
  opacity: 0;
}

.follow-section .follow-img:hover::before,
.follow-section .follow-img:hover i {
  opacity: 1;
}

.follow-section .follow-img:hover img {
  transform: scale(1.1);
}

.follow-slider-section {
  overflow: hidden;
}

.follow-slider-section .follow-grid {
  display: flex;
  gap: 0;
}

.follow-slider-section .follow-container {
  max-width: 100%;
  padding: 0;
}

.follow-slider-section .follow-img img,
.follow-slider-section .follow-img video {
  aspect-ratio: 267/334;
  object-fit: cover;
  object-position: center;
}

.follow-slider-section .owl-nav button,
.follow-slider-section .owl-nav div {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 9;
}

.follow-slider-section .owl-nav {
  display: block !important;
}

.follow-slider-section .owl-nav img {
  width: 60px;
  height: 24px;
  object-fit: contain;
}

.follow-slider-section .owl-nav .owl-next {
  right: 28px;
}

.follow-slider-section .owl-nav .owl-prev {
  left: 28px;
}

/* SECTION CSS END */
/* section-press */

.section-press {
  padding: 60px 0;
  min-height: 100vh;
  /* max-height: 830px; */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.section-press::before {
  content: '';
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 34.21%);

}

.section-press .section-press-container {
  max-width: 1190px;
  margin: 0 auto;
  padding-inline: 15px;
  position: relative;
  z-index: 1;
}


.section-press .sub-hd {
  color: var(--white);
}

.section-press h2 {
  font: 500 40px/44px var(--font-family-medium);
  letter-spacing: .02em;
  color: var(--white);
  margin: 0 0 50px;
  text-align: center;
}

.section-press .section-press-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
}

/* CARD */
.section-press .section-press-card {
  background: #FFF7E9D9;
  padding: 30px;
  text-align: center;
  height: auto;
}

.section-press .section-press-card p {
  font: 500 24px/28px var(--font-family-medium);
  color: #111;
  margin: 0 0 28px;
}

.section-press .section-press-card img {
  width: 245px;
  height: 35px;
  object-fit: contain;
  display: block;
  margin: 0 auto;
}

/* SECTION CSS END */
/* locations-section */

.locations-section {
  background: #E8D0C5;
  padding: 60px 0;
}

.locations-section .locations-section-container {
  max-width: 1190px;
  padding-inline: 15px;
  margin: 0 auto;
}

.locations-section .locations-header {
  margin: 0 0 40px;
}

.locations-section .locations-header h2 {
  font: 500 40px/1.2 var(--font-family-medium);
  letter-spacing: .02em;
  text-align: center;
  color: var(--text-clr);
  margin: 0;
}

.locations-section .locations-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px;
}

.locations-section .location-image {
  overflow: hidden;
}

.location-card:hover .location-image img {
  transform: scale(1.1);
}

.locations-section .location-image img {
  width: 100%;
  height: auto;
  aspect-ratio: 550 / 420;
  object-fit: cover;
  object-position: center;
  transition: transform .6s ease;
}

.locations-section .location-info {
  padding: 40px;
  text-align: center;
  background: #FFF7E9;

}

.locations-section .location-info img {
  width: 160px;
  height: 50px;
  object-fit: contain;
  margin: 0 0 24px;
}

.locations-section .location-info h3 {
  font: 500 24px/28px var(--font-family-medium);
  letter-spacing: .02em;
  text-align: center;
  color: var(--text-clr);
  margin: 0 0 12px;
}

.locations-section .location-info .location-description {
  margin: 0 0 24px;
}

.locations-section .location-info p {
  font: 400 18px/28px var(--font-family-regular);
  text-align: center;
  color: var(--text-clr);
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}

/* .locations-section .location-info a {} */
/* SECTION CSS END */
/* june-journal-section */

.june-journal-section {
  background: #FFF7E9;
  padding: 60px 0;
}

.june-journal-section .june-journal-container {
  max-width: 1190px;
  padding-inline: 15px;
  margin: 0 auto;
}

.june-journal-section .june-journal-header {
  margin: 0 0 40px;
}

.june-journal-section .june-journal-header h2 {
  font: 500 40px/44px var(--font-family-medium);
  letter-spacing: .02em;
  text-align: center;
  color: var(--text-clr);
  margin: 0 0 12px;
}

.june-journal-section .june-journal-header p {
  font: 400 18px/28px var(--font-family-regular);
  color: var(--text-clr);
  text-align: center;
}

.june-journal-section .june-journal-entries {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
}

.june-journal-section .june-entry {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.june-journal-section .june-entry .june-entry-image {
  overflow: hidden;
}

.june-journal-section .june-entry:hover .june-entry-image img {
  transform: scale(1.1);
}

.june-journal-section .june-entry-image img {
  width: 100%;
  height: auto;
  aspect-ratio: 366 / 275;
  object-fit: cover;
  object-position: center;
  transition: transform .6s ease;
}

.june-journal-section .june-entry-content {
  padding: 24px 0 0;
  /* display: flex;
  flex-direction: column;
  flex: 1; */
}

.june-journal-section .june-entry-category {
  font: 500 14px/20px var(--font-family-medium);
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--text-clr);
  margin: 0 0 12px;
  display: block;
}

.june-journal-section .june-entry-content h3 {
  font: 500 24px/28px var(--font-family-medium);
  letter-spacing: .02em;
  color: var(--text-clr);
  margin: 0 0 12px;
  text-decoration: none;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}

.june-journal-section .june-entry-content p {
  font: 400 18px/28px var(--font-family-regular);
  letter-spacing: 0;
  color: var(--text-clr);
  margin: 0 0 23px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
  overflow: hidden;
}

.june-journal-section .june-read-more {
  /* margin-top: auto; */
  align-self: flex-start;
  width: auto;
}

/* SECTION CSS END */
/* footer  */
.new-page .footer {
  background: #CCB7A3;
  padding: 60px 0;
}

/* .footer .email-capture__container {
  margin: 0;
  background: #E8D0C5;
  border: 0;
  width: 100%;
}

.footer .email-capture__wrap {
  max-width: 564px;
  width: 100%;
  margin: 0 auto;
  padding: 0;
  padding-inline: 15px;
} 

.footer .email-capture__title {
  font: 500 24px/28px var(--font-family-medium);
  letter-spacing: .02em;
  text-align: center;
  color: var(--text-clr);
  margin: 0 0 20px;
  padding: 0;
}

.footer .email-capture__field-email input {
  background: #FFF7E9;
  padding: 16px 40px;
  font: 400 18px/28px var(--font-family-regular);
  color: var(--text-clr);
  border: 0;
}

.footer .email-capture__submit {
  background: #E1BC4D;
  color: var(--white);
  font: 500 18px/28px var(--font-family-medium);
  letter-spacing: 0.05em;
  text-align: center;
  text-transform: uppercase;
  border: none;
  cursor: pointer;
}

.footer .email-capture__submit:hover {
  background: var(--black);
  color: var(--white);
} */
.new-page .footer .footer__container {
  padding: 0px 15px;
  max-width: 1190px;
  margin: 0 auto;
}

.new-page .footer .footer__logo {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 0 36px;
}

.new-page .footer .footer__logo img {
  max-width: 200px;
  object-fit: contain;
  margin: 0;
}

.new-page .footer .footer__logo img {
  max-width: 200px;
  object-fit: contain;
}

.new-page .footer ul li {
  height: auto !important;
}

.new-page .footer .footer__menu ul li a,
.new-page .footer .footer__menu ul li,
.new-page .footer .footer__menu #google_language_translator select.goog-te-combo,
.new-page .footer .site-credit {
  font: 500 14px/20px var(--font-family-medium);
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #1A1815 !important;
  width: 100%;
}

.new-page .footer .footer__col--info,
.new-page .footer__col--referral {
  width: 100%;
  padding: 0;
}

.new-page .footer .footer__referral span {
  letter-spacing: 10%;
  text-align: center;
  text-transform: uppercase;
  font: 500 14px/24px var(--font-family-medium) !important;
  color: #1A1815 !important;
  margin-bottom: 12px;
  display: block;
}

.new-page .footer .brand-logo {
  text-align: center;
}

.new-page .footer .brand-logo img {
  width: 200px;
  height: 32px;
  object-fit: contain;
  object-position: center;

}

.new-page .footer .footer__referral ul {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 40px;
  justify-content: center;
}

.new-page .footer .footer__referral ul li {
  margin: 0;
  padding: 0;
}



.new-page .footer .footer__referral ul li a {
  display: block;
  margin: 0;
  font: 400 14px/24px var(--font-family-regular) !important;
  color: #1A1815 !important;
  position: relative;
  padding: 0 0 0 12px;
}

.new-page .footer .footer__referral ul li:first-child a {
  padding: 0;
}

.new-page .footer .footer__referral ul li:first-child a::before {
  display: none;
}

.new-page .footer .footer__referral ul li a::before {
  content: "\f111";
  position: absolute;
  top: 50%;
  font-size: 3px;
  transform: translateY(-50%);
  font-family: "Font Awesome 7 Free" !important;
  font-weight: 900;
  left: 0;
}

.new-page .footer .footer__top {
  display: grid;
  gap: 20px;
  grid-template-columns: repeat(3, 1fr);
  margin: 0;
}

.new-page .footer .footer__top>div {
  width: 100%;
}

.new-page .footer .footer__mobile-separator {
  display: none;
}

.new-page .footer .footer__top {
  grid-template-columns: repeat(2, 1fr);
  gap: 40px;
}

/* booking-bar */
.booking-bar {
  display: flex;
  align-items: center;
  background: rgba(26, 24, 21, .5);
  /* backdrop-filter: blur(6px); */
  border-top: 1px solid #fff;
  overflow: hidden;
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  z-index: 99;
}


.booking-item {
  flex: 1;
  display: flex;
  align-items: center;
  gap: 40px;
  color: var(--white);
  padding: 30px 40px;
  border-right: 1px solid #fff;
  font: 500 16px/22px var(--font-family-medium);
  text-transform: uppercase;
  letter-spacing: .12em;
  justify-content: center;
  white-space: nowrap;
}

.booking-item i {
  font-size: 16px;
}

.booking-btn {
  background: var(--primary-clr);
  color: var(--text-clr);
  border: 0;
  font-weight: 600;
  cursor: pointer;
  padding: 30px 80px;
  flex: 1;
  text-align: center;
  font: 500 16px/22px var(--font-family-medium);
  text-transform: uppercase;
  letter-spacing: .12em;
  white-space: nowrap;
  transition: all 0.3s ease;
}

.booking-btn:hover {
  background: #b2880b;
  color: var(--white);
}

/* BOOKING NEW */
/* ================= Booking bar ================= */
.bookbottom {
  background: rgba(26, 24, 21, 0.5);
  border-top: 1px solid #fff;
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  z-index: 99;
}

.bookbottom__ul {
  display: flex;
  align-items: center;
}

.bookbottom__ul div:last-child {
  flex: 1;
}

.bookbottom__ul .booking-btn {
  width: 100%;
}

.booking-item select {
  background: none;
  border: 0;
  font: 500 16px/22px var(--font-family-medium);
  text-transform: uppercase;
  letter-spacing: 0.12em;
  color: var(--white);
}

.booking-item select option {
  color: var(--black);
}

.bookbottom__li--datepicker {
  position: relative;
}

.bookbottom__li--datepicker input {
  /* position: absolute;
  opacity: 0; */
  font: 500 16px/22px var(--font-family-medium);
  text-transform: uppercase;
  letter-spacing: .12em;
  white-space: nowrap;
  color: var(--white);
  width: auto;
  min-width: 184px;
  cursor: pointer;
}

.bookbottom__li--datepicker input.dte-rng {
  min-width: 230px;
}

.bookbottom__li--datepicker input::placeholder {
  color: var(--white);
}

.daterangepicker td.in-range {
  background-color: #87744885 !important;
  color: var(--white) !important;
}

.daterangepicker td.active,
.daterangepicker td.active:hover {
  background-color: #877448 !important;
  color: var(--white) !important;
}

td.off.ends {
  visibility: hidden;
}

/*  */
.custom-dropdown,
.room-dropdown {
  position: relative;
  cursor: pointer;
}

/* .dropdown-selected {
  padding: 10px 14px;
  background: #fff;
} */

.custom-dropdown.open .dropdown-options,
.room-dropdown.open .dropdown-options {
  display: block;
}

.dropdown-options {
  display: none;
  position: absolute;
  /* top: 100%; */
  bottom: 88%;
  left: 0;
  width: 100%;
  background: var(--white);
  z-index: 10;
  border: 1px solid var(--black);
  list-style: none;
  padding: 0;
}

.dropdown-options li {
  padding: 10px 14px;
  border-bottom: 1px solid var(--black);
  background: var(--white);
  margin: 0;
  text-align: center;
}

.dropdown-options li:last-child {
  border: 0;
}

.dropdown-options li:hover {
  background: var(--black);
  color: var(--white);
}

.bookbottom__form_room .dropdown-options {
  display: none;
  position: absolute;
  /* top: 100%; */
  bottom: 88%;
  left: 0;
  width: 100%;
  background: var(--white);
  z-index: 10;
  border: 1px solid var(--black);
  list-style: none;
  padding: 0;
}

.bookbottom__form_room .dropdown-options li {
  padding: 10px 14px;
  border-bottom: 1px solid var(--black);
  background: var(--white);
  margin: 0;
  text-align: center;
}

.bookbottom__form_room .dropdown-options li:last-child {
  border: 0;
}

.bookbottom__form_room .dropdown-options li:hover {
  background: var(--black);
  color: var(--white);
}

.custom-dropdown.is-locked {
  pointer-events: none;
}

.new-page .datepicker-close {
  position: absolute;
  top: 0px;
  right: 10px;
  font-size: 20px !important;
}


/* ================= Datepicker ================= */
.new-page .ui-datepicker {
  background: var(--white);
  padding: 24px 28px;
  width: auto !important;
  min-width: 422px;
  border: none;
  /* display: grid !important; */
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;

}

.new-page .ui-datepicker.range_dates {
  display: grid !important;
}

/* Two months */
.new-page .ui-datepicker-multi .ui-datepicker-group {
  width: 100%;
}

.new-page .ui-helper-clearfix:before,
.new-page .ui-helper-clearfix:after {
  display: none !important;
}

/* Header */
.new-page .ui-datepicker-header {
  background: none;
  border: none;
  padding-bottom: 14px;
  position: relative;
}

.new-page .ui-datepicker-title {
  font-size: 12px !important;
  letter-spacing: 0.12em;
  font-weight: 500;
  text-transform: uppercase;
  text-align: center;
  padding: 5px 32px;
  margin: 0 !important;
  border-width: 1px 0 1px 0;
  border-style: solid;
  border-color: #000;
  line-height: 1 !important;
}

/* Arrows */
.new-page .ui-datepicker .ui-datepicker-prev,
.new-page .ui-datepicker .ui-datepicker-next {
  width: 32px !important;
  height: 32px !important;
  top: 50% !important;
  transform: translateY(-50%);
}

.new-page .ui-datepicker .ui-datepicker-prev:hover,
.new-page .ui-datepicker .ui-datepicker-next:hover {
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

.new-page .ui-datepicker .ui-datepicker-prev {
  left: 0;
}

.new-page .ui-datepicker .ui-datepicker-next {
  right: 0;
}

/* Remove jQuery UI icons */
.new-page .ui-datepicker-prev span,
.new-page .ui-datepicker-next span {
  background: transparent !important;
  text-indent: 0;
  color: var(--black);
  margin: 0 !important;
  position: relative;
  font-size: 0;
  width: 32px;
  height: 32px;
  position: unset !important;
  display: flex !important;
  align-items: center;
  justify-content: center;
}

/* Font Awesome arrows */
.new-page .ui-datepicker-prev span:before,
.new-page .ui-datepicker-next span:before {
  font-family: "Font Awesome 7 Free";
  font-weight: 900;
  font-size: 16px;
  color: #000000 !important;
  display: inline-block;
  transform: traslate(-50%, -50%) !important;
  position: unset;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Left arrow */
.new-page .ui-datepicker-prev span:before {
  content: "\f060";
}

/* Right arrow */
.new-page .ui-datepicker-next span:before {
  content: "\f061";
}

/* Weekdays */
.new-page .ui-datepicker th {
  font-size: 11px;
  font-weight: 400;
  color: #888;
  padding: 8px 0;
}

/* Calendar grid */
.new-page .ui-datepicker-calendar {
  width: 100%;
  border-collapse: collapse;
}

.new-page .ui-datepicker td {
  padding: 6px 0;
  text-align: center;
}

/* Days */
.new-page .ui-datepicker td a,
.new-page .ui-datepicker td span {
  width: 20px;
  height: 20px;
  line-height: 1;
  display: inline-block;
  font-size: 13px;
  color: #444 !important;
  background: none !important;
  border: none !important;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Hover */
.new-page .ui-datepicker td a:hover {
  background: #f1ead8;
}

/* Selected / active day */
.new-page .ui-datepicker .ui-state-highlight,
.new-page .ui-datepicker .ui-state-active {
  background: #d8c7a3 !important;
  color: #000 !important;
  font-weight: 600;
}

/* Disabled days */
.new-page .ui-datepicker-unselectable span {
  color: #c5c5c5;
}

/* Hide other-month cells completely */
.new-page .ui-datepicker-other-month {
  visibility: hidden;
  pointer-events: none;
}

/* Remove all jQuery UI chrome */
.new-page .ui-widget,
.new-page .ui-widget-content,
.new-page .ui-widget-header {
  border: none;
}

.new-page .ui-corner-all,
.new-page .ui-corner-left,
.new-page .ui-corner-right {
  border-radius: 0;
}


/* END */
.new-page .email-capture {
  padding: 0 0 60px;
}

.new-page .email-capture .email-capture__container {
  max-width: 1190px;
  margin: 0 auto;
  padding-inline: 15px;
  background: unset;
  border: 0;
  width: 100% !important;

}

.new-page .email-capture .email-capture__wrap {
  width: 100%;
  max-width: 100%;
  padding: 50px 60px;
  background: #F0DBCC;
  margin: 0;
  position: relative;
}

.new-page .email-capture .email-capture__response {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) !important;
}

.new-page .email-capture .email-capture__formbox {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 40px;
}

.new-page .email-capture .email-capture__formbox h2 {
  font: 500 28px/32px var(--font-family-medium);
  letter-spacing: .02em;
  text-align: center;
  color: var(--text-clr);
  margin: 0 0 0px;
  padding: 0;
}

.new-page .email-capture .email-capture__field-email input {
  background: #FFF7E9;
  padding: 16px 40px;
  font: 400 18px/28px var(--font-family-regular);
  color: var(--text-clr);
  border: 0;
}

.new-page .email-capture .email-capture__submit {
  background: var(--primary-clr);
  color: var(--black);
  border: 1px solid var(--primary-clr) !important;
  font: 500 16px/1 var(--font-family-medium);
  letter-spacing: 0.05em;
  text-align: center;
  text-transform: uppercase;
  border: none;
  cursor: pointer;
  transition: all 0.3s ease;
}

.new-page .email-capture .email-capture__submit:hover {
  border: 1px solid #b2880b !important;
  background: #b2880b;
  color: var(--white);
}

.announcement-container {
  background: #E1BA44;
  padding: 10px 4px;
  position: relative;
}

/* close button */
.announcement-close {
  position: absolute;
  top: 20px;
  right: 15px;
  transform: translateY(-50%);
  width: 10px;
  height: 10px;
  /* display: none; */
  align-items: center;
  justify-content: center;
  background: none;
  border: 0;
  cursor: pointer;
  color: var(--black);
  z-index: 10;
}

/* message */
.announcement-message {
  font-family: var(--font-family-regular);
  font-weight: 400;
  font-size: 12px;
  line-height: 20px;
  text-align: center;
  color: var(--text-clr);
  display: block;
}

.announcement-slide {
  padding: 0px 20px;
}

/* owl nav */
.announcement-container .owl-nav button,
.announcement-container .owl-nav div {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  font-size: 14px;
  border: 0;
  background: none;
  cursor: pointer;
  color: var(--black);
  opacity: .7;
  transition: opacity .3s ease;
}

.announcement-container .owl-prev {
  left: 60px;
}

.announcement-container .owl-next {
  right: 60px;
}

.new-page .nav-ham-mobile__scrolling-msg {
  display: none;
}

/*  */
.winter-offer {
  background: #F0DBCC;
  padding: 60px 0;
}

.container {
  max-width: 1190px;
  margin: 0 auto;
  padding-inline: 15px;
}

.winter-offer-row {
  display: flex;
  align-items: center;
  gap: 60px;
}

/* Image */
.winter-offer-img {
  flex: 1;
}

.winter-offer-img img {
  width: 100%;
  height: auto;
  aspect-ratio: 550 / 400;
  object-fit: cover;
  object-position: center;
}

/* Content */
.winter-offer-content {
  flex: 1;
}

.winter-offer-content .sub-hd {
  text-align: start;
}

.winter-offer-content h2 {
  font: 500 40px/44px var(--font-family-medium);
  letter-spacing: 0.02em;
  color: var(--text-clr);
  margin: 0 0 12px;
}

.winter-offer-content p {
  font: 400 18px/28px var(--font-family-light);
  color: var(--text-clr);
  margin: 0 0 24px;
}

/*  */
.new-page .featured__video .featured__video-mobile {
  display: none;
}

/*  */
/* ===== Section ===== */
.booking-perks-section {
  background: #F0DBCC;
  padding: 40px 0;
}

/* ===== Container ===== */
.booking-perks-container {
  max-width: 1310px;
  margin: 0 auto;
  padding-inline: 15px;
}

/* ===== Wrapper ===== */
.booking-perks-wrapper {
  text-align: center;
}

/* ===== Left Text ===== */
/* .booking-perks-heading {
  flex: 1;
} */
.booking-perks-heading h2 {
  font: 500 40px/48px var(--font-family-medium);
  letter-spacing: 2%;
  color: var(--black);
  /* max-width: 158px; */
  margin: 0 0 8px;
}

.booking-perks-wrapper .booking-perks-heading p {
  font: 400 18px/28px var(--font-family-regular);
  text-align: center;
  margin: 0 0 40px;
  color: #1a1815;
}

.booking-perks-wrapper p {
  font: 400 12px/20px var(--font-family-regular);
  text-align: center;
  margin: 40px 0 0px;
  color: #1a1815;
}

/* ===== Perks List ===== */
.booking-perks-list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(184px, 1fr));
  gap: 20px;
  flex: 1;

}

/* ===== Single Perk ===== */
.booking-perk-item {
  text-align: center;
  max-width: 184px;
  margin: 0 auto;
}

.booking-perk-icon {
  width: 90px;
  height: 90px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 16px;
  /* border: 1px solid var(--black); */
}

.booking-perk-icon img {
  object-fit: contain;
}

.booking-perk-item p {
  font: 500 16px/26px var(--font-family-medium);
  letter-spacing: 10%;
  text-align: center;
  text-transform: uppercase;
  color: var(--black);
  margin: 0;
}

.brand-text p {
  font: 400 12px/20px var(--font-family-light);
  letter-spacing: 0%;
  text-align: center;
  color: var(--black);
  margin-bottom: 12px;

}

.brand-text a {
  display: block;
  font: 500 12px/20px var(--font-family-medium);
  letter-spacing: 10%;
  text-align: center;
  color: var(--black);

}

.booking-perks-actions {
  margin-top: 40px;
}

/*  */
label.date_range_picker {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  opacity: 0;
  cursor: pointer;
}

/*  */
.head_booknow-btn,
.without_mainbtn {
  padding: 20px 40px !important;
  background: var(--primary-clr);
  color: var(--text-clr) !important;
  border: 1px solid var(--primary-clr);
  font-weight: 600;
  cursor: pointer;
  flex: 1;
  text-align: center;
  font: 500 16px/1 var(--font-family-medium);
  text-transform: uppercase;
  letter-spacing: .12em;
  white-space: nowrap;
  transition: all 0.3s ease;
  display: none;
}

.booknow_btn_header {
  display: inline-block;
  padding: 20px 40px !important;
  background: var(--primary-clr);
  color: var(--text-clr) !important;
  border: 1px solid var(--primary-clr);
  font-weight: 600;
  cursor: pointer;
  flex: 1;
  text-align: center;
  font: 500 16px/1 var(--font-family-medium);
  text-transform: uppercase;
  letter-spacing: .12em;
  white-space: nowrap;
  transition: all 0.3s ease;
}

.head_booknow-btn:hover,
.without_mainbtn:hover,
.booknow_btn_header:hover {
  border: 1px solid #b2880b;
  background: #b2880b;
  color: var(--white) !important;
}

body.new-page.body-onscroll .nav-scroll__desti-anchor {
  display: none;
}

body.new-page.body-onscroll .desti-menu {
  display: none;
}

.west-los-angeles-website .nav-scroll__desti,
.malibu-website .nav-scroll__desti {
  float: right;
  text-align: end;
}

.new-page.body-onscroll .head_booknow-btn,
.new-page.body-onscroll .without_mainbtn {
  display: inline-block;
}

/*  */
.new-page .menu-item-has-children>a {
  position: relative;

}

.new-page .menu-item-has-children>a::before {
  /* content:"\f078";    */
  content: "\f0d7";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  font-size: 16px;
}



/*  */
button#heroPlayBtn {
  position: absolute;
  top: auto;
  left: 20px;
  bottom: 100px;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  color: #fff;
  font-size: 18px;
  border: none;
  cursor: pointer;
  z-index: 12;
  line-height: 1;
  transition: 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* 16-02-2026 */
.ScRooms {
  padding: 30px 0;
}

.ScRoomsContainer {
  max-width: 1190px;
  padding-inline: 15px;
  margin: 0 auto;
}

.ScRoomsCards {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 60px;
}

/* .ScRoomsCard:nth-child(3n + 1) {
  grid-column: 1 / -1;
} */
.ScRoomsCard.cstm-full-col {
  grid-column: 1 / -1;
}

.ScRoomsCard {
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: start;
  gap: 60px;
}

/* .ScRoomsCard:nth-child(3n + 1) {
  grid-template-columns: 1.3fr 1fr;
} */
.ScRoomsCard.cstm-full-col {
  grid-template-columns: 1.3fr 1fr;
}

/* .ScRoomsCard:nth-child(3n + 1) .ScRoomsCardInfoGrid {
  grid-template-columns: repeat(3, 1fr);
} */

.ScRoomsCard.cstm-full-col .ScRoomsCardInfoGrid {
  grid-template-columns: repeat(2, 1fr);
}

.ScRoomsCardImages img {
  width: 100%;
  object-fit: cover;
  object-position: center;
  aspect-ratio: 1160 / 667;
}

.ScRoomsCardImages .owl-dots {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 20px 0 0;
}

.ScRoomsCardImages .owl-dot {
  margin-right: 12px;
}

.ScRoomsCardImages .owl-dot span {
  width: 11px;
  height: 11px;
  display: inline-block;
  margin-right: 0;
  border: 1px solid var(--text-clr);
  background: transparent;
  border-radius: 50%;
}

.ScRoomsCardImages .owl-dot.active span {
  background: var(--text-clr);
}

.ScRoomsCardImages .owl-dot.active span {
  background: var(--text-clr);
}

.ScRoomsCardImages .owl-nav button,
.ScRoomsCardImages .owl-nav div {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 9;
}

.ScRoomsCardImages .owl-nav .owl-prev {
  left: 28px;
}

.ScRoomsCardImages .owl-nav .owl-next {
  right: 28px;
}

.ScRoomsCardImages .owl-nav img {
  width: 60px;
  height: 24px;
  object-fit: contain;
}

/* info side */
.ScRoomsCardInfo {
  text-align: center;
  max-width: 920px;
  margin: 0 auto;
}

.ScRoomsCardInfo h3 {
  font: 500 28px/1.2 var(--font-family-medium);
  letter-spacing: .02em;
  text-align: center;
  color: var(--text-clr);
  margin: 0 0 12px;
}

.ScRoomsCardInfo p {
  font: 400 18px/1.6 var(--font-family-light);
  text-align: center;
  color: var(--text-clr);
}

.ScRoomsCardInfo p a {
  font: 400 18px/1.6 var(--font-family-light);
  text-align: center;
  color: var(--text-clr);
  text-decoration: underline;
}

.ScRoomsCardInfo p {
  margin: 0 0 40px;
}

.ScRoomsCardInfoGrid {
  border: 1px solid #B2880B;
  padding: 20px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 5px 20px;
  margin-bottom: 40px;
}

.ScRoomsCardInfoItem {
  display: grid;
  /* align-items: center; */
  gap: 12px;
  /* text-align: center;
  justify-content: center; */
  /* flex-wrap: wrap; */
  grid-template-columns: 1fr 1fr;
}

.ScRoomsCardInfoItem span {
  font: 500 12px/1.2 var(--font-family-medium);
  letter-spacing: 10%;
  text-align: right;
  text-transform: uppercase;
  margin: 0;
  color: var(--text-clr);
}

.ScRoomsCardInfoItem p {
  font: 400 12px/1.2 var(--font-family-light);
  letter-spacing: 0%;
  color: var(--text-clr);
  margin: 0;
  text-align: left;
}

.ScRoomsCardInfoItem p a {
  font: 400 12px/1.2 var(--font-family-light);
  letter-spacing: 0%;
  color: var(--text-clr);
  text-decoration: underline;
}


/* 17-02-2026 */
.ScFilter {
  padding: 30px 0
}

.ScFilterContainer {
  padding-inline: 15px;
}

.filter-bar {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 62px;
  flex-wrap: wrap;
}

.filter-item {
  display: flex;
  align-items: center;
  gap: 12px;
  cursor: pointer;
  font-family: var(--font-family-medium);
  font-size: 14px;
  line-height: 24px;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--text-clr)
}

.filter-item input {
  display: none
}

.filter-item .box {
  width: 15px;
  height: 15px;
  border: 1.5px solid var(--text-clr);
  box-sizing: border-box
}

.filter-item input:checked+.box {
  background: var(--primary-clr);
  border: 1.5px solid var(--text-clr)
}

.room-new .welcome-section {
  padding-top: 183px;
}

.room-new .nav-scroll__logo img.unsticky {
  display: none;
}

.room-new .nav-scroll__logo img.sticky {
  display: block;
  max-height: 60px;
  object-fit: contain;
}

.room-new .nav-scroll__desti-anchor {
  color: #B2880B;
}

.room-new .nav-scroll__desti-anchor:after {
  border-left: 5px solid #B2880B;
  border-right: 5px solid #B2880B;
}

.room-new {
  background: #FFF7E9;
}

.room-new .nav-scroll__toggle-menu .toggle-icon {
  background: url(../images/toggle-icon-gold.svg) center center no-repeat;
}

/* 18-02-2026 */
.room-new .bookform-section {
  padding: 30px 0;
}

.bookform-container {
  max-width: 1190px;
  margin: 0 auto;
  padding-inline: 15px;
}

.room-new .featured__bookbottom {
  position: unset;
}

.room-new .bookbottom {
  position: unset;
  border: 1px solid var(--text-clr);
}

.room-new .booking-item {
  border-right: 1px solid var(--text-clr);
  color: var(--text-clr);
  background: #FFF7E9;
  flex: 1 1 0;
  min-width: 0;
  gap: 20px;
  padding: 30px 20px;
  font-size: 15px;
}

.room-new .bookbottom__li--datepicker input {
  color: var(--text-clr);
  font-size: 15px;
}

.room-new .bookbottom__li--datepicker input::placeholder {
  color: var(--text-clr);
  font-size: 15px;
}

/* 19-02-2026 */


.new-page .mt-bonvoy-container {
  top: 50% !important;
  transform: translateY(-50%) !important;
}

.journal-list__imgbox>div {
  aspect-ratio: 499/299;
  padding: 0 !important;
}

.journal-list__grid-wrap .journal-list__space {
  display: none;
}

#navmobile .nav-mobile__menu li[aria-label="Book Now"] a {
  color: var(--white) !important;
}

.page-id-23371 #navmobile .nav-mobile__menu li[aria-label="Book Now"] a,
.home-page-new #navmobile .nav-mobile__menu li[aria-label="Book Now"] a {
  color: #b48f1f !important;
}

.announcement-bar.owl-carousel .announcement-message {
  opacity: 0;
}

.announcement-bar.owl-carousel.owl-loaded .announcement-message {
  opacity: 1;
}

.needsclick.kl-teaser-Y4DG5k.kl-private-reset-css-Xuajs1 {
  z-index: 90000 !important;
  position: fixed !important;
  top: 50%;
  left: 0px !important;
  transform: rotate(-90deg) translate(-50%, 0px);
  transform-origin: left top;
  margin-left: 0px !important;
  width: 196px !important;
  bottom: unset !important;
}

/* .booking-perks-actions a.btn-outline {
  pointer-events: none;
} */
/* 26-02-2026 */

.new-page .accordion__item {
  border-width: 1px;
  border-color: var(--text-clr);
}

.new-page .accordion__item:last-child {
  border-bottom: 1px solid var(--text-clr);
}

.new-page .accordion__main-title {
  font: 500 40px/1.2 var(--font-family-medium);
  letter-spacing: 2%;
  color: var(--black);
  margin: 0 0 0px;
}

.new-page .accordion__container p {
  font: 400 18px/1.6 var(--font-family-light);
  text-align: center;
  margin: 12px 0 0;
}

.new-page .accordion__list {
  margin-top: 40px;
}

.new-page .accordion__item h3 {
  color: var(--text-clr);
  padding-right: 20px;
  line-height: 1.2;
}

.new-page .accordion__container .accordion__content p {
  text-align: start;
  margin: 0;
  color: var(--text-clr);
  font-family: "GT-Eesti-Text-Regular", Helvetica, Arial;
  font-size: 1.5rem;
  line-height: 1.3;
}

.new-page .accordion__container .accordion__content ul li,
.new-page .accordion__container .accordion__content ol li {
  color: var(--text-clr);
}

.new-page .accordion__see-all {
  margin-top: 56px;
}

/* 05-03-2026 */
.ScOfferHero {
  padding: 0 0 30px;
  background: #FFF7E9;
}

/*  */
.ScOfferHeroWrap {
  display: flex;
  align-items: center;
}

.ScOfferHeroImg {
  position: relative;
  flex: 1;
}

.ScOfferHeroImg img {
  width: 100%;
  height: auto;
  aspect-ratio: 580/464;
  object-fit: cover;
}

.LimitedOfferBadge {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  inset: 40px 40px auto auto;
  width: 100px;
  height: 100px;
  padding: 2px 10px;
  border-radius: 100px;
  font: 500 14px/1.3 var(--font-family-medium);
  letter-spacing: .1em;
  text-align: center;
  text-transform: uppercase;
  color: var(--white);
  background: #B2880B;

}

.ScOfferHeroCnt {
  padding: 20px 60px;
  flex: 1;
}

.ScOfferHeroCnt h2 {
  margin: 0 0 16px;
  font: 500 32px/1.2 var(--font-family-medium);
  letter-spacing: .02em;
  text-transform: capitalize;
  color: var(--text-clr);
}

.ScOfferHeroCnt p {
  margin: 0 0 16px;
  font: 400 18px/1.6 var(--font-family-light);
  letter-spacing: 0;
  color: var(--text-clr);
}

.ScOfferHeroCnt p a {
  font: 700 18px/1.6 var(--font-family-medium);
  letter-spacing: 0;
  color: var(--text-clr);
  text-decoration: underline;
}

.ScOfferHeroCnt a {
  display: inline-block;
  font: 500 16px/1.2 var(--font-family-medium);
  letter-spacing: .1em;
  text-transform: uppercase;
  text-decoration: underline;
  color: var(--text-clr);
}

.ScOfferHeroCnt .button-wrap {
  margin: 24px 0 0;
}

.ScOfferHeroCnt .button-wrap a {
  text-decoration: unset;
}

/*  */
.ScOfferCards {
  padding: 30px 0 60px;
  background: #FFF7E9;
}

/*  */
.ScOfferCardsWrap {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 32px;
}

.ScOfferCardImg {
  position: relative;
  margin: 0 0 28px;
}

.ScOfferCardImg img {
  width: 100%;
  height: auto;
  aspect-ratio: 365/292;
  object-fit: cover;
}

.ScOfferCardCnt h3 {
  margin: 0 0 12px;
  font: 500 28px/1.2 var(--font-family-medium);
  letter-spacing: .02em;
  color: var(--text-clr);
}

.ScOfferCardCnt p {
  margin: 0 0 12px;
  font: 400 18px/1.6 var(--font-family-light);
  letter-spacing: 0;
  color: var(--text-clr);
}

.ScOfferCardCnt ul li {
  margin: 0 0 12px;
  font: 400 18px/1.6 var(--font-family-light);
  letter-spacing: 0;
  color: var(--text-clr);
}

.ScOfferCardCnt a {
  font: 500 16px/1.2 var(--font-family-medium);
  letter-spacing: .1em;
  text-transform: uppercase;
  text-decoration: underline;
  color: var(--text-clr);
  display: inline-block;
}

.ScOfferCardCnt .button-wrap {
  margin: 28px 0 0;
}

.ScOfferCardCnt .button-wrap a {
  text-decoration: none;
}

.ScInsiderCards {
  padding: 30px 0;
  background: #FFF7E9;
}

/*  */
.ScInsiderHeading {
  max-width: 800px;
  margin: 0 auto 60px;
}

.ScInsiderHeading h2 {
  margin: 0 0 0;
  font: 500 40px/1.2 var(--font-family-medium);
  letter-spacing: .02em;
  text-align: center;
  color: var(--text-clr);
}

.ScInsiderHeading p {
  margin: 24px 0 0;
  font: 400 20px/1.6 var(--font-family-light);
  text-align: center;
  color: var(--text-clr);
}

/*  */
.ScInsiderCardsWrap {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
  margin: 0 0 60px;
}

.ScInsiderCardImg {
  position: relative;
  margin: 0 0 30px;
}

.ScInsiderCardImg img {
  width: 100%;
  height: auto;
  aspect-ratio: 365/268;
  object-fit: cover;
}

.ScInsiderCardCnt h3 {
  margin: 0 0 12px;
  font: 500 24px/1.2 var(--font-family-medium);
  letter-spacing: .02em;
  color: var(--text-clr);
}

.ScInsiderCardCnt p {
  margin: 0;
  font: 400 18px/1.6 var(--font-family-light);
  color: var(--text-clr);
}

.ScInsiderCards .button-wrap {
  text-align: center;
}

/*  */
.ScInsiderTwoCardsWrap {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 40px;
  margin: 0 0 60px;
}

.ScInsiderTwoCardImg {
  position: relative;
  margin: 0 0 30px;
}

.ScInsiderTwoCardImg img {
  width: 100%;
  height: auto;
  aspect-ratio: 560/400;
  object-fit: cover;
}

.ScInsiderTwoCardCnt h3 {
  margin: 0 0 12px;
  font: 500 32px/1.2 var(--font-family-medium);
  letter-spacing: .02em;
  color: var(--text-clr);
}

.ScInsiderTwoCardCnt p,
.ScInsiderTwoCardCnt ul li {
  margin: 0 0 0;
  font: 400 18px/1.6 var(--font-family-light);
  color: var(--text-clr);
}

.ScInsiderTwoCardCnt a {
  margin-top: 28px;
}

.page-id-20312 .bookbottom {
  display: none;
}

/*  */
.com-two-btn {
  display: flex;
  align-items: center;
  gap: 20px;
}

.top_mg_new {
  margin-top: 120px;
}

.meetings-events-new .cstm-full-col .com-two-btn {
  justify-content: center;
}

.meetings-events-new .cstm-full-col .ScRoomsCardInfo {
  text-align: center;
}

.meetings-events-new .cstm-full-col .ScRoomsCardInfo p {
  text-align: center;
}

.meetings-events-new .cstm-full-col .ScRoomsCardInfo h3 {
  text-align: center;
}

.meetings-events-new .cstm-full-col .ScRoomsCardInfo .sub-hd {
  text-align: center;
}

.meetings-events-new .ScRoomsCardInfo {
  text-align: start;
  flex: 1;
  display: flex;
  flex-direction: column;
}

.meetings-events-new .ScRoomsCardInfo p {
  text-align: start;
}

.meetings-events-new .ScRoomsCardInfo h3 {
  text-align: start;
}

.meetings-events-new .ScRoomsCardInfo .sub-hd {
  text-align: start;
}

.meetings-events-new .EventNav {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 99;
}

.EventNav {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 14px 0;
  background: #FFF7E9E5;

  /* smooth feel */
  transition: background 0.25s ease, box-shadow 0.25s ease;
}

.EventNav.is-fixed {
  position: fixed;
  bottom: 0;
  left: 0;

  background: #fff7e9;
  box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.08);
}


.EventNavWrap {
  max-width: 1190px;
  margin: 0 auto;
  padding-inline: 15px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  flex-wrap: wrap;
}

.EventNavItem {
  font: 500 14px/24px var(--font-family-medium);
  letter-spacing: 0.1em;
  text-align: center;
  text-transform: uppercase;
  color: var(--text-clr);
  margin: 0;
}


/*  */
.meetings-events-new .com-two-btn {
  flex-wrap: wrap;
  justify-content: start;
  margin-top: auto;
}

.meetings-events-new .hotel-content .com-two-btn {
  flex-direction: column;
  align-items: start;
}

.room-new .ScRoomsCardInfo .com-two-btn {
  justify-content: center;
}

.west-los-angeles-website .email-capture {
  padding: 60px 0;
}

/* 09-03-2026 */
.RoomModal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 9999;
  overflow-y: auto;
}

.RoomModalCn {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #fff;
  margin: 50px auto;
  max-width: 600px;
  width: 90%;
  border-radius: 8px;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
}

.RoomModalCnClose {
  position: absolute;
  top: 15px;
  right: 15px;
  width: 30px;
  height: 30px;
  border: none;
  background: none;
  cursor: pointer;
  font-size: 24px;
  color: #999;
  z-index: 1;
}

.RoomModalCnClose:before,
.RoomModalCnClose:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 20px;
  height: 2px;
  background-color: #999;
  transform: translate(-50%, -50%) rotate(45deg);
}

.RoomModalCnClose:after {
  transform: translate(-50%, -50%) rotate(-45deg);
}

.RoomModalCnClose:hover:before,
.RoomModalCnClose:hover:after {
  background-color: #333;
}

.RoomModalCnContent {
  padding: 40px;
  text-align: center;
}

.RoomModalCnTitle {
  margin: 0 0 16px;
  font: 500 32px/1.2 var(--font-family-regular);
  letter-spacing: .02em;
  color: var(--text-clr);
  color: var(--text-clr);
}

.RoomModalCnText {
  margin: 0 0 16px;
  font: 400 18px / 1.6 var(--font-family-light);
  letter-spacing: 0;
  color: var(--text-clr);
}

body.modal-open {
  overflow: hidden;
}

/*  */
.HeaderGold .nav-scroll__toggle-menu .toggle-icon {
  background: url(../images/toggle-icon-gold.svg) center center no-repeat;
}

.HeaderGold .nav-scroll__logo img.unsticky {
  display: none;
}

.HeaderGold .nav-scroll__logo img.sticky {
  display: block;
  max-height: 60px;
  object-fit: contain;
}

body.new-page {
  overflow-x: hidden !important;
  overflow-y: auto !important;
}

/* 18-03-2026 */

.ApartmentSuitePerksSc {
  padding: 30px 0
}

.ApartmentSuitePerksSc span {
  display: inline-block;
  margin: 18px 0 0;
  font: 400 12px/1.2 var(--font-family-light);
  color: var(--text-clr);
  text-align: center;
  width: 100%
}

.ApartmentSuitePerksScWrap {
  border: 1px solid #b2880b;
  padding: 24px 0;
  margin-bottom: 40px;
}

.ApartmentSuitePerksScWrap h3 {
  margin: 0 0 24px;
  font: 500 20px/1.2 var(--font-family-medium);
  text-align: center;
  color: var(--text-clr);
}

.ScRoomsCardInfoImgGrid {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 20px 15px;
  text-align: center;
  margin: 0px auto;
  max-width: 1050px;

}

.ScRoomsCardInfoImgGridItem img {
  width: 124px;
  height: 90px;
  object-fit: contain;
  margin: 0 0 8px;
}

.ScRoomsCardInfoImgGridItem p {
  font: 400 12px/20px var(--font-family-light);
  letter-spacing: 0;
  text-align: center;
  color: var(--text-clr);
  margin: 0;
}

/*  */
.cstm-half-col .ScRoomsCardInfoImgGrid {
  grid-template-columns: repeat(3, 1fr);
  gap: 20px 33px;
}

/* Owl Nav */
.ScRoomsCardInfoImgGrid .owl-nav {
  display: flex;
  justify-content: center;
  gap: 20px;
  margin-top: 10px;
}

.ScRoomsCardInfoImgGrid .owl-nav img {
  width: 60px;
  height: auto
}

/* 19-03-2026 */
.ScWellnessBeyond {
  padding: 60px 0 30px;
}

.ScWellnessBeyondHd {
  max-width: 870px;
  margin: 0 auto;
}

.ScWellnessBeyondHd h2 {
  margin: 0;
  text-align: center;
  color: var(--text-clr);
  letter-spacing: 2%;
  font: 500 40px/48px var(--font-family-medium);
}

.ScWellnessBeyondHd p {
  margin: 12px 0 0;
  text-align: center;
  color: var(--text-clr);
  letter-spacing: 0;
  font: 400 18px/28px var(--font-family-light);
}

.ScWellnessBeyondImg {
  margin: 40px 0 25px;
}

.ScWellnessBeyondImg img {
  width: 100%;
  height: auto;
  object-fit: cover;
  aspect-ratio: 1160/452;
}

.AccNewItem {
  border-bottom: 2px solid var(--primary-clr);
  padding: 25px 10px 25px 0;
}

.AccNewHeader {
  width: 100%;
  border: none;
  background: transparent;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  color: var(--text-clr);
  letter-spacing: 2%;
  font: 500 28px/36px var(--font-family-medium);
}

.AccNewIcon {
  width: 26px;
  height: 26px;
  object-fit: contain;
}

.AccNewContent {
  height: 0;
  overflow: hidden;
  transition: height .35s ease;
}

.AccNewContent .AccNewContentText {
  padding: 20px 0;
}

.AccNewContent p {
  margin: 0 0 12px;
  text-align: start;
  letter-spacing: 0;
  font: 400 18px/28px var(--font-family-light);
}

.BtnCol {
  flex-direction: column;
}

/* 20-03-2026 */
.accordion__content>ul {
  margin: 10px 0px;
}

/* wigetform */
.BookFlotingWidget {
  /* max-width: 1160px; */
  margin: 0 auto;
  width: 100%;
  font-family: var(--font-family-regular);
  /* box-shadow: 0 4px 24px rgba(0, 0, 0, .22); */
  position: unset;
  bottom: 50px;
  left: 50px;
  z-index: 999;
}

/* BAR */

.BfwBar {
  background: var(--primary-clr);
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px;
  min-height: 52px;
  cursor: pointer;
  border: 0;
  width: 100%;
  text-align: left;
  gap: 20px;
  outline: 0;
  pointer-events: none;
}

.BfwBar:focus-visible {
  outline: 3px solid var(--black);
  outline-offset: 2px;
}

.BfwBarLeft {
  display: flex;
  align-items: center;
  gap: 10.4px;
  flex: 1;
  min-width: 0;
}

.BfwBarScore {
  font: 500 28px/1 var(--font-family-medium);
  color: var(--white);
  white-space: nowrap;
  flex-shrink: 0;
}

.BfwBarScoreDenom {
  font: 400 16px/1 var(--font-family-regular);
  color: var(--white);
}

.BfwBarText {
  display: flex;
  flex-direction: column;
  gap: 2.4px;
  min-width: 0;
}

.BfwBarExcellent {
  font: 400 14px/1.2 var(--font-family-regular);
  color: var(--white);
  letter-spacing: .04em;
}

.BfwBarCount {
  font: 400 14px/1.2 var(--font-family-regular);
  color: var(--white);
  opacity: .7;
}

/* CARET */

.BfwCaret {
  width: 28px;
  height: 28px;
  display: none;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  border-radius: 50%;
  background: transparent;
  transition: transform .25s ease, background .15s;
  transform: rotate(180deg);
}

.BfwCaret svg path {
  stroke: var(--white);
}

.BookFlotingWidget.open .BfwCaret {
  transform: rotate(0deg);
}

/* PANEL */

.BfwPanel {
  max-height: 0;
  overflow: hidden;
  transition: max-height .3s ease;
  background: var(--white);
}

.BookFlotingWidget.open .BfwPanel {
  max-height: 280px;
}

.BookFlotingWidget .BfwPanel {
  max-height: 280px;
}

.BfwPanelInner {
  padding: 16px;
  background-color: var(--primary-clr);
}

/* BADGE */

.BfwAwardBadge {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
  margin: 0 0 16px;
  gap: 6.4px;
  background: #ffffff49;
  border-radius: 0px;
  text-align: center;
}

.BfwAwardBadge span {
  font: 500 10px/1.2 var(--font-family-medium);
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--white);
}

/* PLATFORMS */

.BfwPlatforms {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 8px;
  margin: 0 0 16px;
}

.BfwPlat {
  display: flex;
  flex-direction: column;
  gap: 3.2px;
}

.BfwPlatName {
  font: 500 11px/1.2 var(--font-family-medium);
  color: var(--white);
  letter-spacing: .03em;
}

.BfwPlatScore {
  font: 500 22.4px/1 var(--font-family-medium);
  color: var(--white);
}

.BfwPlatDenom {
  font: 400 12px/1.2 var(--font-family-regular);
  color: var(--white);
}

/* BUTTON */

.BfwReadBtn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 10px;
  background: transparent;
  color: var(--white);
  text-decoration: none;
  border: 1px solid var(--white);
  font: 500 13px/1.2 var(--font-family-medium);
  letter-spacing: .12em;
  text-transform: uppercase;
  border-radius: 0px;
  cursor: pointer;
  transition: background .15s;
  outline: 0;
}

.BfwReadBtn:hover {
  border: 1px solid #b2880b;
  background: #b2880b;
  color: var(--white);
}

/* SR ONLY */

.BfwSrOnly {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

/* 24-03-2026 */

.section_mt {
  padding-top: 200px !important;
}

.body-onscroll .section_mt {
  padding-top: 30px !important;
}

.offers-landings .ScOfferHero {
  padding-bottom: 0;
}

.offers-landings .ScOfferHero .container {
  max-width: 100%;
  padding: 0;
}

/* 01-04-2026 */
.BookFlotingWidgetSec {
  padding-bottom: 60px;
}

.testing .BfwBar {
  padding: 20px;
}

.testing .BfwBarLeft {
  justify-content: center;
}

.testing .BfwPanelInner {
  padding: 0 20px 20px;
}

.testing .BfwBarScore {
  font-size: 32px;
}

.testing .BfwBarExcellent {
  font-size: 16px;
}

.testing .BfwBarCount {
  font-size: 16px;
}

.testing .BfwAwardBadge span {
  font-size: 14px;
}

.testing .BfwReadBtn {
  font-size: 16px;
}

.testing .BfwPlat {
  text-align: center;
}

.testing .BfwPlatName {
  font-size: 14px;
}

/*  */
/* RESPONSIVE CSS START */
@media (max-width: 1199px) {

  .booking-item,
  .booking-btn {
    padding: 30px 20px;
  }

  .booking-item {
    gap: 10px;
  }
}

/* max-width: 1024px */
@media (max-width: 1024px) {
  .new-page .featured.featured--100vh {
    min-height: 100vh !important;
    height: auto !important;
    padding: 0;
  }

  .new-page .featured__bookbottom {
    display: none !important;
    position: relative;
    background: transparent;
    z-index: 9999;
  }

  .new-page .featured__video {
    height: 100vh;
    position: relative;
  }

  .new-page .bookbottom__ul {
    flex-direction: column;
    align-items: unset;
    justify-content: center;
  }

  .new-page .bookbottom {
    position: unset;
    background: var(--white);

  }

  .new-page .dropdown-options {
    bottom: 84%;
  }

  .new-page .bookbottom__li--datepicker input,
  .new-page .bookbottom__li--datepicker input::placeholder {
    color: var(--black);
  }

  .new-page .booking-item {
    color: var(--black);
  }

  .new-page .booking-item,
  .new-page .booking-btn {
    width: 100%;
    padding: 20px;

  }

  .new-page .daterangepicker {
    z-index: 99999;
  }

  .booking-perks-wrapper {
    flex-wrap: wrap;
  }

  .booking-perks-heading h2 {
    max-width: 100%;
    text-align: center;
  }

  .booking-perks-heading {
    width: 100%;
  }

  .booking-perks-list {
    width: 100%;
  }

  .booking-perks-list .booking-perk-item {
    max-width: 100%;
  }

  .new-page .mobile_book_btn {
    display: block;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 999;
    width: 100%;
  }

  .room-new .bookform-section {
    display: none;
  }

  /* 
  .new-page.room-new .featured__bookbottom {
    display: block !important;
  } */

  .room-new .booking-item {
    border-bottom: 1px solid var(--text-clr);
    border-right: unset;
    justify-content: start;
  }

  .room-new .date_range_picker_room {
    display: none;
  }

  .room-new .bookbottom__li--datepicker input {
    min-width: 214px;
  }

  .new-page .mobile_book_btn {
    max-width: 300px;
    left: 50%;
    transform: translate(-50%);
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
  }

  .room-new .welcome-section {
    padding-top: 110px;
  }

  .top_mg_new {
    margin-top: 110px;
  }

  .new-page.HeaderGold .nav-ham-mobile__stripe span:nth-child(1),
  .new-page.HeaderGold .nav-ham-mobile__stripe span:nth-child(2) {
    background-color: #b48f1f;
  }

  .new-page.HeaderGold .nav-ham-mobile__logo-scroll img {
    filter: unset;
  }
}

/* max-width: 991px */
@media (max-width: 991px) {
  .hotel-section .hotel-section-wrap-reverse-column {
    flex-wrap: wrap;
    gap: 30px;
  }

  .hotel-section .hotel-content {
    width: 100%;
  }

  .hotel-section .hotel-section-slider-wrap {
    width: 100%;
  }

  .new-page .email-capture .email-capture__formbox {
    grid-template-columns: repeat(1, 1fr);
  }

  .hotel-caraven .hotel-caraven-wrap {
    gap: 30px;
  }

  .hotel-caraven .hotel-caraven-wrap img {
    height: auto;
    aspect-ratio: 1/1;
  }

  .new-page .featured .featured__homebox {
    padding: 40px;
  }

  .new-page .body-onscroll .nav-ham-mobile {
    background-color: transparent;
  }

  .new-page .nav-scroll {
    display: block;
    position: unset;
  }

  .new-page .nav-ham-mobile__book-now-button {
    display: none;
  }

  .new-page .nav-scroll__main {
    display: none;
  }

  .announcement-container .owl-prev {
    left: 15px;
  }

  .announcement-container .owl-next {
    right: 15px;
  }

  .announcement-close {
    display: none;
  }

  .announcement-slide {
    padding: 0 40px;

  }

  .new-page .nav-ham-mobile__stripe span:nth-child(1),
  .new-page .nav-ham-mobile__stripe span:nth-child(2) {
    background-color: var(--white);
  }

  .new-page .nav-ham-mobile__logo-scroll img {
    filter: brightness(0) invert(1);
    max-width: 170px;
  }

  .new-page.body-onscroll .nav-ham-mobile__logo-scroll img {
    filter: unset;
  }

  .new-page.body-onscroll .nav-ham-mobile__stripe span:nth-child(1),
  .new-page.body-onscroll .nav-ham-mobile__stripe span:nth-child(2) {
    background-color: #b48f1f;
  }

  .new-page.body-onscroll .nav-ham-mobile {
    position: unset;
  }

  /* .new-page.body-onscroll .nav-ham-mobile {
    background-color: transparent;
  } */
  .ScRoomsCard {
    grid-template-columns: 1fr;
  }

  .ScRoomsCardInfoGrid {
    grid-template-columns: 1fr;
  }

  .new-page .announcement-close {
    display: block !important;
  }

  .hotel-section-slider-wrap,
  .hotel-section-second-slider-wrap {
    order: -1;
  }

  .room-new .welcome-section {
    padding-top: 80px;
    padding-bottom: 24px;
  }

  .ScFilter {
    padding-top: 24px;
    padding-bottom: 24px;
  }

  .ScRoomsCardImages img {
    aspect-ratio: 402/317;
  }

  .ScRoomsCard {
    gap: 28px;
  }

  .ScRoomsCardInfo p {
    margin-bottom: 28px;
  }

  .ScRoomsCard.cstm-full-col .ScRoomsCardInfoGrid {
    margin-bottom: 28px;
  }

  .ScRoomsCardInfoGrid {
    padding: 16px;
    gap: 16px 20px;
  }

  .ScRoomsCards {
    gap: 40px;
  }

  .ScRoomsCardInfoItem p {
    margin: 0;
  }

  .room-new .ScRoomsCardInfo .com-two-btn {
    justify-content: start;
  }

  .body-onscroll .welcome-section {
    padding-top: 40px;
  }

  .welcome-section {
    padding-top: 70px;
  }

  .meetings-events-new .EventNav {
    display: none;
  }

  /*  */
  .ScRoomsCardInfoImgGrid {
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
  }

  .section_mt {
    padding-top: 100px !important;
  }

  .body-onscroll .section_mt {
    padding-top: 30px !important;
  }
}

/* max-width: 767px */
@media (max-width: 767px) {
  .booking-bar {
    display: none;
  }

  .hotel-section .hotel-content {
    padding: 0;
  }

  .hotel-section-wrap {
    gap: 20px;
  }

  .hotel-section-container {
    padding-inline: 15px;
  }

  .booking-bar {
    flex-wrap: wrap;
  }

  .new-page .featured .featured__homebox h1,
  .hotel-section .hotel-content h2,
  .locations-section .locations-header h2,
  .hotel-section-second .hotel-content h2,
  .section-press h2,
  .june-journal-section .june-journal-header h2,
  .follow-section h2,
  .welcome-section .welcome-wrap h2,
  .welcome-section .welcome-wrap h2,
  .winter-offer-content h2,
  .ScInsiderHeading h2,
  .booking-perks-heading h2,
  .new-page .accordion__main-title {
    font-size: 32px;
    line-height: 1.2;
  }

  .locations-section .locations-grid,
  .hotel-section-second .hotel-section-second-wrap,
  .june-journal-section .june-journal-entries,
  .section-press .section-press-grid,
  .follow-section .follow-grid {
    gap: 20px;
  }

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

  .new-page .footer .footer__top {
    grid-template-columns: repeat(1, 1fr);
  }

  .winter-offer-img {
    flex: unset;
  }

  .new-page .footer .footer__logo {
    /* justify-content: start; */
    margin-bottom: 20px;
  }

  .new-page .footer .footer__referral span {
    /* text-align: start; */
  }

  .new-page .footer .footer__referral ul {
    /* justify-content: start; */
  }

  .new-page .footer .brand-logo {
    /* text-align: start; */
  }

  .new-page .featured__video .featured__video-mobile {
    display: block;
  }

  .winter-offer-row {
    flex-wrap: wrap;
    gap: 20px;
  }

  .hotel-caraven .hotel-caraven-wrap {
    flex-wrap: wrap;
  }

  .hotel-caraven .hotel-content {

    width: 100%;
  }

  .new-page .email-capture .email-capture__container {
    padding-inline: 0 !important;
    margin: 0;
    width: 100% !important;
  }

  .email-capture__field-email {
    margin: 0;

  }

  .email-capture__field-submit {
    position: absolute;
    display: inline-block;
    width: auto;
  }

  .follow-slider-section .follow-container {
    padding: 0 15px;
  }

  .follow-section .follow-grid,
  .follow-slider-section .follow-grid {
    grid-template-columns: repeat(2, 1fr);
    display: grid;
  }

  .follow-slider-section .follow-img img {
    aspect-ratio: 1/1;
  }

  .new-page .email-capture {
    padding: 0;
  }

  .ScRoomsCards {
    grid-template-columns: 1fr;
  }

  .ScRoomsCard:nth-child(3n + 1) {
    grid-column: auto;
  }

  /*  */
  .ScInsiderCardsWrap {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    margin-bottom: 20px;
  }



  .ScInsiderHeading {
    margin-bottom: 20px;
  }

  .ScInsiderTwoCardCnt h3,
  .ScOfferCardCnt h3,
  .ScInsiderCardCnt h3 {
    font-size: 20px;
  }

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

  .ScOfferHeroWrap {
    flex-wrap: wrap;
  }

  .ScOfferHeroImg,
  .ScOfferHeroCnt {
    flex: unset;
  }

  .ScOfferHeroCnt {
    padding: 20px 0 0;
  }

  .top_mg_new {
    margin-top: 0;
  }

  .LimitedOfferBadge {
    top: 10px;
    right: 10px;
    width: 90px;
    height: 90px;
    font-size: 12px;
  }

  .com-two-btn {
    flex-wrap: wrap;
  }

  .west-los-angeles-website .email-capture {
    padding: 0;
  }

  .new-page .featured_image_mobile {
    display: block;
  }

  .new-page .featured__image {
    display: none;
  }

  .ScRoomsCardInfoItem {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  .ScRoomsCardInfoImgGrid {
    display: block
  }

  .ScRoomsCardInfoImgGrid {
    margin-bottom: 12px;
  }

  .ApartmentSuitePerksSc {
    padding: 15px 0
  }

  .ApartmentSuitePerksScWrap h3 {
    margin: 0 0 12px
  }

  .ScRoomsCardInfoImgGridItem img {
    width: 76px !important;
    height: 55px;
    margin: 0 auto 8px;
  }

  .offers-landings .ScOfferHero .ScOfferHeroCnt {
    padding: 20px;
  }

  .ScOfferHeroCnt h2 {
    font-size: 22px;
  }
}

/* max-width: 575px */
@media (max-width: 575px) {
  .new-page .email-capture .email-capture__wrap {
    padding: 24px;
  }

  .sub-hd {
    font-size: 14px;
  }

  .hotel-section .hotel-section-wrap,
  .hotel-section-second .hotel-section-second-wrap {
    flex-wrap: wrap;
  }

  .hotel-section .hotel-content,
  .hotel-section-second .hotel-content {
    width: 100%;
  }

  .hotel-section .hotel-section-slider-wrap,
  .hotel-section-second .hotel-section-second-slider-wrap {
    width: 100%;
  }

  .hotel-section,
  .locations-section,
  .hotel-section-second,
  .section-press,
  .june-journal-section,
  .follow-section {
    padding: 40px 0;
  }

  .locations-section .locations-header {
    margin-bottom: 20px;
  }

  .locations-section .locations-grid,

  .june-journal-section .june-journal-entries {
    grid-template-columns: repeat(1, 1fr);
  }

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

  .section-press .section-press-card {
    padding: 20px;
  }

  .section-press .section-press-card p {
    font-size: 18px;
  }

  .section-press .section-press-card img {
    height: 20px;
  }

  .btn-outline {
    padding: 16px 36px;
    font-size: 14px;
  }

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

  .hotel-section .hotel-slider .owl-nav button i,
  .hotel-section .hotel-slider .owl-nav div i,
  .hotel-section-second .hotel-slider-second .owl-nav button i,
  .hotel-section-second .hotel-slider-second .owl-nav div i {
    font-size: 20px;
    color: var(--white);
  }

  .hotel-section .hotel-slider .owl-nav .owl-prev,
  .hotel-section-second .hotel-slider-second .owl-nav .owl-prev {
    left: 20px;
  }

  .hotel-section .hotel-slider .owl-nav .owl-next,
  .hotel-section-second .hotel-slider-second .owl-nav .owl-next {
    right: 20px;
  }

  .hotel-section-second .hotel-slider-second img {
    aspect-ratio: 852/622;
  }

  .hotel-section-second .hotel-content figure img {
    max-width: 130px;
    max-height: 130px;
  }

  .new-page .featured .featured__homebox span {
    font-size: 16px;
  }

  /* .hotel-section .hotel-content h2,
  .locations-section .locations-header h2,
  .hotel-section-second .hotel-content h2,
  .section-press h2,
  .june-journal-section .june-journal-header h2,
  .follow-section h2,
  .new-page .email-capture .email-capture__formbox h2 {
    font-size: 24px;
  } */

  .hotel-actions {
    flex-wrap: wrap;
  }

  .hotel-section-second .hotel-section-second-wrap-reverse-column {
    flex-direction: column;
  }

  .page-id-23205 .hotel-section-second .hotel-section-second-wrap-reverse-column {
    flex-direction: column-reverse;
  }

  .locations-section .location-info {
    padding: 40px 20px;
  }

  .locations-section .location-info p {
    display: block;
    -webkit-line-clamp: unset;
    -webkit-box-orient: unset;
    overflow: visible;
  }

  .ScRoomsCardInfo {
    text-align: start
  }

  .ScRoomsCard:nth-child(3n + 1) .ScRoomsCardInfoGrid,
  .ScRoomsCardInfoGrid {
    grid-template-columns: repeat(3, 1fr);
  }

  .ScRoomsCardInfo h3 {
    text-align: start;
  }

  .ScRoomsCardInfo p {
    text-align: start;
    font-size: 16px;
  }


  .ScRoomsCardInfoItem p {
    font-size: 12px;
  }

  .filter-bar {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
  }

  .ScRoomsCardInfoItem span {
    text-align: start;
  }

  /*  */
  .ScInsiderCardsWrap {
    grid-template-columns: repeat(1, 1fr);

  }

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

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

  /*  */

  .cstm-half-col .ScRoomsCardInfoImgGrid {
    grid-template-columns: repeat(2, 1fr);
    gap: 18px 30px;
  }
}


@media (max-width:767px) {

  .BookFlotingWidget {
    width: 100%;
    position: unset;
    transform: unset;
  }

  .BfwCaret {
    display: none;
  }

  .BfwBarLeft {
    justify-content: center;
  }

  .BfwPlatScore {
    font-size: 16px;
  }

  .BfwReadBtn {
    font-size: 12px;
  }

}