/*
 Theme Name:   Moonlit Child
 Theme URI:    https://reactheme.com/products/wordpress/moonlit
 Description:  Moonlit Child
 Author:       ReacThemes
 Author URI:   http://reactheme.com
 Template:     moonlit
 Version:      1.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
 */

/* Header navigation links fix */
@media (min-width: 1024px) {
	.rtmega-menu-area ul.rtmega-megamenu {
		width: 600px;
	}
}

footer#colophon {
	min-height: 0;
}

.created-by-par {
	color: #fff;
}

#custom-lists-below {
	background: #fff;
}

.elementor .e-flexbox-base {
	padding: 10px;
    display: flex;
    justify-content: center;
    background: #1d1c1c;
    color: #dddbdb;
    flex-direction: row;
}

.elementor-9789 .elementor-element.elementor-element-7d337f0 {
	background: #fff;
}

@media (min-width: 992px) {
    body.logged-in:not(.elementor-editor-active) #reactheme-header.sticky-header-on {
        top: 0px !important;
    }
}

@media (min-width: 768px) {
    .eshb-search .eshb-search-form > .eshb-form-group:not(.dates-wrapper):not(.submition-wrapper) {
        width: 20%;
    }
}

@media (max-width: 767px) {
	.eshb-search .eshb-search-form .eshb-form-group .form-control {
		max-width: 100% !important;
	}
	.elementor-image-gallery .gallery-item {
		width: 50% !important;
		max-width: 50% !important;
	}
	/* Container */
	.elementor-element.elementor-element-5af341b {
		display: flex !important;
		flex-direction: row !important;
		flex-wrap: nowrap !important;
		justify-content: space-between !important;
		align-items: center !important;
		width: 100% !important;
	}
	/* Logo */
	.elementor-element.elementor-element-173d0a1c {
		order: 1 !important;
		width: auto !important;
	}
	/* Book Now Button */
	.elementor-element.elementor-element-515c6a9d {
		order: 2 !important;
		width: auto !important;
		margin-left: auto !important; /* Pushes button and menu to the right */
		margin-right: 20px !important; /* Gap between button and burger */
	}
	/* Burger Menu */
	.elementor-element.elementor-element-70e6e97a {
		order: 3 !important;
		width: auto !important;
	}
	
	/* Testimonial Slider arrows */
    .nav-icon.swiper-button-prev,
    .nav-icon.swiper-button-next {
        display: none !important;
    }
	.hfe-site-logo {
		width: 70px;
	}
	.elementor-84 .elementor-element.elementor-element-ded60a2 {
		padding-top: 10px;
	}
	.room-info {
		padding: 0px 0px 0 10px !important;
	}
	.room-info-order-2 {
		padding: 0 !important;
	}
}

.elementor-element-27827a3 > .e-con > .e-con {
    height: 100%;
}

#colophon .vertical-expaned-menu-area,
#colophon .rtmega-menu-mobile-navigation {
    overflow: hidden;
}

.f-link-cont {
  display: flex;
  flex-direction: column;	
}

.f-link-cont a {
	color: #fff;
	font-size: 17px;
	transition: 0.3s ease-in-out;
}

.f-link-cont a:hover {
	color: #AB8A62;
}

.eshb-archive-wrapper.eshb-container {
    padding: 0 !important;
}
/*main icon*/
#reactheme-header span.elementor-icon-list-icon > svg{
	fill:white;
}

/*Header Style- Background Color*/
#page.site { padding-top: 0 !important; }
/* Transparent header*/
#reactheme-header.sticky-header-on:not(.sticky-header),
#reactheme-header.sticky-header-on:not(.sticky-header) .elementor-element-602c0f8 {
    background: transparent !important;
}
/*menu font color */
#reactheme-header.sticky-header-on:not(.sticky-header) .rtmega-menu-container .desktop-menu-area > .rtmega-megamenu > .menu-item > .menu-link,
#reactheme-header.sticky-header-on:not(.sticky-header) .elementor-icon-list-text,
#reactheme-header.sticky-header-on:not(.sticky-header) .elementor-icon-list-icon i {
    color: #fff;
}

.rtmega-menu-area .mobile-menu-area .rtmega-menu-mobile-sidebar .rtmega-menu-mobile-close {
	background: #ab8a62;
}
/* Color on Burger (Mobile) */

/* White fill when the header is sticky */
header .rtmega-menu-mobile-button svg rect {
    fill: #ffffff !important;
    transition: fill 0.3s ease;
}
/* Black fill when the header is sticky */
header.sticky-header .rtmega-menu-mobile-button svg rect {
    fill: #000000 !important;
}

@media (max-width: 880px) {
  #reactheme-header.sticky-header-on { margin-top: 0 !important; }
}