@import url('fonts.css');
@import url('bootstrap.css');

.bg-cover {
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: cover !important;
	-moz-background-size: cover !important;
	-o-background-size: cover !important;
	background-size: cover !important;
}

.bg-overlay {
	position: relative;
}

.bg-overlay:after {
	content: '';
	position: absolute;
	top: 0px;
	bottom: 0px;
	right: 0px;
	left: 0px;
	background-color: rgba(0, 0, 0, 0.25);
	z-index: -1;
}

.img-white {
	-webkit-filter: brightness(0) invert(1);
	filter: brightness(0) invert(1);
}

.dvh-100 {
	height: 100dvh !important;
}

.min-dvh-100 {
	min-height: 100dvh !important;
}

.video-cover {
	object-fit: cover;
	width: 100vw;
	height: 100vh;
	position: fixed;
	top: 0;
	left: 0;
}

.ls-014 {
	letter-spacing: 0.14px;
}

.ls-064 {
	letter-spacing: 0.64px;
}

.ls-080 {
	letter-spacing: 0.80px;
}

.h-550px {
	height: 550px;
}

.h-scroll {
	height: calc(100dvh - 550px);
}

.nav-item:before,
.nav-item:after {
	content: '';
	position: absolute;
	top: calc(50% + 4px);
	right: -64px;
	width: 26px;
	height: 2px;
	background-color: var(--bs-secondary);
	transform-origin: 100%;
}

.nav-item:before {
	transform: rotate(45deg);
}

.nav-item:after {
	transform: rotate(-45deg);
}

.icon-open {
	display: inline-block;
	width: 28px;
	height: 28px;
	position: relative;
	transition: all 0.6s;
}

.icon-open.open {
	transform: rotate(45deg);
}

.icon-open:after,
.icon-open:before {
	content: '';
	position: absolute;
	top: calc(50% - 0.5px);
	left: 0px;
	background-color: var(--bs-primary);
	width: 28px;
	height: 1px;
}

.icon-open:after {
	transform: rotate(90deg);
}

.icon-secondary:after,
.icon-secondary:before {
	background-color: var(--bs-secondary);
}

.icon-arrow:after,
.icon-arrow:before {
	content: '';
	position: absolute;
	top: 50%;
	width: 20px;
	height: 2px;
	background-color: #e3e3da;
}

.icon-arrow:after {
	transform: rotate(-45deg);
	right: calc(42px - 7px);
}

.icon-arrow:before {
	transform: rotate(45deg);
	right: calc(42px + 7px);
}

.focus-none:focus {
	box-shadow: none !important;
}