/**
 * Utility & component dùng chung nhiều trang.
 */
.pb-0 .col {
	padding-bottom: 0;
}

.breadcrumbs {
	text-transform: inherit;
	font-size: 14px;
	font-weight: normal;
}

.button,
button,
input[type='submit'],
input[type='reset'],
input[type='button'] {
	font-weight: 400;
	margin-right: 0;
}

.button.is-outline,
input[type='submit'].is-outline,
input[type='reset'].is-outline,
input[type='button'].is-outline {
	border: 1px solid currentColor;
}

:is(#wrapper) a,
h1,
h2,
h3,
h4,
h5,
h6,
.heading-font {
	color: var(--primary-color);
}

/* Flickity Slider */
.slider-nav-circle .flickity-prev-next-button {
	opacity: 1;
}

.slider-nav-circle .flickity-prev-next-button svg {
	border-radius: 0;
	border: 1px solid #777;
	padding: 10px;
}

.slider-nav-circle.slider-nav-outside :is(.previous, .next) {
	transform: translateX(0%) !important;
}

.slider-top .slider-nav-circle .flickity-prev-next-button {
	opacity: 0;
}

.slider-top .slider-nav-circle:hover .flickity-prev-next-button {
	opacity: 1;
}

.slider-top .slider-nav-circle .flickity-prev-next-button svg {
	border: 0;
	padding: 0;
}

.slider-top .slider-nav-circle .flickity-prev-next-button:hover svg {
	background-color: transparent;
}

/* Sidebar — chi tiết trong assets/css/layout/sidebar.css */

/* Read More */
.read-more {
	position: relative;
	height: 500px;
	overflow: hidden;
}

.read-more-button {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	padding-top: 50px;
	text-align: center;
	background: linear-gradient(
		to bottom,
		rgba(255, 255, 255, 0) 0%,
		rgba(255, 255, 255, 0.91) 50%,
		#fff 55%
	);
	display: block;
	margin-bottom: 0;
}

.read-more.active {
	height: auto;
}

.read-more.active .read-more-button {
	display: none;
}

.bst p,
.bst .box-text-inner p {
	color: #000 !important;
	text-transform: uppercase;
	font-weight: 600;
}

@media only screen and (max-width: 768px) {
	.header.has-transparent,
	.header.transparent {
		position: relative !important;
	}
}