/* navigation - pages */
#menu {
	float: right;
	text-align: left;
	padding: 0;
	margin: 0;
	width: auto;
	height: 100%;
}

#menu ul {
	float: right;
	list-style: none;
	padding: 34px 0;
	margin: 0;
}

#menu li {
	float: left;
	padding: 0 0 0 20px;
	margin: 0;
	list-style: none;
	background: none;
}

/* main pages */
#menu .menu-item {
	float: left;
	padding: 0;
	margin: 0;
	border: 0;
	text-align: left;
	list-style: none;
}

#menu .menu-item a:link, #menu  .menu-item a:visited {
	float: right;
	margin: 0 20px;
	padding: 5px 0 5px 0;
	font-weight: 400;
	font-family: 'Inter Tight', sans-serif;
	color: #12010D;
	text-decoration: none;
	text-transform: none;
	line-height: 1;
	font-size: 18px;
	border: 0;
}

#menu .menu-item a:hover, #menu .menu-item a:active {
 color: #8b258a;
}

#menu .current-page-ancestor a:link, #menu .current-page-ancestor a:visited,
#menu .current-menu-item a:link, #menu .current-menu-item a:visited {
 color: #8b258a;
}


/* sub menu items */
#subnavigation_wrap ul {
	float: left;
	padding: 0;
	margin: 0;
	list-style: none;
	width: 100%;
}

#subnavigation_wrap .page_item {
	float: left;
	padding: 0;
	margin: 0;
	border: 0;
	width: 100%;
	text-align: left;
	list-style: none;
	background: 0;
	border-bottom: 1px solid #2b4d65;
}

#subnavigation_wrap .page_item a:link, #subnavigation_wrap .page_item a:visited {
	float: left;
	width: calc(100% - 40px);
	margin: 0;
	padding: 10px 40px 10px 0;
	font-weight: 400;
	font-family: 'Inter Tight', sans-serif;
	color: #2b4d65;
	text-decoration: none;
	text-transform: capitalize;
	letter-spacing: 0;
	line-height: 2;
	font-size: 18px;
	background-image: url(../images/arrow_right.svg);
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: right center;
}

#subnavigation_wrap .page_item a:hover, #subnavigation_wrap .page_item a:active {
	color: #89b7ae;
	background-image: url(../images/arrow_right_over.svg);
}

#subnavigation_wrap li.current_page_item a:link, #subnavigation_wrap li.current_page_item a:visited {
	color: #89b7ae;
	background-image: url(../images/arrow_right_over.svg);
}

/* Mobile menu */
#menuicon_mobile {
	position: absolute;
	height: 30px;
	width: 30px;
	z-index: 9;
	top: 20px;
	right: 0;
	background-color: transparent;
	background-image: url(../images/mobilemenu_trigger.png);
	background-repeat: no-repeat;
	background-size: contain;
	cursor: pointer;
}

.mobile_menu ul.sub-menu {
	list-style: none;
	float: left;
	width: 100%;
	padding: 0;
	margin: 0;
	display: block;
}

.mobile_menu .current_page_item ul.sub-menu {
	display: block;
}

.mobile_menu .submenu_wrap {
	position: relative;
	width: 98%;
	padding: 0;
	margin: 0 0 0 2%;
	text-align: left;
	display: none; /* has to be hidden at first */
}

.submenu_wrap_inner {
	display: block;
	width: 100%;
	height: 41px;
	padding: 0;
	margin: 0 auto;
}

/* contact button */
#contact_button {
	float: right;
	margin: 28px 20px 0 10px;
	padding: 11px 20px 13px 20px;
	width: auto;
	font-size: 18px;
	line-height: 1;
	color: #fff;
	border-radius: 20px;
	font-weight: 400;
	background-color: #009EEC;
	cursor: pointer;
	text-decoration: none;
}

#contact_button:hover, #contact_button:active {
	background-color: #8b258a;
}

/* search */
#search_trigger_wrap {

}

#search_trigger {
	float: right;
	margin: 30px 20px 0 0;
	padding: 0;
	height: 40px;
	width: 40px;
	font-size: 13px;
	line-height: 22px;
	color: #fff;
	border-radius: 50%;
	text-align: center;
	background-color: #fff;
	background-image: url(../images/icon_search.svg);
	background-repeat: no-repeat;
	background-size: 20px 20px;
	background-position: center;
	cursor: pointer;
}


#search_trigger:hover, #search_trigger:active {
	opacity: 0.5;
}

#search_popup {
	position: absolute;
	top: 28px;
	right: 38px !important;
	z-index: 11;
	padding: 0;
	margin: 0;
	background-color: transparent;
	height: 50px;
	width: 250px;
	max-width: 250px;
	display: none;
}

#searchform {
	position: absolute;
	top: 0px;
	height: 40px;
	left: 0;
	padding: 15px 20px;
	margin: 0;
	height: 100%;
	width: 100%;
	z-index: 9;
}

#search {
	position: absolute;
	top: 0;
	left: 0;
	padding: 0;
	margin: 0;
	width: 100%;
	z-index: 9;
	display: none;
}

#search_content {
	float: left;
	padding: 0;
	margin: 0;
	width: 100%;
}

#search_field {
	float: left;
	border: 0;
	height: 42px;
	width: calc(100% - 40px);
	padding: 18px 20px;
	margin: 0;
	background-color: #efefef;
	color: #373737;
	font-size: 16px;
	outline: none !important;
	border-radius: 25px;
}

#search_submit_wrap {
	float: left;
	width: 35px;
	padding: 4px 2px 4px 6px;
	margin: 0;
}

#search_submit {
	position: absolute;
	top: 9px;
	right: 0;
	width: 30px;
	height: 30px;
	padding: 0;
	margin: 0;
	border: 0;
	background-color: transparent;
	background-image: url(images/../icon_search.svg);
	background-repeat: no-repeat;
	background-size: cover;
	cursor: pointer;
	text-indent: -99em;
}

#search_submit:hover, #search_submit:active {
	opacity: 0.5;
}