/**
Theme Name: Astra Child
Author: Brainstorm Force
Author URI: http://wpastra.com/about/
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: astra-child
Template: astra
*/

/* =========================================================
   Hotel Malon - Preloader
   ========================================================= */

.hm-preloader {
    position: fixed;
    inset: 0;
    z-index: 999999;
    display: grid;
    place-content: center;
    justify-items: center;
    gap: 32px;
    background: #f7f4ef;
    opacity: 1;
    visibility: visible;
    transition:
        opacity 560ms ease,
        visibility 560ms ease;
}

.hm-preloader.is-done {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

.hm-preloader::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: min(78vw, 560px);
    aspect-ratio: 1;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    background: radial-gradient(
        circle,
        rgba(159, 134, 108, 0.16),
        transparent 66%
    );
    animation: hm-pre-glow 2600ms ease-in-out infinite;
    pointer-events: none;
}

.hm-preloader__mark {
    position: relative;
    z-index: 1;
    display: grid;
    justify-items: center;
    gap: 14px;
}

.hm-preloader__box {
    display: flex;
    align-items: center;
    gap: 0.06em;
    padding: 16px 26px;
    background: #9f866c;
    color: #fff;
    overflow: hidden;
    transform-origin: left center;
    animation: hm-pre-box 640ms cubic-bezier(.22, 1, .36, 1) both;
}

.hm-preloader__letter {
    display: inline-block;
    font-family: inherit;
    font-size: clamp(26px, 4.6vw, 48px);
    font-weight: 600;
    line-height: 1;
    letter-spacing: 0.2em;
    opacity: 0;
    animation:
        hm-pre-letter 520ms cubic-bezier(.22, 1, .36, 1) both;
    animation-delay: calc(300ms + var(--i, 0) * 70ms);
}

.hm-preloader__kicker {
    font-family: inherit;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.34em;
    line-height: 1.4;
    text-transform: uppercase;
    color: #81766b;
    opacity: 0;
    animation:
        hm-pre-letter 560ms cubic-bezier(.22, 1, .36, 1) 700ms both;
}

.hm-preloader__stars {
    position: relative;
    z-index: 1;
    font-size: 13px;
    line-height: 1;
    letter-spacing: 0.42em;
    color: #b4945a;
    opacity: 0;
    animation:
        hm-pre-letter 560ms cubic-bezier(.22, 1, .36, 1) 820ms both;
}

.hm-preloader__bar {
    position: relative;
    z-index: 1;
    width: clamp(140px, 22vw, 220px);
    height: 2px;
    background: rgba(159, 134, 108, 0.22);
    overflow: hidden;
}

.hm-preloader__bar i {
    position: absolute;
    inset: 0;
    display: block;
    transform: scaleX(0);
    transform-origin: left center;
    background: #9f866c;
    animation:
        hm-pre-bar 1500ms cubic-bezier(.22, 1, .36, 1) both;
}

/* Animations */

@keyframes hm-pre-box {
    from {
        clip-path: inset(0 100% 0 0);
    }

    to {
        clip-path: inset(0 0 0 0);
    }
}

@keyframes hm-pre-letter {
    from {
        opacity: 0;
        transform: translateY(14px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes hm-pre-bar {
    from {
        transform: scaleX(0);
    }

    to {
        transform: scaleX(1);
    }
}

@keyframes hm-pre-glow {
    0%,
    100% {
        opacity: 0.5;
    }

    50% {
        opacity: 1;
    }
}

/* Reduced motion */

@media (prefers-reduced-motion: reduce) {
    .hm-preloader::after {
        animation: none;
    }

    .hm-preloader__box,
    .hm-preloader__letter,
    .hm-preloader__kicker,
    .hm-preloader__stars {
        animation-duration: 180ms;
        animation-delay: 0ms;
    }

    .hm-preloader__bar i {
        animation-duration: 200ms;
    }
}

.hm-booking__form form .elementor-field-group {
	    display: flex;
    align-items: center;
}

.hm-button a,
.hm-booking__form form .elementor-field-group button,
.hm-form__submit {
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    isolation: isolate;
    transition: background-color 300ms cubic-bezier(0.22, 0.61, 0.36, 1),color 300ms cubic-bezier(0.22, 0.61, 0.36, 1),border-color 300ms cubic-bezier(0.22, 0.61, 0.36, 1),box-shadow 300ms cubic-bezier(0.22, 0.61, 0.36, 1),transform 300ms cubic-bezier(0.22, 0.61, 0.36, 1);
}

.hm-button a::before,
.hm-booking__form form .elementor-field-group button::before,
.hm-form__submit::before{
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    background: linear-gradient(100deg, transparent 22%, rgba(255, 255, 255, .30) 50%, transparent 78%);
    transform: translateX(-130%);
    transition: transform 720ms cubic-bezier(0.22, 0.61, 0.36, 1);
}

.hm-button a:hover::before,
.hm-booking__form form .elementor-field-group button:hover::before,
.hm-form__submit:hover::before{
    transform: translateX(130%)
}

.hm-button a:hover,
.hm-booking__form form .elementor-field-group button:hover,
.hm-form__submit::hover{
    transform: translateY(-2px);
}