/*
Theme Name: Chiusa Di Carlo Child
Author: 
Description: Your description goes here
Version: 1.0
Template: hello-elementor

This is the child theme for Hello Elementor theme, generated with Generate Child Theme plugin by catchthemes.

(optional values you can add: Theme URI, Author URI, License, License URI, Tags, Text Domain)
*/


/*-------------------------------------------------------------- 
# Root css 
--------------------------------------------------------------*/
:root{
  --black: #121212;
  --text: #121212;
  --light: #F8F8F8;
  --brown: #AD8B3A;
  --white: #FFFFFF;
    --light:#F8F5EE;
}
body::-webkit-scrollbar {
     width: 8px;
}
body::-webkit-scrollbar-track {
    background:var(--brown);
     border-radius: 8px;
}
body::-webkit-scrollbar-thumb {
   background:var(--black);
     border-radius: 8px;
}
a{
     transition: all 0.5s;
}
/*-------------------------------------------------------------- 
# Header css 
--------------------------------------------------------------*/
div[data-elementor-type="header"]{
    position: fixed !important;
    top: 0px;
    z-index: 99;
    width: 100%;
    left: 0px;
}
div#wpadminbar ~ div[data-elementor-type="header"]{
    top: 32px;
}
div[data-elementor-type="header"].sticky{
    box-shadow: 0 1px 6px rgba(0,0,0,0.08);
}
div[data-elementor-type="header"].sticky {
    background-color: rgba(0, 0, 0, 0.5) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
}
div[data-elementor-type="header"] span.elementor-icon-list-text {
    display: none !important;
}
.single-our_rooms div[data-elementor-type="header"] {
    position: sticky !important;
}
.single-our_rooms div[data-elementor-type="header"]:not(.sticky) nav > ul > li > a:hover{
    color: var(--brown) !important;
}
.single-our_rooms div[data-elementor-type="header"]:not(.sticky) nav > ul > li > a{
    color: var(--black) !important;
}
.single-our_rooms div[data-elementor-type="header"]:not(.sticky) .header_button a{
    background-color: var(--brown) !important;
    color: var(--white) !important;
}
.single-our_rooms div[data-elementor-type="header"]:not(.sticky) .header_button a:hover{
    background-color: var(--black) !important;
}
.single-our_rooms div[data-elementor-type="header"]:not(.sticky) .social_list svg{
    fill:var(--black) !important;
}
.single-our_rooms div[data-elementor-type="header"]:not(.sticky) .social_list a:hover svg{
    fill:var(--brown) !important;
}
.header_logo2,.single-our_rooms div[data-elementor-type="header"]:not(.sticky) .header_logo{
    display:none !important;
}
.single-our_rooms div[data-elementor-type="header"]:not(.sticky) .header_logo2{
    display:block !important;
}
/*-------------------------------------------------------------- 
# Home css 
--------------------------------------------------------------*/
.scroll-icon {
    width: 24px;
    height: 32px;
    border: 2px solid var(--white);
    border-radius: 6px;
    position: relative;
    display: flex;
    justify-content: center;
}
.inner-line {
    width: 2.5px;
    height: 5px;
    background-color: var(--white);
    border-radius: 2px;
    position: absolute;
    top: 10px;
    animation: moveDown 1.5s ease-in-out infinite;
}
@keyframes moveDown {
    0% {
        top: 10px;
        opacity: 0;
    }
    20% {
        top: 10px;
        opacity: 1;
    }
    80% {
        top: 20px;
        opacity: 1;
    }
    100% {
        top: 20px;
        opacity: 0;
    }
}
.img_slider  figure.gallery-item img {
    width: 100%;
    height: 400px;
    object-fit: cover;
    display: block;
}
.room-card {
    overflow: hidden;
    border: 1px solid #12121226;
    border-radius: 6px;
    display: block;
}
 .room-card img {
    display: block;
    width: 100%;
    height: 290px;
    object-fit: cover;
}
.room_inner {
    padding: 16px;
}
.room_inner h3 {
    margin: 0px 0px 8px;
    color: var(--black);
    font-size: 20px;
    font-weight: 600;
    text-transform: uppercase;
}
.room_inner p {
    font-size: 16px;
    color: var(--text);
    margin: 0px 0px 4px;
}
.room-meta {
    display: flex;
    gap: 15px;
    margin: 0px 0;
    font-size: 15px;
    font-weight: 700;
    color: var(--black);
    grid-gap: 10px 20px;
    margin-top: 8px;
    flex-flow: wrap;
}
.single_left .room-meta {
    gap: 8px 15px;
    flex-flow: wrap;
    margin-top: 10px;
}
.single_left  .room-meta span{
    margin: 0px !important;
}
.btn-book {display: block;background: var(--brown);color: var(--white);text-align: center;padding: 10px;text-decoration: none;border-radius: 6px;font-size: 15px;font-weight: 600;text-transform: uppercase;display: flex;align-items: center;grid-gap: 8px;justify-content: center;}
.btn-book:hover{
    background-color: var(--black);
    color: var(--white);
}
.box_img {
    height: 270px;
    display: block;
    overflow: hidden;
}
.box_img img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    transition: all 0.4s;
    transform: scale(1);
}
.box_img img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    transition: all 0.4s;
    transform: scale(1);
}
.room-card:hover .box_img img {
    transform: scale(1.1);
}
.room-meta span {
    display: flex;
    align-items: center;
    grid-gap: 8px;
}
.btn_bottom {
    margin-top: 16px;
    padding-top:16px;
    border-top: 1px solid #12121226;
}
.owl-nav {
    position: absolute;
    top: -112px;
    margin: 0px !important;
    right: 0px;
    border: 1px solid var(--black);
    border-radius: 6px;
    overflow: hidden;
}
.owl-nav svg {
    filter: brightness(0);
}
button.owl-prev{
    border-right: 1px solid var(--black) !important;
}
.owl-nav button{
    margin: 0px !important;
    width: 50px;
    height: 50px;
    border-radius: 0px !important;
    /* background-color: var(--white) !important; */
}
.testimonial-wrapper .owl-nav button{
    background-color: transparent !important;
}
.testimonial-wrapper .owl-nav,.testimonial-wrapper .owl-nav button{
     border-color:var(--white) !important;
}
.testimonial-wrapper .owl-nav button svg{
    filter: brightness(0) invert(1) !important;
}
.owl-nav button:hover{
    background-color: var(--brown) !important;
}
.owl-nav button:hover svg{
    filter: brightness(0) invert(1);
}
.testimonial-wrapper .owl-nav button:hover{
    border-color:var(--brown) !important;
    background-color: var(--brown) !important;
}
.category_grid a.caegory_box {
    height: 500px;
    object-fit: cover;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    overflow: hidden;
    border-radius: 8px;
    display: flex;
    align-items: end;
    justify-content: center;
    padding: 56px 15px;
    color: var(--white);
    font-size: 20px;
    line-height: 28px;
    font-weight: 600;
    position: relative;
    text-transform: uppercase;
}
.category_grid a.caegory_box::before{
    content:"";
    display: block;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(images/overlay.png);
    position: absolute;
    left: 0px;
    top: 0px;
}
.category_grid a.caegory_box h3{
    color: var(--white);
    font-weight: 600;
    margin: 0px;
    font-size: 20px;
    line-height: 28px;
    position: relative;
    z-index: 1;
}
.testimonial-card{
    background: var(--white);
    border-radius:10px;
    padding: 24px;
    box-shadow:0 3px 12px rgba(0,0,0,.08);
    min-height: 264px;
}
.testimonial-top{
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
}
.testimonial-user{
    display:flex;
    align-items:center;
    gap: 16px;
}
.testimonial-user img{
    width: 56px;
    height: 56px !important;
    border-radius: 50% !important;
    object-fit: cover !important;
    display: block;
}
.testimonial-info h4{
    margin: 0px 0px 2px 0px;
    font-size: 18px;
    font-weight:600;
    color: var(--black);
}
.testimonial-info span{
    font-size:15px;
    color: var(--black);
    font-weight:600;
}
.testimonial-content{
    font-size:16px;
    color: var(--black);
    line-height: 24px;
    margin: 24px 0px;
}
.testimonial-content p{
    margin:0px;
}
.testimonial-rating span{
    color:var(--brown);
    margin-right:2px;
    display: flex;
    align-items: center;
}
.testimonial-rating {
    display: flex;
    grid-gap: 4px;
    align-items: center;
    max-height: fit-content;
}
.gallery_grid .gallery {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(3, 257px);
  gap: 8px;
}
.gallery_grid .gallery figure:nth-child(1) {
  grid-column: span 2;
  grid-row: span 2;
}
.gallery_grid .gallery figure:nth-child(4),
.gallery_grid .gallery figure:nth-child(5),
.gallery_grid .gallery figure:nth-child(6) {
  grid-row: span 1;
}
.gallery_grid .gallery img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.gallery_grid .gallery figure{
    max-width: 100% !important;
    width: 100% !important;
    height: unset !important;
    display: block;
}
.gallery_grid .gallery figure div,.gallery_grid .gallery figure div a{
    width:100% !important;
    height:100% !important;
}
.rooms_grid {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    grid-gap: 20px;
}
.rooms_grid a.room-card {
    border: unset !important;
    position: relative;
}
.rooms_grid .room_inner {
    position: absolute;
    bottom: 0px;
    z-index: 1;
    width: 100%;
    left: 0px;
    padding: 24px;
}
.rooms_grid .room_inner .room-meta,.rooms_grid .room_inner h3 {
    filter: brightness(0) invert(1);
}
.rooms_grid .room_inner .room-meta{
	display:none;
}
.rooms_grid .box_img {
    height: 550px;
    position: relative;
}
.rooms_grid .box_img img {
    height: 100%;
}
.rooms_grid .box_img::before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    background-image: linear-gradient(to bottom, #12121200, #121212CC);
    z-index: 1;
}
/*-------------------------------------------------------------- 
# Footer css 
--------------------------------------------------------------*/
.footer_icon ul li a {
    min-width: 48px !important;
    height: 48px;
    border: 1px solid #353535;
    display: flex;
    justify-content: center;
    border-radius: 6px;
}
.footer_icon ul li a svg{
    margin:0px !important;
}
.footer_icon ul li a:hover {
    background-color: var(--white);
    border-color: var(--white);
}
.footer_icon ul li a span.elementor-icon-list-text {
    display: none !important;
}
.footer_icon ul.elementor-icon-list-items.elementor-inline-items {
    display: flex;
    grid-gap: 10px;
}
.custom-contact-form {
    display: flex;
    flex-direction: column;
    gap: 15px;
    max-width: 400px;
}
.custom-contact-form > div{
    position: relative;
}
.custom-contact-form input[type="email"] {
    background-color: transparent;
    border: 1px solid #353535;
    color: var(--white);
    padding: 10px 15px;
    font-size: 15px;
    width: 100%;
    box-sizing: border-box;
    outline: unset;
    border-radius: 6px;
}
.custom-contact-form span.wpcf7-spinner {
    position: absolute;
    top: 20px;
    right: 0px;
}
.custom-contact-form input[type="submit"] {
    width: 100%;
    background-color: var(--brown);
    color: var(--white);
    border: none;
    padding: 11px 15px;
    font-size: 15px;
    font-weight: bold;
    cursor: pointer;
    transition: background-color 0.3s ease;
    margin-top: 0px;
    border-radius: 6px;
}
.custom-contact-form input[type="submit"]:hover {
    background-color: #8c712e;
}
.custom-contact-form p{
    margin: 0px !important;
}
.custom-contact-form br{
    display: none !important;
}
.dintorni_slider img {
    width: clamp(140px, 20vw, 220px);
    height: clamp(140px, 20vw, 220px);
    margin: 0px auto;
}
.footer_box .wpcf7 form .wpcf7-response-output {
    margin: 20px 0px 0px 0px;
    font-size: 15px;
    color: #A0A0A0;
}
.faq_accordion svg,.faq_accordion svg path {
    fill: transparent !important;
    transition: all 0.4s;
}
.faq_accordion details {
    border-bottom: 1px solid #DCDCDC !important;
}
.faq_accordion details span.e-n-accordion-item-title-header {
    padding-bottom: 12px !important;
    padding-top: 12px !important;
}
.faq_accordion details .elementor-widget-container{
    padding-bottom: 12px !important;
}
.faq_accordion details[open] span.e-n-accordion-item-title-icon {
    transform: rotate(180deg) !important;
}
.faq_accordion details span.e-n-accordion-item-title-icon{
    transform: rotate(0deg) !important;
    transition:all 0.4s;
}
.faq_left {
    position: sticky !important;
    top: 100px;
    height: fit-content !important;
}
.faq_left ul li::after {
    content: "";
    width: 100% !important;
    height: 1px;
    background-color: var(--black);
    display: block;
    transform:scaleX(0);
    transition:0.4s;
    transform-origin:left;
}
.faq_left ul li {
    display: block !important;
    width: 100%;
    max-width:fit-content;
}
.faq_left ul {
   display:grid !important;
    grid-gap:8px;
}
.faq_left ul li.active::after {
    transform:scaleX(1);
}
.box_icon h3 {
    margin: 0px;
}
.box_icon a {
    color: var(--black) !important;
}
.box_icon a:hover {
    color: var(--brown) !important;
}
/*-------------------------------------------------------------- 
# Contact Form css 
--------------------------------------------------------------*/
/* Contact Form 7 Custom Design */

.cf7-custom-form {
    max-width: 100%;
}
.cf7-custom-form p{
    margin:0px !important;
}
.cf7-row {
    display: flex;
    gap: 20px;
    margin-bottom: 18px;
}

.cf7-col {
    flex: 1;
}

.cf7-col-full {
    width: 100%;
}

.cf7-custom-form input[type="text"],
.cf7-custom-form input[type="email"],
.cf7-custom-form input[type="tel"],
.cf7-custom-form textarea {
    width: 100%;
    height: 44px;
    border: 1px solid #12121226;
    padding: 9px 15px;
    font-size: 15px;
    color: var(--black);
    background: var(--white);
    box-sizing: border-box;
    outline: none;
    transition: all .3s ease;
    margin: 0px !important;
    border-radius: 6px;
    font-weight: 600;
}

.cf7-custom-form textarea {
    height: 158px;
    padding:10px 15px;
    resize: none;
}

.cf7-custom-form input::placeholder,
.cf7-custom-form textarea::placeholder {
    color: var(--black);
    opacity: 0.65;
}

.cf7-custom-form input:focus,
.cf7-custom-form textarea:focus {
    border-color: var(--brown) !important;
}

.cf7-privacy {
    color: var(--black);
    font-size: 15px;
    margin-top: 10px;
    margin-bottom: 18px;
    font-weight: 600;
}

.cf7-privacy a {
    color: var(--black);
    font-weight: 600;
    margin-top: 10px;
    display: inline-block;
}

.cf7-checkbox {
    margin-bottom: 25px;
    color: var(--black);
    font-size: 15px;
}
.cf7-checkbox label{
    display: grid;
    grid-template-columns: max-content auto;
    align-items: self-start;
    font-size: 15px;
    font-weight: 600;
    line-height: 20px;
}
.cf7-checkbox input[type="checkbox"] {
    width: 20px;
    height: 20px;
    margin-right: 10px;
    accent-color: #AD8B3A;
    position: unset;
    display: inline-block;
}
.cf7-submit .wpcf7-submit {
    background: var(--brown) !important;
    color: var(--white);
    border: none;
    padding: 8px 24px;
    border-radius: 8px;
    font-size: 15px;
    font-weight: 600;
    transition: all .3s ease;
    min-width: 104px;
    min-height: 44px;
}
.cf7-submit{
    position:relative;
}
.cf7-submit .wpcf7-submit:hover{
    background-color:var(--black)!important
}
.cf7-submit span.wpcf7-spinner {
    position: absolute;
    right: 0px;
    top: 8px;
}
/*-------------------------------------------------------------- 
# Post Category css 
--------------------------------------------------------------*/
.category_img img,.category_img {
    display: block !important;
    max-height: 100% !important;
    position: absolute !important;
    height: 100% !important;
    left: 0px !important;
    width: 100% !important;
    top:0px !important;
    object-fit: cover !important;
}
.category_img::before{
    content: "";
    background-image: linear-gradient(0deg, #000000 0%, #000000 60%);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity:0.6;
}
.banner_sec .e-con-inner {
    position: relative !important;
}
.single_category .category_grid a.caegory_box {
    height: 294px;
    padding: 24px 15px;
}
.room-gallery-wrapper {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    grid-gap: 4px;
}
.room-gallery-wrapper > div:nth-child(1){
    grid-column: span 2 !important;
}
.room-gallery-wrapper > div:nth-child(1),.room-gallery-wrapper > div:nth-child(2){
    grid-row: span 2 !important;
}
.room-gallery-wrapper[data-img="2"] {
    grid-template-columns: repeat(2,1fr);
}
.room-gallery-wrapper[data-img="1"]{
    grid-template-columns: repeat(1,1fr);
}
.room-gallery-wrapper[data-img="2"] > div:nth-child(1), .room-gallery-wrapper[data-img="2"] > div:nth-child(2),.room-gallery-wrapper[data-img="1"] > div:nth-child(1), .room-gallery-wrapper[data-img="1"] > div:nth-child(2){
    grid-row: span 1 !important;
     grid-column: span 1 !important;
}
.room-gallery-wrapper img {
    height: 100% !important;
    display: block !important;
    width: 100% !important;
    border-radius:6px !important;
    object-fit: cover;
    transition: all 0.4s;
    transform: scale(1);
}
.room-gallery-wrapper > div{
    height: 198px !important;
    overflow: hidden;
    border-radius: 6px !important;
}
.room-gallery-wrapper > div:nth-child(1),.room-gallery-wrapper > div:nth-child(2){
    height: 400px !important;
}
.room-gallery-wrapper > div:hover img {
    transform: scale(1.1);
}
.room-gallery-wrapper[data-img="2"] > div:nth-child(1),.room-gallery-wrapper[data-img="1"] > div:nth-child(1){
    /* grid-column: span 1 !important; */
}
/* Fade effect for Magnific Popup */
.mfp-fade.mfp-bg {
    opacity: 0;
    transition: all 0.3s ease-out;
}
.mfp-fade.mfp-bg.mfp-ready { opacity: 0.8; }
.mfp-fade.mfp-bg.mfp-removing { opacity: 0; }

.mfp-fade.mfp-wrap .mfp-content {
    opacity: 0;
    transition: all 0.3s ease-out;
}
.mfp-fade.mfp-wrap.mfp-ready .mfp-content { opacity: 1; }
.mfp-fade.mfp-wrap.mfp-removing .mfp-content { opacity: 0; }

.room-gallery-item img {
    cursor: pointer;
    transition: transform 0.3s ease;
}
.elementor-lightbox .dialog-widget-content .elementor-slideshow__title {
    display: none !important;
}
.privacy_sec ul {
    margin-top: 15px;
    padding: 0px 0px 15px 20px;
    display: grid;
    grid-gap: 8px;
    margin-bottom: 0px;
}
.privacy_sec a{
	color:var(--brown) !important;
}
.privacy_box ul {
    display: grid;
    grid-gap: 5px;
    padding-left: 20px;
}
a.elementor-sub-item {
    max-width:fit-content;
}
.language_nav a.elementor-sub-item:hover {
    background-color:var(--white) !important;
}
div[data-elementor-type="header"] .language_nav nav > ul > li > ul.sub-menu {
    max-width: 46px !important;
    min-width: 46px !important;
    padding: 0px !important;
}
div[data-elementor-type="header"] .language_nav nav > ul > li > ul.sub-menu a{
	margin: 0px !important;
	width: 100% !important;
	max-width: 100% !important;
	justify-content: center;
	border: unset !important;
	background-color: var(--white) !important;
	display: block !important;
	border-radius: unset !important;
	padding: 6px 10px !important;
	min-width: 73px !important;
	border-bottom-left-radius: 6px !important;
	position: absolute;
	top: -3px;
	border-bottom-right-radius: 6px !important;
}
div[data-elementor-type="header"] .language_nav nav > ul > li > ul.sub-menu a img{
	width:24px  !important;
	display: block;
}
.language_nav .elementor-nav-menu > li > a .wpml-ls-menu-item .wpml-ls-flag+span {
    margin: 0px;
}
.language_nav .elementor-nav-menu > li > a .wpml-ls-menu-item .wpml-ls-flag+span {
    margin: 0px;
    display: flex;
    align-items: center;
    position: relative;
    top: 3px;
}
div[data-elementor-type="header"] .language_nav span.sub-arrow {
		padding: 0px 0px 0px 5px !important;
	}
body > .wpml-ls-statics-footer{
    display: none !important;
}
.header_right li.menu-item-has-children > a::before {
		content: "\f107";
		font-family: "Font Awesome 6 Free";
		font-weight: 900;
		display: block !important;
		opacity: 1 !important;
		position: unset !important;
		background-color: unset !important;
		order: 2;
	}
	div[data-elementor-type="header"]  .header_right li.menu-item-has-children > a{
		align-items:center;
		grid-gap:10px;
		padding: 10px 10px !important;
		background-color: var(--white) !important;
		border-radius: 6px !important;
	}
	.header_right li.menu-item-has-children > a img{
		width:25px;
	}
	 .header_right li.menu-item-has-children > a::before {
		content: "\f107";
		font-family: "Font Awesome 6 Free";
		font-weight: 900;
		margin-right: 8px;
		width: 18px !important;
		height: 18px !important;
		display: block !important;
		opacity: 1 !important;
		background-color: unset !important;
		position: relative !important;
		top: -2px;
		margin: 0px;
		color: var(--brown);
	}
.header_right .language_nav  span.sub-arrow {
    display: none !important;
}
.icon_list_svg li:nth-child(1) svg {
     width: 14px !important;
     height: 14px !important;
}
.icon_list_svg li:nth-child(2) svg {
     width: 17px !important;
     height: 17px !important;
}
.icon_list_svg li:nth-child(3) svg {
     width:36px !important;
     height:36px !important;
}
.icon_list_svg li:nth-child(4) svg {
     width:20px !important;
     height:20px !important;
}
.icon_list_svg ul.elementor-icon-list-items.elementor-inline-items {
    gap: 8px 15px !important;
}
/*-------------------------------------------------------------- 
# Resposnive css 
--------------------------------------------------------------*/
@media(max-width: 1024px){
    .img_slider  figure.gallery-item img {
        height: 350px;
    }
    .category_grid a.caegory_box {
        height: 450px;
        padding: 40px 15px;
    }
}
@media(min-width: 992px){
    div#wpadminbar ~ div[data-elementor-type="header"] nav > ul > li > ul.sub-menu {
        position: absolute;
        width: 12em;
        border-width: 0;
        border-style: solid;
        padding: 0;
        width: auto;
        display: none !important;
        top: auto;
        left: 0px;
        margin-left: 0px;
        margin-top: 0px;
        min-width: 14.2em;
        max-width: 1000px;
        margin-top: 0px !important;
        background-color: var(--white);
        border-style: none;
    }
	 .logged-in .header_right li.menu-item-has-children:hover ul.sub-menu {
		display: block !important;
	}
	
    div#wpadminbar ~ div[data-elementor-type="header"] nav > ul > li:hover > ul.sub-menu {
        display: block !important;
    }
	.rooms_grid .box_img {
		height: 420px
	}
}
@media(max-width: 991px){
    .img_slider  figure.gallery-item img {
        height: 320px;
    }
    .category_grid a.caegory_box {
        height: 400px;
        padding: 35px 15px;
    }
    .owl-nav {
        top: -65px;
    }
    .owl-nav button {
        width: 42px;
        height: 42px;
    }
    .owl-nav svg{
        font-size: 14px;
    }
    .gallery_grid .gallery {
        grid-template-rows: repeat(3, 200px);
    }
	.rooms_grid {
		grid-template-columns: repeat(2, 1fr);
	}
	.language_nav li a {
		background-color: unset !important;
	}
	div[data-elementor-type="header"] .language_nav  nav ul li a {
		background-color: unset !important;
		padding:0px  !important;
	}
	div[data-elementor-type="header"] .language_nav  nav{
		 padding:0px  !important;
		position:unset !important;
	}
	div[data-elementor-type="header"] .language_nav .sub-menu{
		margin:5px 0px !important;
	}
}
@media (max-width: 767px) {
     div[data-elementor-type="header"] nav {
         position: fixed;
         width: 100%;
         top: 62px;
         left: 0px;
         margin: 0px !important;
         padding: 10px 0px 20px;
         z-index: 99;
         border-radius: unset !important;
    }
     div[data-elementor-type="header"] nav ul li a {
         border-bottom: 1px solid rgba(0,0,0,0.2);
         color: var(--black) !important;
         background-color: var(--white) !important;
         justify-content: space-between;
         border-radius: unset !important;
    }
     div[data-elementor-type="header"] nav ul li.current-menu-item a {
         color: var(--brown) !important;
    }
	.header_right li.menu-item-has-children > a img{
		width:22px;
	}
    div[data-elementor-type="header"] nav ul li:last-child a {
       border-bottom:unset !important;
        padding-bottom:0px !important;
    }
	div[data-elementor-type="header"]  .header_right li.menu-item-has-children > a{
		grid-gap:5px;
		padding: 5px 5px !important;
		min-width: 46px;
		max-width: 46px;
	}
	.language_nav {
	    min-width: 58px !important;
	}
    .img_slider  figure.gallery-item img {
        height: 300px;
    }
     .category_grid a.caegory_box {
        height: 350px;
        padding: 24px 15px;
    }
    .box_img {
        height: 220px;
    }
    .gallery_grid .gallery {
        grid-template-rows: repeat(3, 200px);
    }
    .faq_left{
        position:unset !important;
    }
    .contact_bottom .elementor-image-box-wrapper {
        display: flex;
        grid-gap: 10px;
    }
     .cf7-row {
        flex-direction: column;
        gap: 15px;
    }
    .cf7-submit .wpcf7-submit {
        width: 100%;
    }
    .room-gallery-wrapper {
        grid-template-columns: repeat(3,1fr);
    }
     .room-gallery-wrapper > div:nth-child(4){
        grid-column:span 2;
    }
     .room-gallery-wrapper[data-img="1"] > div:nth-child(4), .room-gallery-wrapper[data-img="2"] > div:nth-child(4){
        grid-column:span 1;
    }
    .room-gallery-wrapper > div:nth-child(1),.room-gallery-wrapper > div:nth-child(2),.room-gallery-wrapper[data-img="2"] > div{
        height: 300px !important;
    }
	.rooms_grid {
		grid-template-columns: repeat(1, 1fr);
	}
	.rooms_grid .box_img {
		height: 360px;
	}
	div[data-elementor-type="header"] .language_nav nav > ul > li > ul.sub-menu a{
		padding: 6px 6px !important;
		min-width: 46px !important;
		top: -9px
	}
	div[data-elementor-type="header"] .language_nav nav > ul > li > ul.sub-menu a img{
		width:18px  !important;
	}
}
@media(max-width: 680px){
     .gallery_grid .gallery {
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(2, 150px);
    }
    .gallery_grid .gallery figure:nth-child(1) {
        grid-column: span 1;
        grid-row: span 1;
    }
     .room-gallery-wrapper > div:nth-child(1),.room-gallery-wrapper > div:nth-child(2),.room-gallery-wrapper[data-img="2"] > div{
        height: 200px !important;
    }
	.rooms_grid .box_img {
		height: 320px;
	}
}
@media(max-width: 400px){
    .header_button a{
        padding: 8px 12px !important;
        font-size: 13px !important;
    }
    .header_left{
        max-width: 100px !important;
    }
	.language_nav {
        min-width: 46px !important;
    }
}