/**
 * Site header and navigation.
 */

:root {
	--prism-logo-max-height: 102px;
	--prism-navbar-padding-y: 10px;
	--prism-site-header-height: calc(var(--prism-logo-max-height) + (var(--prism-navbar-padding-y) * 2));
}

.prism-site-header {
	background-color: var(--prism-color-site-background, #f2f2f2);
	max-width: 100%;
	overflow-x: clip;
	transition: background-color 0.3s ease, color 0.3s ease;
	z-index: 990;
}

body.home .prism-site-header:not(.is-scrolled),
body.prism-fullpage-active .prism-site-header:not(.is-scrolled) {
	background-color: transparent;
	box-shadow: none;
}

body.home .prism-site-header:not(.is-scrolled) .prism-navbar,
body.home .prism-site-header:not(.is-scrolled) .uk-container,
body.prism-fullpage-active .prism-site-header:not(.is-scrolled) .prism-navbar,
body.prism-fullpage-active .prism-site-header:not(.is-scrolled) .uk-container {
	background-color: transparent;
}

html {
	scroll-padding-top: var(--prism-site-header-height);
}

.prism-navbar {
	padding: var(--prism-navbar-padding-y) 0;
}

.prism-navbar.uk-navbar-transparent {
	background: transparent;
}

.prism-navbar .uk-navbar-left,
.prism-navbar .uk-navbar-right {
	gap: 1rem;
}

.prism-navbar__logo {
	margin: 0;
}

.prism-navbar__title {
	font-family: "Lora", serif;
	font-size: 34px;
	font-weight: 600;
	line-height: 1.25;
	margin: 0;
}

.prism-navbar__logo-link {
	color: var(--prism-color-heading, #000000);
	display: inline-block;
	line-height: 0;
	text-decoration: none;
	transition: color 0.3s ease, opacity 0.2s ease;
}

.prism-navbar__logo-link--text {
	font-family: "Lora", serif;
	font-size: 34px;
	font-weight: 600;
	line-height: 1.25;
}

.prism-navbar__logo-link:hover,
.prism-navbar__logo-link:focus {
	opacity: 1;
	text-decoration: none;
}

.prism-navbar__logo-image {
	display: block;
	height: auto;
	max-height: var(--prism-logo-max-height);
	width: auto;
}

.prism-navbar .uk-navbar-nav > li > a {
	color: var(--prism-color-heading, #000000);
	font-size: 20px;
	font-weight: 400;
	letter-spacing: 0.04em;
	min-height: 0;
	padding: 0.5rem 1rem;
	text-transform: uppercase;
	transition: color 0.3s ease, opacity 0.2s ease;
}

.prism-navbar .uk-navbar-nav > li > a:hover,
.prism-navbar .uk-navbar-nav > li > a:focus,
.prism-navbar .uk-navbar-nav > li.uk-active > a {
	opacity: 1;
}

.prism-site-header.is-scrolled .prism-navbar__logo-link,
.prism-site-header.is-scrolled .prism-navbar__logo-link--text,
.prism-site-header.is-scrolled .prism-navbar .uk-navbar-nav > li > a,
.prism-site-header.is-scrolled .prism-navbar .uk-navbar-nav > li.uk-active > a,
.prism-site-header.is-scrolled .prism-navbar .uk-navbar-toggle {
	color: var(--prism-color-accent, #f5552a);
}

.prism-site-header.is-scrolled .prism-navbar__logo-link:hover,
.prism-site-header.is-scrolled .prism-navbar__logo-link:focus,
.prism-site-header.is-scrolled .prism-navbar__logo-link--text:hover,
.prism-site-header.is-scrolled .prism-navbar__logo-link--text:focus,
.prism-site-header.is-scrolled .prism-navbar .uk-navbar-nav > li > a:hover,
.prism-site-header.is-scrolled .prism-navbar .uk-navbar-nav > li > a:focus,
.prism-site-header.is-scrolled .prism-navbar .uk-navbar-toggle:hover,
.prism-site-header.is-scrolled .prism-navbar .uk-navbar-toggle:focus {
	color: var(--prism-color-accent-hover, #dd4a24);
}

.prism-site-header.is-scrolled .prism-navbar__logo-image {
	filter: none;
}

.prism-navbar .uk-navbar-nav > li.prism-nav-item--button > a.uk-button,
.prism-navbar .uk-navbar-nav > li.prism-nav-item--button > a.prism-button,
.prism-navbar .uk-navbar-nav > li.prism-nav-item--button > a.prism-button-primary,
.prism-navbar .uk-navbar-nav > li.prism-nav-item--button > a.prism-button-black,
.prism-navbar .uk-navbar-nav > li.prism-nav-item--button > a.prism-button-default {
	display: inline-flex;
	line-height: 1.5;
	margin-left: 0.25rem;
	padding: 15px 30px;
	text-transform: none;
	vertical-align: middle;
}

.prism-navbar .uk-navbar-nav > li.prism-nav-item--button > a.prism-button-half,
.prism-navbar .uk-navbar-nav > li.prism-nav-item--button > a.prism-button--half {
	padding: 7.5px 15px;
}

.prism-navbar .uk-navbar-nav > li.prism-nav-item--button > a.uk-button-default,
.prism-navbar .uk-navbar-nav > li.prism-nav-item--button > a.prism-button-default {
	background-color: transparent;
	border: 1px solid currentColor;
}

.prism-navbar .uk-navbar-nav > li.prism-nav-item--button > a.uk-button-primary,
.prism-navbar .uk-navbar-nav > li.prism-nav-item--button > a.uk-button-black,
.prism-navbar .uk-navbar-nav > li.prism-nav-item--button > a.prism-button-primary,
.prism-navbar .uk-navbar-nav > li.prism-nav-item--button > a.prism-button-black {
	color: var(--prism-color-white, #fff);
}

.prism-navbar .uk-navbar-nav > li.prism-nav-item--button > a.uk-button-primary:hover,
.prism-navbar .uk-navbar-nav > li.prism-nav-item--button > a.uk-button-primary:focus,
.prism-navbar .uk-navbar-nav > li.prism-nav-item--button > a.uk-button-black:hover,
.prism-navbar .uk-navbar-nav > li.prism-nav-item--button > a.uk-button-black:focus,
.prism-navbar .uk-navbar-nav > li.prism-nav-item--button > a.prism-button-primary:hover,
.prism-navbar .uk-navbar-nav > li.prism-nav-item--button > a.prism-button-primary:focus,
.prism-navbar .uk-navbar-nav > li.prism-nav-item--button > a.prism-button-black:hover,
.prism-navbar .uk-navbar-nav > li.prism-nav-item--button > a.prism-button-black:focus {
	color: var(--prism-color-white, #fff);
	opacity: 1;
}

.prism-mobile-nav .uk-nav > li.prism-nav-item--button > a.uk-button,
.prism-mobile-nav .uk-nav > li.prism-nav-item--button > a.prism-button,
.prism-mobile-nav .uk-nav > li.prism-nav-item--button > a.prism-button-primary,
.prism-mobile-nav .uk-nav > li.prism-nav-item--button > a.prism-button-black,
.prism-mobile-nav .uk-nav > li.prism-nav-item--button > a.prism-button-default {
	display: inline-block;
	margin-top: 0.5rem;
	padding: 15px 30px;
	text-transform: none;
	width: auto;
}

.prism-mobile-nav .uk-nav > li.prism-nav-item--button > a.uk-button-primary,
.prism-mobile-nav .uk-nav > li.prism-nav-item--button > a.uk-button-black,
.prism-mobile-nav .uk-nav > li.prism-nav-item--button > a.prism-button-primary,
.prism-mobile-nav .uk-nav > li.prism-nav-item--button > a.prism-button-black {
	color: var(--prism-color-white, #fff);
}

body.home .prism-site-header:not(.is-scrolled) .prism-navbar .uk-navbar-nav > li.prism-nav-item--button > a.uk-button-default,
body.home .prism-site-header:not(.is-scrolled) .prism-navbar .uk-navbar-nav > li.prism-nav-item--button > a.prism-button-default,
body.prism-fullpage-active .prism-site-header:not(.is-scrolled) .prism-navbar .uk-navbar-nav > li.prism-nav-item--button > a.uk-button-default,
body.prism-fullpage-active .prism-site-header:not(.is-scrolled) .prism-navbar .uk-navbar-nav > li.prism-nav-item--button > a.prism-button-default {
	border-color: #fff;
	color: #fff;
}

body.home .prism-site-header:not(.is-scrolled) .prism-navbar .uk-navbar-nav > li.prism-nav-item--button > a.uk-button-primary,
body.home .prism-site-header:not(.is-scrolled) .prism-navbar .uk-navbar-nav > li.prism-nav-item--button > a.uk-button-black,
body.home .prism-site-header:not(.is-scrolled) .prism-navbar .uk-navbar-nav > li.prism-nav-item--button > a.prism-button-primary,
body.home .prism-site-header:not(.is-scrolled) .prism-navbar .uk-navbar-nav > li.prism-nav-item--button > a.prism-button-black,
body.prism-fullpage-active .prism-site-header:not(.is-scrolled) .prism-navbar .uk-navbar-nav > li.prism-nav-item--button > a.uk-button-primary,
body.prism-fullpage-active .prism-site-header:not(.is-scrolled) .prism-navbar .uk-navbar-nav > li.prism-nav-item--button > a.uk-button-black,
body.prism-fullpage-active .prism-site-header:not(.is-scrolled) .prism-navbar .uk-navbar-nav > li.prism-nav-item--button > a.prism-button-primary,
body.prism-fullpage-active .prism-site-header:not(.is-scrolled) .prism-navbar .uk-navbar-nav > li.prism-nav-item--button > a.prism-button-black {
	color: var(--prism-color-white, #fff);
}

.prism-navbar .uk-navbar-toggle {
	color: var(--prism-color-heading, #000000);
	min-height: 0;
	transition: color 0.3s ease, opacity 0.2s ease;
}

.prism-navbar .uk-navbar-toggle:hover,
.prism-navbar .uk-navbar-toggle:focus {
	opacity: 1;
}

body.home .prism-site-header:not(.is-scrolled) .prism-navbar__logo-link,
body.home .prism-site-header:not(.is-scrolled) .prism-navbar__logo-link--text,
body.home .prism-site-header:not(.is-scrolled) .prism-navbar .uk-navbar-nav > li > a,
body.home .prism-site-header:not(.is-scrolled) .prism-navbar .uk-navbar-nav > li.uk-active > a,
body.home .prism-site-header:not(.is-scrolled) .prism-navbar .uk-navbar-toggle,
body.prism-fullpage-active .prism-site-header:not(.is-scrolled) .prism-navbar__logo-link,
body.prism-fullpage-active .prism-site-header:not(.is-scrolled) .prism-navbar__logo-link--text,
body.prism-fullpage-active .prism-site-header:not(.is-scrolled) .prism-navbar .uk-navbar-nav > li > a,
body.prism-fullpage-active .prism-site-header:not(.is-scrolled) .prism-navbar .uk-navbar-nav > li.uk-active > a,
body.prism-fullpage-active .prism-site-header:not(.is-scrolled) .prism-navbar .uk-navbar-toggle {
	color: #fff;
}

body.home .prism-site-header:not(.is-scrolled) .prism-navbar__logo-image,
body.prism-fullpage-active .prism-site-header:not(.is-scrolled) .prism-navbar__logo-image {
	filter: invert(1);
}

body.home .prism-site-header:not(.is-scrolled) .prism-navbar__logo-link:hover,
body.home .prism-site-header:not(.is-scrolled) .prism-navbar__logo-link:focus,
body.home .prism-site-header:not(.is-scrolled) .prism-navbar__logo-link--text:hover,
body.home .prism-site-header:not(.is-scrolled) .prism-navbar__logo-link--text:focus,
body.home .prism-site-header:not(.is-scrolled) .prism-navbar .uk-navbar-nav > li > a:hover,
body.home .prism-site-header:not(.is-scrolled) .prism-navbar .uk-navbar-nav > li > a:focus,
body.home .prism-site-header:not(.is-scrolled) .prism-navbar .uk-navbar-toggle:hover,
body.home .prism-site-header:not(.is-scrolled) .prism-navbar .uk-navbar-toggle:focus,
body.prism-fullpage-active .prism-site-header:not(.is-scrolled) .prism-navbar__logo-link:hover,
body.prism-fullpage-active .prism-site-header:not(.is-scrolled) .prism-navbar__logo-link:focus,
body.prism-fullpage-active .prism-site-header:not(.is-scrolled) .prism-navbar__logo-link--text:hover,
body.prism-fullpage-active .prism-site-header:not(.is-scrolled) .prism-navbar__logo-link--text:focus,
body.prism-fullpage-active .prism-site-header:not(.is-scrolled) .prism-navbar .uk-navbar-nav > li > a:hover,
body.prism-fullpage-active .prism-site-header:not(.is-scrolled) .prism-navbar .uk-navbar-nav > li > a:focus,
body.prism-fullpage-active .prism-site-header:not(.is-scrolled) .prism-navbar .uk-navbar-toggle:hover,
body.prism-fullpage-active .prism-site-header:not(.is-scrolled) .prism-navbar .uk-navbar-toggle:focus {
	color: #fff;
	opacity: 0.85;
}

.prism-mobile-nav {
	background: var(--prism-color-heading, #171717);
	color: #fff;
}

.prism-mobile-nav .uk-nav > li > a {
	color: var(--prism-color-accent, #e64833);
	font-size: 20px;
	font-weight: 400;
	letter-spacing: 0.04em;
	line-height: 1.5;
	padding: 0.875rem 0;
	text-transform: uppercase;
}

.prism-mobile-nav .uk-nav > li > a:hover,
.prism-mobile-nav .uk-nav > li.uk-active > a {
	color: var(--prism-color-accent-hover, #cf3f2c);
	opacity: 1;
}

.prism-mobile-nav .uk-close {
	color: #fff;
}

.prism-mobile-nav__menu {
	margin-top: 2rem;
}
