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

/*************** ADD CUSTOM CSS HERE.   ***************/
html[lang="en-US"] .header-button-1{
	display:none !important;
}
html[lang="en-US"] .header-button-2{
	display:block !important;
}
html[lang="vi-VN"] .header-button-1{
	display:block !important;
}
html[lang="vi-VN"] .header-button-2{
	display:none !important;
}
.archive-page-header {
  
    background: #f8f4f0 url(https://balanahagiang.com/wp-content/uploads/2025/10/bgnewd_f.jpg) no-repeat center center !important;
    background-size:cover !important
}
.archive-page-header h1{
    font-size: 70px !important;
    line-height: 65px !important;
	color:#fff !important
}
.formhoivien label{
	font-weight:400 !important
}
.formhoivien  .wpcf7-form-control{
	height:52px;
	font-size:14px;
	border-radius:4px !important;
	
}
.xngang-l, .xngang-r{
	        flex-basis: 50%;
        max-width: 50%;
}
.thoivien h3{
	margin-bottom:0px !important
}
.xtrainghiem .post-meta{
	font-size:12px !important;
}
.colmap p{
	margin-bottom:0px !important
}
.bonghoa .cso1 img{
	border-bottom-left-radius:70px !important;
	border-top-right-radius:70px !important;
}
.bonghoa .cso2 img{
	border-bottom-right-radius:70px !important;
	border-top-left-radius:70px !important;
}
.bonghoa .cso3 img{
	border-bottom-right-radius:70px !important;
	border-top-left-radius:70px !important;
}
.bonghoa .cso4 img{
	border-bottom-left-radius:70px !important;
	border-top-right-radius:70px !important;
}
.bonghoa .col-inner{
	padding:1px !important
}
.xngang-c{
	width:100% !important
}
.listcodong h3{
	font-size:24px;
	font-weight:500 !important
}
.listcodong .shade{
	opacity:1 !important
}
.row.catephong{
	padding-left:100px !important;
	padding-right:100px !important
}
.row.catephong .product-small.box{
	border:15px solid #fff !important
}
.row.catephong .product-small.box .box-text.text-center{
	background:#fff !important;
	padding-top:25px;
}
.related .row.row-slider{
	    max-width: 100% !important;
}
.related .product-small .box-excerpt.is-small{
	display:none !important
}
.row.catephong .product-small  .name.product-title a{
	font-size:28px;
}
.row.catephong .product-small  .thong-tin-phong div{
	font-size:13px !important;
}
.row.catephong .product-small  .thong-tin-phong img {
    width: 15px;
    margin-right: 10px;
}
.row.catephong .product-small  .name.product-title{
	margin-bottom:15px !important
}
.row.catephong .product-small  .thong-tin-phong{
	display:flex;
	gap:10px;
	text-align:left;
	font-size:14px !important
}
.row.catephong .box-excerpt{
	display:none !important
}
.product-footer .container{
	max-width:100% !important
}
.product-footer .woocommerce-tabs{
	max-width:1200px !important;
	margin:0 auto !important
}
.btform{
	display:block !important;
	clear:both;
	margin-top:40px;
}
.btform a{
	padding:10px 40px;
	background:#e6993e !important;
	border-radius:4px;
	display:inline-block !important;
	color:#000;
	padding-left:70px !important;
	position:relative
}
.btform a:before{
	background:url(/wp-content/uploads/2025/08/edit.png) no-repeat top left;
	background-size:cover !important;
	width:30px;
	height:30px;
	position:absolute;
	top:8px;
	left:25px;
	content:"";
	z-index:2;
}
ul.tabs.wc-tabs.product-tabs{
	display:none !important
}
.product-info h1.product-title.product_title{
	font-size:42px;
	margin-bottom:40px;
}
.product-info .product-short-description{
	margin-bottom:30px;
}
.product-main{
	padding-top:40px !important
}
.single-product .shop-container .product-main>.row.content-row{
	max-width:100% !important
}
.single-product .shop-container .product-main>.row.content-row>.product-gallery{
	padding-left:0px !important;
	padding-right:60px;
}
.single-product .shop-container .product-main>.row.content-row>.product-gallery .product-thumbnails.thumbnails{
	padding-left:25px !important;
	padding-right:25px !important
}
.single-product .shop-container .product-main>.row.content-row>.product-gallery .product-thumbnails.thumbnails .col{
	flex-basis: 15%;
    max-width: 15%;
}
.single-product .shop-container .product-main .product-info{
	padding-right:20% !important;
	padding-top:60px;
}
.product-info .product-short-description{
	font-size:15px
}
.kqchon{
	margin-bottom:10px;
}
.kqchon ul{
	list-style:none;
	margin:0px;
	display:inline-block
}
.kqchon ul li:not(.tkqua){
	padding:2px 10px;
	background:#f7f7f7;
	border-radius:2px;
}
.kqchon ul li{
	font-size:14px;
	margin-right:10px;
	float:left;
	color:#777
}
.products.columns-3{
	
}
h1.shop-page-title{
	font-size:42px;
	margin-top:20px;
}
nav.woocommerce-breadcrumb{
	display:none !important
}
.row.category-page-row{
	max-width:100% !important
}
.shop-container .products .box-vertical .box-image {
        min-width: 50% !important;
        width: 50% !important;
    }
.shop-container  .products .product-small.col{
	padding-bottom:0px !important
}
.shop-container  .products .product-small.col .box-text.box-text-products{
	padding:60px;
	padding-right:20%
}
.shop-container .products{
	max-width:100% !important
}
.row.category-page-row>.col.large-12{
	padding:0px !important
}
.slider-nav-light .flickity-page-dots .dot{
	width:7px !important;
	height:7px !important
}
.thong-tin-phong img{
	width:24px;
	margin-right:20px;
}
.thong-tin-phong div{
	margin-bottom:11px;
	font-size:16px;
}
.product-small .box-excerpt.is-small{
	text-align:justify;
	font-size:15px;
	margin-top:35px;
}
.xpro .box-text.text-left{
	padding-left:60px;
	padding-right:60px;
}
.row.xpro>.col:nth-of-type(even) .product-small.xpro{
	position:relative;
	padding-left:50%;
}
.row.xpro>.col:nth-of-type(even) .box-image{
	width:100% !important

}
.row.xpro>.col:nth-of-type(even) .product-small.xpro .box-text{
	width:50%;
	position:absolute;
	top:0px;
	left:0px;
	padding-left:60px;
	padding-right:60px;
}

.shop-container .products .product-small.col:nth-of-type(even) .box-text{
		width:50% !important;
	position:absolute;
	top:0px;
	left:0px;
	padding-left:60px;
	padding-right:60px;
}
.shop-container .products .product-small.col:nth-of-type(even) .product-small{
	position:relative;
	padding-left:50%;
}
.shop-container .products .product-small.col:nth-of-type(even) .box-image{
	width:100% !important

}
.products.columns-3 .col{
	padding-bottom:0px !important
}
.products.columns-3 .product-small.col .box-text{
	padding:60px;
	padding-right:20%;
}

.products.columns-3 .product-small.col:nth-of-type(2) .box-text{
		width:50% !important;
	position:absolute;
	top:0px;
	left:0px;
	padding-left:20%;
	padding-right:60px;
}
.products.columns-3 .product-small.col:nth-of-type(2) .product-small{
	position:relative;
	padding-left:50%;
}
.products.columns-3 .product-small.col:nth-of-type(2) .box-image{
	width:100% !important

}

.name.product-title{
	margin-bottom:40px;
	 font-size: 32px;	
}
.name.product-title a{
	color:#333;
	font-weight:600;
}
ul.header-nav-main li.menu-item-home a{
	font-size:0px !important
}
.custom-booking-form{
	background:#00000054;
	border-radius:4px;
}
.search-btn{
	font-size:14px;
	font-weight:normal !important;
	text-transform:none !important
}
.search-btn{
	margin:0px !important
}
.custom-booking-form label{
	font-size:13px;
	color:#fff;
	font-weight:normal
}
.custom-booking-form input{
	background:none !important;
	border:0px;
	border-bottom:1px solid #fff;
	margin:0px;
	font-size:12px;
	color:#fff  !important;
	box-shadow:0px 0px #fff !important
}
.custom-booking-form input::placeholder {
  color: #fff !important;
}
.btimkiem{
	width:1000px;
	margin:0 auto;
}
.timkiem{
	margin-top:-135px;
	z-index:11 !important
}
.pum-title.popmake-title{
	margin-bottom:20px;
	padding-bottom:10px;
	border-bottom:1px solid #dedede;
}
.xngang{
	display:flex;
	gap:12px;
}
.wpcf7-not-valid-tip{
	font-size:12px !important
}

.popmake .wpcf7-form-control.wpcf7-submit{
	width:100% !important;
	margin:0px !important;
	text-align:center
}
.popmake label{
	font-size:13px;
	font-weight:normal !important
}
.popmake .wpcf7-form-control{
	border-radius:5px;
	height:50px;
	font-size:13px;
}
.blog-featured-title .entry-meta.uppercase{
	text-transform:none !important;
	font-size:13px;
	font-weight:300 !important
}
#post-list .post-title a{
	color:#183f20;
	font-weight:500 !important
}
#post-list .col.post-item .from_the_blog_excerpt {
	margin-top:15px;
}
#post-list .col.post-item .box-text.text-left{
	padding:20px 30px;
	background:#f8f4f0
}
#post-list .post-title{
	font-size:20px;
}
.blog-wrapper.blog-archive .row>.large-10.col{
	        flex-basis: 100%;
        max-width: 100%;
}
.blog-wrapper.blog-archive.page-wrapper{
	padding-top:0px !important
}
.blog-wrapper #post-list{
	margin-top:65px;
}
.archive-page-header h1.page-title{
	text-transform:none !important;
	color:#183f20;
	font-size:36px;
}
.archive-page-header{
	padding-top:150px;
	padding-bottom:120px;
	text-align:center
}
.titleft{
	padding-left:80px;
	text-transform:none !important
}
.titleft{
	position:relative
}
.titleft:after{
	position:absolute;
	left:0px;
	top:15px;
	width:50px;
	height:2px;
	content:"";
	z-index:2;
	background:#1e3f20 !important
}
.titleft .section-title{
	text-transform:none !important
}
.titleft .section-title-main{
	text-transform:none !important
}
.titleft .section-title span{
	text-transform:none !important
}
.titleft .section-title-main{
	padding-top:0px !important;
	padding-left:0px !important;
	padding-bottom:0px !important;
	border:0px !important
}
.tabinfo li.tab.has-icon a{
	text-transform:none !important;
	font-weight:500 !important;
	color:#457c51;
	font-size:16px;
}
.tabinfo .tab-panels{
	border-top:1px solid #457c51;
	margin-top:15px !important
}
.tabinfo li.tab.active a{
	color:#183f20 !important
}
.tabsp ul.nav-simple li.active a{
	color:#1e3f20;
	font-size:15px;
	text-transform:uppercase;
}
.tabsp ul.nav-simple li{
	margin-right:30px;
}
.tabsp ul.nav-simple li a{
	color:#69856a;
	font-size:15px;
	letter-spacing:1px;
}
.listchon .icon-box-img img{
	padding-top:0px !important
}
.loaiphong h2{
	font-size:32px;
}
.xgal .flickity-page-dots{
	bottom:-35px !important
}
.xgal li.dot{
	width:9px !important;
	height:9px !important
}
.sepad{
	padding:0px !important
}
.boxngang h3{
	float:left;
	margin-right:30px;
	font-size:60px;
	color:#e6993e;
	    width: auto;
	margin-bottom:0px !important;
	    margin-top: -20px;
}
.boxngang p{
	margin-bottom:0px;
	padding-top:0px;
	
}
.footer-secondary{
	float:left;
	width:50%;
}
.footer-primary{
	float:left;
	width:50%;
	text-align:right
}
.footer-secondary{
	padding:0px !important;
	color:#1e3f20;
	font-size:13px;
}
.absolute-footer{
	padding-top:35px;
	padding-bottom:25px;
	border-top:1px solid #fff !important
}
.copyright-footer{
	color:#1e3f20;
	font-size:13px;
}
.menufooter{
	
}
.fdangky{
	position:relative;
}
.wpcf7-spinner{
	display:none;
}
.fdangky p{
	margin:0px;
}
.fdangky .wpcf7-form-control.wpcf7-submit{
	padding:0px;
	margin:0px;
	position:absolute;
	top:11px;
	right:15px;
	background:#fff url(/wp-content/uploads/2025/07/right-arrow.png) no-repeat top left;
	background-size:100% !important;
	font-size:0px !important;
	width:24px !important;
	height:24px !important;
	border:0px !important;
	box-shadow:0px 0px #fff !important
}
.fdangky .wpcf7-form-control.wpcf7-email{
	font-size:13px;
	padding:10px 20px;
	border-radius:5px;
	border:0px !important;
	height:48px;
}
.dknhantin form.wpcf7-form{
	max-width:350px;
	margin:0 auto !important
}
.logof ul{
	list-style:none !important;
	display: inline-flex;
	margin-bottom:10px;
}
.logof ul li{
	margin-left:15px;
	margin-right:15px;
}
.logof ul li, .logof ul li a{
	font-size:13px;
	color:#1e3f20;
}
.logof ul li:hover, .logof ul li:hover a{
	color:#fff;
}
.logof img{
	margin:0 auto !important
}
.xtin .post-title{
	margin-bottom:10px;
	font-weight:500;
	height:45px;
		overflow:hidden;
}
.xtin .post-title a{
	color:#183f20;
	font-size:18px;
}
.col.post-item .from_the_blog_excerpt{
	height:70px;
	overflow:hidden;
	margin-top:10px;
}
.col.post-item .post-meta{
	font-size:13px;
}
.motin .box-text.text-left{
        vertical-align: top;
	padding-top:30px;
	padding-left:30px;
	padding-right:30px;
}
.motin .col.post-item .post-title {
	margin-bottom:15px;
}
.motin .from_the_blog_excerpt {
	margin-top:20px
}
.col.post-item .is-divider{
	display:none !important
}
.motin .post-title a{
	font-size:24px;
	font-weight:500;
}
.slikhachhang .box-image img{
	border:15px solid #fff !important
}
.section.mywish{
	background:#f5ede0 !important
}
.section.mywish .flickity-page-dots li.dot{
	width:8px !important;
	height:8px !important;
	background:#111 !important;
	border:0px !important
}
.mywish .section-bg :is(img,picture,video){
	height: 60.5%;
}
.slikhachhang .flickity-button-icon{
	background:#fff;
	border-radius:4px !important
}
.slikhachhang .flickity-button.flickity-prev-next-button{
    width: 60px;
    height: 40px;
}
.slikhachhang .flickity-prev-next-button .arrow, .slikhachhang .flickity-prev-next-button svg {
    fill: #1e3f20
}
/*
.slikhachhang .flickity-prev-next-button{
	width:75px !important
}
.slikhachhang .flickity-button-icon{
	border:0px !important
}
.slikhachhang .flickity-button-icon{
	padding:0px 20px;
	border-radius:4px !important
}
*/
.tbook{
		border-width:1px !important;
	padding:0px 30px;
	font-size:13px;
	letter-spacing:1px !important;
	background:#e6993e;
	color:#183f20 !important;
	font-weight:normal
}
.slikhachhang .box-text{
	padding-top:30px;
}
.slikhachhang .box-text h3{
	color:#183f20;
	font-size:28px;
	font-weight:500;
	margin-bottom:8px;
}
.more.white{
	border-width:1px !important;
	padding:0px 30px;
	font-size:13px;
	letter-spacing:1px !important
}
.ttext h2{
	font-size:32px
}
.ttext p{
	font-size:15px;
}
.mywish .boxcus::after, .mywish .boxcus::before {
    color: #e79a40 !important
}
.mywish .boxcus h3{
	color:#fff;
	font-size:28px;
	text-align:left
}
.mywish .boxcus h5{
	text-align: left;
	display:block !important;
	color:#e79a40 !important
}
.mywish .boxcus h5:after{
	background:#fff !important
}
.thead h2{
	margin-bottom:20px;
}
.imgbor .col{
	padding-bottom:20px;
}
.imgbor img{
	border-radius:3px !important
}
.more.primary{
	border-width:1px !important;
	padding:0px 30px;
	font-size:13px;
	letter-spacing:1px !important
}
.boxcus:after, .boxcus:before {
    color: #1e3f20;
    content: "“";
    display: inline-block;
    font-size: 2.5em;
    font-weight: 400;
    line-height: 1;
    position: absolute;
    top: -.125em;
	    font-family: system-ui;
    font-size: 90px;
}
.boxcus{
	padding-left:50px;
	padding-right:50px;
}
.boxcus h3{
	font-size:30px;
	font-weight:500 !important
}
.boxcus h5{
	font-size:14px;
	position:relative;
	color:#1e3f20;
	font-weight:600;
	    display: inline;
	padding-left:50px;
}
.boxcus h5:after{
	position:absolute;
	top:8px;
	left:0px;
	width:40px;
	height:1px;
	content:"";
	background:#333;
}
.boxcus:before {
    left: 0 !important;
}
.boxcus:after {
    content: "”";
    right: 0 !important;
}
.col.boxcus{
	position:relative
}
section.story{
	position:relative;
}
section.nature{
	position:relative;
}
section.story:after{
	width:1px;
	height:80px;
	top:-40px;
	left:0px;
	right:0px;
	position:absolute;
	margin:0 auto !important;
	content:"";
	display:block;
	background:#222;
}
section.nature:after{
	width:1px;
	height:80px;
	top:0px;
	left:0px;
	right:0px;
	position:absolute;
	margin:0 auto !important;
	content:"";
	display:block;
	background:#222;
}
.header-nav-main li.menu-item a{
	font-weight:600 !important;
	font-size:13px !important;
}
.header-wrapper.stuck .header-nav-main li.menu-item a{
	color:#1e3f20 !important;
	    letter-spacing: 1px;
}
.header-wrapper.stuck .header-nav-main li.menu-item a:hover{
	color:#e6993e !important
}
.headtit h2{
 font-family: "Corinthia", cursive;
	font-weight:normal !important;
	    font-size: 50px;
	margin-bottom:0px;
}
.header-wrapper.stuck .header-bg-color {
    background-color:#fff !important;
}
.playicon img{
	opacity:0.5;
	margin:0 auto !important;
	width:auto !important;
	max-height:60px;
	margin-top:20px;
}
.playicon:hover img{
	opacity:1 !important
}
#header.transparent #logo{
	display:none;
}
#header.transparent .flex-col.hide-for-medium.flex-left.flex-grow ul.header-nav.header-nav-main{
	display:none;
}
.banhome h4{
	font-weight:normal !important
}
.banhome h1{
	font-size:70px;
	line-height:65px;
}
.header-wrapper{
	padding-left:50px !important;
	padding-right:50px !important
}
.header-main .header-button-1 .button{
	font-size:13px;
	padding:0px 30px;
	font-weight:normal !important;
	color:#1e3f20 !important
}
.header-main .header-button-2 .button{
	font-size:13px;
	padding:0px 30px;
	font-weight:normal !important;
	color:#1e3f20 !important;
	background:#e6993e !important
}


h1, h2, h3, h4, h5, h6, .heading-font, .banner h1, .banner h2 {
    font-weight: 700;
    font-style: normal;
}
@media only screen and (max-width: 1500px) {
.header-main .nav-spacing-xlarge>li {
    margin: 0 5px !important;
}
	.logo-left .logo{
		margin-right:10px !important
	}
}


@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
	.wpml-ls-legacy-list-horizontal a {    
    padding: 5px 3px;

}
	.header-wrapper {
    padding-left: 5px !important;
    padding-right: 5px !important;
}
.banhome h1 {
    font-size: 30px;
line-height:34px !important}
	.footer-secondary {
    float: left;
    width: 100%;
}
	.logof ul li {
    margin-left: 3px;
    margin-right: 3px;
}
	.row.catephong {
    padding-left: 0px !important;
    padding-right: 0px !important;
}
	.footer-primary {
    float: left;
    width: 100%;
    text-align: center !important;
}
	.boxcus h3 {
		font-size: 18px;}
	.headtit p{
		font-size:14px;
	}
	.btimkiem {
		width: 100% !important;
	}
	.timkiem {
		margin-top: 10px;}
	.custom-booking-form{
		background:#1e3f20 !important
	}
	.row.catephong .product-small .thong-tin-phong {
		display: inline-block !important
	}
	.row.xpro>.col:nth-of-type(event){
		padding:0px !important;
		    
	}
	.row.xpro>.col:nth-of-type(event) .product-small.xpro{
		padding:0px !important;
		    position: unset !important;
	}
	.product-small .box-excerpt.is-small{
		height:auto !important
	}
	.row.xpro>.col:nth-of-type(even) .product-small.xpro .box-text {
  position: unset !important;
	padding:30px !important;
		width:100% !important
}
	.xpro .box-text.text-left {
padding:30px !important;
}
	.single-product .shop-container .product-main>.row.content-row>.product-gallery {
    padding-left: 0px !important;
    padding-right: 0px !important;
}
	.single-product .shop-container .product-main .product-info {
    padding: 20px !important;
}
	.header-main .header-button-1 .button,.header-main .header-button-2 .button {
    font-size: 12px;
    padding: 0px 10px;
}
 .pum-theme-lightbox .pum-container{
		width:350px !important
	}
	.header-main .header-button-1 .button span,.header-main .header-button-2 .button span{
        white-space: nowrap;
        width: 79px;
        overflow: hidden;
        line-height: 13px;
        text-overflow: ellipsis;
        margin-top: 10px;
        font-size: 11px !important;
		
	}
	.products .product-small.col:nth-of-type(even) .product-small{
	
	padding-left:0px !important;
	}
.shop-container .products .box-vertical .box-image {
        min-width: 100% !important;
        width: 100% !important;
    }
	.row.xpro>.col:nth-of-type(even) .product-small.xpro{
	
	padding-left:0px !important;
}
}