/**
Theme Name: Homestay
Theme URI: https://glthemes.com/wordpress-theme/homestay/
Author: Good Looking Themes
Author URI: https://glthemes.com/
Description: Homestay is a lightweight, elegant looking free WordPress Homestay theme designed for homestays, motels, resorts, small hotels, or any rental accommodation and hospitality related businesses. It is the perfect WordPress theme for building an amazing platform for small homestay websites. It has a sleek and modern look that can become the perfect platform to showcase your unique space and attract visitors worldwide. Due to its simple and user friendly interface, it offers visitors seamless browsing experience. With this free Homestay WordPress theme you can easily and effortlessly get your website up and running in no time without any prior coding knowledge. Also, its lightweight design and browser friendly features make it perfect choice for the SEO. Furthermore, Homestay's responsive design makes sure that every visitor has an engaging user experience on all devices, including desktops, tablets and smartphones. Moreover, if your homestay business is already listed on popular booking sites like Airbnb, Hotel.com, booking.com, TripAdvisor, the Homestay theme is an excellent fit for you to showcase your property. This can lead to increased bookings and revenue for your homestay business directly from your website. Don’t want to take our words for it? Check out the theme yourself from the demo:https://glthemes.com/live-demo/?theme=homestay. Download this Homestay WordPress theme for free & explore yourselves ! For any issues regarding the theme, submit an inquiry ticket at GLThemes Support page at https://glthemes.com/support/ 
Version: 1.0.2
Requires at least: 5.0
Tested up to: 6.2
Requires PHP: 7.0
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: homestay
Template: hotell
Tags: blog, one-column, two-columns, right-sidebar, left-sidebar, footer-widgets, custom-background, custom-header, custom-menu, custom-logo, featured-images, threaded-comments, rtl-language-support, translation-ready, theme-options, entertainment, food and drink
*/

:root {
    --hotel-white-color: #FFFFFF;

    --hotel-primary-color: #004833;
    --hotel-secondary-color: #F9AC00;

    --hotel-text-primary: #020201;
    --hotel-text-secondary: #404847; 

    --hotel-primary-font: "Amaranth";
    --hotel-secondary-font: "Sarabun";

    --hotel-logo-width: 149px;
}

body{
    color: var(--hotel-text-secondary);
    font-size: 16px;
}

h1,h2,h3,h4,h5,h6,strong{
    color: var(--hotel-text-primary)
}


h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{
    color: var(--hotel-text-primary) !important
}

h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover {
    color: var(--hotel-primary-color) !important;
}

form label{
    font-weight: 400;
}

.site-footer{
    background-color: var(--hotel-primary-color);
}
.gallery {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px; /* Adjust the gap as needed */
}

.section-padding {
    padding: 82px 0;
}

table thead strong{
    color: #fff;
    font-weight: 400;
}
table thead th{
    font-weight: 400;
}


/* compontents start */

/* -------------------- social icons start ------------------- */
.social-networks{
    row-gap: 16px;
}
.social-networks li a {
    height: 28px;
    min-width: 28px;
    max-width: 28px;
    background-color: #FFFFFFCC;
    border-radius: 50%;
}
.social-networks li a svg{
    fill: #263936 !important;
    height: 14px;
    width: 14px;
    transition: all ease 0.35s;
}
.social-networks li a:hover svg{
    transform: scale(1.2);
    fill: var(--hotel-secondary-color) !important;
}
.site-footer .footer-top .wp-block-social-links li{
    height: auto;
    width: auto;
    padding: 0 !important;
}
.site-footer .footer-top .wp-block-social-links li a{
    background-color: #FFFFFFCC !important;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    height: 28px;
    width: 28px;

}
.site-footer .footer-top .wp-block-social-links li:hover{
    transform: none;
}
.site-footer .footer-top .wp-block-social-links li:hover svg{
    transform: scale(1.2);
    fill: var(--hotel-secondary-color) !important;
}
.site-footer .footer-top .wp-block-social-links li a{
    padding: 0;
}
.site-footer .footer-top .wp-block-social-links li a svg{
    height: 14px;
    width: 14px;
    fill: var(--hotel-primary-color);
    transition: all ease 0.35s;
}
/* -------------------- social icons end ------------------- */

/* ---------- button start ------------------ */
.btn-secondary{
    background-color: var(--hotel-secondary-color);
    border-color: var(--hotel-secondary-color);
}
.btn-secondary:hover{
    background-color: transparent;
    color: var(--hotel-secondary-color)
}
.btn-outline{
    border-color: var(--hotel-primary-color);
    color: var(--hotel-primary-color);
    font-weight: 500;
}
.btn-outline:hover{
    border-color: var(--hotel-primary-color);
    background-color: var(--hotel-primary-color);
    color: var(--hotel-white-color)
}
.btn-primary{
    background-color: var(--hotel-secondary-color);
    border-color: var(--hotel-secondary-color);
}
.btn-primary:hover{
    background-color: transparent;
    color: var(--hotel-secondary-color)
}
/* ---------- button end ------------------ */

/* ------------------ section header start ---------------------- */
.section-header__title{
    color: var(--hotel-primary-color);
    position: relative;
    padding-bottom: 16px;
    font-weight: 400;
}
.section-header__title::after{
    content: '';
    position: absolute;
    top: 100%;
    left: 50%;
    width: 70px;
    border: 1.5px solid var(--hotel-secondary-color); 
    transform: translateX(-50%);
}
.section-header__tag{
    font-size: 20px;
    color: var(--hotel-primary-color)
}
.section-header.section-header--fixed-width .section-header__title::after{
    left: 50%;
    transform: translateX(-50%);
}
.section-header__tag::after,.section-header__tag::before{
    display: none;
}

/* ------------------ section header end ---------------------- */

/* ------------------ carousel start --------------------------- */
.owl-prev span,.owl-next span{
    display: none;
}
.owl-prev,.owl-next{
    background-color: transparent !important;
}
.owl-prev::after{
    content: '';
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='28' viewBox='0 0 15 28' fill='none'%3E // %3Cpath d='M2.72803 14L14.0507 2.36396C14.1439 2.27019 14.2176 2.15886 14.2675 2.03642C14.3174 1.91397 14.3426 1.78285 14.3415 1.65063C14.3404 1.51841 14.3131 1.38772 14.2611 1.26612C14.2092 1.14453 14.1336 1.03444 14.0389 0.942228C13.9441 0.850018 13.832 0.777517 13.709 0.728921C13.5861 0.680326 13.4547 0.6566 13.3225 0.659117C13.1903 0.661634 13.0599 0.690344 12.9388 0.743585C12.8178 0.796826 12.7085 0.873541 12.6174 0.969292L0.617359 13.3026C0.43573 13.4893 0.334106 13.7395 0.334106 14C0.334106 14.2604 0.43573 14.5106 0.617359 14.6973L12.6174 27.0306C12.7085 27.1264 12.8178 27.2031 12.9388 27.2563C13.0599 27.3096 13.1903 27.3383 13.3225 27.3408C13.4547 27.3433 13.5861 27.3196 13.709 27.271C13.832 27.2224 13.9441 27.1499 14.0389 27.0577C14.1336 26.9655 14.2092 26.8554 14.2611 26.7338C14.3131 26.6122 14.3404 26.4815 14.3415 26.3493C14.3426 26.2171 14.3174 26.0859 14.2675 25.9635C14.2176 25.8411 14.1439 25.7297 14.0507 25.636L2.72803 14Z' fill='%23404847'/%3E // %3C/svg%3E");
    mask-repeat: no-repeat;
    height: 28px;
    width: 15px;
    background-color: var(--hotel-text-secondary)
}
.owl-next::after{
    content: '';
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='28' viewBox='0 0 15 28' fill='none'%3E // %3Cpath d='M2.72803 14L14.0507 2.36396C14.1439 2.27019 14.2176 2.15886 14.2675 2.03642C14.3174 1.91397 14.3426 1.78285 14.3415 1.65063C14.3404 1.51841 14.3131 1.38772 14.2611 1.26612C14.2092 1.14453 14.1336 1.03444 14.0389 0.942228C13.9441 0.850018 13.832 0.777517 13.709 0.728921C13.5861 0.680326 13.4547 0.6566 13.3225 0.659117C13.1903 0.661634 13.0599 0.690344 12.9388 0.743585C12.8178 0.796826 12.7085 0.873541 12.6174 0.969292L0.617359 13.3026C0.43573 13.4893 0.334106 13.7395 0.334106 14C0.334106 14.2604 0.43573 14.5106 0.617359 14.6973L12.6174 27.0306C12.7085 27.1264 12.8178 27.2031 12.9388 27.2563C13.0599 27.3096 13.1903 27.3383 13.3225 27.3408C13.4547 27.3433 13.5861 27.3196 13.709 27.271C13.832 27.2224 13.9441 27.1499 14.0389 27.0577C14.1336 26.9655 14.2092 26.8554 14.2611 26.7338C14.3131 26.6122 14.3404 26.4815 14.3415 26.3493C14.3426 26.2171 14.3174 26.0859 14.2675 25.9635C14.2176 25.8411 14.1439 25.7297 14.0507 25.636L2.72803 14Z' fill='%23404847'/%3E // %3C/svg%3E");
    mask-repeat: no-repeat;
    height: 28px;
    width: 15px;
    background-color: var(--hotel-text-secondary);
    transform: rotate(180deg)
}
.foot-top__right.owl-carousel .owl-item img{
    height: 39px;
    object-fit: contain;
}
/* ------------------ carousel end ------------------------------- */


/* components end */

/* header top start */
.site-header .site-title{
    color: var(--hotel-text-primary);
    font-weight: 400 ;
    font-family: var(--hotel-primary-font);
}
.site-header .site-title a{
    color: inherit;
    font-weight: inherit;
    font-family: inherit;
}
.site-header{
    border-bottom: 0.8px solid #505C5A;
}
.site-header .header-top{
    background-color: var(--hotel-primary-color)
}

.site-header .header-top > .container{
    flex-direction: column;
}

.site-header .header-top-left {
    padding: 12px 0;
    width: auto;
    flex: 1;
}

.site-header .header-top-right{
    row-gap: 16px;
    column-gap: 48px;
    width: auto;
    /* flex: 1; */
    /* flex-direction: column; */
}

.site-header .header-top .info a:hover {
    color: var(--hotel-secondary-color)
}

.site-header .info svg{
    height: 20px;
    width: 20px;
}
.site-header .info svg path{
    fill: var(--hotel-white-color);
}
.site-header .info span:hover{
    color: var(--hotel-white-color);
}
.site-header .info span:hover svg{
    fill: var(--hotel-white-color);
}

.site-header .email-link svg{
    margin-right: 8px;
}

.site-header .email-link{
    color: var(--hotel-white-color);
    font-size: 14px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    flex: 1;
    justify-content: center;
}

.site-header .email-link:hover {
    color: var(--hotel-secondary-color)
}
.site-header .desktop-header #primary-menu li a{
    color: var(--hotel-text-secondary);
    font-weight: 500;
}
.site-header .desktop-header #primary-menu li a:hover{
    color: var(--hotel-primary-color)
}
/* .site-header .header-top-right .social-wrap{
    flex: 1;
} */
.site-header .header-left ul li.menu-item-has-children::after{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M12.1196 6.69719L8.54409 10.4427C8.46636 10.5242 8.38216 10.5817 8.29148 10.6154C8.20079 10.6496 8.10363 10.6667 8 10.6667C7.89636 10.6667 7.7992 10.6496 7.70852 10.6154C7.61783 10.5817 7.53363 10.5242 7.4559 10.4427L3.88042 6.69719C3.73791 6.54791 3.66666 6.35792 3.66666 6.12722C3.66666 5.89651 3.73791 5.70652 3.88042 5.55724C4.02292 5.40796 4.20428 5.33332 4.42451 5.33332C4.64474 5.33332 4.82611 5.40796 4.96861 5.55724L8 8.73281L11.0314 5.55724C11.1739 5.40796 11.3553 5.33332 11.5755 5.33332C11.7957 5.33332 11.9771 5.40796 12.1196 5.55724C12.2621 5.70652 12.3333 5.89651 12.3333 6.12722C12.3333 6.35792 12.2621 6.54791 12.1196 6.69719Z' fill='%23505C5A'/%3E%3C/svg%3E");
    background-position: center;
}
/* header top end */


/* header main start */
.site-branding img{
    max-width: var(--hotel-logo-width);
}
.site-header .site-branding{
    width: var(--hotel-logo-width) !important;
    padding: 0 !important;
}
.site-header .desktop-header .header-wrapper{
    justify-content: space-between;
    gap: 42px;
}
.mobile-header .header-bottom{ 
    padding: 20px 0;
}
/* .site-toggled .site-header .menu-container-wrapper, .showing-main-menu-modal .site-header .menu-container-wrapper {
    transform: translateX(0);
} */
/* header main end */


/* banner start */
#banner_section{
    margin: 72px 0;
}

.banner__wrapper{
    display: flex;
    flex-direction: column-reverse;
}

.banner__wrapper .banner__left,.banner__wrapper .banner__right{
    flex: 1;
}

.banner__wrapper .banner__left{
    max-width: 100%;
    padding: 26px 0;
}

.banner__wrap{
    position: static !important;
    transform: none;
    width: auto;
}

.banner__wrap,.banner__wrap > .container, .banner__wrap .banner__text{
    height: 100%;
}

.banner__wrap > .container{
    padding: 0;
}

.banner__wrap .banner__text{
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.banner__text > *{
    color: var(--hotel-secondary-rgb);
}

.banner__text .banner__title{
    color: var(--hotel-primary-color)
}

.banner__text .btn-wrap{
    margin-bottom: 26px;
}

.banner__ratings-wrap{
    display: flex;
    align-items: center;
    font-size: 20px;
    gap: 8px;
    font-family: var(--hotel-primary-font);
    color: var(--hotel-primary-rgb);
    justify-content: center;
}

.banner__ratings-wrap::before{
    content: '';
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='25' viewBox='0 0 26 25' fill='none'%3E%3Cpath d='M13 0.666672L15.9935 9.87978H25.6808L17.8436 15.5738L20.8372 24.7869L13 19.0929L5.16288 24.7869L8.1564 15.5738L0.319267 9.87978H10.0065L13 0.666672Z' fill='%23F9AC00'/%3E%3C/svg%3E");
    mask-repeat: no-repeat;
    height: 24px;
    width: 24px;
    mask-size: 20px;
    mask-position: center;
    display: inline-block;
    background-color: var(--hotel-secondary-color)
}

.banner__ratings-wrap img{
    width: 62px !important;
    object-fit: contain;
    height: max-content;
}

.banner img{
    width: auto;
}

/* banner end */


/* partners start */
.foot-top{
    background-color: #F5F9F8;
    margin: 0;
}

/* partners end */


/* about section start */
#about-section{
    padding: 82px 0;
}
/* about section end */
/* cta section start */
#cta-section .cta-image{
    padding: 0 0;
}
#cta-section .cta-image > .container{
    max-width: 100% !important;
    padding: 0;
}
#cta-section .section-header__title{
    margin-bottom: 24px;
}
#cta-section .section-header__title::after{
    display: none;
}
#cta-section .cta-image__content{
    padding: 82px 20px;
}

/* cta section end */

/* offer section start */
.offer-section{
    padding: 82px 0;
    background-color: #F5F9F8;
}
.offer-section .offer__wrapper{
    display: flex;
    gap: 72px;
    flex-direction: column;
}
.offer-section .offer__wrapper .offer__card{
    flex: 1;
    display: flex;
    gap: 48px;
    flex-direction: column;
}
.offer-section .offer__wrapper .offer__card .offer__card-top{
    padding-right: 23px;
    position: relative;
    /* width: 270px; */
}
.offer-section .offer__wrapper .offer__card .offer__card-top img{
    height: 100%;
    width: 100%;
}
.offer-section .offer__wrapper .offer__card .offer__card-top p {
    background-color: var(--hotel-white-color);
    position: absolute;
    bottom: 0;
    right: 0;
    max-width: 112px;
    padding: 15.72px 22.87px 15.72px 22.87px;
    margin-bottom: 0;
    font-size: 28px;
    text-align: center;
    color: var(--hotel-primary-color);
    letter-spacing: 2.8px;
    display: flex;
    flex-direction: column;
    text-align: center;
    align-items: center;
}
.offer-section .offer__wrapper .offer__card .offer__card-top p span{
    font-size: 16px;
    letter-spacing: 0;
}
.offer-section .offer__wrapper .offer__card .offer__card-content{
    flex: 1;
}
.offer-section .offer__wrapper .offer__card .offer__card-content h3 p {
    color: var(--hotel-primary-color)
}
.offer-section .offer__wrapper .offer__card .offer__card-content h3,.offer-section .offer__wrapper .offer__card .offer__card-content h3 p{
    margin-bottom: 16px;
    font-weight: 400;
    /* font-size: 32px; */
}
.offer-section .offer__wrapper .offer__card .offer__card-content .offer__btn {
    color: var(--hotel-secondary-color);
}
.offer-section .offer__wrapper .offer__card .offer__card-content .offer__btn::after{
    content: '';
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='10' viewBox='0 0 6 10' fill='none'%3E%3Cpath d='M1.61568 0.880461L5.36123 4.45595C5.44265 4.53367 5.50019 4.61788 5.53385 4.70856C5.56805 4.79924 5.58514 4.8964 5.58514 5.00004C5.58514 5.10368 5.56805 5.20084 5.53385 5.29152C5.50019 5.3822 5.44265 5.46641 5.36123 5.54414L1.61568 9.11962C1.4664 9.26212 1.27641 9.33337 1.0457 9.33337C0.815 9.33337 0.625009 9.26212 0.47573 9.11962C0.326451 8.97712 0.251811 8.79576 0.251811 8.57553C0.251811 8.3553 0.326451 8.17393 0.47573 8.03143L3.6513 5.00004L0.47573 1.96865C0.326451 1.82615 0.251811 1.64478 0.251811 1.42456C0.251811 1.20433 0.326451 1.02296 0.47573 0.880461C0.625009 0.73796 0.815 0.666708 1.0457 0.666708C1.27641 0.666708 1.4664 0.73796 1.61568 0.880461Z' fill='%23F9AC00'/%3E%3C/svg%3E");
    mask-repeat: no-repeat;
    height: 10px;
    width: 6px;
    background-color: var(--hotel-secondary-color);
    display: inline-block;
    margin-left: 4px;
}
.offer-section .offer__wrapper .offer__card .offer__card-content .offer__btn:hover{
    opacity: 0.7;
}
.offer-section .offer__card .offer__card-content > p {
    font-weight: 500;
    /* font-size: 16px; */
}
/* offer section end */


/* blog section start */
.news-and-blogs .post{
    padding: 16px;
}
.card.blog-card{
    flex-direction: column;
    padding: 32px 24px !important;
    box-shadow: 0px 12px 16px -4px #10182814; 
}
.related-posts .card.blog-card{
    padding: 0;
}
.related-posts .card.blog-card .card__content{
    box-shadow: none;
    padding: 0;
    padding-top: 32px;
}

 .card.blog-card .card__content{
    margin-left: 0;
    padding: 32px 0 0 0;
    box-shadow: none;
}
 .card.blog-card .card__content p{
    font-size: 16px;
    font-weight: 500;
}
 .card.blog-card .card__content h5{
    padding-right: 32px;
    position: relative;

}
 .card.blog-card .card__content h5::after{
    content: '';
    position: absolute;
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M1 11L11 1M11 1H1M11 1V11' stroke='%23004833' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    mask-repeat: no-repeat;
    background-color: var(--hotel-primary-color);
    height: 12px;
    width: 12px;
    display: inline-block;
    top: 0%;
    right: 0;
    transform: translateY(100%);
    transition: all ease 0.35s;
}
 .card.blog-card .card__content h5:hover::after{
    opacity: 0.7;
}
 .card.blog-card .card__content h5 a {
    color: var(--hotel-primary-color) !important;
    font-weight: 400;
}
 .card.blog-card .card__content h5 a:hover{
    opacity: 0.6;
}
 .card.blog-card .card__content .meta{
    justify-content: space-between;
}
 .card.blog-card .card__content .meta li{
    gap: 12px;
}
 .card.blog-card .card__content .meta li .comment-count{
    margin-left: 0;
}
 .card.blog-card .card__content .meta li .post-meta{
    display: flex;
    flex-direction: column;
}
 .card.blog-card .card__content .meta li .post-meta .date{
    font-size: 14px;
    font-weight: 400;
}
 .card.blog-card .card__content .meta .byline a{
    color: var(--hotel-secondary-color);
    text-transform: capitalize;
    font-weight: 500;
    font-size: 16px;
}
 .card.blog-card .card__content .meta li svg path{
    fill: var(--hotel-primary-color);
}
 .card.blog-card .card__content .meta li:has(.comment-count) svg path{
    stroke: var(--hotel-primary-color);
    fill: none;
}
 .card.blog-card .card__content .meta li{
    color: #505C5A;
    font-weight: 400;
}
.card.blog-card .card__content .meta .author-details{
    margin: 0;
}
 .card.blog-card .card__img{
    flex: 1;
    /* max-height: 200px; */
}

 .card.blog-card .card__img img{
    height: 200px;
}
.post .card__img .svg-holder svg{
    height: 200px;
    width: 100%;
}

.news-and-blogs__slider .owl-nav, .news-and-blogs__slider .owl-nav.disabled{
    display: flex !important;
}

.news-and-blogs__slider .owl-nav .owl-prev,.news-and-blogs__slider .owl-nav .owl-next{
    background-color: transparent !important;
    box-shadow: none;
}
.news-and-blogs__slider .card.blog-card ul.meta{
    margin-bottom: 0;
}

.related-posts.blog .card.blog-card .card__content .btn-text{
    font-weight: 400;
}

/* blog section end */


/* video section start */
.video-block{
    margin: 0;
}
.video-block__wrap{
    display: flex;
    flex-direction: column-reverse;
    gap: 32px;
}
.video-block__wrap .video-block__text h2{
    font-weight: 400;
}
.video-block__icon .video-control-btn svg{
    height: 64px;
    width: 64px;
}
/* video section end */

/* gallery section start */
#gallery-section .section-header{
    text-align: start;
    margin: 0;
    margin-bottom: 48px;
}
#gallery-section .section-header .section-header__title::after{
    left: 0;
    transform: none;

}
#gallery-section .gallery{
    grid-gap: 32px;
    grid-template-columns: repeat(1, 1fr)
}
#gallery-section .gallery .gallery-item .card__content{
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #0000006B;
}
/* gallery section end */

/* footer section start */
.site-footer{
    margin-top: 0;
}
.site-footer .footer-top .widget_nav_menu ul li::before{
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M5.0229 2.91032L7.83206 5.59193C7.89313 5.65022 7.93629 5.71338 7.96153 5.78139C7.98718 5.8494 8 5.92227 8 6C8 6.07773 7.98718 6.1506 7.96153 6.21861C7.93629 6.28662 7.89313 6.34978 7.83206 6.40807L5.0229 9.08969C4.91094 9.19656 4.76845 9.25 4.59542 9.25C4.42239 9.25 4.2799 9.19656 4.16794 9.08969C4.05598 8.98281 4 8.84679 4 8.68161C4 8.51644 4.05598 8.38042 4.16794 8.27354L6.54962 6L4.16794 3.72646C4.05598 3.61958 4 3.48356 4 3.31839C4 3.15321 4.05598 3.01719 4.16794 2.91032C4.2799 2.80344 4.42239 2.75 4.59542 2.75C4.76845 2.75 4.91094 2.80344 5.0229 2.91032Z' fill='%23ECECEC'/%3E%3C/svg%3E");
    background-color: var(--hotel-white-color);
    height: 12px;
    width: 12px;
    mask-size: 12px;
    top: 10px;
}
.site-footer strong{
    color: var(--hotel-white-color) !important;
}
.site-footer iframe{
    max-height: 205px;
    width: 100%;
}
.site-footer .footer-bottom a:hover{
    color: var(--hotel-secondary-color) !important;
}
.site-footer .footer-top ul.menu li a{
    width: 100%;
    display: inline-block;
}
/* footer section end */


/* widget area start */
.entry-content a:hover{
    color: var(--hotel-secondary-color);
    text-decoration: underline;
}
.widget-area .widget p a{
    color: var(--hotel-primary-color);
    text-decoration: underline;
}
.widget-area .widget p a:hover{
    color: var(--hotel-secondary-color)
}
.comments-area .comment-content p a{
    color: var(--hotel-primary-color);
    text-decoration: underline;
} 
.comments-area .comment-content p a:hover{
    color: var(--hotel-secondary-color);
} 
.entry-footer a{
    color: var(--law-primary-color);
    text-decoration: underline;
}
.entry-footer a:hover{
    color: var(--hotel-secondary-color)
}
/* widget area end */

/* contact section start */
.contact .contact__wrapper .contact__blocks .contact__info .icon{
    display: flex;
    align-items: center;
    justify-content: center;
    border-color: #AF9065;
}
.contact .contact__wrapper .contact__blocks .contact__info .icon svg{
    stroke: #AF9065;
}
.contact .contact__wrapper .contact__blocks .contact__info .contact__details .contact-title{
    font-weight: 400;
}
.contact .contact__wrapper .contact__blocks .contact__social h4{
    font-weight: 400;
}
/* contact section end */


/* ------------------------------------ breakpoints --------------------------------------- */

@media screen and (min-width: 575px){
    /* .site-header .header-top-right{
        flex-direction: row;
    }
     */
    .offer-section .offer__wrapper .offer__card{
        flex-direction: row;
    }
    .offer-section .offer__wrapper .offer__card .offer__card-top{
        width: 270px;
    }
    #gallery-section .gallery{
        grid-template-columns: repeat(2, 1fr)
    }
}

@media screen and (min-width: 767px){
    /* .site-header .header-top-right{
        width: auto;
    } */
    .left-align .banner__text{
        text-align: center;
    }
    .left-align .banner__text .btn-wrap{
        justify-content: center;
    }
    .news-and-blogs__slider .owl-prev{
        left: -28px;
    }
    .news-and-blogs__slider .owl-next{
        right: -28px;
    }
    #gallery-section .gallery{
        grid-gap: 32px;
    }
    .news-and-blogs__slider .owl-nav, .news-and-blogs__slider .owl-nav.disabled{
        display: block !important;
    }
    .card.blog-card{
        flex-direction: column !important;
    }
    .news-and-blogs .post .card__img + .card__content, .archive-style-two .post .card__img + .card__content{
        margin: 0;
    }
}

@media screen and (min-width: 992px){
    h2{
        font-size: 40px;
    }
    h3{
        font-size: 32px;
    }
    .section-header__title-2,.section-header__title{
        font-size: 40px;
    }
    .section-header__title::after{
        left: 0;
        width: 172px;
        transform: translateX(0);
    }
    .site-header .header-top > .container{
        flex-direction: row;
    }
    .banner__wrapper{
        flex-direction: row;
    }
    .banner__wrapper .banner__left{
        max-width: 590px;
        padding: 59px 48px 59px 0;
    }
    .left-align .banner__text{
        text-align: start;
    }
    .left-align .banner__text .btn-wrap{
        justify-content: start;
    }
    .banner__text .banner__title{
        margin-bottom: 48px;
    }
    .banner__text .btn-wrap{
        margin-bottom: 48px;
    }
    .banner__ratings-wrap{
        justify-content: start;
    }
    #cta-section .section-header__title{
        font-size: 32px;
        padding-bottom: 0;
    }
    #cta-section .cta-image__content{
        padding: 112px ;
    }
    .section-padding,#about-section,.offer-section{
        padding: 112px 0;
    }
    .video-block__wrap .video-block__text h2{
        font-size: 32px;
    }
    #gallery-section .gallery{
        grid-gap: 42px;
        grid-template-columns: repeat(3, 1fr)
    }
    .foot-top.section-padding{
        padding: 72px 0;
    }
}

@media screen and (min-width: 1199px){
    .offer-section .offer__wrapper{
        flex-direction: row;
    }
    #gallery-section .gallery{
        grid-gap: 73px;
    }
    .rooms, .services, .video-block{
        padding: 112px 0;
    }
}

@media screen and (min-width: 1440px){
    .card.blog-card .card__img{
        flex: 1;
        max-height: 200px !important;
    }
}

.footer-top .widget_nav_menu .menu {
    display: inline-flex;
    flex-direction: column;
}