/*
	Theme Name: Hello Elementor
	Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-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.
	Author: Elementor Team
	Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
	Version: 3.1.1
	Stable tag: 3.1.1
	Requires at least: 6.0
	Tested up to: 6.5
	Requires PHP: 7.4
	License: GNU General Public License v3 or later.
	License URI: https://www.gnu.org/licenses/gpl-3.0.html
	Text Domain: hello-elementor
	Tags: accessibility-ready, flexible-header, custom-colors, custom-menu, custom-logo, featured-images, rtl-language-support, threaded-comments, translation-ready,
*/
.thong_tin_phong_main .thong_tin_phong-item {
    display: flex;
    flex-direction: row;
    align-items: center;
    border: 1px solid #999999;
    padding: 30px;
}

.thong_tin_phong_main .thong_tin_phong-item .thong_tin_phong-content {
    flex-basis: 60%;
}

.thong_tin_phong_main .thong_tin_phong-item .thong_tin_phong-content .thong_tin_phong-icon {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
}

.thong_tin_phong_main .thong_tin_phong-item .thong_tin_phong-content .thong_tin_phong-icon .thong_tin_phong-info {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin: 0;
    gap: 5px;
    text-transform: uppercase;
}

.thong_tin_phong_main .thong_tin_phong-item .thong_tin_phong-content .thong_tin_phong-icon .thong_tin_phong-info svg {
    width: 18px;
    height: 18px;
}

.thong_tin_phong_main .thong_tin_phong-item .thong_tin_phong-price {
    flex-basis: 40%;
    text-align: right;
}

.thong_tin_phong_main .thong_tin_phong-item .thong_tin_phong-price h5 {
    font-family: "Prata", Sans-serif !important;
    color: black;
    margin: 0;
    font-weight: 500;
}

.loop_products .elementor-element .elementor-widget-image,
.loop_products .elementor-element .elementor-widget-image .elementor-widget-container a {
    width: 100%;
}

.loop_products .elementor-element .elementor-widget-image .elementor-widget-container a {
    position: relative;
}

.loop_products .elementor-element .elementor-widget-image .elementor-widget-container a::before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #000;
    opacity: 0;
    z-index: 0;
    transition: all .3s;
}

.loop_products:hover .elementor-element .elementor-widget-image .elementor-widget-container a::before {
    opacity: .5;
}

.loop_products .loop_products_booknow {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    transition: all .3s;
    z-index: 1;
}

.loop_products:hover .loop_products_booknow {
    opacity: 1;
}

.slingle_gallery img {
    aspect-ratio: 3/2 !important;

}

.icon_facilities .elementor-image-box-wrapper .elementor-image-box-img img {
    padding: 7px;
}

.core_features .elementskit-infobox img {
    width: 60px;
    height: 60px;
}

.room_title {
    color: var(--e-global-color-text);
    font-family: var(--e-global-typography-3dfce58-font-family), Sans-serif;
    font-size: var(--e-global-typography-3dfce58-font-size);
    font-weight: var(--e-global-typography-3dfce58-font-weight);
    text-transform: var(--e-global-typography-3dfce58-text-transform);
    line-height: var(--e-global-typography-3dfce58-line-height);
    letter-spacing: var(--e-global-typography-3dfce58-letter-spacing);
    word-spacing: var(--e-global-typography-3dfce58-word-spacing);
}

/* Định nghĩa keyframes cho animation */
@keyframes colorChange {
    0% {
        color: #a4131e;
    }


    50% {
        color: #fce841;
    }

    100% {
        color: #a4131e;
    }
}

#menu-main-menu li:last-child a {
    animation: colorChange .5s infinite;
}


@media only screen and (max-width: 678px) {
    .icon_facilities_single .elementor-image-box-wrapper {
        display: flex;
        flex-direction: row;
        align-items: center;
    }

    .thong_tin_phong_main .thong_tin_phong-item {
        flex-direction: column;
        align-items: center;
        padding: 15px;
    }

    .thong_tin_phong_main .thong_tin_phong-item .thong_tin_phong-content .thong_tin_phong-icon .thong_tin_phong-info {
        flex-direction: column;
    }

    .thong_tin_phong_main .thong_tin_phong-item .thong_tin_phong-content {
        flex-basis: 100%;
        width: 100%;
    }

    .thong_tin_phong_main .thong_tin_phong-item .thong_tin_phong-price {
        flex-basis: 100%;
        width: 100%;
    }

    .thong_tin_phong_main .thong_tin_phong-item .thong_tin_phong-price h5 {
        font-size: 30px;
    }

}