/*
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.   ***************/

/*---------global-----------*/
html{overflow-x:hidden}
body{overflow-x:hidden}
/*---căn đều sẳn phẩm---*/
.has-shadow>.col>.col-inner {
    height: 100%;
}
.flickity-viewport .col.is-selected {
    height: 100%;
}
.flickity-viewport .col-inner {
    height: 100%;
}
.product-small.box.has-hover.box-normal.box-text-bottom {
    height: 100%;
}
.button.primary {
    border-radius: 5px;
}
/*.product-small.box:hover {
     border: 2px dashed #ddd;
}*/
/*---giới hạn chữ tên sản phẩm---*/
p.name.product-title a{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    height: 1.3em;
    margin-bottom: 10px;
}
/*---style product price---*/
.price-wrapper{
    display: table; 
}
.price-wrapper .price{
    height: 1.3em;
    display: table-cell;
    vertical-align:middle;
    text-align: center;
    line-height: 120%;
}
.product-short-description {
    padding-top: 1em;
    padding-bottom: 0.5em;
}

/*---style related product---*/
.related-products-wrapper .product-small.box {
    background-color: #fff;
    /*box-shadow: 0 1px 3px -2px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);*/
		border: 2px solid #ddd;
}
/*
.related-products-wrapper .product-small.box:hover {
    box-shadow: 0 3px 6px -4px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}*/
.related-products-wrapper .box-text.box-text-products {
    padding: 15px;
}
.slider-nav-reveal .flickity-prev-next-button:hover, .slider-nav-reveal .flickity-prev-next-button {
    width: 30px;
    top: -2px;
    bottom: 0;
    height: 100%;
    background-color: rgba(255, 255, 255, 0);
    box-shadow: 0 -150px 15px 0 rgba(0,0,0,0);
    margin: 0 !important;
}
/*---end style related product---*/

/*-style tiêu đề bài viết trước sau-*/
.nav-previous,
.nav-next {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    height: auto;
}
/*---style giới hạn chữ bài viết---*/
.blog-archive h5.post-title.is-large {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    height: 2.6em;
}
.blog-archive p.from_the_blog_excerpt {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    height: 3em;
}

/*---style shop and product sidebar---*/
#shop-sidebar ul,
#product-sidebar ul,
.post-sidebar ul {
    font-size: 14px;
    border: 1px solid #ddd;
    border-radius: 3px;
    padding: 15px;
    background-color: rgba(221, 221, 221, 0.1);
}

#shop-sidebar ul li+li,
#product-sidebar ul li+li,
.post-sidebar ul li+li {
    border-top: 1px dashed #ececec;
}

#shop-sidebar .is-divider,
#product-sidebar .is-divider,
.post-sidebar .is-divider {
		margin-top: 0px;
    background-color: rgba(0,0,0,0);
}

#shop-sidebar ul.product_list_widget li a:not(.remove),
#product-sidebar ul.product_list_widget li a:not(.remove) {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    height: 2.6em;
}
#shop-sidebar .recent-blog-posts a,
#product-sidebar .recent-blog-posts a,
.post-sidebar .recent-blog-posts a {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    height: 2.6em;
    color: #444;
		padding-top: 0.2em;
}
#shop-sidebar span.post_comments.op-7.block.is-xsmall,
#product-sidebar span.post_comments.op-7.block.is-xsmall,
#product-sidebar span.post_comments.oppercase.op-7.block.is-xsmall,
.post-sidebar span.post_comments.op-7.block.is-xsmall {
    display: none;
}

.post-sidebar input.search-field.mb-0 {
    height: 40px;
    border-radius: 3px 0 0 3px;
		box-shadow: inset 0 1px 2px rgba(0,0,0,0);
}
.post-sidebar button.ux-search-submit.submit-button.secondary.button.icon.mb-0 {
    width: 40px;
    height: 40px;
    border-radius: 0 3px 3px 0;
}
/*---end style shop and product sidebar---*/
/*---style filter in sidebar---*/
ul.woocommerce-widget-layered-nav-list {
    max-height: 300px;
    overflow: auto;
    padding-right: 20px;
}
ul.product_list_widget {
    font-size: 14px;
}
/*---end style filter in sidebar---*/
/*---style act_product---*/
.acf_product {
    font-size: 12px;
    display: block;
    background: #fffee7;
    border: 1px solid #ccc;
    padding: 10px !important;
    border-radius: 5px;
    max-height: 125px !important;
    overflow-y: auto !important;
    margin-bottom: 2em;
}
.acf_product a {
    color: #fa5400;
}

/*---z-index sidebar mobile---*/
.mfp-wrap {
		z-index: 900001;
}
/*--------end global--------*/


/*---------header-----------*/
/*---style mona_html---*/
.mona_html {
    font-size: 15px;
}
.mona_html:before {
    content: "";
    font-family: FontAwesome;
    font-size: 22px;
    display: inline-block;
    vertical-align: middle;
    margin: 0 10px 0 0;
    color: #242424 !important;
}
.mona_html.mail:before {
    content: "\f003";
}
.mona_html.hotline:before {
	content: "\f095";
}
.mona_html a {
	color: #898989;
	font-size: 15px;
}
.mona_html a:hover {
	color: var(--primary-color);
}

.header-top .social-icons a {
	margin: 0 10px !important;
}
.header-top .container {
	border-bottom: solid 1px #e7e7e7;
}
/*---style active nav---*/
.header-main .nav > li:hover > a,
.header-main .nav > li.current-menu-item > a,
.header-main .nav > li.current-menu-parent > a,
.header-main .nav > li.current-post-parent > a,
.header-main .nav > li.current-product-parent > a,
.header-main .nav > li.current_page_parent > a,
.header-main .nav > li.current-product-ancestor > a {
    color: #e2ba48;
}
.header-main .nav > li {
	margin: 0 20px;
}
/*--------end header--------*/


/*---------content-----------*/

/*---------Slide-----------*/
.sec_slide .col-form h1 {
	text-align: center;
	color: #fff;
}
.sec_slide .wpcf7 .wpcf7-form .wpcf7-submit {
	background: #242424;
	color: #fff;
	border-radius: 5px;
}
.sec_slide .wpcf7 .wpcf7-form label {
	color: #fff;
}
.sec_slide .wpcf7 .wpcf7-form .wpcf7-text, 
.sec_slide .wpcf7 .wpcf7-form .wpcf7-date, 
.sec_slide .wpcf7 .wpcf7-form .wpcf7-select {
	background: none;
	color: #fff;
	border: solid 1px #fff;
	border-radius: 5px;
}
.sec_slide .wpcf7 .wpcf7-form::-webkit-input-placeholder {
   color: #fff;
}
span.wpcf7-spinner {
    display: none;
}
.img-radius-10 img, 
.img-radius-10, 
.img-radius-10 .banner-bg {
    border-radius: 10px;}

/*---------End Slide-----------*/

/*---------Service-----------*/
.sec_service h1 {
	font-size: 2em;
}
/*---------End Service-----------*/

/*---------Room-----------*/
.sec_room h1 {
	font-size: 2em;
	margin-bottom: 0;
}
.sec_room p {
	color: #898989;
}
.sec_room .col-room p.price {
	font-size: 1.2em;
	margin-left: 1.5em;
	margin-top: 5px;
}
.sec_room .col-room p.price span {
	color: #000;
	font-weight: bold;
}
.sec_room .col-room .col-inner {
	background: #fff;
}
.sec_room .col-room h3 {
	margin-left: 1.2em;
	font-size: 1.5em;
}
.sec_room .col-room h3:after {
	content: "";
    background: #eee;
    height: 2px;
    width: 53px;
    position: absolute;
    left: 1.5em;
    bottom: 20%;
}
/*---------End Room-----------*/

/*---------4 Feature-----------*/
.sec_feature h1 {
	font-size: 3em;
	margin-bottom: 0;
}
.sec_feature p {
	font-size: 1.2em;
}
/*---------End 4 Feature-----------*/

/*---------News & Event-----------*/
.sec_news_event .col-left .post-item h5.post-title {
	font-size: 1.3em;
}
.sec_news_event .col-left .post-item h5.post-title:hover {
	color: var(--primary-color);
}
.sec_news_event .col-right .row {
	background: #fff;
	padding: 5% 7% !important;
	border-radius: 10px
}
.sec_news_event .col-right .post-item h5.post-title {
  	line-height: 1.5em;
  	display: -webkit-box;
  	-webkit-line-clamp: 4;
  	-webkit-box-orient: vertical;
  	overflow: hidden;
  	text-overflow: ellipsis;
}
.sec_news_event .col-right .post-item h5.post-title:hover {
	color:  var(--primary-color);
}
.sec_news_event .col-right .post-item .from_the_blog_excerpt {
	display: none;
}
.sec_news_event .col-right .post-item .is-divider {
	display: none;
}
.sec_news_event  .image-cover img {
    border-radius: 10px;
}
/*---------End News & Event-----------*/

/*---------Page About-----------*/
.sec_page_about h1, .sec_about_service h1 {
	font-size: 2em;
}
.sec_page_about a.button {
	color: #8e8e8e;
}
.sec_page_about a.button span {
	color: #000;
	padding: 5px 20px;
}
.sec_about_service p {
	font-size: 1.5em;
	border-bottom: 1px solid #e4e4e4;
	margin-bottom: 0px;
	padding: 20px 0;
}
.sec_about_service p a {
	color: #898989;
}
.sec_about_service p a:hover {
	color:  var(--primary-color);
}
.sec_about_service p:last-child {
	border: none;
}
.sec_about_service p:before {
	content: '\f0da';
	font-family: FontAwesome;
	color:  var(--primary-color);
	margin-right: 20px;
}
.sec_nhan-xet p {
	font-size: 1.2em;
	color: #898989;
	line-height: 30px;
}
.sec_nhan-xet .icon-box-text:before {
	content: '\f10d';
	font-family: FontAwesome;
	color:  var(--primary-color);
	font-size: 2em;
}

/*---------End Page About-----------*/

/*---------Page Contact-----------*/
.sec_lien_he h2 {
	margin-bottom: 1em;
}
.sec_lien_he p a:hover {
	color:  var(--primary-color);
}
.sec_lien_he input,
.sec_lien_he textare{
	border-radius:5px;
}
/*---------End Page Contact-----------*/

/*---------Page Room Detail-----------*/
.sec_room_detail .wpcf7 .wpcf7-form .wpcf7-submit {
	background: #000;
	color: #fff;
}
.sec_room_detail p {
	color: #898989;
}
.sec_room_detail p.price {
	font-size: 1.2em;
	border-bottom: solid 1px #898989;
	padding-bottom: 1em;
}
.sec_room_detail p.price span {
	color: #000;
	font-size: 1.2em;
	font-weight: bold;
}
.sec_room .col-inner {
    border-radius: 10px;
}

.sec_room .col-inner img {
    border-radius: 10px;
}

.sec_room .col-room .col-inner .img-inner {
    border-radius: 10px;
}
/*---------End Page Room Detail-----------*/

/*-----style contact form-----*/
.form-ct {
    width: 780px;
    margin: 0 auto;
    max-width: 100%;
}
.form-ct .form-row {
    padding: 5px;
    float: left;
    width: 100%;
    margin-bottom: 0;
}
.form-ct .form-row.w50 {
    width: 50%;
}
.form-ct input,
.form-ct textarea{
    margin-bottom: 0;
		box-shadow: inset 0 1px 2px rgba(0,0,0,0);
}
.form-ct .center-txt {
    text-align: center;
}
.form-ct .center-txt input{
    min-width: 50%;
}
.form-ct .wpcf7-form-control:focus {
    border-color: #f8b742;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(248, 183, 66, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(248, 183, 66, 0.6);
}
/*---end style contact form---*/

/*---style mona_title---*/
.mona_title {
    font-size: 1.8em;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    line-height: 1.3em;
    position: relative;
    margin: 0;
    margin-bottom: 0.8em;
    padding-bottom: 1.3em;
}
.mona_title:before {
    position: absolute;
    bottom: 0.75rem;
    content: '';
    left: 50%;
    transform: translateX(-50%);
    width: 100px;
    height: 2px;
    background: linear-gradient(to right,#76a03f 0%,#76a03f 25%,rgba(255,255,255,0) 25%,rgba(255,255,255,0) 75%,#76a03f 75%);
}
.mona_title:after {
    position: absolute;
    bottom: 0;
    content: '\f296';
    font-family: FontAwesome;
    left: 50%;
    transform: translateX(-50%);
    font-size: 23px;
    line-height: 1;
    color: #76a03f;
}

/*--------end content--------*/


/*---------footer-----------*/
.sec_footer p{
    color: #333;
    font-size: 14px;
    margin-bottom: 0.8em;
}
.sec_footer a{
    color: #333;
    font-size: 14px;
}
.sec_footer a:hover{
    color:var(--primary-color)!important;
}
.sec_footer .icon-box-img {
    width: 14px !important;
}
.sec_footer h3{
	color:var(--primary-color);
}

.sec_footer a.button {
	color: #fff !important;
}
.mona_sidebar_footer ul {
    margin: 0;
}
.mona_sidebar_footer ul.menu>li+li, 
.mona_sidebar_footer .widget>ul>li+li {
		border-top: 0px dashed rgba(238, 238, 238, 0.3);
}
/*
.mona_sidebar_footer ul li a:before {
    content: "\f0da";
    font-family: FontAwesome;
    display: inline-block;
    vertical-align: baseline;
    margin: 0 15px 0 5px;
}
.mona_sidebar_footer ul li:hover a:before {
		animation-name: tada;
    animation-duration: 1s;
    animation-iteration-count: infinite;
}
.mona_sidebar_footer ul li a:after {
    content: "\f0fb";
    font-family: FontAwesome;
    display: inline-block;
    vertical-align: baseline;
    margin: 0 5px 0 15px;
		position: absolute;
		right: 0;
		transition: 2s;
    -moz-transition: 2s;
    -webkit-transition: 2s;
    -o-transition: 2s;
}
.mona_sidebar_footer ul li:hover a:after {
		-webkit-animation:spin 1s;
    -moz-animation:spin 1s;
    animation:spin 1s;
		right: 30%;
}
@-moz-keyframes spin { 100% { -moz-transform: rotate(180deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(180deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(180deg); transform:rotate(180deg); } }
*/
.mona_sidebar_footer ul > li:hover > a,
.mona_sidebar_footer ul > li.current-menu-item > a,
.mona_sidebar_footer ul > li.current-menu-parent > a,
.mona_sidebar_footer ul > li.current-post-parent > a,
.mona_sidebar_footer ul > li.current_page_parent > a,
.mona_sidebar_footer ul > li.current-product-parent > a,
.mona_sidebar_footer ul > li.current-product-ancestor > a {
    color:  var(--primary-color);
}
.mona_sidebar_footer ul {
	display: block;
    grid-template-columns: repeat(2, 50%);
}	

/*---style form dang ky---*/
.sec_footer form.wpcf7-form {
    margin-bottom: 0;
}
.sec_footer .wpcf7 p {
    display: inline-flex;
}
.sec_footer input#email-dang-ky {
    height: 40px;
    border-radius: 3px 0 0 3px;
		border-right: 0;
		box-shadow: inset 0 1px 2px rgba(0,0,0,0);
}
.sec_footer input#btn-gui {
    height: 40px;
    border-radius: 0 3px 3px 0;
}
.mona-hiden{
		display:none !important;
}
#btn-gui-icon {
    height: 40px;
    border-radius: 0 3px 3px 0;
    color: #02a010;
    background-color: #fff;
    box-shadow: inset 0 1px 2px rgba(0,0,0,0);
    border: 1px solid #ddd;
    border-left: 0;
    cursor: pointer;
    width: 40px;
    line-height: 40px;
    text-align: center;
}
/*--------end footer--------*/

/* 
  ##Device = Desktops
  ##Screen = 1281px to higher resolution desktops
*/
.sec_slide .row-booking {
		position: absolute;
	    top: 5%;
	    right: 10%;
	}
 
@media (min-width: 2560px) {
	.sec_slide .row-booking {
/*		margin-top: -24% !important;*/
	}
}

/*-----style tablet mode-----*/
@media screen and (max-width: 849px){
	.sec_slide .row-booking {
			 
		 right: 10%;
	}
	.sec_service h2 {
		font-size: 1.2em !important;
	}
	.sec_room .col-room h3:after {
		content: "";
	    background: #eee;
	    height: 2px;
	    width: 53px;
	    position: absolute;
	    left: 1.5em;
	    bottom: 23%;
	}
	.sec_news_event .col-left .post-item .from_the_blog_excerpt {
	  	line-height: 1.5em;
	  	display: -webkit-box;
	  	-webkit-line-clamp: 2;
	  	-webkit-box-orient: vertical;
	  	overflow: hidden;
	  	text-overflow: ellipsis;
	}
	.sec_news_event .col-right .row {
		background: #fff;
		padding: 0 !important;
	}
	.sec_news_event .col-right .post-item {
		margin-top: 20px;
	}
	.sec_footer h3.title-img:after {
		content: "";
	    width: 40px;
	    height: 1px;
	    background:  var(--primary-color);
	    position: absolute;
	    left: 0;
	    top: 17%;
	}
}
@media screen and (max-width: 849px){
	.sec_slide .row-booking {
				position: relative;
				right:0;
		margin-top: -80% !important; 
	}
}
/*---end style tablet mode---*/
/*-----style mobile mode-----*/
@media screen and (max-width: 549px){
	.sec_service h2 {
		font-size: 1.5em !important;
	}
	.sec_room h1, .sec_room p {
		text-align: center;
	}
	.sec_room .col-button a.button {
		margin-top: -10%;
	}
	.sec_room .col-room h3:after {
		content: "";
	    background: #eee;
	    height: 2px;
	    width: 53px;
	    position: absolute;
	    left: 1.5em;
	    bottom: 22%;
	}
	.sec_banner h2 {
		line-height: 1.5em;
	}
	.sec_footer h3.title-img:after {
		content: "";
	    width: 40px;
	    height: 1px;
	    background:  var(--primary-color);
	    position: absolute;
	    left: 0;
	    top: 19%;
	}
	.sec_nhan-xet h3 {
		font-size: 1.5em;
	}
	.sec_lien_he .col-right {
		margin: 2em 0;
	}

}
.copyright-footer {
    color: #fff;
}
/*---end style mobile mode---*/
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}