/**
 * TABLE OF CONTENT
 */
:root {
	--clr-main: #021832;
	--clr-second: #caa169;

	--bg-cover: center / cover no-repeat;
}


/* Bootstrap */
.navbar-nav .nav-link {
	font-weight: 500;
	color: var(--clr-main);
}
.navbar-nav .nav-link:is(:hover, .active) {
	color: var(--clr-second);
}

/* Bootstrap Added */
.ratio-3x4 {
	--bs-aspect-ratio: 125%;
}
.ratio-9x21 {
	--bs-aspect-ratio: 157.1428571429%;
}
.object-cover {
	object-fit: cover;
}

/* Style Theme */
/* base */
.flexcenter {
	display: flex;
	align-items: center;
	justify-content: center;
}
.flexcenter-y {
	display: flex;
	align-items: center;
}
.overlay, .overlay > * {
	position: relative;
}
.overlay::before {
	content: '';
	position: absolute;
	inset: 0;
	background: var(--overlay-color, #000);
	opacity: var(--overlay-opacity, .5);
}
.img-text {
	position: absolute;
	padding: var(--img-text-padding, 1rem);
	inset: auto 0 0;
	z-index: 1;
}
.icon-rounded {min-width: 1.75em;height: 1.75em;border-radius: 50%;}
.icon-rounded img {height: 1em;}
.truncate {
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: var(--truncate-row);
	-webkit-box-orient: vertical;
}

.main-bg {
	background-color: var(--clr-main);
}
.main-bg-text {
	background-color: var(--clr-main);
	color: white;
}
.second-bg {
	background-color: var(--clr-second);
}
.second-bg-text {
	background-color: var(--clr-second);
	color: white;
}
.second-text {
	color: var(--clr-second);
}
.main-outline-btn {
	border: 1px solid var(--clr-main);
	color: var(--clr-main);
	font-weight: 500;
}
.main-outline-btn:hover {
	background-color: var(--clr-second);
	border: 1px solid var(--clr-second);
	color: white;
}