:root {
	--transition: all 0.3s ease-in-out;

	--primary-color: #c99736;
	--primary-rgb: 201, 151, 54;
	--primary-hover: #e5ab3c;
	--secondary-color: #061a3b;
	--secondary-hover: #154693;

	--size-xs: .8rem;
	--size-sm: .9rem;
	--size-md: 1rem;
	--size-lg: 1.1rem;
	--size-xl: 1.2rem;
	--size-xxl: 1.3rem;
	--size-xxxl: 1.4rem;

	--gray-900: #111827;
	--gray-800: #1f2937;
	--gray-700: #374151;
	--gray-600: #4b5563;
	--gray-500: #6b7280;
	--gray-400: #9ca3af;
	--gray-300: #d1d5db;
	--gray-200: #e5e7eb;
	--gray-100: #f3f4f6;

	--shadow-primary: 0 2px 8px 0 rgb(0 0 0 / 10%);
	--shadow-hover: 0 2px 8px 0 rgb(0 0 0 / 20%);
	--font-theme: 'Roboto', sans-serif
}

html {
	font-size: 14px;
}

body {
	font: 400 14px/1.4 var(--font-theme);
	overflow-x: hidden;
	position: relative;
	width: 100%;
	background-color: var(--bs-white);
	color: var(--gray-800);
}

.transition {
	-o-transition: var(--transition);
	transition: var(--transition);
	-webkit-transition: var(--transition);
}

.background-cover {
	-webkit-background-size: cover;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}

.image-cover {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.bgcolor-primary {
	background-color: var(--primary-color) !important;
}

.color-primary {
	color: var(--primary-color) !important;
}

.fw-900 {
	font-weight: 900 !important;
}

.fw-700 {
	font-weight: 700 !important;
}

.fw-500 {
	font-weight: 500 !important;
}

.fw-400 {
	font-weight: 400 !important;
}

.fw-300 {
	font-weight: 300 !important;
}

.ratio-3x2:before {
	padding-top: calc(2 / 3 * 100%);
}

.ratio-26x9:before {
	padding-top: calc(9 / 26 * 100%);
}

.text-1-line {
	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: nowrap;
	display: inline-block !important;
	vertical-align: middle;
	max-width: 100%;
}

.text-2-line {
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	display: -webkit-box !important;
	-webkit-box-orient: vertical !important;
}

.text-3-line {
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 3;
	display: -webkit-box !important;
	-webkit-box-orient: vertical !important;
}

.text-4-line {
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 4;
	display: -webkit-box !important;
	-webkit-box-orient: vertical !important;
}

.z-index-1 {
	z-index: 1;
}

.z-index-2 {
	z-index: 2;
}

.icon-svg * {
	transition: var(--transition);
}

.tooltip {
	font-family: 'Roboto', sans-serif;
	font-size: var(--size-md);
}

.tooltip.show {
	opacity: 1;
}

.tooltip-inner {
	max-width: 100%;
}

img[src=""],
img:not([src]) {
	opacity: 0;
}

.fancybox__thumbs .carousel__slide .fancybox__thumb {
	opacity: .3;
	transition: var(--transition);
}

.fancybox__thumbs .carousel__slide.is-nav-selected .fancybox__thumb {
	opacity: 1;
}

.fancybox__thumbs .carousel__slide .fancybox__thumb::after {
	border-width: 0;
}

.ratio img {
	object-fit: cover;
}