/*
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.   ***************/
body p{
	font-size: 13px;
}
.icon-menu {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 28 24" class="icon icon--burger">  <path  fill="%23FFF" d="M4 4h20v1H4zM4 11h20v1H4zM4 18h20v1H4z"></path> </svg>');
    background-size: contain;
    background-repeat: no-repeat;
    width: 28px;
    height: 24px;
}
.icon-menu:before {
	content: "";
}
.nav>li>a>i.icon-menu+span {
    margin-left: 15px;
    text-transform: capitalize;
}
.header-button-1 .button.secondary,{
    color: #000000;
    font-weight: normal;
    text-transform: uppercase;
}
.button.secondary{
	color: #000000;
}
.ux-logo-link{
	padding: 0px !important;
}
footer#footer {
	font-size: 13px;
}
.absolute-footer{
	display: none;
}
.box-text a:not(.button), .box-text h1, .box-text h2, .box-text h3, .box-text h4, .box-text h5, .box-text h6{
	margin-bottom: 10px;
}
.button.primary.is-underline{
	font-size: 13px;
	color: #000;
}
.button.is-underline:before {
    background-color: rgb(0 0 0);
    bottom: 0;
    content: "";
    height: 1px;
    left: 0px;
    opacity: 1;
    position: absolute;
    transition: all .3s;
    width: 100%;
}
.subtitle p{
    margin-top: 0;
    text-transform: uppercase;
    letter-spacing: 5px;
}
.slider .gallery-col {
	padding-bottom: 0px !important;
}
.slider-nav-reveal .flickity-prev-next-button, .slider-nav-reveal .flickity-prev-next-button:hover {
    background-color: #fff;
    bottom: 0;
    box-shadow: none;
    height: 100%;
    margin: 0 !important;
    top: 0px;
    width: 130px;
    opacity: 1;
}
.slider-nav-reveal .flickity-prev-next-button.previous {
    left: 0px !important;
    right: auto !important;
    transform: none;
    background: linear-gradient(270deg, rgb(255 255 255 / 0%) 0%, rgb(255 255 255 / 40%) 100%);
}

.slider-nav-reveal .flickity-prev-next-button.next {
    left: auto !important;
    right:0px !important;
	transform: none;
	background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgb(255 255 255 / 40%) 100%);
}
.slider-nav-reveal .flickity-prev-next-button .arrow,.slider-nav-reveal  .flickity-prev-next-button svg {
    display: none;
}
.ux-quantity, .single_add_to_cart_button, .single-product .product_meta {
    display: none !important;
}
.woocommerce-variation-add-to-cart, form.cart {
    gap: 0px;
}
.single-product .product-info2 .price span.amount ,span.amount{
    color: #a99246;
}
.price-wrapper .price,.booking_price {
    display: block;
    font-size: 20px;
}
.product-info2 .price-wrapper .price {
    display: block;
    font-size: 30px;
}
.z9{
    z-index: 9;
}
.wceb-price-format {
    color: #a99246;
}
.ux-buy-now-button {
    width: 100%;
}
.nav-spacing-xlarge>li {
    margin: 0 20px;
}
.wpcf7 .wpcf7-form-control{
	border: 1px solid #9c9c9c;
	box-shadow: none;
	font-size: 13px;

}
.nav-sidebar.nav-vertical>li+li {
    border-top: 0px;
}
.off-canvas .nav-vertical>li>a {
    font-size: 15px;
    color: #000;
    text-transform: unset;
}
.font13{
	font-size: 13px;
}
.entry-divider {
	display: none;
}
.entry-content.single-page{
    padding: 30px;
    background-color: #fff;
    margin-top: -100px;
}
.wpcf7 label{
	font-size: 12px;
	font-weight: normal;
}
#comments{
	display: none;
}

.off-canvas-left .mfp-content, .off-canvas-right .mfp-content {
    background-color: hsl(0deg 0% 100%);

}
.off-canvas .sidebar-menu{
	padding: 50px;
}
footer#footer .ux-menu-link__text:after{
    height: 1px;
    width: 0px;
    content: "";
    display: block;
    margin-top: 5px;
    background: #fff;
    transition: 0.5s;
}
footer#footer .ux-menu-link__text:hover:after{
    width: 100%;
}

.product-gallery-slider img, .product-thumbnails img {
    padding:0px 10px;
    max-height: 700px;
    object-fit: cover;
}
.woocommerce-product-gallery .woocommerce-product-gallery__wrapper{
    background-color: #ffffff00 !important;
}
.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;
}
.flickity-prev-next-button{
    opacity: 1;
}
.slider-nav-circle .flickity-prev-next-button .arrow, .slider-nav-circle .flickity-prev-next-button svg {
    border: 1px solid;
    border-radius: 0px;
}

.cs-room-basic-info-amenities-shortcode ul {
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    list-style: none;
    gap: 10px;
}
.select-resize-ghost, .select2-container .select2-choice, .select2-container .select2-selection, input[type=date], input[type=email], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=url], select, textarea{
    box-shadow: none;
}
td {
    color: #000000;
}
.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-size: 13px;
}
.cs-room-basic-info-amenities-shortcode ul li i {
    color: #B99D75;
    font-size: 20px;
    display: flex;
}
.cs-room-basic-info {
    margin-bottom: 15px;
}
.cs-room-basic-info ul {
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    list-style: none;
    gap: 10px;
}
.cs-room-basic-info ul li {
    display: flex;
    align-items: center;
    margin: 5px 0;
    padding-right: 10px;
    line-height: 22px;
}
.cs-room-basic-info .csrbi-icon {
    margin-right: 5px;
}
.cs-room-basic-info .csrbi-icon i {
    display: flex;
    font-size: 20px;
}
.cs-room-basic-info .csrbi-text {
    font-size: 14px;
    white-space: nowrap;
}
.section-title b {
    background-color: rgb(0 0 0 / 56%);
    display: block;
    flex: 1;
    height: 1px;
    opacity: .1;
}
.woocommerce-loop-product__title{
    font-size: 20px;
    font-weight: bold;
}
.box-blog-post .is-divider{
    opacity: 0;
}
@media (min-width: 850px) {
    .nav-divided>li+li>a:after {
        border-left: 1px solid rgb(0 49 105);
        left: -20px;
    }
}





@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
.cs-room-basic-info-amenities-shortcode ul li {
    width: 100%;
}

}