:root {
	--Bright-Orange: #f37021;
	--Scarlet-Red: #ea1b1b;
	--Rusty-Orange: #c4690e;
	--White: #fff;
	--Black: black;
}

body {
    font-family: 'Roboto', sans-serif !important;
	scrollbar-width: thin;
  	scrollbar-color: #f9a825 white; 
}

h1, h2, h3, h4 {
	color: var(--Scarlet-Red) !important;
	font-weight: 600;
}

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

::-webkit-scrollbar-track {
  background: white;
}

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

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

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

p, .entry-content, span.widget-title {
	color: var(--Black) !important;
}

.is-outline:hover {
	background-color: var(--Scarlet-Red) !important;
    border-color: var(--Scarlet-Red) !important;
}

.dark h1 {
	color: var(--White) !important;
}

.dark .breadcrumbs {
	display: none;
}

.slider-nav-circle .flickity-prev-next-button:hover svg {
	background-color: var(--Scarlet-Red) !important;
    border-color: var(--Scarlet-Red) !important;
}

.slider .flickity-prev-next-button:hover svg {
    fill: var(--Scarlet-Red) !important;
}

.slider-nav-light .flickity-prev-next-button {
	color: var(--Scarlet-Red) !important;
	opacity: 1 !important;
}
.slider-nav-light .flickity-prev-next-button .arrow {
    fill: var(--Scarlet-Red) !important;
}

.slider-nav-light .flickity-page-dots .dot.is-selected {
	background: var(--Scarlet-Red) !important;
}

.slider-nav-light .flickity-page-dots .dot {
    border-color: var(--Scarlet-Red) !important;
}

.flickity-page-dots {
    bottom: 10px !important;
}

.flickity-prev-next-button.previous {
	left: -3% !important;
}

.flickity-prev-next-button.next {
    right: -3% !important;
}

a.plain {
	color: var(--Bright-Orange) !important;
}

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

.nav-dropdown>li>a {
	color: var(--Black) !important;
}

.nav-dropdown>li>a:hover {
	color: var(--Bright-Orange) !important;
}

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

.badge-inner {
    background-color: var(--Scarlet-Red) !important;
}

.from_the_blog_excerpt {
    display: -webkit-box;           /* cần cho line-clamp hoạt động */
    -webkit-box-orient: vertical;   /* hướng theo chiều dọc */
    -webkit-line-clamp: 2;          /* số dòng muốn hiển thị */
    overflow: hidden;               /* ẩn phần dư */
    text-overflow: ellipsis;        /* thêm ... */
}

.from_the_blog_excerpt,
.post-title,
.post-title a {
    display: -webkit-box !important;
    -webkit-line-clamp: 2; /* Chỉ cho hiển thị tối đa 2 dòng */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 2.6em;
}