/*
Theme Name: Hoteller
Theme URI: https://hoteller.themegoods.com/landing
Description: Premium Hotel WordPress Theme
Version: 6.8
Tested up to: 6.6.2
Author: ThemeGoods
Author URI: https://themeforest.net/user/ThemeGoods
License: GNU General Public License
License URI: https://themeforest.net/licenses/regular_extended
Text Domain: hoteller
*/

/* global */
label, a.button, .button {
    font-family: inherit !important;
}
input[type=text], input[type=password], input[type=email], input[type=url], 
input[type=tel], input[type=date], textarea, select, input[type=number], input[type=submit] {
    font-family: inherit !important;
}
input[type=tel]:focus {
    border-color: var(--e-global-color-accent);
}
ul, ol {
    padding-left: 16px;
}
.gsb-buttons {
    z-index: 9;
}

/* contact form 7 */
.wpcf7-form-control-wrap {
    position: relative;
    display: block;
}
.wpcf7-form-control-wrap .wpcf7-not-valid-tip {
    position: absolute;
    right: 0;
    bottom: -1px;
    background: #fff;
    border-radius: 0 0;
    font-size: 10px;
    padding: 0 5px;
    font-family: "Inter", sans-serif;
    transform: translateY(100%);
}
.btn-submit {
    position: relative;
}
.btn-submit .wpcf7-spinner {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: 0;
    transform: translate(-50%, -50%);
}

/* custom */
.availability_search_wrapper .mphb_sc_search-wrapper .mphb_sc_search-adults:after, 
.availability_search_wrapper .mphb_sc_search-wrapper .mphb_sc_search-children:after {
	background: transparent;
}
.availability_search_wrapper .mphb_sc_search-wrapper .mphb_sc_search-adults:after, 
.availability_search_wrapper .mphb_sc_search-wrapper .mphb_sc_search-children:after {
	font-family: 'themify';
    content: "\e64b";
    display: inline;
    position: absolute;
    bottom: 10px;
    right: 20px;
    font-size: 13px;
	color: rgba(255,255,255,0.8);
}
.sec-instagram .e-gallery-item:hover .elementor-gallery-item__overlay{
	background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="512" height="512" x="0" y="0" viewBox="0 0 551.034 551.034" style="enable-background:new 0 0 512 512" xml:space="preserve" class=""><g><linearGradient id="a" x1="275.517" x2="275.517" y1="4.57" y2="549.72" gradientTransform="matrix(1 0 0 -1 0 554)" gradientUnits="userSpaceOnUse"><stop offset="0" style="stop-color:#E09B3D" stop-color="#e09b3d"></stop><stop offset=".3" style="stop-color:#C74C4D" stop-color="#c74c4d"></stop><stop offset=".6" style="stop-color:#C21975" stop-color="#c21975"></stop><stop offset="1" style="stop-color:#7024C4" stop-color="#7024c4"></stop></linearGradient><path d="M386.878 0H164.156C73.64 0 0 73.64 0 164.156v222.722c0 90.516 73.64 164.156 164.156 164.156h222.722c90.516 0 164.156-73.64 164.156-164.156V164.156C551.033 73.64 477.393 0 386.878 0zM495.6 386.878c0 60.045-48.677 108.722-108.722 108.722H164.156c-60.045 0-108.722-48.677-108.722-108.722V164.156c0-60.046 48.677-108.722 108.722-108.722h222.722c60.045 0 108.722 48.676 108.722 108.722v222.722z" style="fill:url(#a);" fill=""></path><linearGradient id="b" x1="275.517" x2="275.517" y1="4.57" y2="549.72" gradientTransform="matrix(1 0 0 -1 0 554)" gradientUnits="userSpaceOnUse"><stop offset="0" style="stop-color:#E09B3D" stop-color="#e09b3d"></stop><stop offset=".3" style="stop-color:#C74C4D" stop-color="#c74c4d"></stop><stop offset=".6" style="stop-color:#C21975" stop-color="#c21975"></stop><stop offset="1" style="stop-color:#7024C4" stop-color="#7024c4"></stop></linearGradient><path d="M275.517 133C196.933 133 133 196.933 133 275.516s63.933 142.517 142.517 142.517S418.034 354.1 418.034 275.516 354.101 133 275.517 133zm0 229.6c-48.095 0-87.083-38.988-87.083-87.083s38.989-87.083 87.083-87.083c48.095 0 87.083 38.988 87.083 87.083 0 48.094-38.989 87.083-87.083 87.083z" style="fill:url(#b);" fill=""></path><linearGradient id="c" x1="418.31" x2="418.31" y1="4.57" y2="549.72" gradientTransform="matrix(1 0 0 -1 0 554)" gradientUnits="userSpaceOnUse"><stop offset="0" style="stop-color:#E09B3D" stop-color="#e09b3d"></stop><stop offset=".3" style="stop-color:#C74C4D" stop-color="#c74c4d"></stop><stop offset=".6" style="stop-color:#C21975" stop-color="#c21975"></stop><stop offset="1" style="stop-color:#7024C4" stop-color="#7024c4"></stop></linearGradient><circle cx="418.31" cy="134.07" r="34.15" style="fill:url(#c);" fill=""></circle></g></svg>') !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 40px 40px !important;
}
.elementor-heading-title a {
    color: inherit;
}
.home-offer .e-loop-item > .elementor-element {
    background-color: #fff !important;
}
.e-loop-item > .elementor-element {
    height: 100%;
}
.e-loop-item .offer-features a, .m-grid-gallery .elementor-widget-image a,
.m-img-slide figure {
    position: relative;
    display: block;
    width: 100%;
    padding-top: 133%;
    overflow: hidden;
}
.e-loop-item .offer-features img, .m-grid-gallery .elementor-widget-image img,
.m-img-slide figure img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: .5s;
}
.e-loop-item:hover .offer-features img, .m-grid-gallery .elementor-widget-image img:hover,
.m-img-slide figure img:hover {
    transform: scale(1.1);
}
.e-loop-item .offer-title .elementor-heading-title,
.e-loop-item .offer-desc .elementor-widget-container {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-height: 1.3;
    height: auto !important;
    transition: .3s;
}
.e-loop-item:hover .offer-title .elementor-heading-title {
    color: var(--e-global-color-accent) !important;
}
.e-loop-item .offer-desc .elementor-widget-container p {
    padding: 0;
}
.m-grid-gallery .elementor-widget-image a {
    padding-top: 100%;
}
.m-img-slide figure {
    padding-top: 75%;
}
.m-img-slide.size-133 figure {
    padding-top: 133%;
}
.acmd-box .e-loop-item .offer-features a {
    padding-top: 75%;
}

/* blog */
body.single .page_title_content .post_detail.single_post {
    /* font-family: inherit; */
}
#page_caption .post_detail.single_post .post_info_cat a {
    text-transform: capitalize;
    font-size: 40px;
    font-weight: 400;
}
.blog_wrapper span.divider {
    display: block;
    border-top: 1px solid var(--e-global-color-accent);
    width: 150px;
    padding-bottom: 10px;
    margin-top: 15px;
}

/* banner slider */
.banner-slider .slider_parallax_wrapper {
    height: calc(820/1920 * 100vw) !important;
}
.h-banner-slider .slider_parallax_wrapper {
    /* height: calc(900/2100 * 100vw) !important; */
}

/* header */
.mobile_main_nav {
    padding: 0;
}
.mobile_main_nav li.menu-item-has-children > a {
    position: relative;
}
.mobile_main_nav li.menu-item-has-children span {
    position: absolute;
    top: 50%;
    right: 0;
    width: 25px;
    height: 30px;
    padding-top: 3px;
    display: flex;
    justify-content: center;
    align-items: center;
    transform: translateY(-50%) rotateY(180deg);
}
.mobile_main_nav li.menu-item-has-children span::before {
    content: "\e64a";
    font-family: 'themify';
    font-size: 10px;
    line-height: 1;
}

/* footer */
.mona-form-footer input[placeholder],
.mona-form-footer textarea[placeholder] {
    background-color: transparent;
    color: #fff;
}
.mona-form-footer input::placeholder,
.mona-form-footer textarea::placeholder {
    color: #fff !important;
}
.mona-form-footer .wpcf7-form-control-wrap {
    padding: 10px 0;
}
.mona-form-footer .wpcf7-form-control-wrap .wpcf7-not-valid-tip {
    bottom: 9px;
}
.mona-form-footer .btn-submit {
    margin-top: 10px;
    width: fit-content;
}
.mona-form-footer .btn-submit input[type="submit"] {
    margin: 0;
    border-radius: 0;
    border-width: 1px;
    line-height: 1;
}
.mona-form-footer input:-webkit-autofill,
.mona-form-footer input:-webkit-autofill:hover,
.mona-form-footer input:-webkit-autofill:focus,
.mona-form-footer input:-webkit-autofill:active {
    transition: background-color 5000000s ease-in-out 0s;
    -webkit-text-fill-color: #fff !important;
}

/* form contact page */
.mona-form-contact input[placeholder],
.mona-form-contact textarea[placeholder] {
    color: #000 !important;
}
.mona-form-contact input::placeholder,
.mona-form-contact textarea::placeholder {
    color: #000 !important;
}
.mona-form-contact input:not(:focus) {
    border-color: #bfbfbf;
}
.mona-form-contact input:-webkit-autofill,
.mona-form-contact input:-webkit-autofill:hover,
.mona-form-contact input:-webkit-autofill:focus,
.mona-form-contact input:-webkit-autofill:active {
    transition: background-color 5000000s ease-in-out 0s;
    -webkit-text-fill-color: #000 !important;
}
.mona-form-contact .btn-submit input[type="submit"]:not(:hover) {
    background-color: transparent;
    border-color: currentColor;
    color: var(--e-global-color-accent);
}

/* switch language */
.m-lang .wpml-ls-legacy-list-horizontal {
    padding: 0;
    border: 0;
    display: flex;
    justify-content: center;
}
.m-lang .wpml-ls-legacy-list-horizontal ul {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    width: fit-content;
    background: rgb(255 255 255 / 20%);
    border-radius: 50px;
    padding: 5px;
}
.m-lang .wpml-ls-legacy-list-horizontal a {
    width: 25px;
    height: 25px;
    padding: 0px;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.m-lang .wpml-ls-legacy-list-horizontal .wpml-ls-flag {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: inherit;
    padding: 2px;
    transition: .3s;
}
.m-lang .wpml-ls-legacy-list-horizontal .wpml-ls-flag:hover {
    opacity: 1;
}
.m-lang li:not(.wpml-ls-current-language) a {
    background: transparent !important;
}
.m-lang li:not(.wpml-ls-current-language) .wpml-ls-flag {
    opacity: .7;
}

/* switch language - ver 2 */
.floating-language {
	position: fixed;
    bottom: 75px;
    right: 6px;
    z-index: 9;
}
.floating-language ul {
	list-style: none;
	padding: 0;
}
.floating-language .wrapper {
	display: flex;
    flex-direction: row-reverse;
	position: relative;
	margin: 4px;
}
.floating-language .lang-item {
	display: block;
    width: 40px;
    height: 40px;
    border-radius: 100%;
	padding: 4px;
    box-sizing: border-box;
	cursor: pointer;
}
.floating-language .lang-item img {
	width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: inherit;
    padding: 2px;
    display: block;
    box-sizing: border-box;
	transition: .3s;
}
.floating-language .lang-item:hover img {
	background: #fff;
}
.floating-language .sub-wrapper {
	position: absolute; 
	top: 0;
	right: 0;
	background: rgb(161 131 72 / 50%);
	border-radius: 50px;
	transition: .3s; 
	z-index: -1;
}
.floating-language:hover .sub-wrapper {
	padding-right: 35px;
}
.floating-language .sub-wrapper img {
	opacity: 0;
}
.floating-language:hover .sub-wrapper img {
	opacity: 1;
}

/* rewrite */
.booking-form.horizontal .mona-layout label {
    font-size: inherit;
    font-weight: normal;
}
.fbqs .field input[type="text"] {
    padding: 10px 0;
}
.fbqs .field input[type="text"]::placeholder,
.fbqs .field select {
    font-size: 15px;
}
.booking-form.horizontal {
    border: none;
    border-radius: 0;
}
.booking-form.horizontal .mona-group-btn input[type="submit"] {
    font-family: inherit;
    font-size: inherit;
    line-height: 1.8;
    padding: 10px;
}
.single-mphb_room_type .booking-form.horizontal .mona-group-btn input[type="submit"] {
    color: var(--e-global-color-accent);
}
.single-mphb_room_type .booking-form.horizontal .mona-group-btn input[type="submit"]:hover {
    color: #fff;
}
.elementor-swiper-button {
    width: 40px !important;
    height: 40px !important;
    background-color: #fff;
    border-radius: 100%;
    font-size: 14px !important;
    font-weight: 700;
    opacity: .8;
    transition: .3s;
    justify-content: center;
    align-items: center;
}
.elementor-swiper-button:hover {
    opacity: 1;
}
.elementor-swiper-button svg {
    fill: initial !important;
}
.elementor-lightbox .swiper .elementor-swiper-button-next {
    right: 10px !important;
}
.elementor-lightbox .swiper .elementor-swiper-button-prev {
    left: 10px !important;
}
.tg_flip_box_wrapper a.button {
    border-width: 1px 0;
    border-radius: 0;
    color: var(--e-global-color-accent) !important;
    background-color: rgba(255, 255, 255, 0.8) !important;
    border-color: var(--e-global-color-accent) !important;
    font-size: 1em;
    font-weight: 500;
}
.tg_flip_box_wrapper a.button:hover {
    color: #fff !important;
    background-color: var(--e-global-color-accent) !important;
}
@media only screen and (max-width: 1024px) {
    .booking-form.horizontal .field {
        margin-right: 0 !important;
    }
    .mobile_main_nav li a, #sub_menu li a {
        font-family: inherit !important;
    }
    .booking-form.horizontal .mona-layout {
        flex-direction: row;
        flex-wrap: wrap;
        gap: 20px;
    }
    .booking-form.horizontal .mona-layout > .field:not(:last-child) {
        width: calc(50% - 20px/2);
    }
    .fbqs .field input[type="text"] {
        padding: 5px 0 !important;
    }
    .fbqs .field select {
        padding: 3px 10px !important;
    }
    .booking-form.horizontal .mona-group-btn input[type="submit"] {
        margin: 0 !important;
    }
    .elementor-swiper-button {
        width: 30px;
        height: 30px;
        font-size: 10px !important;
    }
    .blog_wrapper .post-title, #page_caption .post_detail.single_post .post_info_cat a {
        font-size: 36px;
    }
}
@media only screen and (max-width: 767px) {
    .post_navigation.previous .navigation_anchor, .post_navigation.next .navigation_anchor {
        font-size: 11px;
    }
    .blog_wrapper .post-title, #page_caption .post_detail.single_post .post_info_cat a {
        font-size: 28px;
    }
    body.single .blog_wrapper .post.type-post {
        padding-top: 0;
    }
    .blog_wrapper .post_wrapper {
        font-size: 14px;
    }
}