/*
Theme Name: Loodo Twenty Twenty-Four
Theme URI: https://example.com/loodo-twentytwentyfour
Description: Loodo — child theme of Twenty Twenty-Four.
Author: You
Author URI: https://example.com
Template: twentytwentyfour
Version: 1.1.9
Text Domain: loodo-twentytwentyfour
*/

/* ==========================================================================
   STYLE CHO CÁC THÀNH PHẦN INPUT, SELECT, TEXTAREA (BEVERSE STUDIO STYLE)
   ========================================================================== */

/* 1. Thiết lập chung cho tất cả các thẻ nhập liệu */
input[type="text"],
input[type="tel"],
input[type="email"],
input[type="password"],
input[type="number"],
input[type="url"],
input[type="search"],
input[type="date"],
select,
textarea {
}

/* 2. Định dạng chữ mờ (Placeholder) */
input::placeholder,
textarea::placeholder {
}

/* 3. Hiệu ứng khi Click chuột vào ô nhập liệu (Focus) */
input:focus,
select:focus,
textarea:focus {
    outline: none !important;
    border-bottom-color: #adc7ff !important; /* Màu trùng với biến --primary gốc */
    
    /* Loại bỏ hoàn toàn vòng shadow xanh mặc định của Tailwind/Bootstrap */
    box-shadow: none !important; 
}

/* 4. Tối ưu riêng cho thẻ Select (Hỗ trợ Darkmode) */
select {
}

/* Fix màu nền của các option bên trong thẻ select trên một số trình duyệt */
select option {
}

/* 5. Tối ưu riêng cho Textarea */
textarea {
}

/* Đồng bộ nút Contact Form 7 theo chuẩn Block Editor */
.wpcf7 input.wpcf7-submit {
}

/* Hiệu ứng Hover đồng bộ */
.wpcf7 input.wpcf7-submit:hover {
}

/* Hiệu ứng khi click (Active) */
.wpcf7 input.wpcf7-submit:active {
}

:where(.wp-site-blocks *:focus){}

html,body { /* Ensure scrolling is enabled */ overflow-y: auto; /* Hide scrollbar for Chrome, Safari, and newer Edge (WebKit) */ &::-webkit-scrollbar { display: none; } /* Hide scrollbar for Firefox */ scrollbar-width: none; /* Hide scrollbar for IE and older Edge */ -ms-overflow-style: none; }

body.home{overflow:hidden;}
body.home.show-page{overflow-y:auto;}
body.home .wp-site-blocks > *{opacity:0;transition:opacity 0.3s;}
body.home #preloader-1-section{opacity:1;position:fixed;top:0px;left:0px;width:100%;height:100%;z-index:99999999;}
body.home #preloader-2-section{opacity:0;visibility:hidden;transition:opacity 0.3s, visibility 0.3s;position:fixed;top:0px;left:0px;width:100%;height:100%;z-index:999999999;}
body.home.show-page .wp-site-blocks > *{opacity:1;}

.entry-content p,.entry-content figure,.entry-content .wp-block-heading{margin-bottom:25px;}

.quote.wp-block-paragraph:before,.quote.wp-block-paragraph:after{vertical-align: middle;display:inline-block;height:13px;font-family:"SVN-Ryhmes Display";font-size: 2em; line-height: 1em;}
.quote.wp-block-paragraph:before{content:'“ ';margin-right:6px;}
.quote.wp-block-paragraph:after{content:' “';transform: rotate(180deg);margin-left:6px;}

.iconia-image-row > .uagb-container-inner-blocks-wrap > .wp-block-uagb-container:before{content:"";display:block;position:absolute;top:20px;left:-10px;width:calc(50% - 60px);border-top:1px solid #535f51;}
.iconia-image-row > .uagb-container-inner-blocks-wrap > .wp-block-uagb-container:after{content:"";display:block;position:absolute;top:20px;right:-10px;width:calc(50% - 60px);border-top:1px solid #535f51;}
.iconia-image-row > .uagb-container-inner-blocks-wrap > .wp-block-uagb-container.first:before{display:none;}
.iconia-image-row > .uagb-container-inner-blocks-wrap > .wp-block-uagb-container.last:after{display:none;}

.wp-block-navigation__responsive-container-open{color:#e6dcd3;}

.vitri-section > .uagb-container-inner-blocks-wrap > .wp-block-uagb-container > .wp-block-paragraph{position:relative;margin-bottom:20px;}
.vitri-section > .uagb-container-inner-blocks-wrap > .wp-block-uagb-container > .wp-block-paragraph:after{content:"";display:block;position:absolute;bottom:-20px;left:-50%;width:200%;border-top:1px solid #c7bab2;}
.vitri-section > .uagb-container-inner-blocks-wrap > .wp-block-uagb-container > .wp-block-uagb-container > .wp-block-paragraph{display:flex;}
.vitri-section > .uagb-container-inner-blocks-wrap > .wp-block-uagb-container > .wp-block-uagb-container > .wp-block-paragraph:before{content: ""; margin-right: 15px; margin-top: 1%; display: block; width: 9px; height: 9px; background-color: #c7bab2; border-radius: 50%;}
.vitri-section > .uagb-container-inner-blocks-wrap > .wp-block-uagb-container > .wp-block-uagb-container{padding-top:20px;}
.vitri-section > .uagb-container-inner-blocks-wrap > .wp-block-uagb-container > .wp-block-uagb-container:before{content:"";display:block;position:absolute;top:0px;left:4px;width:1px;height:100%;background-color:#c7bab2;}

.tien-ich-tabs-container .wp-block-uagb-tabs{display:block!important;}
.tienich-tabs.uagb-tabs__wrap .uagb-tabs__panel{width:100%;max-width:100%!important;margin:0px;}
.tienich-tabs.uagb-tabs__wrap .uagb-tabs__panel > li.uagb-tab{width:100%;max-width:100%!important;margin:0px;padding:0px;border-width:0px;}
.tienich-tabs.uagb-tabs__wrap .uagb-tabs__panel > li.uagb-tab > a{font-size:1.4em;padding:20px 30px;display:block;background-color:#978a80;color:#e7e4df;text-transform:uppercase;}
.tienich-tabs.uagb-tabs__wrap .uagb-tabs__panel > li.uagb-tab > a:hover,.tienich-tabs.uagb-tabs__wrap .uagb-tabs__panel > li.uagb-tab.uagb-tabs__active > a{color:white;}
.tienich-tabs.uagb-tabs__wrap .uagb-tabs__panel > li.uagb-tab > a[data-tab="0"]:hover,.tienich-tabs.uagb-tabs__wrap .uagb-tabs__panel > li.uagb-tab.uagb-tabs__active > a[data-tab="0"]{background-color:#604d43;}
.tienich-tabs.uagb-tabs__wrap .uagb-tabs__panel > li.uagb-tab > a[data-tab="1"]:hover,.tienich-tabs.uagb-tabs__wrap .uagb-tabs__panel > li.uagb-tab.uagb-tabs__active > a[data-tab="1"]{background-color:#535f51;}

.tienich-tabs.uagb-tabs__wrap .uagb-tabs__body-wrap .wp-block-uagb-icon-list-child .uagb-icon-list__source-wrap{position:relative;}
.tienich-tabs.uagb-tabs__wrap .uagb-tabs__body-wrap .wp-block-uagb-icon-list-child .uagb-icon-list__source-wrap .icon-number{content: counter(so-thu-tu);position: absolute; color: white; font-weight: bold; width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center;}

.wp-block-cb-carousel-v2 .cb-button-next, .wp-block-cb-carousel-v2 .cb-button-prev,.uagb-slider-container .swiper-button-prev, .uagb-slider-container .swiper-button-next,.swiper-button-prev,.swiper-button-next{width: 60px!important; height: 60px!important; margin-top:-30px;background-color: white;transition: all 0.2s ease; border: 2px solid #535f51; color: white; border-radius: 50%; background-size: 14px; background-repeat: no-repeat; background-position: center;}
.wp-block-cb-carousel-v2 .cb-button-next,.uagb-slider-container .swiper-button-next,.swiper-button-next{background-image:url('imgs/right-arrow.png');right:20px;left:auto;}
.wp-block-cb-carousel-v2 .cb-button-prev,.uagb-slider-container .swiper-button-prev,.swiper-button-prev{background-image:url('imgs/left-arrow.png');left:20px;right:auto;}
.wp-block-cb-carousel-v2 .cb-button-next:after, .wp-block-cb-carousel-v2 .cb-button-prev:after,.uagb-slider-container .swiper-button-prev:after, .uagb-slider-container .swiper-button-next:after,.swiper-button-prev:after,.swiper-button-next:after{display:none;}
.wp-block-cb-carousel-v2 .cb-button-next:hover, .wp-block-cb-carousel-v2 .cb-button-prev:hover, .uagb-slider-container .swiper-button-prev:hover, .uagb-slider-container .swiper-button-next:hover,.swiper-button-prev:hover,.swiper-button-next:hover{border-color:#978a80;background-color:#e6dcd3;background-size:18px;}

:root :where(.wp-element-caption, .wp-block-audio figcaption, .wp-block-embed figcaption, .wp-block-gallery figcaption, .wp-block-image figcaption, .wp-block-table figcaption, .wp-block-video figcaption){color:gray;}

.trainghiem-slider .wp-block-uagb-info-box{background-color:#535f51;color:#E7DDD4;}
.trainghiem-slider .wp-block-uagb-info-box .uagb-ifb-image-content{position:relative;}
.trainghiem-slider .wp-block-uagb-info-box .uagb-ifb-image-content:after{content:"";display:block;position:absolute;bottom:0px;left:0px;width:100%;height:100px;background: #535F51; background: -webkit-linear-gradient(0deg, rgba(83, 95, 81, 1) 20%, rgba(255, 255, 255, 0) 100%); background: -moz-linear-gradient(0deg, rgba(83, 95, 81, 1) 20%, rgba(255, 255, 255, 0) 100%); background: linear-gradient(0deg, rgba(83, 95, 81, 1) 20%, rgba(255, 255, 255, 0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#535F51", endColorstr="#FFFFFF", GradientType=0);}
.trainghiem-slider .wp-block-uagb-info-box .uagb-ifb-title-wrap{padding: 40px 140px 0px; box-sizing: border-box; font-size: 1.3em; text-transform: uppercase; line-height: 1.3em; font-weight: bold; margin-bottom: 15px;}
.trainghiem-slider .wp-block-uagb-info-box .uagb-ifb-title-wrap p{margin:0px;}
.trainghiem-slider .wp-block-uagb-info-box .uagb-ifb-desc{padding:0px 140px 60px;margin:0px;box-sizing: border-box;font-size:0.9em;max-height:106px;}

.trainghiem-slider .swiper{counter-reset: tn-so-thu-tu;}
.trainghiem-slider .swiper .swiper-slide{counter-increment: tn-so-thu-tu;}
.trainghiem-slider .swiper .swiper-slide .uagb-ifb-content{position:relative;}
.trainghiem-slider .swiper .swiper-slide .uagb-ifb-content .icon-number{content: counter(tn-so-thu-tu); position: absolute; bottom: 0%; left: 10px; font-size: 10em; font-style: italic; z-index: -1; font-weight: bold; color: #6e766a; font-family: "SVN-Ryhmes Display";}

.hotspots-container .hotspots-interaction{margin:0px;}
.hotspots-container .hotspots-interaction .hotspots-placeholder{display:none;}
.hotspots-container .hotspots-interaction .hotspots-image-container{width:100%;-webkit-box-flex: 0; -webkit-flex: 0 0 100%; -moz-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%;}

.scroll-fade-in {
    opacity: 0; /* Mặc định ban đầu là trong suốt */
    will-change: opacity;
    transition: opacity 0.1s linear; /* Tạo độ mượt khi thay đổi opacity */
}

figure.wp-block-embed{margin-bottom:0px;}

.kgkd-gallery{background-color:white;transition: all 0.3s ease;}
.kgkd-gallery > .wp-block-uagb-container > .wp-block-uagb-image{display:none!important;}
.kgkd-gallery > .wp-block-uagb-container > *{visibility: hidden;opacity:0;}
.kgkd-gallery > .wp-block-uagb-container{cursor:pointer;}
.kgkd-gallery > .wp-block-uagb-container > .wp-block-heading{visibility: visible;opacity:1;}
.kgkd-gallery > .wp-block-uagb-container.active > *,.kgkd-gallery > .wp-block-uagb-container:hover > *{visibility: visible;opacity:1;}
.kgkd-gallery > .wp-block-uagb-container.active,.kgkd-gallery > .wp-block-uagb-container:hover{background: #FFFFFF; background: -webkit-linear-gradient(180deg, rgba(255, 255, 255, 1) 14%, rgba(255, 255, 255, 0) 100%); background: -moz-linear-gradient(180deg, rgba(255, 255, 255, 1) 14%, rgba(255, 255, 255, 0) 100%); background: linear-gradient(180deg, rgba(255, 255, 255, 1) 14%, rgba(255, 255, 255, 0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFF", endColorstr="#FFFFFF", GradientType=0);}

.mbt-slider > .cb-button-prev, .mbt-slider > .cb-button-next{display:none;}
.mbt-slider .nav .cb-button-prev,.mbt-slider .nav .cb-button-next{background-color:transparent;top:auto;bottom:30px;}
.mbt-slider .nav .cb-button-prev{left:0px;}
.mbt-slider .nav .cb-button-next{left:80px;right:auto;}

.mbt-gallery .wp-block-uagb-slider .swiper-button-prev, .mbt-gallery .wp-block-uagb-slider .swiper-button-next{margin:0px;top:7%;background-color:transparent;}
.mbt-gallery .wp-block-uagb-slider .swiper-button-prev{left:33%;}
.mbt-gallery .wp-block-uagb-slider .swiper-button-next{right:auto;left:calc(33% + 80px);}
.mbt-gallery figure img{width:100%;}

.wp-block-uagb-slider-child .swiper-content img{max-width:100%;}
.swiper-content .wp-block-image{text-align:center;}

.force-full-width-img figure{width:100%;}
.force-full-width-img img{width:100%;}

.matbangcanho-slider.wp-block-uagb-slider .swiper-button-prev{top: 15px; left: 25%; margin: 0px!important;}
.matbangcanho-slider.wp-block-uagb-slider .swiper-button-next{top: 15px;right:auto; left: calc(25% + 80px); margin: 0px!important;}

.uagb-modal-popup.active .uagb-modal-popup-close{top: 15px !important; right: 15px !important;z-index:9999; fill: #5d685a; width: 60px; height: 60px; background-color: white; border: 2px solid #5d685a; border-radius: 50%; text-align: center;}
.uagb-modal-popup.active .uagb-modal-popup-close svg{margin:auto;}
.uagb-modal-popup.active .uagb-modal-popup-close:hover{border-color: #978a80; background-color: #e6dcd3;}


@media only screen and (max-width:1440px) {
	header.wp-block-template-part .uagb-container-inner-blocks-wrap{max-width:1280px!important;}
    
    .mbt-gallery .wp-block-uagb-slider .swiper-button-prev{left:30%;top:6%;}
    .mbt-gallery .wp-block-uagb-slider .swiper-button-next{left:calc(30% + 75px);top:6%;}

    .trainghiem-slider .wp-block-uagb-info-box .uagb-ifb-title-wrap,.trainghiem-slider .wp-block-uagb-info-box .uagb-ifb-desc{padding-left:110px;padding-right:110px;}
    .trainghiem-slider .swiper .swiper-slide .uagb-ifb-content .icon-number{bottom: 5%; font-size: 8em;}
	
	header.wp-block-template-part > .uagb-position__sticky.wp-block-uagb-container,header.wp-block-template-part > div{max-height:72px;min-height: 72px;}
}
@media only screen and (max-width:1280px) {
    .trainghiem-slider .wp-block-uagb-info-box .uagb-ifb-title-wrap{height:auto;}
    .trainghiem-slider .wp-block-uagb-info-box .uagb-ifb-desc{min-height:auto;}
    .wp-block-cb-carousel-v2 .cb-button-next, .wp-block-cb-carousel-v2 .cb-button-prev,.uagb-slider-container .swiper-button-prev, .uagb-slider-container .swiper-button-next,.swiper-button-prev,.swiper-button-next,.wp-block-uagb-slider .swiper-button-prev,.wp-block-uagb-slider .swiper-button-next{width:40px!important;height:40px!important;margin-top:-20px!important;}
    .uagb-modal-popup.active .uagb-modal-popup-close{width:40px;height:40px;}
    .trainghiem-slider .swiper .swiper-slide .uagb-ifb-content .icon-number{bottom: 7%; font-size: 9em;}

    .mbt-gallery .wp-block-uagb-slider .swiper-button-prev{left:33%;top:12%;}
    .mbt-gallery .wp-block-uagb-slider .swiper-button-next{left:calc(33% + 55px);top:12%;}

    .matbangcanho-slider.wp-block-uagb-slider .swiper-button-next{left:calc(25% + 60px);}
	header.wp-block-template-part .uagb-container-inner-blocks-wrap{max-width:1040px!important;}
	
	.uagb-is-root-container.my-container.wp-block-uagb-container > .uagb-container-inner-blocks-wrap{max-width:1040px!important;} 
}
@media only screen and (max-width:1180px) {
	header.wp-block-template-part .uagb-container-inner-blocks-wrap{max-width:1000px!important;}
}
@media only screen and (max-width:976px) {
    .iconia-image-row > .uagb-container-inner-blocks-wrap > .wp-block-uagb-container:before,
    .iconia-image-row > .uagb-container-inner-blocks-wrap > .wp-block-uagb-container:after {
        display: none;
    }
    .medium-text-center .wp-block-paragraph,.medium-text-center{text-align:center!important;margin-left:auto;margin-right:auto;}
    .medium-text-justify .wp-block-paragraph,.medium-text-justify.wp-block-paragraph{text-align:justify!important;margin-left:auto;margin-right:auto;}
    .tien-ich-tabs-container .uagb-tabs__body-wrap{padding:0px!important;}
   
    .mbt-slider .nav .cb-button-next{left:auto;right:0px;}

    .mbt-gallery .wp-block-uagb-slider .swiper-button-prev{left:35%;}
    .mbt-gallery .wp-block-uagb-slider .swiper-button-next{left:calc(35% + 55px);}

    .medium-bg-overlay{position:relative;}
    .medium-bg-overlay > div{z-index:1;}
    .medium-bg-overlay:before{content:"";display:block;position:absolute;top:0px;left:0px;width:100%;height:100%;background: rgba(255, 255, 255, 0.69);z-index:0;}
}
@media only screen and (max-width:767px) {
.matbangcanho-slider.wp-block-uagb-slider .swiper-button-prev,.matbangcanho-slider.wp-block-uagb-slider .swiper-button-next{width:30px!important;height:30px!important;background-size: 10px;}
.matbangcanho-slider.wp-block-uagb-slider .swiper-button-next{left: calc(25% + 40px);}

body.home #preloader-1-section,body.home #preloader-2-section{opacity:0;display:none!important;}
body.home .wp-site-blocks > *{opacity:1;}

.tienich-slider.wp-block-uagb-slider .swiper-button-prev{left:10px;}
.tienich-slider.wp-block-uagb-slider .swiper-button-next{right:10px;left:auto;}

    .mbt-gallery .wp-block-uagb-slider .swiper-button-prev,.mbt-gallery .wp-block-uagb-slider .swiper-button-next{display:none;top:50%;margin-top:-20px;background-color:white;}
    .mbt-gallery:hover .wp-block-uagb-slider .swiper-button-prev,.mbt-gallery:hover .wp-block-uagb-slider .swiper-button-next{display:block;}
    .mbt-gallery .wp-block-uagb-slider .swiper-button-prev{left:-10px;}
    .mbt-gallery .wp-block-uagb-slider .swiper-button-next{left:auto;right:-10px;}
}
@media only screen and (max-width:600px) {
    .uagb-modal-popup-wrap{min-width:80%;}
    .kgkd-gallery > .wp-block-uagb-container > *{visibility:visible;opacity:1;}
    .trainghiem-slider .wp-block-uagb-info-box .uagb-ifb-title-wrap{padding:0px 30px 0px 70px;}
    .trainghiem-slider .wp-block-uagb-info-box .uagb-ifb-desc{padding:0px 30px 30px 70px;}
    .trainghiem-slider .swiper .swiper-slide .uagb-ifb-content .icon-number{font-size:7em;}
    .mbt-slider .wp-block-spacer.nav{height:85px!important;}
    .mbt-slider .nav .cb-button-prev, .mbt-slider .nav .cb-button-next{bottom:15px;}
    
    .kgkd-gallery > .wp-block-uagb-container{background: #FFFFFF; background: -webkit-linear-gradient(180deg, rgba(255, 255, 255, 1) 14%, rgba(255, 255, 255, 0) 100%); background: -moz-linear-gradient(180deg, rgba(255, 255, 255, 1) 14%, rgba(255, 255, 255, 0) 100%); background: linear-gradient(180deg, rgba(255, 255, 255, 1) 14%, rgba(255, 255, 255, 0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFF", endColorstr="#FFFFFF", GradientType=0);}

    .tongquanduan-text{font-size: 0.8em;}
    .tongquanduan-text p{font-weight: 400; }
}