/*!
Theme Name: Holleta
Theme URI: http://promo-theme.com/holleta/
Author: Promo Theme
Author URI: https://themeforest.net/user/ypromo
Description: Holleta is the High-powered WordPress Theme for Hotel Booking. The theme is included all the main Hotel types with the booking system. One-click installation and demo content imported make the site work easy. All the necessary plugins are bundled.
Requires at least: WordPress 4.9.6
Tested up to: 5.4.2
Version: 1.0.10
Requires PHP: 7.0
Text Domain: holleta
License: GNU General Public License v2 or later
License URI: LICENSE
*/


.div_phone-block {
    display: flex;
    flex-direction: row;
    gap: 10px;
}

.image-slider-block .content-block .content .text {
    margin-left: 40px !important;
    padding: 17px 0 17px 40px !important;
}

.booking-item .top {
    flex-wrap: wrap;
    flex-direction: column;
}

.booking-item .title {
    margin-right: 0 !important;
    min-height: 57.6px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 2;
}

.careers-list {
    padding: 0px;
    list-style-type: none;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.careers-list .careers-single-item {
    border: 1px solid #ddd;
    border-radius: 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 15px;
    padding: 15px;
}

.careers-list .careers-single-item .default-btn {
    border: 1px solid #ddd;
    border-radius: 25px;
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 15px;
}

.careers-list .careers-single-item p {
    margin: 0 0 10px 0;
}

.careers-info {
    padding: 0px;
    list-style-type: none;
    margin: 0;
    display: flex;
    flex-direction: row;
    gap: 15px;
}

.careers-info .icon {
    margin-right: 5px;
}

.careers-info .icon i {
    display: flex;
    align-items: center;
}

.site-header.type2 img.light,
.site-header.fixed img.light {
    opacity: 0 !important;
}

.site-header.type2 img.dark,
.site-header.fixed img.dark {
    opacity: 1 !important;
}

.header-bottom {
    display: none;
    z-index: 999;
}

/* 
.header-bottom .nav-main-menu {
    list-style-type: none;
    margin: 0;
    padding: 0 20px;
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    overflow-x: scroll;
    gap: 20px;
} */

/* 
.header-bottom li {
    white-space: nowrap;
    padding-bottom: 15px;
} */



.header-bottom .swiper-nav {
    width: 100%;
    height: auto;
    /* Điều chỉnh chiều cao theo nhu cầu */
    overflow: hidden;
    /* Ẩn các phần tử ra ngoài vùng nhìn thấy */
}

.header-bottom .swiper-nav .swiper-wrapper {
    display: flex;
    /* Sử dụng flexbox để các mục menu hiển thị trong hàng ngang */
}

.header-bottom .menu-item {
    width: auto;
    /* Đảm bảo các mục menu có kích thước tự động */
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    /* Khoảng cách giữa các mục */
}




.image-slider-block .content-block .bottom {
    justify-content: flex-end !important;
    gap: 20px;
}

.widget.widget_black_studio_tinymce {
    margin-bottom: 15px !important;
}

.chi_nhanh_contact .wpb_text_column,
.chi_nhanh_contact .button-container {
    padding: 0 15px !important;
}

.chi_nhanh_contact {
    padding: 15px !important;
}

.chi_nhanh_contact .vc_column-inner {
    border: 1px solid rgba(234, 185, 141, 1);
    padding: 0 !important;
}

.chi_nhanh_contact .vc_single_image-img {
    aspect-ratio: 5/3;
    object-fit: cover;
}

.fluentform_wrapper_5 textarea.ff-el-form-control:focus,
.fluentform_wrapper_5 textarea.ff-el-form-control,
.fluentform_wrapper_5 input.ff-el-form-control:focus,
.fluentform_wrapper_5 input.ff-el-form-control {
    background: #f2f2f2;
    border: none;
    border-radius: 0;
    padding: 10px 15px;
}

.fluentform_wrapper_5 .ff-btn-submit {
    border-radius: 0px !important;
    padding: 10px 15px !important;

}

.heading-block.line-on-bottom {
    display: flex;
    flex-direction: column-reverse;
    width: 100%;
    margin: 0;
}

.mphb_room_type .page-title {
    margin-bottom: 0px !important;
}


.tabs-block .tab-content p {
    margin: 0 !important;
}

.tabs-block .tab-nav {
    margin-bottom: 0 !important;
}

.rooms-gallery-block .slider .swiper-slide {
    height: 600px !important;
}
.contact-links-block span{
    font-size: 16px;
    color: #000 !important;
}
.qoute-block .quote{
    opacity: 1 !important;
}
.working-hours .items .value,
.text-t1,
.icon-box .wrap .desc{
    color: #000 !important;
}
@media only screen and (max-width: 678px) {
    .site-logo img {
        max-width: 150px !important;
    }

    .site-header .logo-block {
        height: 45px !important;
    }

    .site-header.fixed .row {
        min-height: unset !important;
    }

    .site-header .header-bottom {
        display: none;
    }

    .site-header.type2 .header-bottom,
    .site-header.fixed .header-bottom {
        display: block;
    }

    .careers-list .careers-single-item {
        flex-direction: column;
        gap: 0;
    }

    .careers-list .careers-single-item .careers-content {
        width: 100%;
    }

    .careers-list .careers-single-item .default-btn {
        padding: 10px;
        align-items: center;
        justify-content: center;
        margin-top: 0 !important;
    }

    .header-bottom {
        display: block;
    }

    .filter-buttons.tal .wrap {
        flex-wrap: nowrap;
        overflow-x: scroll;
    }

    .working-hours .items .item {
        display: flex !important;
        align-items: center;
        justify-content: center;
        flex-direction: row;
    }

    .image-slider-block .content-block .right .bottom,
    .image-slider-block .content-block .right .phone-block {
        display: block !important;
    }

    .image-slider-block .content .text {
        margin: 0 !important;
        padding: 0 !important;
    }

    .image-slider-block .content-block .content .text {
        margin: 0 !important;
        padding: 0 !important;
    }

    .video-block .container {
        display: flex;
        justify-content: center;
        padding: 0;
    }

    .rooms-gallery-block .slider .swiper-slide {
        height: 300px !important;
    }

}