/*
Theme Name: Hotel Kia Manali
Text Domain: twentytwenty
Version: 1.5
Requires at least: 4.7
Requires PHP: 5.2.4
Description: Our default theme for 2020 is designed to take full advantage of the flexibility of the block editor. Organizations and businesses have the ability to create dynamic landing pages with endless layouts using the group and column blocks. The centered content column and fine-tuned typography also makes it perfect for traditional blogs. Complete editor styles give you a good idea of what your content will look like, even before you publish. You can give your site a personal touch by changing the background colors and the accent color in the Customizer. The colors of all elements on your site are automatically calculated based on the colors you pick, ensuring a high, accessible color contrast for your visitors.
Tags: blog, one-column, custom-background, custom-colors, custom-logo, custom-menu, editor-style, featured-images, footer-widgets, full-width-template, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready, block-styles, wide-blocks, accessibility-ready
Author: the WordPress team
Author URI: https://wordpress.org/
Theme URI: https://wordpress.org/themes/twentytwenty/
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html

All files, unless otherwise stated, are released under the GNU General Public
License version 2.0 (http://www.gnu.org/licenses/gpl-2.0.html)

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

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------

	0. 	CSS Reset
	1. 	Document Setup
	2. 	Element Base
	3. 	Helper Classes
	4. 	Site Header
	5. 	Menu Modal
	6. 	Search Modal
	7. 	Page Templates
		a. 	Template: Cover Template
		c. 	Template: Full Width
	8.  Post: Archive
	9.  Post: Single
	10. Blocks
	11. Entry Content
	12. Comments
	13. Site Pagination
	14. Error 404
	15. Widgets
	16. Site Footer
	17. Media Queries

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


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

/*	0. CSS Reset
/* -------------------------------------------------------------------------- */
.room-service-section {
  background-color: #fff !important;
}

.room-service-block-one {
 
    border: 1px solid #e3e3e3 !important;
}

/* =========================
   MANALI SIGHTSEEING
========================= */

.local-sightseeing {
  margin-top: 35px;
  padding-top: 22px;
  border-top: 1px solid #e8e8e8;
  
    font-family: "Open Sans", serif;
}

.sightseeing-heading {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 18px;
      font-family: "Open Sans", serif;
}

.sightseeing-heading h4 {
  margin: 0;
  font-size: 20px;
  font-weight: 600;
  color: #222;
      font-family: "Open Sans", serif;
}

.sightseeing-line {
  width: 35px;
  height: 2px;
  background: #791d16;
  display: inline-block;
}

.sightseeing-list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}

.sightseeing-item {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 14px;
  background: #fafafa;
  border: 1px solid #eeeeee;
  transition: all 0.3s ease;
}

.sightseeing-item:hover {
  background: #fff;
  border-color: #791d16;
  transform: translateY(-3px);
  box-shadow: 0 8px 20px rgba(0,0,0,0.06);
}

.sightseeing-icon {
  min-width: 42px;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background: rgba(121, 29, 22, 0.08);
  color: #791d16;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
}

.sightseeing-item h5 {
  margin: 0 0 3px;
  font-size: 15px;
  font-weight: 600;
  color: #222;
      font-family: "Open Sans", serif;
}

.sightseeing-item p {
  margin: 0;
  font-size: 12px;
  line-height: 1.4;
  color: #777;
      font-family: "Open Sans", serif;
}


/* Mobile */
@media (max-width: 767px) {

  .sightseeing-list {
    grid-template-columns: 1fr;
  }

  .local-sightseeing {
    margin-top: 25px;
  }

}
.kia-room-card {
  background: #fff;
  border-radius: 4px;
  overflow: hidden;
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.08);
  transition: all 0.35s ease;
  margin-bottom: 30px;
}

.kia-room-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.14);
}


/* IMAGE */

.kia-room-image {
  position: relative;
  overflow: hidden;
}

.kia-room-image figure {
  overflow: hidden;
}

.kia-room-image img {
  width: 100%;
  height: 285px;
  object-fit: cover;
  display: block;
  transition: transform 0.6s ease;
}

.kia-room-card:hover .kia-room-image img {
  transform: scale(1.06);
}


/* IMAGE OVERLAY */

.kia-room-overlay {
  position: absolute;
  inset: 0;
  background: rgba(20, 55, 40, 0.55);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: all 0.35s ease;
}

.kia-room-card:hover .kia-room-overlay {
  opacity: 1;
}


/* VIEW ROOM BUTTON */

.kia-room-btn {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  padding: 11px 20px;
  border: 1px solid rgba(255,255,255,0.8);
  color: #fff;
  text-decoration: none;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  transition: all 0.3s ease;
}

.kia-room-btn:hover {
  background: #791d16;
  border-color: #791d16;
  color: #fff;
}

.kia-room-btn i {
  font-size: 11px;
}


/* CONTENT */

.kia-room-content {
  padding: 22px 24px 24px;
  text-align: center;
}

.kia-room-label {
  display: block;
  margin-bottom: 7px;
  color: #185c3a;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 1.8px;
  text-transform: uppercase;
}

.kia-room-title {
  font-family: Georgia, "Times New Roman", serif;
  font-size: 25px;
  font-weight: 500;
  line-height: 1.3;
}

.kia-room-title a {
  color: #791d16;
  text-decoration: none;
  transition: color 0.3s ease;
}

.kia-room-title a:hover {
  color: #185c3a;
}


/* SMALL DECORATIVE LINE */

.kia-room-line {
  width: 42px;
  height: 1px;
  background: #791d16;
  margin: 14px auto 0;
  position: relative;
}

.kia-room-line:after {
  content: "";
  position: absolute;
  width: 5px;
  height: 5px;
  background: #185c3a;
  transform: rotate(45deg);
  left: 18px;
  top: -2px;
}


/* MOBILE */

@media (max-width: 575px) {

  .kia-room-image img {
    height: 240px;
  }

  .kia-room-content {
    padding: 18px 20px 21px;
  }

  .kia-room-title {
    font-size: 22px;
  }


    
}

.banner-section-two .bg-image:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    right: 0;
    top: 0;
    background-color: rgba(var(--theme-color-black-rgb), 0.1) !important;
    z-index: 1;
}
.booking-form-column .inner-column .bk-form .form-submit input

 {
    background-color: #222222;
    color: #fff;
    font-size: 16px;
    text-transform: uppercase;
    font-family: var(--text-font2);
    letter-spacing: 2px;
    width: 100%;
    height: 70px;
    line-height: 70px;
    border: 0;
    position: relative;
    z-index: 9;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}

/* =========================================================
   HOTEL KIA MANALI
   ROOMS PAGE
   ========================================================= */

.kia-rooms-section {
    position: relative;

    padding: 100px 0;

    background: #faf9f7;
}


/* =========================================================
   SECTION HEADING
   ========================================================= */

.kia-rooms-heading {
    max-width: 800px;

    margin: 0 auto 75px;
}

.kia-rooms-eyebrow {
    display: block;

    margin-bottom: 12px;

    color: #740c16;

    font-size: 13px;
    font-weight: 700;

    letter-spacing: 2.5px;

    text-transform: uppercase;
}

.kia-rooms-heading h2 {
    margin: 0;

    color: #222222;

    font-size: 44px;
    font-weight: 700;

    line-height: 1.2;
}

.kia-rooms-heading-line {
    position: relative;

    width: 65px;
    height: 3px;

    margin: 18px auto 20px;

    background: #740c16;
}

.kia-rooms-heading-line::after {
    content: "";

    position: absolute;

    top: 0;
    left: 50%;

    width: 20px;
    height: 3px;

    background: #b8945b;

    transform: translateX(-50%);
}

.kia-rooms-heading p {
    max-width: 680px;

    margin: 0 auto;

    color: #777777;

    font-size: 15px;

    line-height: 1.8;
}


/* =========================================================
   ROOM ROW
   ========================================================= */

.kia-room-row {
    position: relative;

    margin-bottom: 100px;
}

.kia-room-row:last-child {
    margin-bottom: 0;
}


/* =========================================================
   ALTERNATING ROW
   ========================================================= */

.kia-room-row-reverse {
    flex-direction: row-reverse;
}


/* =========================================================
   ROOM IMAGE WRAPPER
   ========================================================= */

.kia-room-image-wrap {
    position: relative;

    padding-right: 30px;
}

.kia-room-row-reverse .kia-room-image-wrap {
    padding-right: 0;
    padding-left: 30px;
}


/* =========================================================
   ROOM IMAGE
   ========================================================= */

.kia-room-image {
    position: relative;

    overflow: hidden;

    height: 480px;

    background: #eeeeee;

    box-shadow:
        0 20px 50px rgba(0, 0, 0, 0.12);
}

.kia-room-image::before {
    content: "";

    position: absolute;

    z-index: 2;

    top: 18px;
    right: 18px;
    bottom: 18px;
    left: 18px;

    border: 1px solid rgba(255, 255, 255, 0.65);

    pointer-events: none;
}

.kia-room-image img {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;

    transition: transform 0.7s ease;
}

.kia-room-image-wrap:hover .kia-room-image img {
    transform: scale(1.06);
}


/* =========================================================
   IMAGE LABEL
   ========================================================= */

.kia-room-image-label {
    position: absolute;

    z-index: 3;

    bottom: 30px;
    left: 0;

    display: flex;

    align-items: center;

    min-width: 230px;

    background: #740c16;

    color: #ffffff;

    box-shadow:
        0 10px 25px rgba(116, 12, 22, 0.25);
}

.kia-room-row-reverse .kia-room-image-label {
    left: 30px;
}

.kia-room-image-label span {
    display: flex;

    align-items: center;
    justify-content: center;

    width: 55px;
    height: 55px;

    color: #b8945b;

    border-right: 1px solid rgba(255, 255, 255, 0.2);

    font-size: 16px;
    font-weight: 700;
}

.kia-room-image-label strong {
    padding: 0 20px;

    color: #ffffff;

    font-size: 15px;
    font-weight: 600;
}


/* =========================================================
   ROOM CONTENT
   ========================================================= */

.kia-room-content {
    position: relative;

    padding: 35px 30px;
}

.kia-room-category {
    display: block;

    margin-bottom: 10px;

    color: #740c16;

    font-size: 12px;
    font-weight: 700;

    letter-spacing: 2px;
}

.kia-room-content h3 {
    margin: 0;

    color: #222222;

    font-size: 36px;
    font-weight: 700;

    line-height: 1.25;
}

.kia-room-title-line {
    width: 45px;
    height: 2px;

    margin: 18px 0 22px;

    background: #740c16;
}

.kia-room-description {
    margin: 0 0 28px;

    color: #777777;

    font-size: 15px;

    line-height: 1.85;
}


/* =========================================================
   ROOM FEATURES
   ========================================================= */

.kia-room-features {
    display: grid;

    grid-template-columns: 1fr 1fr;

    gap: 12px;

    margin-bottom: 30px;
}

.kia-room-feature {
    display: flex;

    align-items: center;

    gap: 10px;

    padding: 12px 14px;

    background: #ffffff;

    border: 1px solid #eeeeee;

    color: #555555;

    font-size: 13px;

    transition:
        border-color 0.3s ease,
        transform 0.3s ease,
        box-shadow 0.3s ease;
}

.kia-room-feature i {
    display: flex;

    align-items: center;
    justify-content: center;

    width: 30px;
    height: 30px;

    flex-shrink: 0;

    background: #f8edef;

    color: #740c16;

    border-radius: 50%;

    font-size: 13px;
}

.kia-room-feature:hover {
    border-color: #740c16;

    transform: translateY(-2px);

    box-shadow:
        0 5px 15px rgba(0, 0, 0, 0.05);
}

.kia-room-feature:hover i {
    background: #740c16;

    color: #ffffff;
}


/* =========================================================
   ROOM BUTTON
   ========================================================= */

.kia-room-bottom {
    padding-top: 5px;
}

.kia-room-btn {
    display: inline-flex;

    align-items: center;
    justify-content: center;

    gap: 12px;

    padding: 14px 25px;

    background: #740c16;

    color: #ffffff !important;

    border: 1px solid #740c16;

    font-size: 13px;
    font-weight: 600;

    line-height: 1.4;

    text-decoration: none !important;

    transition:
        background 0.3s ease,
        border-color 0.3s ease,
        transform 0.3s ease,
        box-shadow 0.3s ease;
}

.kia-room-btn i {
    transition: transform 0.3s ease;
}

.kia-room-btn:hover {
    background: #5a0911;

    border-color: #5a0911;

    color: #ffffff !important;

    transform: translateY(-2px);

    box-shadow:
        0 8px 20px rgba(116, 12, 22, 0.20);
}

.kia-room-btn:hover i {
    transform: translateX(4px);
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 991px) {

    .kia-rooms-section {
        padding: 80px 0;
    }

    .kia-rooms-heading {
        margin-bottom: 55px;
    }

    .kia-rooms-heading h2 {
        font-size: 38px;
    }

    .kia-room-row {
        margin-bottom: 70px;
    }

    .kia-room-image-wrap,
    .kia-room-row-reverse .kia-room-image-wrap {
        padding-right: 0;
        padding-left: 0;
    }

    .kia-room-image {
        height: 420px;
    }

    .kia-room-content {
        padding: 35px 10px;
    }

    .kia-room-content h3 {
        font-size: 32px;
    }

    /*
     * Keep the alternating design on tablet.
     */
    .kia-room-row-reverse {
        flex-direction: row;
    }

    .kia-room-row-reverse .kia-room-image-label {
        left: 0;
    }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

    .kia-rooms-section {
        padding: 60px 15px;
    }

    .kia-rooms-heading {
        margin-bottom: 45px;
    }

    .kia-rooms-heading h2 {
        font-size: 30px;
    }

    .kia-rooms-heading p {
        font-size: 14px;
    }

    /*
     * Stack image and content.
     */
    .kia-room-row,
    .kia-room-row-reverse {
        display: flex;

        flex-direction: column;

        margin-bottom: 60px;
    }

    .kia-room-row .col-lg-6,
    .kia-room-row-reverse .col-lg-6 {
        width: 100%;
    }

    .kia-room-image {
        height: 330px;
    }

    .kia-room-content {
        padding: 30px 5px 0;
    }

    .kia-room-content h3 {
        font-size: 28px;
    }

    .kia-room-description {
        font-size: 14px;

        line-height: 1.75;
    }

    .kia-room-image-label {
        bottom: 20px;
    }

    .kia-room-row-reverse .kia-room-image-label {
        left: 0;
    }

}


/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width: 480px) {

    .kia-rooms-section {
        padding: 50px 12px;
    }

    .kia-rooms-heading h2 {
        font-size: 27px;
    }

    .kia-rooms-eyebrow {
        font-size: 11px;

        letter-spacing: 1.8px;
    }

    .kia-room-image {
        height: 280px;
    }

    .kia-room-image::before {
        top: 12px;
        right: 12px;
        bottom: 12px;
        left: 12px;
    }

    .kia-room-image-label {
        min-width: 190px;
    }

    .kia-room-image-label span {
        width: 45px;
        height: 45px;
    }

    .kia-room-image-label strong {
        padding: 0 14px;

        font-size: 13px;
    }

    .kia-room-content {
        padding-top: 25px;
    }

    .kia-room-content h3 {
        font-size: 25px;
    }

    .kia-room-category {
        font-size: 10px;

        letter-spacing: 1.5px;
    }

    .kia-room-features {
        grid-template-columns: 1fr;

        gap: 8px;
    }

    .kia-room-feature {
        padding: 10px 12px;
    }

    .kia-room-btn {
        width: 100%;
    }

}
/* ==========================================
   HOTEL KIA MANALI - GALLERY
========================================== */

.kia-gallery-section {
    padding: 100px 0;
    background: #faf9f7;
    position: relative;
    overflow: hidden;
}

/* Subtle background decoration */
.kia-gallery-section::before {
    content: "";
    position: absolute;
    width: 420px;
    height: 420px;
    border: 1px solid rgba(116, 12, 22, 0.06);
    border-radius: 50%;
    top: -180px;
    left: -180px;
}

.kia-gallery-section::after {
    content: "";
    position: absolute;
    width: 300px;
    height: 300px;
    border: 1px solid rgba(184, 148, 91, 0.08);
    border-radius: 50%;
    bottom: -140px;
    right: -100px;
}

.kia-gallery-heading {
    max-width: 800px;
    margin: 0 auto 60px;
    position: relative;
    z-index: 2;
}

.kia-gallery-eyebrow {
    display: inline-block;
    margin-bottom: 12px;
    color: #740c16;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 3px;
}

.kia-gallery-heading h2 {
    margin: 0;
    color: #222;
    font-size: 44px;
    line-height: 1.2;
    font-weight: 700;
}

.kia-gallery-line {
    width: 65px;
    height: 3px;
    background: #740c16;
    margin: 22px auto 24px;
    position: relative;
}

.kia-gallery-line::after {
    content: "";
    position: absolute;
    width: 25px;
    height: 3px;
    background: #b8945b;
    right: -32px;
    top: 0;
}

.kia-gallery-heading p {
    margin: 0 auto;
    max-width: 700px;
    color: #777;
    font-size: 15px;
    line-height: 1.9;
}


/* ==========================================
   GALLERY WRAPPER
========================================== */

.kia-gallery-wrapper {
    position: relative;
    z-index: 2;
    padding: 15px;
    background: #fff;
    border: 1px solid #eee;
    box-shadow: 0 15px 45px rgba(0, 0, 0, 0.07);
}


/* ==========================================
   FINAL TILES GALLERY OVERRIDES
========================================== */

.kia-gallery-wrapper .ftg-items {
    margin: 0 !important;
}

.kia-gallery-wrapper .ftg-item {
    overflow: hidden;
    position: relative;
    background: #740c16;
}

/* Image */
.kia-gallery-wrapper .ftg-item img {
    transition:
        transform 0.6s ease,
        opacity 0.6s ease;
}

.kia-gallery-wrapper .ftg-item:hover img {
    transform: scale(1.08);
    opacity: 0.78;
}


/* ==========================================
   LUXURY HOVER EFFECT
========================================== */

.kia-gallery-wrapper .ftg-item::after {
    content: "";
    position: absolute;
    inset: 12px;
    border: 1px solid rgba(255, 255, 255, 0.55);
    opacity: 0;
    transform: scale(0.92);
    transition: all 0.45s ease;
    pointer-events: none;
    z-index: 2;
}

.kia-gallery-wrapper .ftg-item:hover::after {
    opacity: 1;
    transform: scale(1);
}


/* ==========================================
   GOLD CORNER ACCENT
========================================== */

.kia-gallery-wrapper .ftg-item::before {
    content: "";
    position: absolute;
    width: 35px;
    height: 35px;
    border-top: 3px solid #b8945b;
    border-left: 3px solid #b8945b;
    top: 12px;
    left: 12px;
    opacity: 0;
    transition: all 0.4s ease;
    z-index: 3;
}

.kia-gallery-wrapper .ftg-item:hover::before {
    opacity: 1;
}


/* ==========================================
   MOBILE
========================================== */

@media (max-width: 991px) {

    .kia-gallery-section {
        padding: 80px 0;
    }

    .kia-gallery-heading {
        margin-bottom: 45px;
    }

    .kia-gallery-heading h2 {
        font-size: 36px;
    }
}


@media (max-width: 767px) {

    .kia-gallery-section {
        padding: 65px 0;
    }

    .kia-gallery-heading {
        padding: 0 15px;
        margin-bottom: 35px;
    }

    .kia-gallery-eyebrow {
        font-size: 11px;
        letter-spacing: 2px;
    }

    .kia-gallery-heading h2 {
        font-size: 30px;
    }

    .kia-gallery-heading p {
        font-size: 14px;
        line-height: 1.7;
    }

    .kia-gallery-wrapper {
        padding: 8px;
    }
}


@media (max-width: 480px) {

    .kia-gallery-section {
        padding: 55px 0;
    }

    .kia-gallery-heading h2 {
        font-size: 27px;
    }

    .kia-gallery-line {
        margin-top: 18px;
        margin-bottom: 20px;
    }
}
.contact-form textarea {
    max-height: 130px !important;
}
.contact-form .sec-title h2 {
    font-size: 32px !important;

}