/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.1.1.1727375098
Updated: 2024-09-26 20:24:58

*/


p { margin-block-start: 0; margin-block-end: 0; }
p+p { margin-block-start: .9rem; }


/*a:-webkit-any-link { cursor: url(images/cursor-pointer.png) 7 7, auto; }
.elementor-social-icon { cursor: url(images/cursor-pointer.png) 7 7, auto !important; }*/

html { overflow-x: hidden !important; }

body { overflow-x:hidden !important; background: linear-gradient(var( --e-global-color-275bed0 ) 0, var( --e-global-color-cee3f8a ) 800px); /*cursor: url(images/cursor-default.png) 7 7, auto;*/ }

.image-multiply { mix-blend-mode: multiply;}
.image-luminosity { mix-blend-mode: luminosity;}

.header.on-scroll { background: var( --e-global-color-cee3f8a) !important; box-shadow: 0 0 60px -30px rgba(56,41,18,.6); }

.elementor-widget-testimonial-carousel .elementor-main-swiper { width: 100% !important;}

div.elementor-button-wrapper { display: flex;}
span.elementor-button-icon { display: flex; align-items: center; }
span.elementor-button-text { position: relative; top: 1px;}

.otgs-development-site-front-end { display: none;}

.video-area .e-con-inner { transition: .2s;}
.video-area .e-con-inner .video { transition: .2s; }
.video-area .e-con-inner:hover .video { scale: 1.025; }

.video .elementor-custom-embed-play svg { filter: none; opacity: 1;}

.carussel-images-std.elementor-element .swiper .elementor-swiper-button { top: inherit; bottom: 32px;}
.carussel-images-std.elementor-element .swiper .elementor-swiper-button-prev { left: 40px; }
.carussel-images-std.elementor-element .swiper .elementor-swiper-button-next { left: 94px; }

.main-menu .menu-item a { display: inline;}
.main-menu .menu-item a:hover { padding-left: 8px !important; }

.wpml-ls-legacy-list-horizontal { border: 0; padding: 0;}
.wpml-ls-legacy-list-horizontal ul { display: flex; gap: 8px; }
.wpml-ls-legacy-list-horizontal a { padding: 6px 10px; transition: .4s; border-radius: 9999px; }
.wpml-ls-legacy-list-horizontal a:hover { }

.wpml-ls-legacy-list-horizontal .wpml-ls-current-language a {  }

.wpml-ls-legacy-list-horizontal a span { vertical-align: inherit; display: block; text-transform: lowercase;}

.apartment-item { transition: .4s !important; }
.apartment-item:hover { scale: 1.025;}

.smoobu-booking-tool-container { text-align: center;}
.smoobu-booking-tool-container iframe { max-width: 100% !important;}
.smoobu-booking-tool-container iframe body.iframe { max-width: 100% !important;}

.calendarContent .multiCalendarWidget { max-width: 100% !important; background: #FFF8EF !important;}

.main-lang-switcher .wpml-ls-legacy-list-horizontal a { }
.main-lang-switcher .wpml-ls-legacy-list-horizontal a:hover { background: var( --e-global-color-cee3f8a ) !important; /*background: var( --e-global-color-161477b ) !important;*/ }

.main-lang-switcher .wpml-ls-legacy-list-horizontal .wpml-ls-current-language a { background: var( --e-global-color-cee3f8a ) !important; /*background: var( --e-global-color-161477b ) !important;*/ }

#book-form-generic { scroll-margin-top: 20vh;}

/*

:root {

--font-color-default: #7c7059;
--font-color-label: #7c7059;
--font-color-input: #7c7059;
--font-color-icons: #7c7059;
--font-color-input-icons: #7c7059;
--font-color-headlines: #7c7059;
--font-color-error: #F45B69;
--font-color-black: #7c7059;

--border-radius: 1px;
--border-width: 1px;
--border-color-default: #7c7059;
--border-color-container: #7c7059;
--border-color-input: #7c7059;
--border-color-image: #7c7059;
--border-color-error-shaddow: rgba(244, 91, 105, 0.25);

--button-color-primary: #359aed;
--button-color-secondary: white;
}

.datepicker table tr td.disabled, .datepicker table tr td.disabled:hover {

background-color: rgba(255,0,5,0.5);
color: #fff !important;
border-radius: 50%;

}

*/






@keyframes fadeInLeftCustom {
    from {
        opacity: 0;
        transform: translate3d(-40px,0,0);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

@keyframes fadeInRightCustom {
    from {
        opacity: 0;
        transform: translate3d(40px,0,0);
    }

    to {
        opacity: 1;
        transform: none
    }
}

@keyframes fadeInUpCustom {
    from {
        opacity: 0;
        transform: translate3d(0,40px,0);
    }

    to {
        opacity: 1;
        transform: none
    }
}
@keyframes fadeInDownCustom {
    from {
        opacity: 0;
        transform: translate3d(0,-40px,0);
    }

    to {
        opacity: 1;
        transform: none
    }
}


.fadeInLeft { animation-name: fadeInLeftCustom !important; }
.fadeInRight { animation-name: fadeInRightCustom !important; }
.fadeInUp { animation-name: fadeInUpCustom !important; }
.fadeInDown { animation-name: fadeInDownCustom !important; }

@keyframes slideInLeftCustom {
    from {
        transform: translate3d(-40px, 0, 0);
        visibility: visible;
    }

    to {
        transform: translate3d(0, 0, 0);
    }
}

@keyframes slideInRightCustom {
    from {
        transform: translate3d(40px, 0, 0);
        visibility: visible;
    }

    to {
        transform: translate3d(0, 0, 0);
    }
}

@keyframes slideInUpCustom {
    from {
        transform: translate3d(0, 40px, 0);
        visibility: visible;
    }

    to {
        transform: translate3d(0, 0, 0);
    }
}

@keyframes slideInDownCustom {
    from {
        transform: translate3d(0, -40px, 0);
        visibility: visible;
    }

    to {
        transform: translate3d(0, 0, 0);
    }
}

.slideInLeft { animation-name: slideInLeftCustom !important; }
.slideInRight { animation-name: slideInRightCustom !important; }
.slideInUp { animation-name: slideInUpCustom !important; }
.slideInDown { animation-name: slideInDownCustom !important; }



@keyframes zoomInCustom {
    from {
        opacity: 0;
        transform: scale3d(.95,.95,.95)
    }

    50% {
        opacity: 1
    }
}

.zoomIn {
    animation-name: zoomInCustom !important;
}





@media (max-width: 1024px) {



 }

 
@media (max-width: 767px) {


    .carussel-images-std.elementor-element .swiper .elementor-swiper-button { top: inherit; bottom: 16px;}
    .carussel-images-std.elementor-element .swiper .elementor-swiper-button-prev { left: 26px; }
    .carussel-images-std.elementor-element .swiper .elementor-swiper-button-next { left: 58px; }


 }