/*
Theme Name: VTCA Academy
Theme URI: http://wordpress.org/themes/ttcl
Author: Ryan - Tấn Nguyễn
Author URI: http://wordpress.org/
Description: One page effect theme
Version: 9.9.9
Tags: one page, effect, croll section
Text Domain: vtca

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/* =========================
   Quick component tweaks
   ========================= */
.wpcf7 .btn-main { width: unset; }
.wpcf7-response-output {
	color: #fff;
	margin-left: 0 !important;
	margin-right: 0 !important;
	border-color: #fff !important;
}

.y-text-editor table,
.y-text-editor tr,
.y-text-editor td { border: 1px solid black; }

.admissions-page .y-text-editor table,
.admissions-page .y-text-editor tr,
.admissions-page .y-text-editor td { border: 0; }
.admissions-page .y-text-editor table tr { border-bottom: 1px solid #000; }
.admissions-page .y-text-editor table tr:last-child,
.admissions-page .y-text-editor table tr:first-child { border-bottom: 2px solid #000; }

.text-pre-line { white-space: pre-line; }

.css-plugin {
	display: flex;
	align-items: center;
	float: right;
	clear: both;
}

/* .box-language .wpml-ls-display { display:none } */
.box-language .wpml-ls-legacy-list-horizontal { padding: 0; border: none; }
.box-language .wpml-ls-legacy-list-horizontal a {
	padding: 0 15px 0 0;
	position: relative;
}
.box-language .wpml-ls-legacy-list-horizontal a:after {
	position: absolute;
	width: 1px;
	height: 80%;
	content: "";
	background-color: #fff;
	top: 10%;
	right: 7px;
}
.box-language .wpml-ls-legacy-list-horizontal li:last-child a:after { width: 0; }
.box-language .wpml-ls-current-language a { text-decoration: underline; }

.cs-event-detail .box-share {
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

.wpcf7-form .wpcf7-submit { position: relative; z-index: 99; }

.list-course-output .item.fff27a { background-color: #fff27a; }
.list-course-output .item.fff8bd { background-color: #fff8bd; }
.list-course-output .item.fff6a2 { background-color: #fff6a2; }
.list-course-output .item.fff388 { background-color: #fff388; }

.y-text-editor .wp-caption {
	text-align: center;
	font-style: italic;
	/*display: inline;*/
}

.space-slider-section .space-slider { overflow: hidden; }
.space-slider .owl-stage-outer { margin-left: -1px; }

.item-course .info-course .list-info .viewmore {
	color: #000;
	-webkit-text-underline-position: under;
	-ms-text-underline-position: below;
	text-underline-position: under;
}

.y-mobile-menu li.current-menu-item a { color: #ffd300; }

/* VTCA link menu */
.vtca-link-menu { padding: 0 20px; }
@media only screen and (max-width:767px) {
	.vtca-link-menu { padding: 0 5px; font-size: 10px; }
	.box-language .wpml-ls-legacy-list-horizontal a { padding-right: 5px; }
	.right-header .btn-search i { font-size: 12px; }
	.box-language .wpml-ls-legacy-list-horizontal a:after { right: 2px; }
}
@media (max-width:575px) {
	.cs-event-detail .box-share .heateor_sss_sharing_ul li i {
		width: 30px !important;
		height: 30px !important;
	}
}

/* =========================
   KHÓA HỌC NGẮN HẠN
   ========================= */
.khoa-hoc-ngan-han .object-course-section .list-object .item-object { margin-bottom: 40px; }
.khoa-hoc-ngan-han .object-course-section .list-object .item-object .img-object { margin-bottom: 15px; }
.khoa-hoc-ngan-han .object-course-section .list-object .item-object .img-object img { border-radius: 50%; }

.khoa-hoc-ngan-han .course-develop-section .box-group { display: flex; }
.khoa-hoc-ngan-han .course-develop-section .box-group .img-group {
	width: 60px;
	margin-right: 25px;
	margin-top: 8px;
}
.khoa-hoc-ngan-han .course-develop-section .box-group .img-group .box-img-flex { height: 70px; }
.khoa-hoc-ngan-han .course-develop-section .box-group .content-group { width: calc(100% - 85px); }

.bg-gray-5 { background-color: #dfe3ee; }
.bg-gray-6 { background-color: #ededf2; }

.sourse__sub-title { text-transform: uppercase; padding-top: 30px; }
.title-main-khnh { max-width: inherit !important; margin-bottom: 60px; }

/* =========================
   Recruitment / Text editor
   ========================= */
.recruitment-page .item-course .info-course .list-info p,
.recruitment-single .information-content-section .information-other-box .information-other-content p { width: 100%; }

.recruitment-page .enterprise-title,
.recruitment-single .other-title { color: #000; }

.y-text-editor ul { margin-bottom: 10px; }
.font-weight-b { font-weight: 700; }

.item-course .info-course .title-course { line-height: 1.3; }
@media only screen and (min-width:1701px) {
	.item-course .info-course .title-course { height: 60px; }
}
@media only screen and (max-width:1700px) {
	.item-course .info-course .title-course { height: 50px; }
}

/* =========================
   Software marquee
   ========================= */
.software-list {
	position: relative;
	display: block;
	overflow: hidden;
	margin: 20px auto 0;
	width: 100%;
	max-width: 4200px;
}
.software-list .list-row { position: relative; font-size: 0; width: 8400px; }
.software-list .list-row:nth-child(odd) {
	-webkit-animation: software-scroll 60s linear infinite;
	animation: software-scroll 60s linear infinite;
	margin-bottom: 16px;
}
.software-list .list-row:nth-child(even) {
	-webkit-animation: software-scroll 70s linear infinite;
	animation: software-scroll 70s linear infinite;
	margin-bottom: 16px;
}
.software-list .list-row figure {
	position: relative;
	display: inline-block;
	width: 4200px;
	height: 80px;
	background-size: auto 100%;
	background-repeat: no-repeat;
}

@-webkit-keyframes software-scroll {
	0% { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
	100% { -webkit-transform: translate3d(-50%,0,0); transform: translate3d(-50%,0,0); }
}
@keyframes software-scroll {
	0% { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
	100% { -webkit-transform: translate3d(-50%,0,0); transform: translate3d(-50%,0,0); }
}

/* =========================
   Product detail gallery
   ========================= */
.recruitment-page .enterprise-slider .item-slider .item-slider-box { width: 100%; }
.recruitment-page .content-post-left .box-content .enterprise-item .enterprise-logo a { text-align: center; }

.product-detail-page .list-img-product .item-img .item-3 .box-img,
.product-detail-page .list-img-product .item-img .item-5 .box-img,
.product-detail-page .list-img-product .item-img .item-7 .box-img {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	overflow: hidden;
}
.product-detail-page .list-img-product .item-img .item-3 .box-img { padding-bottom: 126.6%; }
.product-detail-page .list-img-product .item-img .item-7 .box-img { padding-bottom: 42.2%; }
.product-detail-page .list-img-product .item-img .item-5 .box-img { padding-bottom: 66.6667%; }

.product-detail-page .list-img-product .item-img .item-3 { width: 25%; }
.product-detail-page .list-img-product .item-img .item-5 { width: 50%; background-color: #fff; }
.product-detail-page .list-img-product .item-img .item-7 { width: 75%; }
.product-detail-page .list-img-product .item-img .box-img img {
	position: absolute;
	top: 50%; left: 50%;
	transform: translate(-50%, -50%);
	width: auto !important;
	height: auto !important;
	min-width: 100%;
	min-height: 100%;
	object-fit: cover;
}
.product-detail-page .list-img-product .item-img .item-full { width: 100%; }

.wpcf7-form .wpcf7-submit.btn-main { max-width: max-content; }

/* =========================
   KHÓA HỌC NGẮN HẠN (titles)
   ========================= */
.khoa-hoc-ngan-han .cs-title-khnh .title-main-2 { padding-top: 0; }
.khoa-hoc-ngan-han .cs-title-khnh .e-sub-title {
	padding-top: 30px;
	font-weight: 700;
	text-transform: uppercase;
}

/* =========================
   Misc content tweaks
   ========================= */
.recruitment-page .content-post-left .box-content .enterprise-item .enterprise-content .enterprise-title {
	display: block; margin-bottom: 20px;
}
.information-content-section .information-other-box .information-other-logo a { text-align: center; }

.course-develop-section ul { list-style: inherit; }

.cs-event-detail .list-img-summary .wrap-img { text-align: center; margin-bottom: 30px; }
.cs-event-detail .list-img-summary .wrap-img em { margin-top: 10px; display: block; }
.cs-event-detail .summary-event-section .list-img-summary .item-img { margin-bottom: 0; }
.cs-event-detail .summary-event-section .list-img-summary .item-img.video-product { margin-bottom: 30px; }

@media only screen and (min-width:768px) { body { padding-left: 79px; } }
@media only screen and (min-width:1600px) {
	.product-detail-page .list-img-product .item-img .box-img img {
		min-width: 101%;
		min-height: 101%;
	}
}

/* =========================
   Floating CTA
   ========================= */
.wrap-cta {
	position: fixed;
	z-index: 9;
	bottom: 20px;
	left: 105px;
	display: flex;
	align-items: flex-end;
}
.wrap-cta .warp-img {
	max-width: 60px; width: 100%;
	float: left; margin-bottom: 20px; position: relative;
}
.wrap-cta .warp-img img {
	border-radius: 50%;
	transition: all 0.5s ease;
	padding: 1px;
}
.wrap-cta .warp-img img:hover {
	box-shadow: 0 0 10px rgba(0,0,0,.6);
	-moz-box-shadow: 0 0 10px rgba(0,0,0,.6);
	-webkit-box-shadow: 0 0 12px rgba(90,87,87,.6);
	-o-box-shadow: 0 0 10px rgba(0,0,0,.6);
	background-color: #fff;
}
.wrap-cta .list-phone img { max-width: 21px; }
.wrap-cta .list-phone {
	text-decoration: none;
	list-style: none;
	margin-left: 25px;
	opacity: 0; visibility: hidden;
	transition: all 0.5s ease;
	position: absolute;
	left: 100%; bottom: 0;
	width: max-content;
}
.wrap-cta .list-phone.active { opacity: 1; visibility: visible; }
.wrap-cta .list-phone a { color: #333; }
.wrap-cta .list-phone li {
	background-color: #f2f2f2;
	margin-bottom: 10px;
	padding: 8px 20px;
	border-radius: 10px;
}
.wrap-cta .list-phone li:last-child { margin-bottom: 0; }

@media only screen and (max-width:575px) {
	.wrap-cta { left: 20px; }
	.wrap-cta .warp-img { max-width: 45px; }
	.wrap-cta .list-phone { margin-left: 10px; }
	.wrap-cta .list-phone li { padding: 5px 12px; }
}

/* =========================
   Lists, products, info blocks
   ========================= */
.recruitment-single .cr-content ul,
.recruitment-single .y-text-editor ul { list-style: inside; }

.info-student ul { list-style: inherit; margin-inline-start: 20px; }

.product-lasted .list-post>div { margin-bottom: 30px; }

.course-oder-item { display: flex; width: 50%; }
.course-oder-list .item { width: 50%; }
.course-oder-list .item.item-img img { height: 100%; }

.information-content-section .information-content .information-more {
	position: relative; display: block; z-index: 2;
	padding-top: 20px; margin-top: -20px;
}
.information-content-section .information-content .information-more:after {
	content: "";
	position: absolute; bottom: 0; left: 0;
	background: linear-gradient(180deg, rgba(255,255,255,0.8) 0, #fff 52.08%);
	height: 100%; width: 100%; z-index: -1;
}

.recruitment-single .cr-content ul,
.recruitment-single .y-text-editor ul { font-size: 24px; }

.footer .list-social { display: flex; }
.list-student .item-student .feedback-student { -webkit-line-clamp: unset; }
.header.header-black .box-language .wpml-ls-legacy-list-horizontal a:after { background-color: #000; }

.y-text-editor a { text-decoration: none; }
.course-other-section .item-event .info-post { padding-top: 0; }

@media (min-width: 1481px) {
	.list-prod-masonry .box-item-product { width: 16.66667% !important; }
}
@media (max-width: 1700px) {
	.recruitment-single .cr-content ul,
	.recruitment-single .y-text-editor ul { font-size: 20px; }
}
@media (max-width: 1480px) {
	.recruitment-single .cr-content ul,
	.recruitment-single .y-text-editor ul { font-size: 18px; }
}

@media only screen and (min-width:768px) {
	.select-filter-post.box-mobile { display: none !important; }
}

@media only screen and (max-width:767px) {
	.wrap-cta { left: 20px; }
	.khoa-hoc-ngan-han .cs-title-khnh .e-sub-title { font-weight: 300; font-size: 24px; text-transform: inherit; }
	ol li { margin-bottom: 20px; }
	ol li:last-child { margin-bottom: 0; }

	.img-item-post-mb {
		display: flex; flex-flow: wrap column;
		align-items: flex-start; height: 100% !important; background: #fff;
	}
	.img-3-2-mb {
		position: relative; display: flex; align-items: center; justify-content: center;
		width: 100%; overflow: hidden; padding-bottom: 66.6667%;
	}
	.img-3-2-mb img {
		position: absolute; top: 50%; left: 50%;
		transform: translate(-50%, -50%);
		width: auto!important; height: auto!important;
		min-width: 100%; min-height: 100%; object-fit: cover;
	}
	.mr-auto-mb { margin: 0 auto; }
	.mb-p0 { padding: 0; }
	.mb-p0-20 { padding: 0 20px; }
	.mb-p20-0 { padding: 20px 0; }
	.mb-fullwidth { max-width: 100%; }

	.post-related-section .list-post,
	.mb-padding-section { padding: 0; }

	.mb-bg-fff,
	.post-page .post-related-section.mb-bg-fff { background-color: #fff; }
	.mb-bg-gray { background-color: #f2f2f2 !important; }

	.recruitment-single .information-header-section .information-icon { width: 100%; padding: 0; }
	.career-select-filter { justify-content: center; padding-bottom: 20px; }
	.product-lasted .title-main { padding: 0 10px; }

	/* .title-main, .title-main-2 { font-size: 30px; } */
	.title-main-2.edu-program { font-size: 24px; text-align: left; }
	.product-detail-page .title-product { text-align: center; margin-bottom: 35px; }

	.recruitment-page .enterprise-slider .owl-next { right: 30px; transform: translate(120%, -100%); }
	.recruitment-page .enterprise-slider .owl-prev { left: 30px; transform: translate(-120%, -100%); }
	.recruitment-page .enterprise-slider .owl-next span,
	.recruitment-page .enterprise-slider .owl-prev span { opacity: 0.5; }

	.career-list-filter { background-color: #8b8eba; padding: 20px 0; }
	.career-list-filter .select-filter-post,
	.library-select-box .select-filter-post,
	.policy-select-box .select-filter-post,
	.course-select-box .select-filter-post { padding-bottom: 0; justify-content: center; }
	.career-list-filter select { color: #fff; }
	.career-list-filter select,
	.library-select-box select,
	.course-select-box select { background-color: transparent; outline: none; }
	.career-list-filter select option { background-color: #8b8eba; }

	.recruitment-page .content-post-left .box-content .enterprise-item .enterprise-content { width: 70%; }
	.recruitment-page .content-post-left .box-content .enterprise-item .enterprise-logo {
		width: 30%; background-color: #eaf3ff;
	}
	.recruitment-page .content-post-left .box-content .enterprise-item { margin: 0; padding: 20px 0; }
	.recruitment-page .content-post-left .box-content { padding: 30px 15px 0; }
	.recruitment-template .content-post-right { background-color: #f2f2f2; padding-top: 30px; }
	.recruitment-page .content-post-right .list-event .box-item-event { margin-bottom: 30px; }
	.recruitment-template .course-other-section { display: none; }

	.library-select-box { padding: 15px 0; }
	.library-select-box select option { background-color: #eaf3ff; }
	.library-page { margin-top: 0; }
	.list-ebook .box-item-ebook .item-ebook .info-ebook .file-format { margin-bottom: 20px; }
	.library-related-page .list-link-about { display: flex; }
	.library-related-page .list-link-about.link-2 a {
		width: 50%; display: inline-block; float: left; font-weight: bold; padding: 0;
	}
	.top-library .info-library h1 span,
	.top-library .info-library h2 span .top-library .info-library h3 span { font-size: 30px !important; }
	.activity-template .select-filter-post { padding-top: 8px; }

	/* logo mobile */
	.software-list .list-row { width: 5250px; }
	.software-list .list-row figure { height: 50px; width: 2625px; }

	.list-course-output .item:not(.item-img) { height: auto !important; min-height: inherit; }
	.recruitment-page .content-post-left .box-content .enterprise-item .enterprise-logo img { width: 90%; }
}

@media (max-width: 991px) {
	.course-oder-item { width: 100%; }
	.course-oder-item-02 .item:not(.item-img) { order: 2; }
	.course-oder-item-03 .item.item-img { order: 2; }
	.course-oder-list-2 .course-oder-item-04 .item:not(.item-img) { order: 2; }
	.course-oder-list.list-course-output.course-oder-list .course-oder-item-full { width: 100%; }
}

@media (min-width: 1600px) {
	.course-other-section .info-course .title-course { font-size: 20px; }
}

@media (min-width: 1200px) and (max-width: 1600px) {
	.list-student .item-student .img-student .tag { height: 90px; bottom: 20px; right: 20px; }
	.page-section.about-page.scroll-done-case-intro .case-intro .content-case { padding: 20px 0; }
	.page-section.about-page.scroll-done-case-intro .case-intro .content-case .title-main-2 { font-size: 22px; margin-bottom: 10px; }
	.page-section.about-page.scroll-done-case-intro .case-intro .content-case .title-main-3 { font-size: 22px; }
	.page-section.about-page.scroll-done-case-intro .case-intro .content-case .desc-intro { margin-bottom: 25px; }
	.page-section.about-page.scroll-done-case-intro .case-intro .content-case .item-number .desc-number { font-size: 14px; }
	.page-section.about-page.scroll-done-case-intro .case-intro .content-case .item-number { margin-bottom: 20px; }
}

/* =========================
   Social popup login
   ========================= */
.modal_login {
	display: none;
	position: fixed;
	z-index: 1;
	left: 0; top: 0;
	width: 100%; height: 100%;
	overflow: auto; color: #fff;
	top: 50%; transform: translateY(-50%);
	background-color: rgba(0,0,0,.4);
}
.modal_login .modal-content {
	margin: auto; max-width: 736px;
	padding-top: 150px; background: transparent; border: 0;
}
.modal_login .model-content-blue { background-color: #111ec1; padding-bottom: 35px; border-radius: 10px; }
.modal_login h3.download {
	text-align: center; font-size: 48px; font-weight: 900;
	padding: 40px 0; margin: 0;
}
.modal_login .modal-thumb { margin: -130px auto 0; }
.modal_login img { width: inherit; }
.modal_login .btn-login {
	display: inline-block; width: fit-content;
	background-color: #fff; border-radius: 10px; color: #111ec1;
}
.modal_login .btn-login span { padding: 0 15px; }

.txt-yellow { color: #fff200; }
.wrap-btn-login { display: flex; justify-content: space-evenly; }
.modal_login .login-desc-1 {
	font-size: 25px; text-align: center; text-transform: uppercase;
	max-width: 70%; margin: 0 auto 20px;
}
.modal_login .login-desc-2 { text-align: center; max-width: 85%; margin: 20px auto; font-size: 20px; }
.modal_login .close_login {
	font-size: 40px; position: absolute; top: 20px; right: 0;
	color: #fff; z-index: 99; display: flex; align-items: center; justify-content: center;
	line-height: 1; width: 40px; height: 40px; cursor: pointer;
}
@media (min-width: 481px) and (max-width: 1600px) {
	.modal_login .modal-content { max-width: 500px; padding-top: 125px; }
	.modal_login h3.download { font-size: 30px; padding: 20px 0; }
	.modal_login .login-desc-1 { max-width: 70%; font-size: 18px; }
	.modal_login .btn-login img { max-width: 40px; }
	.modal_login .btn-login span { padding: 0 5px; }
	.modal_login .login-desc-2 { max-width: 98%; font-size: 16px; }
	.modal_login .modal-thumb { margin-top: -105px; }
}
@media (max-width: 767px) {
	.modal_login { transform: inherit; top: 0; padding-top: 65px; }
}
@media (max-width: 480px) {
	.wrap-btn-login { display: flex; flex: 1; flex-wrap: wrap; }
	.modal_login .btn-login img { max-width: 40px; }
	.modal_login .btn-login { max-width: 265px; margin-bottom: 10px; width: 100%; }
	.modal_login h3.download { font-size: 28px; padding: 20px 0; }
	.modal_login .login-desc-1 { max-width: 98%; font-size: 18px; }
	.modal_login .login-desc-2 { max-width: 98%; font-size: 15px; }
}

/* =========================
   Tags
   ========================= */
.tags {
	width: 100%;
	margin-top: 100px;
	color: #203e7d;
	text-transform: capitalize;
}
.tags .tag-tt { font-weight: 700; }
.tags a { color: #203e7d; }
.tags a:hover { color: #007bff; }
.tags a:last-child span { display: none; }

/* =========================
   Chú thích (modal)
   ========================= */
.br-30 { border-radius: 30px; }
a.modal-text { color: #16288E !important; }
a.modal-text:hover { color: #007bff !important; }
.chu-thich .modal-header {
	color: #fff; background: #203E7D; padding: 20px; border-radius: 29px 29px 0 0; margin-top: -1px;
}
.chu-thich .modal-body { padding: 20px; border-bottom: 1px solid #000; }
.chu-thich .modal-footer { padding: 20px; }
.chu-thich .modal-footer .btn { background: #16288E; color: #fff; }
.chu-thich .modal-header .close {
	float: right; font-size: 2rem; font-weight: 400; line-height: 1;
	color: #fff; text-shadow: 0 1px 0 #797979; opacity: 0.5;
}
.chu-thich .modal-header .close:focus,
.chu-thich .modal-header .close:hover { color: #fff; opacity: 1; }
.close:focus { outline: unset; }
.contentsosanhkhoahoc { width: 1500px; margin: auto !important; z-index: 999; }

/* ========================================================================== */
/*   STYLESHEET TỔNG HỢP VÀ TỐI ƯU - PHIÊN BẢN 3.0                           */
/* ========================================================================== */

/* 0. CSS VARIABLES */
:root{
	--c-primary:#0056b3;
	--c-accent-red:#eb5756;
	--c-accent-yellow:#ffd300;
	--c-text-dark:#111;
	--c-text-body:#555;
	--c-text-light:#6c757d;
	--c-text-white:#ffffff;
	--bg-light:#f1f3f5;
	--bg-off-white:#fafafa;
	--bg-white:#ffffff;
	--bg-blue-light:#eaf3ff;
	--h1-font-size:26px; --h2-font-size:24px; --h3-font-size:22px; --h4-font-size:20px; --h5-font-size:19px; --h6-font-size:18px;
	--font-size-card-title-main:17px; --font-size-card-title-sidebar:17px;
	--border-radius-main:.35rem;
}
@media (min-width:576px){ :root{ --h1-font-size:28px; } }
@media (min-width:768px){
	:root{
		--h1-font-size:30px; --h2-font-size:25px; --h3-font-size:23px;
		--font-size-card-title-main:18px; --font-size-card-title-sidebar:18px;
	}
}
@media (min-width:992px){ :root{ --h1-font-size:36px; --h2-font-size:28px; --h3-font-size:24px; } }
@media (min-width:1200px){ :root{ --h1-font-size:40px; } }

/* 1. BASE & TYPOGRAPHY */
.y-text-editor h1{font-size:var(--h1-font-size);line-height:1.2;}
.y-text-editor h2{font-size:var(--h2-font-size);line-height:1.25;}
.y-text-editor h3{font-size:var(--h3-font-size);line-height:1.3;}
.y-text-editor h4{font-size:var(--h4-font-size);line-height:1.35;}
.y-text-editor h5{font-size:var(--h5-font-size);line-height:1.4;}
.y-text-editor h6{font-size:var(--h6-font-size);line-height:1.45;}
.y-text-editor p{margin-bottom:10px;}
.y-text-editor b,.y-text-editor strong{font-weight:700;}
.y-text-editor i{font-style:italic;}
/*.y-text-editor u,.y-text-editor a{text-decoration:underline;}*/
/*.y-text-editor img,.y-text-editor iframe{max-width:100%;height:auto;}*/
.y-text-editor table{width:100%; margin-bottom:20px}
.y-text-editor blockquote{
	margin:1em 0 1.25em;padding:.6em 1.25em .3em 1.575em;border-left:8px solid #203e7d;
	font-style:italic;background-color:#f1f1f1;
}
.y-text-editor ul,.y-text-editor ol{padding-left:30px;}
.y-text-editor ul{list-style-type:disc;}
.y-text-editor ol{list-style-type:decimal;}
.y-text-editor ul li,.y-text-editor ol li{display:list-item;}

/* 2. UTILITIES & LAYOUT */
.item-post,.course-card{position:relative;}
.stretched-link{color:inherit;text-decoration:none;}
.stretched-link::after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;content:"";}
@media (min-width:1200px){
	.custom-container-padding{padding:0;}
	.custom-container-padding>.row{margin-left:40px;margin-right:0;}
	.custom-container-padding>.row>.col-lg-4{padding-right:20px;}
}
.education-program-page .bg-light,.edu-archive-page .bg-light{background-color:var(--bg-light)!important;}
.education-program-page .bg-off-white,.edu-archive-page .bg-off-white{background-color:var(--bg-off-white)!important;}

/* 3. COMPONENTS: Post Card */
.item-post{display:flex;flex-direction:column;height:100%;}
.item-post .info-post{margin-top:auto;padding-top:10px;}
.item-post .date-post{font-size:14px;color:var(--c-text-light);}
.item-post:hover .title-main-2 a,.item-post:hover .title-main-3 a{color:var(--c-primary);}
.item-post .title-main-3,
.blog-template .news-highlight-section .content-right .title-main-2{
	font-size:var(--font-size-card-title-main);
	font-weight:600;line-height:1.4;color:var(--c-text-dark);
	min-height:calc(var(--font-size-card-title-main)*1.4*3);
	display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;text-overflow:ellipsis;
}
.item-post.item-post-highlight .title-main-2{font-size:1.6rem;font-weight:700;line-height:1.3;min-height:0;}
@media (min-width:768px){ .item-post.item-post-highlight .title-main-2{font-size:1.8rem;} }
@media (min-width:992px){ .item-post.item-post-highlight .title-main-2{font-size:2rem;} }

/* Images (cards) */
.item-post .img-post,.course-card .course-card-figure{
	display:block;overflow:hidden;background-color:#f0f0f0;border-radius:var(--border-radius-main);
}
.item-post .img-post{aspect-ratio:16/10;}
.course-card .course-card-figure{aspect-ratio:3/2;}
.item-post .img-post img,.course-card .course-card-figure img{
	width:100%;height:100%;object-fit:cover;object-position:center;
}

/* Reset width/height interference */
.course-why-section .box-img-flex,.road-section .box-img-flex{width:100%;}
.course-why-section .box-img-flex img,.road-section .box-img-flex img{
	height:auto;width:100%;max-width:100%;
}

/* Load More Button */
.btn-view-more{
	display:inline-flex;align-items:center;justify-content:center;
	width:64px;height:64px;background-color:transparent;padding:0;margin:0;cursor:pointer;
	-webkit-appearance:none;-moz-appearance:none;appearance:none;
	border:2px solid #000;border-radius:50%;
	background-image:url('assets/images/icons/btn-viewmore.svg');
	background-repeat:no-repeat;background-position:center center;
	transition:transform .2s ease,box-shadow .2s ease;
}
.btn-view-more:hover{transform:scale(1.05);}
.btn-view-more:focus-visible{outline:none;box-shadow:0 0 0 4px rgba(0,86,179,.4);}
@media (max-width:991px){ .btn-view-more{width:32px;height:32px;background-size:14px;} }

/* Course Filters */
.course-filters .directory-trigger,.course-filters .btn-primary{min-height:52px;}
.course-filters .directory-trigger{
	background-color:var(--bg-white)!important;border:1px solid #e9ecef;
	box-shadow:0 2px 8px rgba(0,44,122,.07);transition:box-shadow .2s ease-in-out;
}
.course-filters .directory-trigger:hover{box-shadow:0 4px 12px rgba(0,44,122,.12);}
.course-filters .collapse-icon{display:inline-block;transition:transform .35s ease;}
.course-filters .directory-trigger[aria-expanded="true"] .collapse-icon{transform:rotate(180deg);}
.course-filters .filter-col{position:relative;}
.course-filters .filter-col .collapse.show{z-index:10;}
.course-filters .filter-col .list-group{
	border:1px solid #e9ecef;border-radius:var(--border-radius-main);
	box-shadow:0 4px 12px rgba(0,44,122,.12);background-color:var(--bg-white);margin-top:.5rem;
}

/* Course Card */
.course-card{
	background-color:var(--bg-white);border:1px solid #e9ecef;border-radius:var(--border-radius-main);
	overflow:hidden;box-shadow:0 2px 5px rgba(0,0,0,.05);transition:all .2s ease-in-out;
}
.course-card:hover{box-shadow:0 5px 15px rgba(0,0,0,.1);transform:translateY(-5px);border-color:transparent;}
.course-card-figure{position:relative;}
.course-card-figure .img-fluid{aspect-ratio:540/360;object-fit:cover;width:100%;}
.course-card-body{text-align:left;}
.course-card-title a.stretched-link{color:var(--c-text-dark);font-weight:600;font-size:1.1rem;line-height:1.4;}
.course-card-title .sub-title{font-size:.85em;font-weight:400;color:var(--c-text-body);}
.course-card:hover .course-card-title a.stretched-link{color:var(--c-primary);}
.course-card-details{
	font-size:.9rem;color:var(--c-text-body);border-top:1px solid #f0f0f0;padding-top:10px;margin-top:10px;
}
.course-card-details .detail-item{display:flex;justify-content:space-between;align-items:center;margin-bottom:5px;}
.course-card-details dt{font-weight:400;}
.course-card-details dd{margin-bottom:0;font-weight:600;color:var(--c-text-dark);text-align:right;}
.course-card-details .price-old{text-decoration:line-through;color:var(--c-text-light);margin-right:8px;font-weight:400;}
.course-card-details .price-new{color:var(--c-accent-red);font-weight:bold;}

/* 4. Sidebar & related posts */
#secondary{background-color:var(--bg-light);padding:30px;border-radius:var(--border-radius-main);}
#secondary .widget-title{font-size:1.75rem;font-weight:700;margin-bottom:30px;}
#secondary .widget-latest-courses{margin-bottom:40px;}
#secondary .sidebar-inner.sticky-top{top:20px;}
#secondary .course-card{background-color:var(--bg-white);overflow:hidden;}
#secondary .course-card .course-card-title{-webkit-line-clamp:2;}
#secondary .course-card .tag-free{
	background-color:var(--c-accent-yellow);color:var(--c-text-white);position:absolute;top:0;right:20px;width:80px;
	text-align:center;text-transform:uppercase;font-weight:500;font-size:18px;padding:10px 5px 5px;line-height:1.3;
}
#secondary .course-card .tag-free:before{
	position:absolute;top:100%;left:0;content:"";width:0;height:0;
	border-left:40px solid transparent;border-right:40px solid transparent;border-top:26px solid var(--c-accent-yellow);
}
.entry-content .wp-caption{max-width:100%!important;}

.related-posts .card-title-uniform a{color:var(--c-text-dark)!important;text-decoration:none!important;}
@media (max-width:767.98px){
	.related-posts .card{display:flex;flex-direction:row;align-items:center;height:100px;}
	.related-posts .card .card-img-top{
		width:120px;height:100%;object-fit:cover;flex-shrink:0;
		border-top-right-radius:0;border-bottom-left-radius:var(--border-radius-main);
	}
	.related-posts .card .card-body{padding:.75rem;}
}

/* 5. Hero section grid spacing */
.news-highlight-section .news-grid.row{margin-left:-10px;margin-right:-10px;}
.news-highlight-section .news-grid.row>[class*="col-"]{padding-left:10px;padding-right:10px;}
.news-highlight-section .content-right>.row{margin-left:-10px;margin-right:-10px;}
.news-highlight-section .content-right .box-item-post{padding-left:10px;padding-right:10px;margin-bottom:20px;}
@media (min-width:768px){
	.news-highlight-section .content-right .box-item-post:nth-last-child(-n+2){margin-bottom:0;}
}
@media (max-width:767.98px){
	.news-highlight-section .content-right .box-item-post:not(:last-child){margin-bottom:20px;}
}

/* Course details list (dl) */
.course-details-list{margin-top:1.5rem;margin-bottom:1.5rem;}
.course-details-item{
	display:flex;justify-content:space-between;align-items:baseline;
	padding:.5rem 0;border-bottom:1px solid #e9ecef;font-size:1rem;
}
.course-details-item:last-child{border-bottom:none;}
.course-details-list dt{font-weight:400;color:var(--c-text-body,#555);margin-right:1rem;}
.course-details-list dd{margin-bottom:0;text-align:right;}
.course-details-list dd strong{font-weight:600;color:var(--c-text-dark,#111);}

/* Lộ trình đào tạo – mobile fix */
@media (max-width:991.98px){
	.list-traning-schedule{display:flex;flex-direction:column;}
	.list-traning-schedule .item{
		width:100%!important;border-right:none;border-bottom:1px solid #dee2e6;padding:30px 25px 40px;
	}
	.list-traning-schedule .item:last-child{border-bottom:none;}
	.list-traning-schedule .item .semester,
	.list-traning-schedule .item .subject{ text-align:left; }
	.list-traning-schedule .item:not(:first-child) .semester,
	.list-traning-schedule .item .semester{ margin-top:0!important; }
	.list-traning-schedule .item .icon-plus{ bottom:20px; right:25px; }
	.list-traning-schedule .item.active{ width:100%!important; }
}

/* Event card */
.item-event{
	background-color:#fff;border:1px solid #e9ecef;border-radius:var(--border-radius-main,.35rem);
	overflow:hidden;transition:box-shadow .2s ease,transform .2s ease;
}
.list-event .item-event:hover{transform:translateY(-5px);box-shadow:0 5px 15px rgba(0,0,0,.1);}
.event-card-body{padding:1.25rem;}
.event-title{
	font-size:1.15rem;font-weight:700;line-height:1.4;color:var(--c-text-dark,#111);
	min-height:calc(1.15rem*1.4*3);
	display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;text-overflow:ellipsis;
}
.item-event:hover .event-title a{color:var(--c-primary,#0056b3);}
.event-meta{display:flex;align-items:center;font-size:.9rem;color:var(--c-text-light,#6c757d);}
.event-meta i[class^="icon-"]{font-size:1.1em;margin-right:.5rem;color:#adb5bd;}
.event-meta-footer{padding-top:1rem;border-top:1px solid #f1f1f1;}
.page-template-event-template .form-contact .form-control,
.single-event .form-contact .form-control{background-color:#2D9CDB;}

/* =========================
   Event detail – unified
   ========================= */
.single-course-layout .course-detail-section .row{
	background-color:#fff;border:1px solid #f2f2f2;border-radius:5px;
}
.single-course-layout .course-detail-section .row .col-lg-6:first-child{padding:0;}
.single-course-layout .event-hero-image{margin:0;line-height:0;}
.single-course-layout .event-hero-image img{border-radius:0;}

.cs-event-detail .info-event-detail{margin-top:1.5rem;}
.cs-event-detail .event-details-list{
	margin:0;padding:0;list-style:none;height:100%;
	display:flex;flex-direction:column;justify-content:center;
}
.cs-event-detail .event-details-item{
	display:flex;align-items:center;padding:.75rem 0;border-bottom:1px solid #f1f3f5;
}
.cs-event-detail .event-details-item:last-child{border-bottom:none;}
.cs-event-detail .event-details-list dt{
	display:flex;align-items:center;font-weight:600;color:#111;width:110px;flex-shrink:0;
}
.cs-event-detail .event-details-list dt i{margin-right:.5rem;color:#868e96;}
.cs-event-detail .event-details-list dd{font-weight:400;color:#555;margin:0 0 0 1rem;flex-grow:1;}

.info-event-detail .calendar-event{
	background-color:#f8f9fa;border-radius:8px;text-align:center;padding:0;overflow:hidden;height:100%;
	display:flex;flex-direction:column;
}
.calendar-event .month{background-color:#0056b3;color:#fff;padding:.5rem;font-weight:600;text-transform:uppercase;}
.calendar-event .date,.calendar-event .day{background-color:#fff;}
.calendar-event .date{
	font-size:3rem;font-weight:900;line-height:1;padding:1rem 0;flex-grow:1;
	display:flex;align-items:center;justify-content:center;
}
.calendar-event .day{font-size:1rem;color:#6c757d;padding-bottom:.75rem;}

@media (max-width:991.98px){
	.single-course-layout .course-detail-section .row{margin-left:15px;margin-right:15px;}
	.single-course-layout .event-hero-image{margin-bottom:0;}
	.cs-event-detail .event-details-item{flex-direction:column;align-items:flex-start;}
	.cs-event-detail .event-details-list dt{margin-bottom:.25rem;}
	.cs-event-detail .event-details-list dd{margin-left:1.6rem;}
	.info-event-detail .calendar-event{margin-top:20px;height:auto;}
}

/* =========================
   Header logo SEO reset
   ========================= */
h1.logo-header{margin:0;padding:0;font-size:inherit;font-weight:inherit;line-height:inherit;}
.logo-header{display:inline-block;vertical-align:middle;height:36px;}
.logo-header a{display:flex;height:100%;align-items:center;}

/* Screen reader text */
.screen-reader-text{
	border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);
	height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important;
}

/* =========================
   Header controls
   ========================= */
.header .btn-search{
	border:none;background-color:transparent;padding:0;cursor:pointer;
	display:inline-flex;align-items:center;justify-content:center;
}
.header .btn-search:focus-visible{
	outline:2px solid var(--c-primary,#0056b3);outline-offset:2px;border-radius:4px;
}
.mobile-menu-btn{background:transparent;border:none;padding:0;cursor:pointer;}
.mobile-menu-btn:focus-visible{
	outline:2px solid var(--c-primary,#0056b3);outline-offset:2px;border-radius:4px;
}

/* Smooth scroll */
html{scroll-behavior:smooth;}


/* =======================================
   LOGO & HEADER (vFinal - ACF Driven)
   ======================================= */

/* --- 1. MẶC ĐỊNH: Header nền trắng, logo xanh (cho mọi trang) --- */
.header .logo-header .img-black { display: block; }
.header .logo-header .img-white { display: none; }

/* --- 2. NGOẠI LỆ: Khi BODY có class 'has-transparent-header' VÀ header CHƯA cuộn --- */
/* Đổi sang header trong suốt, logo trắng */
body.has-transparent-header .header:not(.fixed) {
    background-color: transparent !important;
    position: absolute;
    width: 100%;
}

body.has-transparent-header .header:not(.fixed) .logo-header .img-black {
    display: none;
}
body.has-transparent-header .header:not(.fixed) .logo-header .img-white {
    display: block;
}


/* =======================================
   Single Event - Equal Height Columns
   ======================================= */

/* Áp dụng Flexbox cho thẻ .row trên màn hình lớn (desktop) */
@media (min-width: 992px) {
    .single-course-layout .course-detail-section > .row {
        display: flex;
        flex-wrap: wrap; /* Cho phép xuống dòng nếu cần */
    }

    /* Đảm bảo các cột con có thể co giãn */
    .single-course-layout .course-detail-section > .row > .col-lg-6 {
        display: flex;
        flex-direction: column;
    }

    /* Làm cho nội dung bên trong cột phải (.item-course) co giãn đầy đủ */
    .single-course-layout .course-detail-section .item-course {
        flex-grow: 1; /* Cho phép thẻ này chiếm toàn bộ không gian còn lại */
        display: flex;
        flex-direction: column;
    }

    /* Đẩy phần nút bấm xuống dưới cùng */
    .single-course-layout .course-detail-section .info-course {
        flex-grow: 1;
        display: flex;
        flex-direction: column;
    }

    .single-course-layout .course-detail-section .info-event-detail {
        margin-top: auto; /* Đây là "chiêu" để đẩy khối này xuống dưới */
    }
}

/* =======================================
   Event Guests Section - Enhanced Styles
   ======================================= */

/* 1. Reset style cho danh sách (giữ nguyên) */
.list-unstyled {
    padding-left: 0;
    list-style: none;
}

/* 2. Style cho thẻ chứa thông tin khách mời (thêm nền, padding, bo góc) */
.event-guests-section .item-guest {
    display: flex;
    flex-direction: column;
    text-align: center; /* Căn giữa toàn bộ nội dung bên trong */
    background-color: #f8f9fa; /* Thêm lại màu nền xám nhạt */
    padding: 30px 20px; /* Thêm padding bên trong */
    border-radius: 8px; /* Bo tròn các góc */
    border: 1px solid #e9ecef; /* Thêm đường viền mảnh */
    height: 100%;
}

/* 3. Style cho ảnh đại diện (giữ nguyên) */
.event-guests-section .img-guest {
    margin: 0 auto 20px; /* Căn giữa ảnh và tạo khoảng cách bên dưới */
    flex-shrink: 0;
}

.event-guests-section .img-guest img {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    object-fit: cover;
    display: block;
    border: 3px solid #fff; /* Thêm viền trắng cho ảnh nổi bật */
    box-shadow: 0 4px 8px rgba(0,0,0,0.1); /* Thêm bóng đổ nhẹ */
}

/* 4. Style cho tiêu đề H2 "Khách mời" (giữ nguyên) */
.event-guests-section .title-main-2 {
    font-size: 1.75rem;
    font-weight: 700;
    margin-bottom: 30px;
    text-align: left;
}

/* 5. Style cho tên khách mời (H3) */
.event-guests-section .name-guest {
    font-size: 1.15rem; /* Điều chỉnh lại kích thước chữ */
    font-weight: 400;
    color: #333;
    margin-bottom: 8px;
    line-height: 1.4;
}

.event-guests-section .name-guest strong {
    font-weight: 700;
    display: block; /* Cho tên xuống dòng dưới chức vụ */
    color: #111;
}

/* 6. Style cho phần mô tả */
.event-guests-section .desc-guest {
    font-size: 0.95rem;
    color: #555;
    flex-grow: 1; /* Đảm bảo các thẻ có chiều cao bằng nhau */
    margin-top: auto; /* Đẩy mô tả xuống nếu cần để căn đều */
}

/* ===============================================
   Event Detail Info - Aligned Columns Layout
   =============================================== */

/* Sử dụng Flexbox để căn chỉnh các cột trong hàng */
.info-event-detail .row {
    align-items: center; /* Căn giữa các cột theo chiều dọc */
}

/* Style cho khối lịch (tương tự như trước) */
.info-event-detail .calendar-event {
    background-color: #fff;
    border: 1px solid #e9ecef;
    border-radius: 8px;
    text-align: center;
    padding: 0;
    overflow: hidden;
    margin-left: auto; /* Tự động đẩy sang phải */
    box-shadow: 0 4px 8px rgba(0,0,0,0.05);
    flex-shrink: 0; /* Ngăn không cho khối lịch bị co lại khi không đủ chỗ */
    min-width: 120px; /* Đặt một chiều rộng tối thiểu để không bị quá hẹp */
}

.calendar-event .month {
    background-color: #0056b3;
    color: #fff;
    padding: .5rem;
    font-size: 0.9rem;
    font-weight: 600;
    text-transform: uppercase;
}

/* Style cho số ngày để nó có thể xuống dòng */
.calendar-event .date {
    font-size: 2.2rem; /* Giảm kích thước chữ một chút để vừa vặn hơn */
    font-weight: 900;
    line-height: 1.2; /* Tăng line-height để các dòng không dính vào nhau */
    padding: 0.75rem;
    word-break: break-all; /* Cho phép ngắt dòng ở bất cứ đâu nếu cần */
}

.calendar-event .day {
    font-size: 0.9rem;
    color: #6c757d;
    padding-bottom: .5rem;
    border-top: 1px solid #f1f3f5;
}

/* Style cho danh sách thông tin (cột trái) */
.cs-event-detail .event-details-list {
    margin: 0; /* Bỏ margin mặc định của thẻ dl */
}
.cs-event-detail .event-details-item {
    padding: 0.75rem 0; /* Giảm padding một chút */
    align-items: flex-start; /* Căn các item về phía trên */
}

.cs-event-detail .event-details-list dt {
    width: 110px; /* Giảm chiều rộng của label */
    flex-shrink: 0; /* Ngăn label bị co lại */
}

/* Cho phép nội dung dd xuống dòng một cách tự nhiên */
.cs-event-detail .event-details-list dd {
    text-align: left;
    white-space: pre-wrap; /* Cho phép xuống dòng tự động */
    word-break: break-word; /* Ngắt từ nếu cần */
}


/* =======================================
   Event Card - Consistent Layout Styles
   ======================================= */

.box-item-event {
    margin-bottom: 30px; /* Đảm bảo khoảng cách giữa các hàng */
}

.item-event {
    background-color: #fff;
    border: 1px solid #e9ecef;
    border-radius: 8px; /* Bo tròn góc */
    overflow: hidden;
    transition: box-shadow 0.2s ease, transform 0.2s ease;
    box-shadow: 0 4px 8px rgba(0,0,0,0.05); /* Thêm bóng đổ nhẹ */
}

.item-event:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 20px rgba(0,0,0,0.1);
}

.item-event .img-post {
    display: block;
    aspect-ratio: 16 / 10; /* Giữ tỉ lệ khung hình 16:10 */
    overflow: hidden;
    position: relative;
}

.item-event .img-post img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Đảm bảo ảnh lấp đầy khung hình mà không bị méo */
    transition: transform 0.3s ease;
}


.item-event .tag-new {
    position: absolute;
    top: 15px;
    left: 15px;
    background-color: #eb5756;
    color: #fff;
    padding: 4px 12px;
    border-radius: 50px;
    font-size: 0.8rem;
    font-weight: 600;
    z-index: 2;
}

.event-card-body {
    padding: 20px;
}

.event-title {
    font-size: 1.15rem;
    font-weight: 700;
    line-height: 1.4;
    color: #111;
    /* Đảm bảo tiêu đề có chiều cao cố định và cắt bớt nếu quá dài */
    min-height: calc(1.15rem * 1.4 * 3);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
}

.item-event:hover .event-title a {
    color: #0056b3;
}

.event-meta {
    display: flex;
    align-items: center;
    font-size: 0.9rem;
    color: #6c757d;
}

.event-meta i[class^="icon-"] {
    font-size: 1.1em;
    margin-right: 8px;
    color: #adb5bd;
    flex-shrink: 0;
}

.event-meta-footer {
    padding-top: 15px;
    border-top: 1px solid #f1f3f5;
}

/* ========================================================
   CUSTOM FILTER STYLES (Event, Blog, Category pages)
   ======================================================== */

/* Container for each filter element */
.event-filters li.select-filter-event,
.event-filters li.select-filter-time,
.select-filter-post {
    position: relative;
    display: inline-flex;
    align-items: center;
    vertical-align: middle;
}

/* Icon for event filters (from HTML) */
.event-filters li i[class^="icon-"],
.select-filter-post i[class^="icon-"] {
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
    color: #868e96;
    pointer-events: none;
    z-index: 1;
}

.select-filter-post i[class^="icon-"] {
    top: 45%;
}

/* Main style for the <select> element */
.event-filters select.select-black,
.select-filter-post select.select-black {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #fff;
    border: 1px solid #ced4da;
    border-radius: 8px;
    padding: 10px 40px 10px 45px;
    font-size: 1rem;
    font-weight: 500;
    color: #495057;
    cursor: pointer;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right 1rem center;
    background-size: 16px 12px;
}

/* Focus effect */
.event-filters select.select-black:focus,
.select-filter-post select.select-black:focus {
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

/* --- Alignment & Sizing --- */

/* Event page filter alignment */
.event-filters {
    display: flex;
    width: 100%;
}

@media (min-width: 992px) {
    .event-filters ul {
        margin-left: auto;
    }
}
@media (max-width: 991.98px) {
    .event-filters {
        justify-content: center;
    }
}

/* Blog & Category page filter alignment */
@media (min-width: 992px) {
    .select-filter-post {
        float: right;
    }
}
@media (max-width: 991.98px) {
    .page-header-section .row > .col-lg-6:last-of-type {
       text-align: center;
    }
}


/* =======================================
   REVERT SELECT-AUTOWIDTH TO NATIVE BEHAVIOR
   ======================================= */
.select-filter-post select.select-autowidth {
    width: auto; /* Cho phép trình duyệt tự quyết định chiều rộng */
    min-width: 200px; /* Đặt một chiều rộng tối thiểu để không quá nhỏ */
}


/* Bổ sung aligncenter */
.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}