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

/*************** ADD CUSTOM CSS HERE.   ***************/

/*Body*/
body{font-size:0.95rem!important;}
.time-new-roman{font-family: 'Time News Roman';}
.featured-image img{width:100% !important; border-radius: .5rem !important;}
/*Menu*/
ul.header-nav-main{justify-content: center !important;}
li.mega-current-menu-item a:before{background-color:#E31C2F}
.mega-indicator{display:none !important;} 
li.parent_menu ul.mega-sub-menu li.mega-menu-item a.mega-menu-link{font-size:150% !important; color:#002b60!important; font-weight: 700!important;}
ul.mega-sub-menu{padding-top:10px !important; padding-bottom:10px !important;}
ul.mega-sub-menu li.mega-menu-item{padding-bottom: 15px !important;}
ul.mega-sub-menu li.mega-menu-item a.mega-menu-link{
  display: inline !important;
  text-decoration: none !important;
  background-image: linear-gradient(to right, #E87F38 100%, #E87F38 100%)!important;
  background-size: 0% 2px !important;
  background-repeat: no-repeat !important;
  background-position: 0 100% !important;
  transition: all 0.3s ease !important;
  padding-bottom: 3px !important;
  font-weight:500 !important;
}
ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:hover{
  color: #002b60 !important;
  background-size: 100% 2px !important;
}
/*Footer*/
footer {margin-top: 12.5rem;}
.searchform-wrapper {display: flex; align-items: center; gap: 12px;}
.custom-search-form {display: flex; align-items: center; width: 100%;}
.search-input-wrapper {position: relative; flex: 1;}
.search-input {border-radius: 999px !important; width:95% !important}
.search-input-wrapper .icon-search {position: absolute; right: 50px; top: 39%; transform: translateY(-50%); font-size: 16px; color: #333; pointer-events: none;}
.search-button {background-color: #E87F38!important; color: #fff; border: none; border-radius: 999px; font-size: 16px; cursor: pointer; transition: background-color 0.2s ease;}
.search-button:hover {background-color: #E87F38!important;}
footer a.ux-menu-link__link{font-size:1rem; color:#fff;text-decoration:underline; font-weight:500; padding-bottom:20px;}
footer a.ux-menu-link__link:hover{color:#fff !important;}
ul.list_footer{padding-bottom: 0 !important; border-bottom: none !important;}
ul.list_footer li{display:inline; padding-right:10px;}

/* Trang liên hệ */
.lien-he a.button{border:solid 2px #fff !important;}
.lien-he a.button i, .lien-he a.button span{color:#fff !important;}
.lien-he a.button:hover i, .lien-he a.button:hover span{color: #002b60 !important;}
.lien-he .icon-box-img svg{color:#002b60 !important;}
.accordion-lien-he a span{color:#002b60; font-size: 1.25rem; font-weight: 500;}
.accordion-lien-he a button i{color: #CF3B3B !important;}.accordion-lien-he a button{right: 0 !important; left: auto !important;}
.accordion-lien-he .accordion-title{padding: .6rem 0rem !important;}
.accordion-item svg{color:#002b60 !important;}
ul.list-lien-he{display: flex;}
.list-lien-he li{display: flex; align-items:center;}
.the_tags{display:flex;}
li.tag-labels{list-style-type: none; background:#f4f4f4; padding: .5rem 1rem; border-radius: .5rem; margin-right: 1rem;}
li.tag-labels a{color:#7d7d7d;}

/* Trang tin tức */
span.breadcrumb_last strong{color:#707070;}
.cat-title{display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;}
h1.category-title, h1.post-title{font-size:2.5rem; color:#002b60;}
h3.news-title{font-size:1.25rem; font-weight:400; line-height:1.75rem;}
.cenedu_metatag{font-weight:400; font-size:.75rem; color:#8b8b8b;}
.homepage_smallnews p{text-align:justify; color:#002b60;}
.post-content p{text-align: justify;}
p#breadcrumbs span a, p#breadcrumbs i{color:#707070 !important;}
p#breadcrumbs span.breadcrumb_last{display: none !important;}
.share-icons a i{color:#8b8b8b; padding-left: 1rem;} 
.share-icons a i:before{font-size:2rem;}
.hoat-dong-title, .accordion-level-2{display:flex;justify-content: space-between; align-items: flex-start; flex-wrap: wrap;}

/* Form tư vấn */
.form-tu-van-form label{font-family:'Time News Roman'; color: #8b8b8b; font-size:1rem; padding-left:2rem;}
.form-tu-van-form .agreement label{padding-left: 0 !important;}
.form-tu-van-form input, .form-tu-van-form select{background-color:#f4f4f4 !important; box-shadow: none !important; border:none !important; color:#8b8b8b !important; font-weight:500; padding: 1rem 2rem; height: auto !important; border-radius:999px;}
.form-tu-van-form textarea{background-color:#f4f4f4 !important; box-shadow: none !important; border:none !important; color:#8b8b8b !important; font-weight:500; padding: 1rem 2rem; height: 100px !important; border-radius:1rem;}
span.agreement{display: flex; flex-direction: column;}
span.agreement label{font-family: inherit !important; color:#002b60 !important; font-weight:400 !important;}
.form-tu-van-form input.submit{background-color: #e87f38 !important; color:#fff !important; padding: .5rem 2.5rem !important; border-radius: .5rem !important; margin-right: 0 !important; text-transform: capitalize;}
.submit-buttom p{display: flex; flex-direction: row-reverse; justify-content: space-between;}
select.co-so-2 {appearance: none; -webkit-appearance: none; -moz-appearance: none; background: none;}
.form-ung-tuyen{background:#fff !important; border-radius:2rem !important;}
div.has-bg div.section-bg{background-position: bottom left; background-size:33%;}
/* Wrapper chứa vùng tải lên */
.custom-upload-wrapper {position: relative; background-color: #f5f5f5; border-radius: 2rem; padding: 2rem; text-align: center; cursor: pointer; transition: background 0.3s;}
/* Ẩn input file mặc định */
.custom-upload-wrapper input[type="file"] {position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; z-index: 2;}
/* Icon tải lên */
.custom-upload-wrapper .upload-icon {font-size: 1.5rem; color: #666; display: block; margin-bottom: 0.5rem;}
/* Text "Chọn tệp để tải lên" */
.custom-upload-wrapper .upload-preview {font-size: .75rem; color: #666;}
/* Gợi ý định dạng file */
.form-tu-van-form small {display: block; margin-top: 0.5rem; font-size: 0.875rem; color: #999; padding-left:2rem;}


/* Trang lịch khai giảng */
.about_navigation ul li, .tieng-duc-offline ul li, .lich-khai-giang ul li{padding-right: 1.25rem;}
.about_navigation ul li a, .tieng-duc-offline ul li a span,.lich-khai-giang ul li a span{font-size:1rem; letter-spacing: 0 !important; font-weight: 700;}
.about_navigation ul li.active a, .tieng-duc-offline ul li.active a span,.lich-khai-giang ul li.active a span{
	color: #CF3B3B; 
	display: inline !important; 
	text-decoration: none !important; 
	background-image: linear-gradient(to right, #E87F38 100%, #E87F38 100%)!important; 
	background-size: 100% 2px !important; 
	background-repeat: no-repeat !important; 
	background-position: 0 100% !important; 
	padding-bottom: 3px !important; 
	font-weight:700 !important; 
}
.tieng-duc-offline .tab-panels, .lich-khai-giang .tab-panels{margin-top: 2rem;}
div.why-cad div.col-inner{background-size: 18%; background-position: top right 10%; background}
.about_navigation ul li{display: inline;}

/* Về Academy */
.text-overlay{position: absolute; top: 60%;}
.tam-nhin-su-menh{background: linear-gradient(to right, #0f295a 50%, #ffffff 0%);}
.con-so-tam-nhin:nth-child(-n+4){border-bottom: solid 1px #8b8b8b;}
.con-so-tam-nhin h2{margin-bottom: 0!important;}
.con-so-tam-nhin p{margin-bottom: 0!important; margin-top: 2.5rem !important;}
.gia-tri-cot-loi .col-inner:hover{background-color:#CF3B3B !important; color:#fff !important;} 
.gia-tri-cot-loi .col-inner:hover h3 span{color:#fff !important;}
.page-doi-tac:nth-child(1), .page-doi-tac:nth-child(3){padding-bottom:10px !important;}
.page-doi-tac:nth-child(3n-2){padding-right: 10px !important;}
.page-doi-tac:nth-child(3n){padding-left: 10px !important;}
.page-doi-tac:nth-child(n+4):nth-child(-n+6){border-top: solid 1px #002c60; border-bottom: solid 1px #002c60;padding-top:10px !important; padding-bottom:10px !important;} /*4,5,6*/
.page-doi-tac:nth-child(3n-1){padding: 0px 10px 10px!important; border-left: solid 1px #002c60; border-right: solid 1px #002c60;} /*2,5,8 */
.page-doi-tac:nth-child(n+7):nth-child(-n+9){padding-top: 10px !important;}
.page-doi-tac:nth-child(8){padding-bottom: 0!important;}

/* Trang chủ */
.homepage_con-so-noi-bat{background: linear-gradient(to right, #cf3b3b 32%, #0e295c 0%); margin:6rem 0;}
.homepage_lua-chon-hang-dau:nth-child(-n+3){border-bottom: solid 1px #ddd;}
.homepage_lua-chon-hang-dau.col-inner{padding-left:15%!important; padding-top:10%!important;}
.homepage_slider{margin-bottom:10rem;}
.homepage_text-overlay{position: absolute; top: 15%;}
.quote-icon { color: #fff; font-size: 10rem; position: absolute; top: -35%;}

/* Responsive Desktop Layout Enhancements */
@media screen and (min-width: 1024px) {
  .container { max-width: 960px; }

}
@media screen and (min-width: 1280px) {
  .container { max-width: 1140px; }

}
@media screen and (min-width: 1440px) {
  .container { max-width: 1320px; }

}
@media screen and (min-width: 1680px) {
  .container { max-width: 1480px; }

}
@media screen and (min-width: 1920px) {
  .container { max-width: 1600px; }
}
@media screen and (min-width: 2560px) {
  .container { max-width: 2000px; }

}

@media only screen and (max-width: 600px) {
  .cenedu_title h2{font-size:2em;}
  .cat-title{flex-direction: column; align-items: flex-start;}
}