/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

footer#footer .ux-menu-link__text{
	font-size: 14px;
}

.product-gallery-slider img, .product-thumbnails img{
	border-left: 4px solid #fff;
}

.slider-style-container .flickity-slider>:not(.is-selected), .slider-style-focus .flickity-slider>:not(.is-selected), .slider-style-shadow .flickity-slider>:not(.is-selected) {
    opacity: 1;
}
.page-title-inner {
    min-height:300px;
}
h1.shop-page-title{
	font-size: 30px;
	text-transform: uppercase;
}
.shop-page-title.featured-title .title-overlay {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgb(0 43 80 / 54%) 100%);
}
.cs-room-basic-info{
	margin: 30px 0px;
}
.cs-room-basic-info ul{
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    list-style: none;
    gap: 20px;
}
.cs-room-basic-info-amenities-shortcode ul {
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    list-style: none;
     gap: 10px;
}
.cs-room-basic-info-amenities-shortcode ul li {
    display: flex;
    align-items: center;
    margin: 5px 0;
    padding-right: 10px;
    line-height: 28px;
    width: 40%;
    gap: 10px;
    font-weight: bold;
}
.cs-room-basic-info-amenities-shortcode ul li i {
	color: #B99D75;
	font-size: 30px;
	display: flex;
}
.cs-room-basic-info ul li {
    display: flex;
    align-items: center;
    margin: 5px 0;
    padding-right: 10px;
    line-height: 28px;
}
.cs-room-basic-info .csrbi-icon {
    margin-right: 10px;
}
.cs-room-basic-info .csrbi-icon i {
    display: flex;
    font-size: 28px;
}
.cs-room-basic-info .csrbi-text {
    font-size: 14px;
    font-size: 0.875rem;
    white-space: nowrap;
}
sup {
    top: -0.5em;
}
sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
form.cart  {
	display: none;
}
.header-block {
    min-height: 0px;
}
#lightbox-booking form h3{
	background: #002b50;
	padding: 10px;
	text-align: center;
	margin: -20px;
	width: calc(100% + 40px);
	margin-bottom: 20px;
	color: #fff;
}
.woocommerce-breadcrumb,.woocommerce-breadcrumb a{
	font-size: 14px;
	color:#0092df;
}

.price-wrapper .price{
	font-size: 22px;
}

span.amount {
    color: #d6a023;
}
.woocommerce-loop-product__title{
	font-size: 20px;
	font-weight: bold;
	font-family: Oswald;
}
.box-text-products .cs-room-basic-info {
    margin: 10px 0px;
}
h5.post-title{
	font-size: 20px;
}

.header-full-width #masthead .container {
    max-width: 1170px !important;
}
#top-bar .nav-uppercase>li>a {
    text-transform:inherit;
}
/* ==========================================================================
   CẤU HÌNH HIỂN THỊ ĐA NGÔN NGỮ QUA CLASS CSS
   ========================================================================== */

/* 1. KHI WEBSITE ĐANG Ở TRANG TIẾNG VIỆT (body có class .lang-vi) */
html[lang="vi"] .tienganh,html[lang="vi"] .header-button-2 {
    display: none !important; /* Ẩn toàn bộ các khối tiếng Anh */
}


/* 2. KHI WEBSITE ĐANG Ở TRANG TIẾNG ANH (body có class .lang-en) */
html[lang="en-GB"] .tiengviet,html[lang="en-GB"] .header-button-1 {
    display: none !important; /* Ẩn toàn bộ các khối tiếng Việt */
}


@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/

.cs-room-basic-info-amenities-shortcode ul li {
    width: 100%;
    font-size: 15px;
}
}