/*!
Theme Name: riviera
Theme URI: Riviera Rudmals
Author: Rudkovskiy Dzmitry
Author URI: https://t.me/rudya_true
Description: rudmals
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: riviera
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

riviera is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

* {
  margin: 0;
  padding: 0;
  font-family: 'Montserrat', sans-serif;
}

header {
  transition: background-color 0.3s ease;
}

.logo-white {
  display: none;
}

.logo-dark {
  display: block;
}

/* Когда прозрачный фон — показываем белое лого */
.header-transparent .logo-white {
  display: block;
}

.header-transparent .logo-dark {
  display: none;
}

/* Начальное состояние — прозрачный фон, белый текст и кнопки */
.header-transparent {
  background-color: transparent !important;
}

.header-transparent .nav-link,
.header-transparent .dropdown-toggle,
.header-transparent .dropdown-item,
.header-transparent .button2,
.header-transparent .button {
  color: white !important;
  border-color: white !important;
}

.header-transparent .button2,
.header-transparent .button {
  background-color: transparent !important;
  border: 1px solid rgb(255, 255, 255) !important;
}

.header-transparent .dropdown-menu {
  background-color: #d7b46d; /* для контраста */
}

/* При скролле больше 100px — дефолтный фон и цвет */
.header-default {
  background-color: white !important;
}

.header-default .nav-link,
.header-default .dropdown-toggle,
.header-default .dropdown-item {
  color: #000 !important;
}

.header-default .button2,
.header-default .button {
  color: #ffffff !important;
  border-color: #000 !important;
  background-color: #d7b46d !important;
  border: 1px solid #d7b46d !important;
}

a.active.focus,
a.active:focus,
a.focus,
a:active.focus,
a:active:focus,
a:focus,
select.active.focus,
select.active:focus,
select.focus,
select:active.focus,
select:active:focus,
select:focus,
input.active.focus,
input.active:focus,
input.focus,
input:active.focus,
input:active:focus,
input:focus,
textarea.active.focus,
textarea.active:focus,
textarea.focus,
textarea:active.focus,
textarea:active:focus,
textarea:focus,
button.active.focus,
button.active:focus,
button.focus,
button:active.focus,
button:active:focus,
button:focus,
.btn.active.focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn:active:focus,
.btn:focus {
  outline: 0 !important;
  outline-color: transparent !important;
  outline-width: 0 !important;
  outline-style: none !important;
  box-shadow: 0 0 0 0 rgba(0, 123, 255, 0) !important;
}

body {
  background-color: #fcfaf1;
  overflow-x: hidden;
}

/* section {
  overflow-x: hidden;
} */

header {
  background-color: #fcfaf1;
}
/* .offcanvas-header,
.offcanvas-body {
  background-color: #fcfaf1;
} */

.bgLogo {
  position: absolute;
  width: 500px;
  right: 0px;
  margin-top: 350px;
}

header li a {
  cursor: pointer;
}

body h1 {
  font-size: 70px;
}

body .main p {
  font-size: 23.6px;
}

body p {
  font-size: 18px;
}
/* ТУТ */
body h3 {
  font-size: 52px !important;
}

.btnWhatsApp img {
  transition: all 0.3s ease-in-out;
  z-index: 999;
}

.btnWhatsApp:hover img {
  cursor: pointer;
  transform: scale(1.1);
}

body.button {
  background-color: #efe9d1;
  border: 0px;
  padding: 5px 10px;
  color: #000000;
}

body .button2 {
  background-color: #d7b46d;
  border: 0px;
  color: #ffffff;
  transition: all 0.3s ease-in-out;
  font-size: 16px;
}

.btn_mian {
  width: 300px;
  height: 48px;
  font-size: 18px;
  background-color: #d7b46db2;
  border: 0px;
  padding: 5px 10px;
  color: #ffffff;
  transition: all 0.3s ease-in-out;
}

.button2:hover,
.btn_mian:hover {
  transform: scale(1.1);
}

.hr-footer {
  border-color: #f9c5c5;
  border-width: 3px;
  width: 250px;
}

.bg-hotel {
  background-color: #fcfaf1;
}

.bg-hotel-down-footer {
  background-color: #e9e2c5;
}

.navbar-nav {
  gap: 60px;
}

.button {
  background-color: #efe9d1;
  border: 1px solid #efe9d1;
  padding: 5px 10px;
  color: #000000;
}

.button2 {
  background-color: #d7b46d;
  border: 1px solid #d7b46d;
  padding: 5px 10px;
  color: #ffffff;
}

.logo {
  width: 100px;
}

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

.dropdown-toggle {
  position: relative;
  padding-right: 35px;
}

.dropdown .dropdown-btn::before {
  content: '';
  position: absolute;
  right: 0.75rem;
  top: 50%;
  transform: translateY(-50%);
  width: 12px;
  height: 12px;
  background-image: url('/wp-content/themes/riviera/assets/svg/chevron-down.svg');
  background-size: contain;
  background-repeat: no-repeat;
  pointer-events: none;
}

.offcanvas-body .dropdown-menu {
  background-color: #fcfaf1;
  border: none;
  border-radius: 0px;
}

.nav-item .dropdown-menu {
  position: relative;
  top: 42px;
}

footer {
  font-style: italic;
}

.map {
  position: relative;
  left: -100px;
}

.map iframe {
  width: 70%;
  height: 350px;
}

.info-bg {
  background-color: #f5f2e5;
}
.info-hotel p {
  width: 45%;
}

.swiper {
  width: 100%;
  height: 100%;
}

.swiper-slide {
  text-align: center;
  font-size: 18px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.swiperAbout .img-1 {
  position: relative;
  left: 80px;
  height: 500px;
}

.pagination-wrapper {
  gap: 100px;
}

.btn-wrapper {
  gap: 30px;
}

.swiper-button-prev-custom,
.swiper-button-next-custom {
  position: relative;
  top: 60px;
}

.swiper .swiper-pagination-bullet {
  background-color: #ff8e77;
  opacity: 1;
  width: 10px;
  height: 10px;
  margin: 0 6px;
  border-radius: 50%;
  transition: background-color 0.3s;
}

.swiper .swiper-pagination-bullet-active {
  background-color: #d14124;
}

.w25 {
  width: 25%;
}

.w50 {
  width: 50%;
}

.w75 {
  width: 75%;
}

.w100 {
  width: 100%;
}

.gallery .img-wrapper,
.galleryRooms .img-wrapper {
  position: relative;
  display: inline-block;
  transform: rotate(0deg);
  transition: all 0.3s ease-in-out;
  overflow: hidden;
}

.gallery .img-wrapper:hover,
.galleryRooms .img-wrapper:hover {
  transform: rotate(3deg) scale(1.1);
}

body .img-wrapper::before,
body .img-wrapper::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  transition: opacity 0.3s ease;
}

body .img-wrapper::before {
  background-color: rgba(0, 0, 0, 0.4);
  opacity: 0;
  z-index: 1;
}

body .img-wrapper::after {
  background-image: url('/wp-content/themes/riviera/assets/svg/zoom-in.svg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 48px 48px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 48px;
  height: 48px;
  opacity: 0;
  z-index: 2;
}

.gallery a:hover .img-wrapper::before,
.gallery a:hover .img-wrapper::after,
.galleryRooms a:hover .img-wrapper::before,
.galleryRooms a:hover .img-wrapper::after {
  opacity: 1;
}

body .tour-img-hover .img-wrapper {
  position: relative;
  transition: all 0.3s ease-in-out;
  overflow: hidden;
  cursor: pointer;
}

body .tour-img-hover a:hover .img-wrapper::before,
body .tour-img-hover a:hover .img-wrapper::after {
  opacity: 1;
}

.info-bg .block1Top {
  position: relative;
  top: -100px;
}

.hotelRivieraImg {
  position: relative;
  left: -230px;
}

.tours .container-fluid {
  background-image: url('/wp-content/themes/riviera/assets/main/baku.png');
  background-size: cover;
  background-position: center;
}

.toursRiviera {
  position: relative;
  top: -100px;
}

.typeText::after {
  content: '|';
  animation: blink 1s infinite;
}

@keyframes blink {
  0%,
  100% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
}

.img-block-activity {
  position: relative;
  top: 100px;
  left: 350px;
  z-index: 9;
  width: 350px;
}

.tour-info-img2 {
  height: 500px;
}

.img3 {
  position: relative;
  top: -100px;
}

.img-7 {
  position: relative;
  top: -100px;
}

.heading-text {
  margin-bottom: 2rem;
  font-size: 2rem;
}

.heading-text span {
  font-weight: 100;
}

/* Responsive image gallery rules begin*/

.image-gallery {
  /* Mobile first */
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.image-gallery .column {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.image-item img {
  width: 100%;
  border-radius: 5px;
  height: 100%;
  object-fit: cover;
}

@media only screen and (min-width: 768px) {
  .image-gallery {
    flex-direction: row;
  }
}

/* overlay styles */

.image-item {
  position: relative;
  cursor: pointer;
}

.overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(57, 57, 57, 0.502);
  top: 0;
  left: 0;
  transform: scale(0);
  transition: all 0.2s 0.1s ease-in-out;
  color: #fff;
  /* center overlay content */
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
}

/* hover */
.image-item:hover .overlay {
  transform: scale(1);
}

@media all and (min-width: 992px) {
  .navbar .nav-item .dropdown-menu {
    display: none;
  }
  .navbar .nav-item:hover .dropdown-menu {
    display: block;
  }
  .navbar .nav-item .dropdown-menu {
    margin-top: 0;
  }
}

@media (max-width: 992px) {
  /* Постоянный белый фон для offcanvas */
  .offcanvas.offcanvas-end {
    background-color: white !important;
  }

  /* Цвет текста в offcanvas при белом фоне */
  .offcanvas .nav-link,
  .offcanvas .dropdown-toggle,
  .offcanvas .dropdown-item {
    color: #000 !important;
  }

  .offcanvas .button,
  .offcanvas .button2 {
    color: #000 !important;
    border-color: #000 !important;
    background-color: transparent !important;
  }
  .w25,
  .w50,
  .w75 {
    width: 100%;
  }
  .navbar-nav {
    gap: 0px;
  }
  .map {
    left: 0px;
  }
  .map iframe {
    width: 100%;
    height: 400px;
  }
  .info-hotel p {
    width: 100%;
  }
  .swiperAbout .img-1 {
    left: 0px;
  }

  .swiperAbout img,
  .swiperAbout .img-1 {
    width: 70%;
    height: 200px;
  }
  .bgLogo {
    display: none;
  }
  .btn_mian {
    width: 100%;
  }
  .swiper-button-prev-custom img,
  .swiper-button-next-custom img {
    width: 30px;
    height: 30px;
  }

  .hotelRivieraImg {
    position: relative;
    left: 0px;
    top: 0px;
    width: 100%;
  }
  .info-tour {
    left: 0px;
  }
  .toursRiviera {
    top: 0px;
  }

  .main h1 {
    font-size: 32px;
  }

  body h3 {
    font-size: 24px !important;
  }
  .main .fw-medium {
    font-size: 14px;
  }

  .img-block-activity {
    top: 100px;
    left: 0px;
    width: 100%;
  }

  .gallery .row img,
  .galleryRooms .row img {
    height: 200px;
    object-fit: cover;
  }

  /* new */
  .swiper-button-prev-custom,
  .swiper-button-next-custom {
    position: relative;
    top: 20px;
  }
  .swiperRestAb .swiper-button-prev-custom,
  .swiperRestAb .swiper-button-next-custom {
    position: relative;
    top: 0px;
    right: 0px;
  }
  .swiperAbout .img-block-activity-rooms {
    position: relative;
    top: 103px;
    left: 3px;
    z-index: 9;
    width: 500px;
    padding-bottom: 20%;
  }
  .short-story .short-story-link {
    position: relative;
    top: 25px;
  }
  /* .suite .row {
    --bs-gutter-x: 0rem !important;
    padding-left: 20px;
  } */
  /* .suite .SuiteSwiper .swiper-wrapper .swiper-slide {
    left: -50px;
  }
  .suite .SuiteSwiper2 .swiper-wrapper .swiper-slide {
    left: -50px;
  }
  .suite .SuiteSwiper3 .swiper-wrapper .swiper-slide {
    left: -50px;
  } */
}

@media (max-width: 768px) {
  /* .suite .SuiteSwiper .swiper-wrapper .swiper-slide {
    left: 0px;
  }
  .suite .SuiteSwiper2 .swiper-wrapper .swiper-slide {
    left: 0px;
  }
  .suite .SuiteSwiper3 .swiper-wrapper .swiper-slide {
    left: 0px;
  } */
  .w_25 {
    width: 100%;
  }
}

/* new */

.short-story {
  background-color: #f5f2e5;
}

.img-block-activity-rooms {
  position: relative;
  top: 185px;
  left: 120px;
  z-index: 9;
  width: 500px;
  padding-bottom: 20%;
}

.short-story-link {
  position: relative;
  top: -25px;
}

.suite {
  padding-left: 0;
  padding-right: 0;
}

.SuiteSwiper {
  width: 100%;
  height: 100%;
}

/* .SuiteSwiper .swiper-wrapper .swiper-slide {
  width: 75%;
  position: relative;
  left: -60px;
  padding-left: 2%;
} */

.SuiteSwiper2 {
  width: 100%;
  height: 100%;
}

/* .SuiteSwiper2 .swiper-wrapper .swiper-slide {
  width: 75%;
  position: relative;
  left: -60px;
  padding-left: 2%;
} */

.SuiteSwiper3 {
  width: 100%;
  height: 100%;
}

/* .SuiteSwiper3 .swiper-wrapper .swiper-slide {
  width: 75%;
  position: relative;
  left: -60px;
  padding-left: 2%;
} */

.suite .img-wrapper {
  position: relative;
  display: inline-block;
  transform: rotate(0deg);
  transition: all 0.3s ease-in-out;
  overflow: hidden;
}

.suite .img-wrapper::after {
  background-image: url('/wp-content/themes/riviera/assets/svg/zoom-in.svg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 48px 48px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 48px;
  height: 48px;
  opacity: 0;
  z-index: 2;
}

.suite a:hover .img-wrapper::before,
.suite a:hover .img-wrapper::after {
  opacity: 1;
}

.top_50 {
  top: 90%;
}

.BarSwiper {
  position: relative;
}

.BarSwiper2 {
  position: relative;
}

.custom-nav {
  position: absolute;
  bottom: 0px;
  border-radius: 0px 0px 5px 5px;
  width: 100%;
  display: flex;
  justify-content: space-between;
  z-index: 10;
  background-color: #0000002f;
}

.swiperRestAb .swiper-button-prev-custom,
.swiperRestAb .swiper-button-next-custom {
  position: relative;
  top: 0px;
  right: -580px;
}

.swiperRestAb .swiper-slide img {
  height: auto;
}

.swiperRestAb .pagination-wrapper {
  gap: 30px;
}

.right_img_slider {
  position: relative;
  left: 0px;
  width: 500px;
}

.swiperRest .swiper-button-prev-custom,
.swiperRest .swiper-button-next-custom {
  position: relative;
  top: 20px;
}

.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
  /* content: none !important; */
  background-image: url('/wp-content/themes/riviera/assets/svg/white-chevron-double-right.svg') !important;
  background-repeat: no-repeat;
  color: #00000000 !important;
  background-position: right;
}

.swiper-button-prev:after,
.swiper-rtl .swiper-button-prev:after {
  /* content: none !important; */
  background-image: url('/wp-content/themes/riviera/assets/svg/white-chevron-double-left.svg') !important;
  background-repeat: no-repeat;
  color: #00000000 !important;
  background-position: left;
}

.SuiteSwiper .swiper-pagination-bullet {
  border-radius: var(--swiper-pagination-bullet-border-radius, 0%);
}

.SuiteSwiper .swiper-pagination-bullet {
  opacity: 1;
  width: 100px !important;
  height: 2px !important;
  margin: 0 6px;
  border-radius: 0% !important;
  transition: background-color 0.3s;
}

.SuiteSwiper2 .swiper-pagination-bullet {
  opacity: 1;
  width: 100px !important;
  height: 2.5px !important;
  margin: 0 6px;
  border-radius: 0% !important;
  transition: background-color 0.3s;
}
.SuiteSwiper3 .swiper-pagination-bullet {
  opacity: 1;
  width: 100px !important;
  height: 2.5px !important;
  margin: 0 6px;
  border-radius: 0% !important;
  transition: background-color 0.3s;
}