:root {
	--color-white: #fff;
	--color-black: #000;
	--Navy-Blue: #003366;
}

h1, h2 {
	color: var(--Navy-Blue) !important;
}


/* Áp dụng cho toàn bộ trang */
body {
	scrollbar-width: thin;
	scrollbar-color: var(--Navy-Blue) white; 
}

/* Áp dụng cho Chrome, Edge và Safari */
::-webkit-scrollbar {
	width: 8px;
}

::-webkit-scrollbar-track {
	background: var(--color-white);
}

::-webkit-scrollbar-thumb {
	background-color: var(--Navy-Blue);
	border-radius: 8px;
	border: none;
}

.header-vertical-menu__fly-out .nav-vertical-fly-out>li.menu-item:hover {
	background: var(--Navy-Blue);
}

.header-vertical-menu__fly-out .nav-vertical-fly-out>li.menu-item>a:hover {
	color: var(--color-white) !important;
}

.single-post #main {
	background: #f5f5f5 !important;
}

.nav-vertical-fly-out>li>a {
	color: var(--color-black) !important;
}

.sp_img img {
	border-radius: 8px;
}

.slider-nav-outside.slider-nav-circle .previous, .slider-nav-outside.slider-nav-circle .next {
	opacity: 1;
}

.slider-nav-circle .flickity-prev-next-button .arrow, .slider-nav-circle .flickity-prev-next-button svg {
	border: 2px solid var(--Navy-Blue) !important;
}

.flickity-prev-next-button .arrow, .flickity-prev-next-button svg {
	fill: var(--Navy-Blue) !important;
}

.off-canvas-left .mfp-content {
	background: var(--Navy-Blue) !important;
}

.off-canvas .nav-vertical>li>a {
	color: var(--color-white);
	font-size: 14px;
}

.absolute-footer.dark {
	color: var(--color-white) !important;
}

/* ===== TRẠNG THÁI SCROLL ===== */
.header-wrapper.is-scrolled .header-vertical-menu__opener {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
	width: 90%;
}

/* ===== ICON MENU (FLATSOME DÙNG MASK) ===== */
.header-wrapper.is-scrolled .header-vertical-menu__opener .icon-menu,
.header-wrapper.is-scrolled .header-vertical-menu__opener svg {
    color: #003366 !important;
    fill: #003366 !important;
}

.header-wrapper.is-scrolled .header-vertical-menu__opener .icon-angle-down {
    display: none !important;
}

.header-wrapper.is-scrolled .searchform {
	max-width: 80%;
}

/* ===== FIX ICON DẠNG ::before ===== */
.header-wrapper.is-scrolled .header-vertical-menu__opener i::before {
    color: #003366 !important;
}

.header-wrapper.is-scrolled .camket-wrap {
	display: none;
}

.nav-dropdown-has-border .nav-dropdown {
    border: 2px solid var(--Navy-Blue) !important;
    border-radius: 8px;
}

.nav-dropdown.nav-dropdown-default>li>a {
	color: var(--Navy-Blue);
}

.article-inner {
	padding: 20px;
    border-radius: 10px;
    background: var(--color-white);
}

.flex-right {
    flex: none;
}

.off-canvas:not(.off-canvas-center) .nav-vertical li>a {
	color: var(--color-white) !important;
}

.header-search-form {
    list-style: none;
}

@media screen and (min-width: 850px) {
    .banner_row .large-3 {
        flex-basis: 20%;
        max-width: 20%;
    }
}

@media screen and (min-width: 480px){
	.nav-column li.active>a, .nav-column li>a:hover, .nav-dropdown li.active>a, .nav-dropdown>li>a:hover, .nav-vertical-fly-out>li>a:hover, .nav>li.active>a, .nav>li.current>a, .nav>li>a.active, .nav>li>a.current, .nav>li>a:hover {
		color: #d1d1d1;
	}
}