/* 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");
}
@font-face {
	font-display: swap;
	font-family: Onmark TRIAL;
	font-style: normal;
	font-weight: 400;
	src: url(/site/templates/fonts/Onmark-Regular.woff2) format("woff2");
}

/* OTHER */

:root {
	--morph-nav-height: 80px;
}

html {
  scroll-behavior: smooth;
  scroll-padding: calc(var(--morph-nav-height) + 48px);
}

a, .link {
	color: var(--color-accent, hsl(250, 84%, 54%));
}

.chip {
	text-decoration: none;
}

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

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

.chip--black {
	background: var(--color-bg);
}

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

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

	transition: all 0.3s;
}

.chip--black:hover .chip__icon-wrapper {
	background: var(--color-white);
}

.chip--unclickable {
	background-color: #8A8F88;
}

/* HEADER */

.morph-nav__lg-main-nav-link {
	color: white;

	display: flex;
	align-items: center;
	justify-content: center;

	padding: 0 var(--space-sm);
}

.morph-nav__lg-nav-item .morph-nav__text {
	border-radius: var(--radius-lg);

	padding: var(--space-xs);

	border: 1px solid transparent;

	color: white;

	transition: all 0.3s;
}

.morph-nav__lg-nav-item:hover .morph-nav__text {
	background-color: white;

	border: 1px solid white;

	color: black;
}

.morph-nav__lg-nav-item--calendar .morph-nav__icon {
	background-color: transparent;

	border: 1px solid white;

	border-radius: var(--radius-lg);

	padding: var(--space-xs);

	transition: all 0.3s;
}

.morph-nav__lg-nav-item--calendar:hover .morph-nav__icon {
	background-color: var(--color-accent);

	border: 1px solid var(--color-accent);

	color: black;
}

.link-fx-1  .icon--not-rotate {
	transform: translateX(100%) rotate(0deg);
}

.morph-nav__link-title {
	color: white;
}

.morph-nav__link-figure {
	background: var(--color-accent-darker);
}

.morph-nav__sm-menu-toggle {
	color: white;
}

@media (max-width: 768px) {
	.morph-nav__sm-dropdown {
		background-color: var(--color-bg);
	}

	.morph-nav__sm-dropdown-innner {
		height: 100vh;
	}
}

/* SLIDESHOW */

.slideshow__item {
	--slideshow-height: calc(100vh - 46px);
}

@media (max-width: 768px) {
	.slideshow__item {
		--slideshow-height: calc(100vh);
	}
}

/* PRE HEADER STICKY */

.hide-nav--custom:hover {
	background-color: var(--color-accent-darker);

	text-decoration: underline black;
}

.toc--static {

  &[class*="position-sticky"] {
    top: calc(var(--space-md) + 48px + var(--morph-nav-height));
  }
}

.toc:not(.toc--static) {
	background-color: var(--color-white);
}

/* FOOTER */

.back-to-top {
    background-color: var(--color-accent);
    right: var(--space-sm);
    bottom: var(--space-sm);
    left: auto;
    --size: 55px;
}

.back-to-top:hover {
	background-color: var(--color-accent-lighter);
}

/* MONTHS */

.toc__control {
	background: var(--color-accent);
    border: none;
    border-radius: var(--radius-xl);

	color: black;
}

.toc:not(.toc--static) {
	background: var(--color-accent);
}

.toc:not(.toc--static) .toc__link {
	color: black;
}

.toc:not(.toc--static) .toc__link--selected {
    color: var(--color-white);
}