@charset "UTF-8";

header {
	-webkit-backface-visibility: hidden;
	transform: translateY(0);
	top: 0;
	left: 0;
	right: 0;
	z-index: 1030;
}

header.slide-down {
	position: fixed;
	background-color: var(--theme-bg-color);
	border-bottom: 1px solid var(--theme-bg-color);
	transition: transform .6s cubic-bezier(.77,0,.175,1);
	-webkit-box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.26);
	-moz-box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.26);
	box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.26);
	transform: translateY(100%);
}

header.non-animated {
	position: sticky;
	top: 0;;
	background-color: var(--theme-bg-color);
	-webkit-box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.26);
	-moz-box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.26);
	box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.26);
}

header .nav {
	background-color: var(--theme-bg-color);
}

header .nav a {
	font-family: Montserrat,sans-serif;
	text-transform: uppercase;
	color: var(--white-75);
}

header .nav-link {
	letter-spacing: .1em;
}

header .nav-link:hover,
header .nav-link:focus,
header .nav-link:active,
header .nav-link.active {
	color: var(--white);
	text-decoration: underline;
}

header .nav-link.dropdown-toggle:after {
	display: none;
}

header .dropdown-menu {
	background-color: var(--theme-bg-color);
	border: 0px solid var(--theme-bg-color);
	border-radius: 0;
	margin: 0;
}

header .dropdown-item:hover,
header .dropdown-item:focus,
header .dropdown-item:active,
header .dropdown-item.active {
	color: var(--white);
	background-color: transparent;
	text-decoration: underline;
}


/* XS */
@media only screen and (min-width : 0px) {

	header {
		position: -webkit-sticky;
		position: sticky;
		top: 0;
		-webkit-box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.26);
		-moz-box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.26);
		box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.26);
	}

	header .page-logotype {
		height: 30px;
	}

	header .nav-item {
		padding-top: 0;
		padding-bottom: 0;
	}

	header .nav-link,
	header .nav a {
		padding: .5rem 1rem;
	}

	header .dropdown-menu {
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
		font-size: 80%;
		padding: 0;
	}

}

/* SM (landscape phones, 576px and up) */
@media (min-width: 576px) {

}

/* MD (tablets, 768px and up) */
@media (min-width: 768px) {

}

/* LG (desktops, 992px and up) */
@media (min-width: 992px) {

	header {
		position: absolute;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
	}

	header .page-logotype {
		height: 20px;
	}

	header .nav {
		padding: 0 .25rem;
	}

	header .nav-link {
		letter-spacing: .1em;
		line-height: calc(30px - 1rem);
	}

	header .nav-link,
	header .nav a {
		padding: 1.5rem 0.25rem;
	}

	header .nav .dropdown-item {
		padding: .5rem 1rem;
	}

	header .nav a {
		font-size: 9px;
	}
}

/* XL (large desktops, 1200px and up) */
@media (min-width: 1200px) {

	header .page-logotype {
		height: 50px;
	}

	header .nav {
		padding: 0 1rem;
	}

	header .nav-item {
		padding-top: 1rem;
		padding-bottom: 1rem;
	}

	header .nav-link,
	header .nav a {
		padding: 1.5rem .35rem;
	}

	header .dropdown-menu {
		-webkit-box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.26);
		-moz-box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.26);
		box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.26);
		font-size: 100%;
		padding: .5rem 0;
	}


}

@media (min-width: 1600px) {


	header .nav-link {
		line-height: calc(50px - 1rem);
	}

	header .nav-link,
	header .nav a {
		padding: .5rem 1rem;
	}

	header .nav a {
		font-size: 12px;
	}

}