/* HEADER */
.header-right{width: 245px;}
.header-right .e-con-inner{margin: 0 !important;}


/* HOME */
.home-banner{position: relative;}
.home-banner .elementor-widget-video{height: 750px !important;}
.home-banner .elementor-widget-video .e-hosted-video{height: 100%;width: 100%;}
.home-banner video{width: 100%;height: 100%;object-fit: cover;}
.home-banner-text{position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;}


/* H - SERVICE */
.h-service-des p{margin-bottom: 0;}
.h-service-des ul, .h-service-des ol{margin-bottom: 0 !important;}


/* H - GALLERY */
.h-gal-photo{ border-radius:8px !important ; -webkit-border-radius:8px !important ; -moz-border-radius:8px !important ; -ms-border-radius:8px !important ; -o-border-radius:8px !important ; overflow: hidden;}
.h-gal-photo img{width: 100%;height: 100%;object-fit: cover;}


/* H - ẨM THỰC */
.h-amthuc-box{display: flex;align-items: center;justify-content: center;padding-top:100%;overflow: hidden;position: relative;width: 100%;}
.h-amthuc-box img{width: 100%;height: 100%;object-fit: cover;position: absolute;top:0;left:0;}
.h-amthuc-container{position: relative;}
.swiper-amthuc-next, .swiper-amthuc-prev{ width: 48px; height: 48px; display: inline-flex; align-items: center; justify-content: center; cursor: pointer; border:1px solid #46753E; position: absolute; top:calc(50% - 24px); border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }
.swiper-amthuc-prev{left:-72px;}
.swiper-amthuc-next{right:-72px;}
/* .swiper-amthuc-next svg{ transform:rotate(180deg) ; -webkit-transform:rotate(180deg) ; -moz-transform:rotate(180deg) ; -ms-transform:rotate(180deg) ; -o-transform:rotate(180deg) ; } */


/* H - NEWS */
.h-news-item{display: flex;align-items: start;gap: 24px;}
.h-news-item img{ border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; transition: all ease 0.5s;}
.h-news-photo{ margin: 0; width: 599px; height: 270px; overflow: hidden; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; }
.h-news-photo img{width: 100%;height: 100%;object-fit: cover;transition: all ease 0.5s;}
.h-news-photo:hover img{transform: scale(1.05);}
.h-news-info{width: calc(100% - 599px - 24px);display: flex;gap:10px;flex-direction: column;}
.h-news-info >div{display: flex;gap:12px;}
.h-news-info >div h3{text-transform: uppercase;font-size: 20px;font-weight: 600;color:#000;width: calc(100% - 75px - 12px);}
.h-news-info > div span{width: 75px;display: inline-block;color:var(--colorText);font-size: 14px;font-weight: 400;}
.h-news-info > div{font-size: 16px;color: #000;line-height: 160%;font-weight: 400;}
.h-news-info > span{color:#7B7B7B;font-size: 14px;font-weight: 400;text-decoration: underline;}
.h-news-info > span:hover{color: var(--colorText);}

.h-news-container{display: flex;gap:20px;margin-top:20px;}
.h-news-box{width:calc(100% / 3 - 14px);}
.h-news-box-photo{ height: 220px; overflow: hidden; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; background: #ebebeb;display: flex;align-items: center;justify-content: center;color:#7B7B7B;font-size:16px;margin-bottom: 12px;}
.h-news-box-photo img{width: 100%;height: 100%;object-fit: cover;transition: all ease 0.5s;}
.h-news-box-photo:hover img{transform: scale(1.05);}
.h-news-box-title{display: flex;align-items: center;}
.h-news-box-title h3{font-size: 20px;font-weight: 700;color:#000;width: calc(100% - 75px - 12px);}
.h-news-box-title span{width: 75px;display: inline-block;color:var(--colorText);font-size: 14px;font-weight: 400;}
.h-news-box-des{font-size: 16px;color: #000;line-height: 160%;font-weight: 400;margin-top:6px;}
.h-news-box-info{display: flex;flex-direction: column;gap:6px;}
.h-news-box-more{color:#7B7B7B;font-size: 14px;font-weight: 400;text-decoration: underline;}
.h-news-box-more:hover{color: var(--colorText);}
.h-news-buttons{margin-top:32px;display: flex;justify-content: center;}
.h-news-seemore{ display: inline-flex; align-items: center; justify-content: center; min-width: 109px; height: 38px; color:#000; border-radius: 99px; -webkit-border-radius: 99px; -moz-border-radius: 99px; -ms-border-radius: 99px; -o-border-radius: 99px; background: transparent;font-size: 16px;font-weight: 400;gap: 6px; padding: 0 14px;border:1px solid #000;}
/*.h-news-seemore:hover{color: #fff;}*/


/* H - FORM */
.h-form-dangky-input input{ height: 58px; border-color:var(--colorText) !important; border-radius: 12px !important; -webkit-border-radius: 12px !important; -moz-border-radius: 12px !important; -ms-border-radius: 12px !important; -o-border-radius: 12px !important; font-size: 16px; }
.h-form-dangky-input input{background: #fff;}
.h-form-dangky-textarea textarea{ height: 120px; border-color:var(--colorText) !important; border-radius: 12px !important ; -webkit-border-radius: 12px !important ; -moz-border-radius: 12px !important ; -ms-border-radius: 12px !important ; -o-border-radius: 12px !important ; font-size: 16px; }
.h-form-dangky-input input::placeholder, .h-form-dangky-textarea textarea::placeholder{color:var(--colorBG);}
.h-form-dangky-input p{margin-bottom: 20px;}
.h-form-dangky-submit{display: inline-flex;justify-content: center; color:#fff; font-size: 16px; min-width: 120px; height: 38px; position: relative; background: var(--colorBG); border-radius: 99px; -webkit-border-radius: 99px; -moz-border-radius: 99px; -ms-border-radius: 99px; -o-border-radius: 99px; }
.h-form-dangky-submit-or{position: absolute;top:0;left:0;width: 100%;height: 100%;}
.h-form-dangky-submit > p{margin: 0;display: inline-flex; align-items: center; gap:10px; justify-content: center; }
.h-form-dangky-submit input{cursor: pointer;opacity: 0;}

.h-form-dangky-section .wpcf7-response-output{margin: 0;background: #7AB946; border-color: #7AB946 !important; color: #fff; font-weight: 400; padding: 10px !important; text-align: center; border-radius: 6px;}
.contact-form-inner .h-form-dangky-submit{width: 100%;height: 48px;}
.contact-form-inner .h-form-dangky-submit input{width: 100%;}
.contact-form-inner .h-form-dangky-input p, .contact-form-inner .h-form-dangky-textarea p{margin-bottom: 12px;}
.contact-form-inner .h-form-dangky-input input, .contact-form-inner .h-form-dangky-textarea textarea{border:none !important}
.contact-form-inner .wpcf7-spinner{position: absolute;   margin: 0;   top: 12px;   right: 10px;}


/* H- PHÒNG NGHỈ */
.h-phongnghi-box{ height: 590px; overflow: hidden; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; position: relative;}
.h-phongnghi-box img{width: 100%;height: 100%;object-fit: cover;transition: all ease 0.5s;}
.h-phongnghi-box:hover img{transform: scale(1.05);}
.swiper-phongnghi-next, .swiper-phongnghi-prev{ width: 48px; height: 48px; display: inline-flex; align-items: center; justify-content: center; cursor: pointer; border:1px solid #46753E; position: absolute; top:calc(48% - 24px); border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }
.swiper-phongnghi-prev{left:-80px;}
.swiper-phongnghi-next{right:-80px;}
.swiper-phongnghi-next svg{ transform:rotate(180deg) ; -webkit-transform:rotate(180deg) ; -moz-transform:rotate(180deg) ; -ms-transform:rotate(180deg) ; -o-transform:rotate(180deg) ; }
.h-phongnghi-price{ display: inline-flex; align-items: center; justify-content: center; position: absolute; top:24px; right:24px; padding:11px 16px; border-radius: 99px; -webkit-border-radius: 99px; -moz-border-radius: 99px; -ms-border-radius: 99px; -o-border-radius: 99px; color:#46753E;font-size: 16px;font-weight: 600;background: rgba(255,255,255,0.5);z-index: 9;}
.h-phongnghi-box-info{ position: absolute; left: 0; bottom: -100%; width: 100%; padding:24px; background: rgba(102, 102, 102, 0.4); backdrop-filter: blur(12px); transition: all ease 0.5s; -webkit-transition: all ease 0.5s; -moz-transition: all ease 0.5s; -ms-transition: all ease 0.5s; -o-transition: all ease 0.5s; z-index: 10;}
.h-phongnghi-box:hover .h-phongnghi-box-info{bottom:0;}
.h-phongnghi-box-title{margin-bottom: 6px;padding-bottom: 6px;border-bottom:1px solid #EDEDED;}
.h-phongnghi-box-title a{color: #fff;font-weight: 700;font-size: 24px;}
.h-phongnghi-box-des{font-size: 14px;color:#fff;font-weight: 400;line-height: 133%;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.h-phongnghi-box-btn{ display: flex; align-items: center; justify-content: center; color:#F7F7F7; font-size: 16px; font-weight: 400; height: 38px; background: var(--colorBG); border-radius: 99px; -webkit-border-radius: 99px; -moz-border-radius: 99px; -ms-border-radius: 99px; -o-border-radius: 99px; cursor: pointer;margin-top:12px;gap:10px;}
.h-phongnghi-overlay{position: absolute;top:0;;left:0;width: 100%;height: 100%;z-index: 10;}
.btn-book-overlay{position: absolute;top:0;;left:0;width: 100%;height: 100%;z-index: 5;cursor: pointer;}
.btn-book-room{cursor: pointer;}


/* FOOTER */
.footer-info-address{white-space: pre-line;}
.h-form-footer{margin-bottom: 0 !important;position: relative;}
.h-form-footer-submit{position: absolute;top:0;right:0px;height: 100%;}
.h-form-footer p{margin-bottom: 0 !important;}
.h-form-footer-submit-or{width: 48px;z-index: 9; position: relative;}
.h-form-footer-submit-or input{width: 100% !important;opacity: 0;}
.h-form-footer-arrow{position: absolute;top:0;right:0;height: 58px; display: flex; align-items: center;width: 100%;justify-content: center;}
.h-form-footer input{ height: 58px; border:1px solid #46753E !important; border-radius: 12px; -webkit-border-radius: 12px; -moz-border-radius: 12px; -ms-border-radius: 12px; -o-border-radius: 12px; font-family: 'Open Sans';width: 423px;}
.h-form-footer input::placeholder{color:#7AB946;font-size: 16px;}
.h-form-footer-submit-or .wpcf7-spinner{position: absolute; top: 17px; right: 40px;margin: 0;}


/* BANNER */
.banner-container{overflow: hidden;width: 100%;height: 586px;}
.banner-container img{width: 100% !important;height: 100%;object-fit: cover;}

/* ẨM THỰC ARCHIVES */
.amthuc-container{width: 100%;}
.amthuc-wrapper{max-width: 1240px;width: 100%;display: flex;gap:30px;flex-wrap: wrap;margin: 60px auto;}
.amthuc-page-box{width: calc(25% - 23px);display: flex; align-items: center; justify-content: center; padding-top: 100%; overflow: hidden; position: relative; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; overflow: hidden;}
.amthuc-page-box img { width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0; left: 0; }

/* NEWS ARCHIVE */
.career-detail-site, .ast-separate-container #primary{font-family: serif;}
.archive-news-container{width: 100%;font-family: serif;}
.archive-news-list{max-width: 1000px;margin: auto;padding:60px 0;}
.archive-news-wrapper{display: flex;flex-direction: column;gap:40px;}
.archive-news-box{display: flex;background: #fff;}
.archive-news-photo{width: 50%;margin: 0 !important;background: #ebebeb; display: flex; align-items: center; justify-content: center; color: #7B7B7B; font-size: 16px;min-height: 300px;position: relative;}
.archive-news-photo img{width: 100%;height: 100%;object-fit: cover;position: absolute;top:0;left:0;}
.archive-news-info{width: 50%;padding:2rem;display: flex;flex-direction: column;gap:12px;justify-content: space-between;}
.archive-news-info h3{color:#000;font-size: 26px;font-weight: 700;}
.archive-news-des{color:#666;font-size: 16px;line-height: 160%;margin-top:12px;}
.archive-news-des p:last-child{margin: 0;}
.archive-news-info >div > span{display: inline-block;font-size: 14px;margin-bottom: 4px;color:#999;}
.archive-news-more{display: block;text-align: right;color:var(--colorBG);}

/* PAGE TRẢI NGHIỆM */
.box-trainghiem-img{height: 100%;overflow: hidden;min-height: 500px;}
.box-trainghiem-img img{width:100%;/*height: 100%;object-fit: cover;*/}
.box-trainghiem-info-right{padding-right: calc(calc(100% - 1240px) / 2);}
.box-trainghiem-info-left{padding-left: calc(calc(100% - 1240px) / 2);}
.box-trainghiem-info-right p, .box-trainghiem-info-left p, .box-trainghiem-info-right ul, .box-trainghiem-info-left ul{margin-bottom: 0;}

.bounce2 {
  animation: bounce2 2s ease-in-out infinite;
  animation-delay: 3s;
}
@keyframes bounce2 {
	0%, 20%, 50%{
    	transform: translateY(0);
  	}
  	40% {
    	transform: translateY(-10px);
  	}
  	60% {
    	transform: translateY(-5px);
  	}
  	80% {
    	transform: translateY(0);
  	}
  	100% {
    	transform: translateY(0);
  	}
}


/* GALLERY */
.archive-gallery-wrapper{display: flex;flex-wrap: wrap;gap:24px;}
.archive-gallery-box{width: calc(100% / 3 - 16px);}
.archive-gallery-photo{position: relative;background: #ebebeb; display: flex; align-items: center; justify-content: center; color: #7B7B7B; font-size: 16px; min-height: 420px;overflow: hidden;margin-bottom: 0;}
.archive-gallery-photo img { width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0; left: 0; }
.archive-gallery-info{display: flex;flex-direction: column;gap:6px;justify-content: space-between;margin-top:12px;}
.archive-gallery-info span{display: inline-block; font-size: 14px; margin-bottom: 4px; color: #999;}
.archive-gallery-info h3{color: #000; font-size: 18px; font-weight: 700;}
.archive-gallery-des{color: #666; font-size: 16px; line-height: 160%; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;}
.gallery-detail-wrapper{margin-top: 24px;}
.gallery-detail-content{position: relative;z-index: 1}


/* MENU FOOTER */
#footer-menu ul{list-style: none;display: flex;align-items: center;justify-content: center;gap:10px 20px;flex-wrap: wrap;margin-bottom: 5px;}
#footer-menu a{color:#333;font-size: 16px;}

.sukien-info-right{position: absolute;top:18%;right:0;}
.sukien-info-left{position: absolute;top:18%;left:0;}

.room-title-mobile{display: none;}