/** COLOURS **/
.nav-bar,
.navigation-main-wrapper,
.navigation-main-wrapper .nav-dropdown ul {
	background: var(--primaryColour);
	color: #FFFFFF;
}

.navigation-main-wrapper {
	border-bottom: 1px solid var(--primaryColourLighter);
}

a.nav-login,
.navigation-main-wrapper .nav-link,
.navigation ul li .nav-link,
.navigation-main-wrapper .social-links a .navigation-main-wrapper .nav-link-menu {
	color: #FFFFFF;
	border-top: 5px solid transparent;
}

.navigation-main-wrapper .nav-link:hover,
.navigation ul li .nav-link:hover,
.navigation ul li .nav-link.selected,
a.nav-login:hover,
.navigation-main-wrapper .social-links a:hover,
.navigation-main-wrapper .nav-link-menu:hover {
	color: #FFFFFF;
	border-top: 5px solid var(--secondaryColour);
}

.navigation ul li ul,
.responsive-menu .responsive-menu-wrapper {
	background: var(--primaryColour);
	color: #FFFFFF;
}

.responsive-menu .nav-link-menu {
	color: #FFFFFF;
	border-bottom: 3px solid transparent;
}

.responsive-menu .nav-link-menu:hover {
	background: transparent;
	color: #FFFFFF;
	border-bottom: 3px solid var(--secondaryColour);
}

.navigation-main-wrapper .nav-dropdown .link.selected {
	background: var(--secondaryColour);
}

.navigation ul ul li .nav-link:hover,
.navigation ul ul li .nav-link.selected {
	background: var(--secondaryColour);
	color: #FFFFFF;
}



/**	GENERAL **/
.responsive-nav-hide,
.responsive-nav .nav-item-hide {
	display: none !important;
}

.responsive-nav-show,
.responsive-nav .nav-item-parent ul {
	display: block;
	-webkit-box-shadow: 0px 20px 20px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 20px 20px 0px rgba(0,0,0,0.3);
	box-shadow: 0px 20px 20px 0px rgba(0,0,0,0.3);
}

.navigation {
	float: left;
}

.navigation ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

.navigation ul li {
	display: block;
	position: relative;
	float: left;
}

.navigation ul li ul {
	display: none;
	z-index: 100;
	list-style: none;
	margin: 0;
	padding: 0;
	position: absolute;
	left: 0;
	min-width: 100px;
}

.navigation ul li .nav-link {
	display: inline-block;
	text-transform: uppercase;
	padding: 15px 7px;
	position: relative;
	cursor: pointer;
	white-space: nowrap;
}

.navigation ul li ul li {
	display: block;
	float: none;
}

.navigation ul li ul li a {
	display: block !important;
}

.navigation ul li ul li.nav-view-more-item span.nav-link {
	display: none !important;
}

.navigation ul li ul li ul {
	position: static;
}

.navigation ul li .nav-more {
	display: none;
}

.navigation ul li .nav-more nav {
	display: none;
	position: absolute;
	z-index: 100;
}

/* Responsive Menu */
.responsive-menu {
	position: relative;
	z-index: 100;
}

.responsive-menu .nav-link-menu {
	display: inline-block;
	height: 40px;
	line-height: 40px;
	text-transform: uppercase;
	cursor: pointer;
	font-size: 1.2em;
	padding-top: 5px;
}

.responsive-menu .nav-link-menu:before {
	content: "\002630";
	padding-right: 5px;
	padding-left: 5px;
}

.responsive-menu .responsive-menu-wrapper {
	display: none;
	float: none;
	height: auto;
	position: absolute;
	width: 100%;
	z-index: 99999;
}

.responsive-menu .responsive-menu-wrapper ul {
	position: relative;
	min-width: 1px;
}

.responsive-menu .responsive-menu-wrapper .item-with-ul ul,
.responsive-menu .responsive-menu-wrapper .nav-item,
.responsive-menu .responsive-menu-wrapper .nav-item .nav-link {
	display: block;
	float: none;
}

.responsive-menu .responsive-menu-wrapper .nav-item span.nav-link {
	display: none;
}

.responsive-menu .responsive-menu-wrapper .item-with-ul .nav-link {
	font-weight: bold;
}

.responsive-menu .responsive-menu-wrapper .item-with-ul .nav-item-parent-child .nav-link {
	font-weight: normal;
}

.responsive-menu.is-open .responsive-menu-wrapper {
	display: block;
}