/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */




/** Start Template Kit CSS: Hotel & Accommodation (css/customizer.css) **/

.elementor h1 { font-size: 40px; }
.elementor h2 { font-size: 34px; }
.elementor h3 { font-size: 28px; }
.elementor h4 { font-size: 24px; }
.elementor h5 { font-size: 20px; }
.elementor h6 { font-size: 18px; }



.elementor-widget-heading h1.elementor-heading-title, 
.elementor-widget-heading  h2.elementor-heading-title, 
.elementor-widget-heading 
h3.elementor-heading-title, 
.elementor-widget-heading 
h4.elementor-heading-title, 
.elementor-widget-heading 
h5.elementor-heading-title, 
.elementor-widget-heading 
h6.elementor-heading-title {
    line-height: 1.4;
}
/* Decorative title lines */
.hotel-tmpl-titles .elementor-heading-title:before,
.hotel-tmpl-titles-2 .elementor-heading-title:before {
    content: "";
    position: relative;
    display: inline-block;
    width: 30px;
    height: 50%;
    border-bottom: 1px solid;
    vertical-align: middle;
    margin-right: 10px;
    margin-left: -40px;
		opacity: 0.5;
}
/* Longer decorative lines*/
.hotel-tmpl-titles-2 .elementor-heading-title:before {
	width: 60px;
	margin-left: -60px;
}
/* Page title lines */
.hotel-page-titles .elementor-heading-title:before,
.hotel-page-titles .elementor-heading-title:after {
    content: "";
    position: relative;
    display: inline-block;
    width: 30px;
    height: 50%;
    border-bottom: 1px solid;
    vertical-align: middle;
    margin-right: 10px;
    margin-left: -40px;
		opacity: 0.5;
}
.hotel-page-titles .elementor-heading-title:after {
	margin-left: 10px;
	margin-right: -40px;
}
/* Restaurant menu price */
.menu-price .elementor-text-editor p {
    border-bottom: 1px dashed lightgrey;
    padding-bottom: 5px;
}

/** End Template Kit CSS: Hotel & Accommodation (css/customizer.css) **/



/** Start Block Kit CSS: 105-3-0fb64e69c49a8e10692d28840c54ef95 **/

.envato-kit-102-phone-overlay {
	position: absolute !important;
	display: block !important;
	top: 0%;
	left: 0%;
	right: 0%;
	margin: auto;
	z-index: 1;
}

/** End Block Kit CSS: 105-3-0fb64e69c49a8e10692d28840c54ef95 **/



/** Start Block Kit CSS: 33-3-f2d4515681d0cdeb2a000d0405e47669 **/

.envato-kit-30-phone-overlay {
	position: absolute !important;
	display: block !important;
	top: 0%;
	left: 0%;
	right: 0%;
	margin: auto;
	z-index: 1;
}
.envato-kit-30-div-rotate{
	transform: rotate(90deg);
}

/** End Block Kit CSS: 33-3-f2d4515681d0cdeb2a000d0405e47669 **/

.menu-btn {
    color: black; /* Text color */
    background-color: white; /* Background color */
    border: none; /* Optionally remove border */
    padding: 10px 20px; /* Adjust padding as needed */
    border-radius: 5px; /* Optionally add border radius */
    cursor: pointer; /* Change cursor on hover */
}
.e-font-icon-svg.e-fas-plus path {
    fill: white;
}


header.elementor.elementor-114.elementor-location-header:hover {
    background-color: #F3F3F4;
}




.elementor-114 .elementor-element.elementor-element-635d97b5 .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-114 .elementor-element.elementor-element-635d97b5 .elementor-nav-menu__container.elementor-nav-menu--dropdown {
    margin-top: 0px !important;
    width: 100% !important;
    
}
.elementor-element-2110b8b .elementor-nav-menu .sub-arrow {
	margin-left: 57%;
}


.elementor-location-header {
	  background-color: #FFFFFF;
    top: 0;
    z-index: 1000; 
 	transition: background-color 0.3s ease;
}
.elementor-sticky--effects {
   background: #3E3EF5!important; /* change the background color here*/
}

.elementor-sticky--effects .sticky-menu ul li a /* change the menu text color here*/ {
   color: #fff!important;
}

.elementor-sticky--effects, .sticky-menu ul li a {
  transition: .5s all ease-in-out;
}


.elementor-element-7699e22 .elementor-nav-menu--main .elementor-item:hover {
    color: black !important; /* Change color to black on hover */
}
.elementor-item:hover{
	color: #FFFFFF !important;
}
.elementor-nav-menu--main .elementor-item:hover {
    background-color: white; /* White background color on hover */
    color: black !important; /* Black text color on hover */
}
.elementor-114 .elementor-element.elementor-element-635d97b5 .elementor-nav-menu--main .elementor-item.scrolled-color:hover{
	color: #000000 !important;
}
.menu-btn:hover {
    background-color: black;
    color: white;
}
.elementor-location-header:hover {
    background-color: #EFEFEF !important;
}
.eael-simple-menu-vertical li .eael-simple-menu-indicator .icon-plus{
   transition: none!important;
  
/*   padding: 6px 15px 17px 15px!important;*/
/*   border-left: 1px solid!important;
    padding: 14px 7px 6px 24px!important;
   
    height: 52px!important;*/
    
    
}
.varnamo-top-menu ul li a{
   border-right: 1px solid!important;
    margin: 0px 46.5px 0px 3px!important;
}
.varnamo-top-menu ul .sub-menu li {
   border-top: 0px solid!important;
    
}
.eael-simple-menu-vertical li .eael-simple-menu-indicator-open .icon-plus{
/*  border-bottom: 1px solid !important;*/
   
    padding: 10px 16px 12px 22px !important;
/*    height: 52px!important;*/
}
.varnamo-top-menu .menu-item-621 a{
    border-right: 0px solid !important;
}
.varnamo-top-menu .menu-item-620 .eael-simple-menu-indicator .icon-plus{
/*    border-bottom: 1px solid!important;*/
}
.eael-simple-menu-indicator-open .icon.icon-plus::before {
        content: "\2012"!important;
        font-size: 25px;
}
.mobile-header-sticky {
    position: sticky;
    top: 0;
    z-index: 999;
}
.elementor-popup-modal .dialog-close-button svg {
    fill: #ffffff;
    font-size: 24px !important;
    margin-top: 8px !important;
}
#elementor-popup-modal-632 {
    align-items: flex-start !important;

}

.varnamo-top-menu li.menu-item {
    border-top: 1px solid white;
}

@media only screen and (min-width: 1025px) {
	.footer-info-wrapper {
		min-height: 750px;
	}
}
@media only screen and (max-width: 1024px) {
	.footer-info-wrapper {
		min-height: 600px;
	}
}