/* --------------------------------------------------------------
# Menus
-------------------------------------------------------------- */
.main-nav {
	clear: both;
	padding: 0;
	line-height: var(--t10);
	list-style: none;
	margin: 0;
	color: var(--black);
	z-index: 5;
	font-size: var(--t5);
}

@media screen and (min-width: 768px) {
	.main-nav {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
}

.main-nav__list {
	display: none;
	list-style: none;
	margin: 0;
	padding-left: 0;
}

@media screen and (min-width: 768px) {
	.main-nav__item {
		float: left;
		position: relative;
	}
}

.main-nav__link {
	display: block;
	position: relative;
	color: var(--black) !important;
	padding: 0 10px;
	border: none;
}

.main-nav__link:link,
.main-nav__link:visited {
	border: none;
}

.main-nav__link:hover,
.main-nav__link:focus {
	color: var(--red) !important;
}

.main-nav__link[aria-current="page"] {
	font-style: italic;
}

.main-nav__subnav,
.main-nav__subnav__subnav {
	list-style: none;
	padding: 0;
	margin: 0;
}

@media screen and (min-width: 768px) {
	.main-nav__subnav,
	.main-nav__subnav__subnav {
		float: left;
		position: absolute;
		top: 100%;
		left: -999em;
		z-index: 99999;
	}
}

@media screen and (min-width: 768px) {
	.main-nav__subnav__item,
	.main-nav__subnav__subnav__item {
		float: left;
		position: relative;
	}
}

.main-nav__subnav__link,
.main-nav__subnav__subnav__link {
	display: block;
	color: var(--black) !important;
	background: none;
	margin-left: 4rem;
	border: none;
}

@media screen and (min-width: 768px) {
	.main-nav__subnav__link,
	.main-nav__subnav__subnav__link {
		width: 200px;
		position: relative;
		margin-left: -2px;
		padding: 0 10px;
		background: var(--grey1);
	}
}

.main-nav__subnav__link:link,
.main-nav__subnav__subnav__link:link,
.main-nav__subnav__link:visited,
.main-nav__subnav__subnav__link:visited {
	border: none;
}

.main-nav__subnav__link:hover,
.main-nav__subnav__link:focus,
.main-nav__subnav__subnav__link:hover,
.main-nav__subnav__subnav__link:focus {
	color: var(--red) !important;
}

.main-nav__subnav__subnav {
	left: -999em;
	top: 0;
}

.main-nav__subnav__item:hover > .main-nav__subnav__subnav,
.main-nav__subnav__item.focus > .main-nav__subnav__subnav {
	left: 100%;
}

.main-nav__item:hover > .main-nav__subnav,
.main-nav__item.focus > .main-nav__subnav {
	left: auto;
}

@media screen and (min-width: 768px) {
	.main-nav__link:not(:only-child)::after {
		font-family: 'FontAwesome';
		display: inline-block;
		margin: 0 0 0 6px;
		font-weight: 900;
		content: '\f0d7';
		vertical-align: top;
		text-decoration: none;
		font-style: normal;
	}
}

.main-nav__item:hover .main-nav__link:not(:only-child)::after {
	content: '\f0d8';
}

.main-nav__subnav__link:not(:only-child)::after {
	font-family: 'FontAwesome';
	display: inline-block;
	margin: 0 0 0 6px;
	font-weight: 900;
	content: '\f0da';
	vertical-align: top;
}

.main-nav__subnav__item:hover .main-nav__subnav__link:not(:only-child)::after {
	content: '\f0d9';
}

/* Small menu. */
.menu-toggle,
.main-nav.toggled .main-nav__list {
	display: block;
}

@media screen and (min-width: 768px) {
	.menu-toggle {
		display: none;
	}

	.main-nav__list {
		display: block;
	}
}

.menu-toggle {
	border: none;
	background: none;
	font-size: var(--t6);
	-webkit-transition: var(--transition);
	-o-transition: var(--transition);
	transition: var(--transition);
}

.menu-toggle:focus,
.menu-toggle:hover {
	-webkit-box-shadow: none;
	box-shadow: none;
	color: var(--red);
	-webkit-transition: var(--transition);
	-o-transition: var(--transition);
	transition: var(--transition);
}

[data-visually-hidden="true"] {
	display: none;
}

[data-visually-hidden="false"] {
	display: block;
}