/* FONTS */

@font-face {
	font-display: swap;
	font-family: SegoeUI;
	font-style: normal;
	font-weight: 300;
	src: url(/site/templates/fonts/SegoeUI-Light.woff2) format("woff2")
}
@font-face {
	font-display: swap;
	font-family: SegoeUI;
	font-style: normal;
	font-weight: normal;
	src: url(/site/templates/fonts/SegoeUI.woff2) format("woff2")
}
@font-face {
	font-display: swap;
	font-family: SegoeUI;
	font-style: normal;
	font-weight: 500;
	src: url(/site/templates/fonts/SegoeUI.woff2) format("woff2")
}
@font-face {
	font-display: swap;
	font-family: SegoeUI;
	font-style: normal;
	font-weight: 600;
	src: url(/site/templates/fonts/SegoeUI-SemiBold.woff2) format("woff2")
}
@font-face {
	font-display: swap;
	font-family: SegoeUI;
	font-style: normal;
	font-weight: 700;
	src: url(/site/templates/fonts/SegoeUI-Bold.woff2) format("woff2")
}
@font-face {
	font-display: swap;
	font-family: Wadik;
	font-style: normal;
	font-weight: 300;
	src: url(/site/templates/fonts/Wadik.woff2) format("woff2")
}
@font-face {
	font-display: swap;
	font-family: Wadik;
	font-style: normal;
	font-weight: normal;
	src: url(/site/templates/fonts/Wadik.woff2) format("woff2")
}
@font-face {
	font-display: swap;
	font-family: Wadik;
	font-style: normal;
	font-weight: 700;
	src: url(/site/templates/fonts/Wadik.woff2) format("woff2")
}

/* OTHER */

.scribble-text-fx__decoration--visible {
	top: -6px;
	left: -12px;
	width: calc(100% + 24px);
	height: calc(100% + 12px);
}

.card-v2 .card-v2__caption--custom {
	background-color: var(--color-primary);
}

/* SLIDESHOW */

.slideshow__item--custom {
	height: calc(100vh - ( var(--f-header-height) + var(--space-xxxxs)) - (var(--space-xxxxs)  * 2));
}

.chip--white {
	background: white;

	color: var(--color-black);

	transition: all 0.3s;
}

.chip--white:hover {
	background-color: var(--color-accent);

	color: var(--color-black);
}

.chip--accent {
	background: var(--color-accent);

	color: var(--color-black);

	transition: all 0.3s;
}

.chip--accent:hover {
	background: var(--color-accent);
	color: var(--color-black);
	opacity: 0.8;
}

.text-anim-wrapper {
	width: 205px;
}

@media (max-width: 768px) {
	.text-anim-wrapper {
		width: 150px;
	}

	.slideshow__item-image-wrapper::before {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background-color: rgba(0, 0, 0, 0.1);
		z-index: 1;
	}
}

/* GALERY GRID */

.card-v9__btn::after {
	background-color: white;
}