﻿/*Header - Edit Mode*/
body.personabar-visible .header--home .headroom:not(.headroom--not-top)
{
	top:32px;
}
body.dnnEditState.personabar-visible .header--home .headroom:not(.headroom--not-top)
{
	top:65px;
}

/*Header*/
.header--solid
{
	padding-top:120px;
}
.header:not(.header--home)
{
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center;
}
@media all and (max-width:1199px)
{
	.header--solid
	{
		padding-top:80px;
	}
}

/*Navbar*/
.navbar
{
	--navbar-height:120px;

	display:flex;
	justify-content:space-between;
	align-items:center;
	position:absolute;
	top:0;
	left:0;
	right:0;
	z-index:20;
	width:100%;
	height:var(--navbar-height);
	border-bottom:2px solid var(--basic-900);
	background-color:var(--basic-0);
	padding:0 80px;
}
.header:not(.header--solid) .navbar
{
	border-bottom:2px solid var(--basic-0);
	background-color:transparent;
}
@media all and (max-width:1799px)
{
	.navbar
	{
		padding-inline:40px;
	}
}
@media all and (max-width:1199px)
{
	.navbar
	{
		--navbar-height:80px;
	}
}
@media all and (max-width:575px)
{
	.navbar
	{
		padding-inline:16px;
	}
}

/*Navbar - Logo*/
.navbar .navbar-logo a
{
	display:inline-block;
	vertical-align:middle;
}
.navbar .navbar-logo img
{
	max-height:64px;
	user-select:none;
	position:relative;
	top:4px;
}
.header:not(.header--solid) .navbar-logo img
{
	filter:brightness(1) invert(1);
}
@media all and (max-width:1699px)
{
	.navbar .navbar-logo img
	{
		max-height:52px;
	}
}
@media all and (max-width:1499px)
{
	.navbar .navbar-logo img
	{
		max-height:42px;
	}
}
@media all and (max-width:575px)
{
	.navbar .navbar-logo img
	{
		max-height:32px;
	}
}

/*Menu*/
.menu
{
	display:flex;
	align-items:center;
	gap:26px;
	height:100%;
}
.navbar-nav
{
	display:flex;
	flex-direction:row;
	gap:36px;
	height:100%;
	padding:0;
	margin:0;
}
.navbar-nav .nav-item
{
	display:inline-flex;
	height:100%;
	position:relative;
}
.navbar-nav .nav-item .nav-link
{
	display:inline-flex;
	align-items:center;
	gap:10px;
	height:100%;
	color:var(--basic-900);
	font-size:1.6rem;
	font-weight:700;
	text-transform:uppercase;
	text-align:center;
	padding:0 24px;
}
.header:not(.header--solid) .menu:not(.menu-mobile) .navbar-nav:not(.navbar-nav--language) .nav-item:not(:nth-child(5)) .nav-link,
.header:not(.header--solid) .menu:not(.menu-mobile) .navbar-nav--language .nav-item .nav-link
{
	color:var(--basic-0);
}
@media (hover:hover)
{
	.navbar-nav .nav-item:not(:nth-child(5), :last-child) .nav-link:hover
	{
		color:var(--basic-800);
	}
	.header:not(.header--solid) .menu:not(.menu-mobile) .navbar-nav:not(.navbar-nav--language) .nav-item:not(:nth-child(5), :last-child) .nav-link:hover,
	.header:not(.header--solid) .menu:not(.menu-mobile) .navbar-nav--language .nav-item .nav-link:hover
	{
		color:var(--basic-400);
	}
}
@media all and (max-width:1799px)
{
	.menu
	{
		gap:16px;
	}
	.navbar-nav
	{
		gap:24px;
	}
}
@media all and (max-width:1699px)
{
	.menu,
	.navbar-nav
	{
		gap:0;
	}
	.navbar-nav .nav-item .nav-link
	{
		padding:0 18px;
	}
}
@media all and (min-width:1200px) and (max-width:1499px)
{
	.navbar-nav .nav-item .nav-link
	{
		font-size:1.4rem;
	}
	.navbar-nav--language .nav-item .nav-link span
	{
		text-transform:uppercase;
	}
}
@media all and (max-width:1199px)
{
	.menu
	{
		display:none;
	}
}

/*Menu - Item - Green*/
.header .navbar-nav:not(.navbar-nav--language) .nav-item:nth-child(5) .nav-link
{
	color:var(--secondary-200);
}

/*Menu - Item - Contact*/
.header .navbar-nav:not(.navbar-nav--language) .nav-item:last-child .nav-link
{
	color:var(--basic-0);
	background-color:var(--primary-100);
}
.header .navbar-nav:not(.navbar-nav--language) .nav-item:last-child .nav-link::after
{
	content:'\e00e';

	color:inherit;
	font-family:'Font Awesome Kit';
	font-size:2.4rem;
	line-height:1.5;
	font-weight:400;
	font-style:normal;
	font-variant:normal;
	text-rendering:auto;
	-moz-osx-font-smoothing:grayscale;
	-webkit-font-smoothing:antialiased;
}

/*Menu - Dropdown*/
.dropdown-menu
{
	min-width:300px;
	display:none;
	flex-direction:column;
	list-style-type:none;
	border:0;
	border-radius:0;
	background-color:var(--basic-0);
	padding:6px 0;
	margin-top:0;
	position:absolute;
	top:100%;
	left:24px;
}
.nav-item.dropdown:hover .dropdown-menu
{
	display:flex;
}
.dropdown-menu .dropdown-item
{
	padding:0;
}
.dropdown-menu .dropdown-item.active
{
	background-color:var(--basic-100);
}
.dropdown-menu .dropdown-item:hover
{
	background-color:transparent;
}
.dropdown-menu .dropdown-item .dropdown-link
{
	display:flex;
	color:var(--basic-900);
	font-size:1.4rem;
	font-weight:700;
	padding:12px 24px 12px 16px;
}
@media (hover:hover)
{
	.dropdown-menu .dropdown-item .dropdown-link:hover
	{
		background-color:var(--basic-100);
	}
}

/*Menu - Language*/
.navbar-nav--language .nav-item .nav-link
{
	font-weight:400;
	text-transform:none;
}
.navbar-nav--language .dropdown-menu
{
	left:auto;
	right:0;
}
.navbar-nav--language .dropdown-menu img
{
	display:none;
}

/*Mobile Menu*/
.menu-mobile
{
	display:none;
}
.menu-mobile .menu-mobile-inner
{
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	width:100%;
	height:calc(100vh - var(--navbar-height));
	position:fixed;
	top:var(--navbar-height);
	left:0;
	z-index:-1;
	background-color:var(--basic-0);
	transform:translateY(calc(-100% - var(--navbar-height) - 1px));
	transition:all var(--transition);
}
.menu-mobile.active .menu-mobile-inner
{
	transform:translateY(0);
	transition:all var(--transition);
}
.menu-mobile .navbar-nav:not(.navbar-nav--language)
{
	flex-basis:100%;
	display:flex;
	flex-direction:column;
	justify-content:space-between;
	align-items:center;
	width:100%;
	max-height:calc(100vh - var(--navbar-height));
	padding-bottom:12px;
	overflow-y:auto;
}
.menu-mobile .navbar-nav--language
{
	height:auto;
	border-top:1px solid var(--basic-900);
	padding-top:12px;
}
.menu-mobile .navbar-nav .nav-item
{
	flex-direction:column;
	align-items:center;
	height:auto;
}
.menu-mobile .navbar-nav .nav-item .nav-link
{
	padding-block:16px;
}
.menu-mobile .navbar-nav .dropdown-menu
{
	display:block;
	position:static;
}
.menu-mobile .navbar-nav--language .dropdown-menu
{
	display:flex;
	flex-direction:row;
	justify-content:center;
}
.menu-mobile .navbar-nav .dropdown-menu .dropdown-item .dropdown-link
{
	justify-content:center;
	padding-right:16px;
}
@media all and (max-width:1199px)
{
	.menu-mobile
	{
		display:block;
	}
}

/*Mobile Menu - Toggle*/
.menu-mobile-toggle
{
	display:flex;
	justify-content:center;
	align-items:center;
	width:48px;
	height:48px;
	font-size:2.4rem;
	border-radius:50%;
	background-color:var(--basic-0);
}
@media all and (max-width:575px)
{
	.menu-mobile-toggle
	{
		width:32px;
		height:32px;
		font-size:1.8rem;
	}
}

/*Headroom*/
.header .headroom.headroom--not-top
{
	--navbar-height:60px;

	height:var(--navbar-height);
	border-bottom:2px solid var(--basic-900);
	background-color:var(--basic-100);
	position:fixed;
	animation:headroom-animation var(--transition);
}
.header .headroom.headroom--not-top .navbar-logo img
{
	filter:none;
	max-height:46px;
}
.header .headroom.headroom--not-top .menu .navbar-nav:not(.navbar-nav--language) .nav-item:not(:nth-child(5), :last-child) .nav-link,
.header .headroom.headroom--not-top .menu .navbar-nav--language .nav-item .nav-link
{
	color:var(--basic-900);
}
@media all and (max-width:1499px)
{
	.header .headroom.headroom--not-top .navbar-logo img
	{
		max-height:32px;
	}
}
@media all and (max-width:575px)
{
	.header .headroom.headroom--not-top .navbar-logo img
	{
		max-height:26px;
	}
}
@keyframes headroom-animation
{
	0%
	{
		transform:translateY(-100%);
	}
	100%
	{
		transform:translateY(0);
	}
}