/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

/*home css*/

.contact-grid-field p {
    display: flex;
    flex-wrap: nowrap;
    gap: 6px;
    margin: 0;
}
.wedding-grid-field p{
    display: flex;
    flex-wrap: nowrap;
    gap: 6px;
    margin: 0;
}
.footerGalley .gallery .gallery-item {
    max-width: 33.33% !important;
}

.room__text-wrapper {
 display: grid;
    grid-template-columns: 1fr auto;
    grid-template-rows: auto auto;
    gap: 0px;
    background-color: #1e1e1e;
    border-left: 5px solid #c2a661;
    border-bottom: 4px solid #c2a661;
    padding: 20px;
    color: #fff;
}

/* Grid placements */
.room__name--loop {
  grid-column: 1 / 2;
  grid-row: 1 / 2;
  margin: 0;
  padding-right: 20px;
}

.room__meta {
  grid-column: 1 / 2;
  grid-row: 2 / 3;
  font-size: 14px;
  color: #fff !important;
  margin: 0px !important;
  padding-right: 20px;
}

.room__price--loop {
  grid-column: 2 / 3;
  grid-row: 1 / 3; /* Span both rows vertically */
  background-color: #c2a661;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  padding: 10px 20px;
  text-align: center;
  align-self: center;
  width: 130px;
  color:#fff !important;
  min-height: 100px;
  place-content: center;
  position: relative;
}
.room__price--loop:after {
    content: " ";
    height: 90%;
    width: 90%;
    display: block;
    border: 2px dashed #fff;
    position: absolute;
    top: 6px;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    place-content: center;
}
.room__price--loop .amount{
    color:#fff;
}
.room-loop__item .room__text-wrapper {
        position: absolute;
    top: 0;
    pointer-events: none;
    opacity: 1;
    transition: all 0.25s;
        top: unset !important;
    bottom: 10px;
    padding: 0px 0px 0px 14px !important;
    left: 10px;
}
h3.room__name.room__name--loop a {
    line-height: 0px;
    margin: 0px;
    color: #fff;
}
h3.room__name.room__name--loop {
    padding-top: 14px;
}
a.room__thumbnail.room__thumbnail--loop img {
    height: 350px;
    object-fit: cover;
}
.cityview-slider img{
    width: 100% !important;
}
/*room details page*/
.room-content.row {
    padding: 60px 0px;
    font-family: 'Poppins';
    font-size: 16px;
}
h2.room-title {
    font-family: "Copse", Sans-serif;
    font-size: 40px;
    font-weight: 500;
    color: #000000;
    margin-bottom: 30px;
}
.room-meta {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 0;
    place-content: center;
}

.room-meta p.room-subheading {
    margin: 0;
    min-height: 60px;
    place-content: center;
    border: 1px solid #af955678;
    padding: 10px;
}
.roomGalleryCarousel-slide img {
    height: 400px;
    object-fit: cover;
}
hr.w-100.room-hr {
    margin-bottom: 40px;
}
.room-conditions h4, h4.facilities-heading, h4.category-heading, .section-header__title {
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 15px;
    margin-top: 30px;
    color:#000;
    font-family: 'Poppins';
}
.form-row__label, table.hotelier-table th, .reservation-table__room-link {
    font-size: 16px;
    margin-bottom: 10px;
    font-weight: 600;
    color: #000;
    font-family: 'Poppins';
}
.form-row__description, .privacy-policy-text, .form-row--booking-terms, .form-row--mailchimp-signup-form, .reservation-non-cancellable-disclaimer, .table--reservation-table .extra__description, .reservation-table__room-non-cancellable, .reservation-table__room-guests, .reservation-table__room-guests .form-row__label, .payment-method__description{
    font-size: 16px;
    margin-bottom: 10px;
    font-weight: 400;
    color: #151515;
    font-family: 'Poppins';
}
a.reservation-table__room-remove.remove.button {
    color: red;
    font-size: 16px;
    font-family: 'Poppins';
    font-weight: bold;
    text-decoration: underline;
}
a.reservation-table__room-link {
    color: #af9556;
    font-size: 18px;
    font-weight: 600;
    text-decoration: underline;
    font-family: 'Poppins';
}
.form--booking .guest-details-fields input, .form--booking  .guest-details-fields select, .guest-additional-information-fields  select, .form--booking textarea, .form--booking select{
    border: 1px solid #666;
    min-height: 50px;
    border-radius: 3px;
    background-color: #fff;
    font-family: 'Poppins';
    font-size: 16px;
    padding: 10px;
    color: #000;
}
table.hotelier-table th, table.hotelier-table td{
        border-color: #af955678 !important;
        font-family: 'Poppins';
    font-size: 16px;
    color: #151515;
}
a, a:active, a:hover {
    color: #af9556;
}
table.hotelier-table th, table.hotelier-table strong, table.hotelier-table .amount {
    color: #000;
    font-weight: bold;
    font-family: 'Poppins';
}
input#book-button {
    border: 1px solid #af9556;
    color: #fff;
    font-family: 'Poppins';
    font-size: 16px;
    font-weight: 600;
    background-color: #af9556;
    width: 100%;
    height: 50px;
}
input#book-button:hover {
    background-color: #000;
}
.button--datepicker {
    background: #AF9556;
    color: #fff;
    border: 1px solid #AF9556;
}
.button--datepicker:hover{
    background: #000;
    border-color: #000;
}
.booking-filter-form input {
    height: 50px;
}
td.datepicker__month-day--first-day-selected, td.datepicker__month-day--last-day-selected, td.datepicker__month-day--first-day-selected:hover, td.datepicker__month-day--last-day-selected:hover, .datepicker__month-day:hover{
        background-color: #AF9556 !important;
}
td.datepicker__month-day--selected, td.datepicker__month-day--selected:hover, td.datepicker__month-day--hovering, td.datepicker__month-day--hovering:hover{
    color:#AF9556;
    background-color: #af95561f !important;
}
td.datepicker__month-day--first-day-selected, td.datepicker__month-day--last-day-selected, td.datepicker__month-day--first-day-selected:hover, td.datepicker__month-day--last-day-selected:hover{
    background-color: #AF9556 !important;
    color:#fff;
}
.roomGalleryCarousel-slide button{
     width: 8%;
}
.roomGalleryCarousel-slide button:hover, .roomGalleryCarousel-slide button:focus, .roomGalleryCarousel-slide button:active {
    background: #0000004f;
    padding: 0px;
}
.hotelier-notice--info {
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb;
    font-family: 'Poppins';
    font-size: 16px;
}
.hotelier_listing_page ul.listing__list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}
.listing__room {
    width: 49%;
}
.listing__room.listing__room--queried {
    border-color: #af9556;
    width: 52%;
}
.hfe-nav-menu li.menu-item.current-menu-item:last-child a.hfe-menu-item {
    color: #fff !important;
}
.hfe-nav-menu li.menu-item:last-child a.hfe-menu-item:hover{
    background-color: #000 !important;
     color: #fff !important
}
.button.button--reserve {
    background-color: #af9556;
    border: 1px solid #af9556;
    color: #fff;
    font-family: 'Poppins';
    font-size: 20px;
    font-weight: 600;
    width: 100%;
    height: 54px;
}
.button--add-to-cart{
    background-color: #af9556;
    border: 1px solid #af9556;
    color: #fff;
    font-family: 'Poppins';
    font-size: 16px;
    font-weight: 600;
}
.room-card__name .room-card__link, .room-card__rate-name {
    color: #000;
    font-weight: 600;
    font-family: 'Copse';
    font-size: 30px;
    text-decoration: underline;
}
.button.button--reserve:hover, .button--add-to-cart:hover{
    background-color:#000;
     border: 1px solid #000;
}

.hotelier_listing_page .room-card__description, .hotelier_listing_page .room-card__rate-description, .hotelier_listing_page  .room-card__facilities {
    color: #151515;
    font-family: 'Poppins';
    font-weight: 400;
    font-size: 16px;
    margin-top: 20px;
}
.room-card__price .amount, .room-card__price del, .room-card__price ins, .room-card__price{
     color: #000;
     font-family: 'Poppins';
}
.hotelier_listing_page .room-card__info, .hotelier_listing_page .room-card__conditions-item, .room-card__price-description, .room-card__meta {
    color: #151515;
    font-family: 'Poppins';
    font-weight: 500;
    font-size: 14px;
    font-style: italic;
}
.room-card__gallery img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.room-card__gallery {
    height: 360px;
    overflow: hidden;
    line-height: 0;
}
.datepicker__close-button {
    background-color: transparent;
    color: #AF9556;
    border: 1px solid #AF9556;
}
.datepicker__close-button:hover{
     background-color: #AF9556;
}
@media only screen and (min-width: 768px) {
    .booking-filter-form .datepicker-form {
        display: block;
    }
    .booking-filter-form .datepicker-input-select-wrapper {
        width: 100%;
        margin: 0px 0px 15px;
    }
     .booking-filter-form .button--datepicker {
        width: 100%;
    }
    .hotelier_listing_page .room-card__description, .hotelier_listing_page .room-card__rate-description, .hotelier_listing_page  .room-card__facilities {
        font-size: 16px;
    }
    .hotelier_listing_page .datepicker-input-select-wrapper{
        min-width: 600px;
    }
    .hotelier_listing_page .datepicker-input-select-wrapper input {
        height: 54px;
    }
}

/*tab media*/
@media screen and (max-width: 1025px) {
    .site {
        overflow-x: hidden;
    }
    .homeBanner img.swiper-slide-image {
        height: 260px;
        width: 100%;
        object-fit: cover;
    }
    .hotelier_listing_page .room-card__description, .hotelier_listing_page .room-card__rate-description, .hotelier_listing_page  .room-card__facilities {
        font-size: 15px;
    }
    .hotelier_listing_page .datepicker-input-select-wrapper {
        min-width: 400px;
    }
}

.gallery-box-destination img {
    height: 300px;
    object-fit: cover;
}

.contact-column-2, .contact-column-2 p, .contact-column-2 label, .contact-column-1, .contact-column-1 p, .contact-column-1 label, .contact-row p {
    width: 100%;
}

.contact-row {
    display: flex;
    gap: 20px;
    margin-bottom: 10px;
}
.contact-row label {
    font-size: 18px;
    font-weight: 600;
    font-family: 'Poppins';
}
.contact-row  input, .contact-row  select {
    margin-top: 10px;
    height: 50px;
    font-family: 'Poppins';
}
.contact-row  input[type="radio"] {
    height: 18px;
    width: 30px;
    position: relative;
    top: 2px;
}
.contact-row  span.wpcf7-list-item.first {
    margin: 0;
}
span.wpcf7-form-control-wrap {
    margin-top: 10px;
    display: block;
    margin-bottom: 20px;
}
.contact-row input.wpcf7-submit {
    background: #AF9556;
    color: #fff;
    border: 1px solid #AF9556;
    width: 100%;
}
.contact-row input.wpcf7-submit:hover{
    background: #000;
    border-color: #000;
}
.Destination-riverSlider figure.swiper-slide-inner {
    height: 500px;
}
.Destination-FirstSlider figure.swiper-slide-inner {
    height: 500px;
}
.Destination-riverSlider img.swiper-slide-image {
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.Destination-FirstSlider figure.swiper-slide-inner img.swiper-slide-image {
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.room-price-meta {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0;
    place-content: center;
}

.room-price-meta p.room-subheading{
    margin: 0;
    min-height: 60px;
    place-content: center;
    border: 1px solid #af955678;
    padding: 10px;
}
button.swal2-close.jkit-swal-closeButton {
    position: absolute !important;
    top: 16px;
    background: #fff !important;
    width: 30px;
    font-size: 34px;
    height: 30px !important;
    border-radius: 50% !important;
    right: 0px !important;
    color: #AF9556 !important;
}
.jkit-swal-htmlContainer iframe.mfp-iframe {
    height: 500px !important;
}
.jkit-swal-htmlContainer {
    place-content: center !important;
}
/*mobile media*/
@media screen and (max-width: 767px) {
    .wedding-grid-field p{
        display: block;
    }
    .hotelier_listing_page .room-card__description, .hotelier_listing_page .room-card__rate-description, .hotelier_listing_page  .room-card__facilities {
        font-size: 16px;
    }
    .listing__room {
        width: 100%;
    }
    span.room-card__price {
        justify-content: start;
    }
    .hotelier_listing_page .datepicker-input-select-wrapper {
        width: 100%;
    }
    .hotelier_listing_page .button--datepicker {
        width: 100%;
        margin-top: 15px;
    }
    .contact-row {
        display: block;
    }
}