/*
*--------------------------------
* MENU STYLES
*--------------------------------
*/

/*---- top bar ----*/

#grve-header #grve-top-bar {
    background-color: #fff;
    text-align:right;
    font-size: 14px;
    height: 30px;
    font-weight: 700;
	border: 0;
}
#grve-header #grve-top-bar .grve-bar-content {
	border: 0;
	height: 30px;
}
#grve-header #grve-top-bar .grve-bar-content .grve-topbar-item {
	border: 0;
	height: 30px;
}
#grve-header #grve-top-bar .grve-bar-content .grve-topbar-item p {
	line-height: 30px;
	height: 30px;
	padding: 0 1px;
	font-size: 13px;
	color: #00857a;
}
#grve-header #grve-top-bar .grve-bar-content .grve-topbar-item p a.topbar-link {
	color: #00857a;
	padding: 0 15px;
	display: inline-block;
	line-height: 30px;
	height: 30px;
}
#grve-header #grve-top-bar .grve-bar-content .grve-topbar-item p a.topbar-link:hover, #grve-header #grve-top-bar .grve-bar-content .grve-topbar-item p a.topbar-link:focus, #grve-header #grve-top-bar .grve-bar-content .grve-topbar-item p a.topbar-link:active {
	background-color: #efefef;
}
#grve-header #grve-top-bar .grve-bar-content .grve-topbar-item p a.topbar-link:focus, #grve-header #grve-top-bar .grve-bar-content .grve-topbar-item p a.topbar-link:active {
	outline: 1px dotted #00857c;
}
#grve-header #grve-top-bar .texidium-language-switcher aside {
	margin-bottom: 0;
}
#grve-header #grve-top-bar .texidium-language-switcher .wpml-ls-legacy-dropdown {
	width: auto;
}
#grve-header #grve-top-bar .texidium-language-switcher .wpml-ls-legacy-dropdown a {
	padding: 0 15px;
	height: 30px;
	width: 95px;
	text-align: left;
	line-height: 2em;
	font-size: 13px;
    color: #00857c;
}
#grve-header #grve-top-bar .texidium-language-switcher .wpml-ls-legacy-dropdown .wpml-ls-item-legacy-dropdown {
	border-left: 1px solid #ebebeb;
}
#grve-header #grve-top-bar .texidium-language-switcher .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:after {
	top: calc(50% - .3em);
}
#grve-header #grve-top-bar .texidium-language-switcher .wpml-ls-legacy-dropdown .wpml-ls-sub-menu {
	border: 0;
	top: 30px;
}
#grve-header #grve-top-bar .texidium-language-switcher .wpml-ls-legacy-dropdown .wpml-ls-sub-menu a {
}
#grve-header #grve-top-bar  .wpml-ls-legacy-dropdown a:hover, #grve-header #grve-top-bar  .wpml-ls-legacy-dropdown a:focus, #grve-header #grve-top-bar .wpml-ls-legacy-dropdown .wpml-ls-current-language:hover>a {
	background-color: #efefef;
}

/*---- main -----*/

#grve-header.grve-header-sticky #grve-header-wrapper #grve-inner-header {
	box-shadow: 0 2px 5px rgba(0,0,0,0.2);
}
#grve-header-wrapper .grve-container .grve-logo .grve-default:focus, #grve-header-wrapper .grve-container .grve-logo .grve-default:active {
	background-color: #0D9289;
	outline: 1px dotted lightblue;
}
.sub-menu {
    width: 100%;
}
#grve-header ul.sub-menu {
    -webkit-box-shadow: 0px 5px 8px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 5px 8px 0px rgba(0,0,0,0.3);
    box-shadow: 0px 5px 8px 0px rgba(0,0,0,0.3);
}
#grve-header .grve-menu li > ul.sub-menu.visible {
	display: block !important;
}
#grve-header ul.sub-menu li a {
    transition: all 0.2s ease-in-out;
}
#grve-header ul.sub-menu li a:hover, #grve-header ul.sub-menu li a:focus, #grve-header ul.sub-menu li a:active {
    background-color: #eaeaea !important;
}
#grve-main-menu > ul > li.current-menu-ancestor > a {
    color: white !important;
}
#grve-header #grve-main-menu > ul > li > a, #grve-header .grve-responsive-menu-text {
	font-weight: 700;
}
#grve-header #grve-main-menu > ul > li > a {
	letter-spacing: 0.05em;
}
#grve-header #grve-main-menu ul.grve-menu > .current-menu-item:after {
    content: "";
    display: block;
    width: calc(100% + 30px);
    height: 3px;
    margin-top: -3px;
    margin-left: -15px;
    background-color: #ebebeb;
}
#grve-header #grve-main-menu ul.grve-menu > .current-menu-item > a {
    color: #fff !important;
}
#grve-header #grve-main-menu ul.sub-menu > .current-menu-item > a {
    /*background-color: #f1f1f1;*/
	text-decoration: underline;
}
#grve-header #grve-main-menu .grve-menu > li.menu-item:hover:after, #grve-header #grve-main-menu .grve-menu > li.menu-item.focus:after {
	content: "";
    display: block;
    width: calc(100% + 30px);
    height: 3px;
    margin-top: -3px;
    margin-left: -15px;
    background-color: #fff;
}
#grve-header #grve-main-menu .grve-menu > li.menu-item:hover, #grve-header #grve-main-menu .grve-menu > li.menu-item:focus, #grve-header #grve-main-menu .grve-menu > li.menu-item:active, #grve-header #grve-main-menu .grve-menu > li.menu-item.focus {
	background-color: #0D9289;
}
#grve-main-menu li.menu-item:hover a, #grve-main-menu li.menu-item.focus a {
	color: #fff !important;
}
#grve-main-menu li.menu-item:hover li a, #grve-main-menu li.menu-item.focus li a {
	color: #00857c !important;
}
.menu-item-right {
    right: 0;
    left: auto !important;
}
#grve-header #grve-main-menu ul li:nth-last-child(2) ul, #grve-header #grve-main-menu ul li:nth-last-child(1) ul {
	left: auto;
	right: 0;
}
#grve-header #grve-main-menu ul li ul.sub-menu ul.sub-menu {
	left: 100%;
    top: 0;
    width: auto;
    padding-left: 0;
	border-left: 1px solid #ccc;
    box-shadow: 2px 3px 4px rgba(0,0,0,0.2);
}
#grve-header #grve-main-menu ul li:nth-last-child(2) ul.sub-menu ul.sub-menu, #grve-header #grve-main-menu ul li:nth-last-child(1) ul.sub-menu ul.sub-menu {
	left: auto;
	right: 100%;
	border-left: 0;
	border-right: 1px solid #ccc;
	box-shadow: -2px 3px 4px rgba(0,0,0,0.2);
}
#grve-header #grve-main-menu.grve-menu-pointer-arrow ul li:nth-last-child(2) ul.sub-menu li.menu-item-has-children > a:after, #grve-header #grve-main-menu.grve-menu-pointer-arrow ul li:nth-last-child(1) ul.sub-menu li.menu-item-has-children > a:after {
	content: '\f104';
    left: 9px;
	right: auto;
}

/*--- mobile menu ---*/

nav#grve-main-menu-responsive {
	background-color: #00857c;
	padding-top: 50px;
}
nav#grve-main-menu-responsive.grve-slide-left {
	box-shadow: -2px 0 10px rgba(0,0,0,0.5);
}
#grve-main-menu-responsive .grve-menu-scroll > ul > li {
	padding-left: 20px;
	padding-right: 0 !important;
	position: relative;
}
#grve-main-menu-responsive .grve-menu-scroll ul li a {
	background-color: transparent;
	padding-left: 35px;
	color: #fff;
	font-weight: 700;
}
#grve-main-menu-responsive .grve-menu-scroll ul li li {
	padding: 0;
	position: relative;
}
#grve-main-menu-responsive .grve-menu-scroll ul li li a {
	font-weight: 400;
	padding-left: 55px;
}
#grve-main-menu-responsive .grve-menu-scroll ul li li li a {
	padding-left: 65px;
	font-style: italic;
}
#grve-main-menu-responsive ul li > a:hover, #grve-main-menu-responsive ul li > a:focus, #grve-main-menu-responsive ul li > a:active {
	background-color: #00786F !important;
	background: linear-gradient(to right, #00786F 65%, #00857c);
}
#grve-body #grve-main-menu-responsive ul li > a:hover:before, #grve-body #grve-main-menu-responsive ul li > a:active:before, #grve-body #grve-main-menu-responsive ul li > a:focus:before {
	content: "";
    position: absolute;
    left: 0;
    height: 41px;
    background: #0A8F86;
    width: 3px;
	font-family: 'FontAwesome';
}
#grve-theme-wrapper { 
	right: 0;
	transition: right 350ms ease;
	-webkit-transition: right 350ms ease;
}
#grve-body #grve-theme-wrapper.grve-slide-left {
	transform: none;
	-webkit-transform: none;
	position: absolute;
	width: 100%;
	right: 280px;
	transition: right 350ms ease;
	-webkit-transition: right 350ms ease;
}
#grve-body #grve-main-menu-responsive .grve-close-menu-button {
	background-color: inherit;
}
#grve-body #grve-main-menu-responsive ul li.current-menu-parent > a, #grve-body #grve-main-menu-responsive ul li.current_page_item > a, #grve-body #grve-main-menu-responsive ul li.current_page_ancestor > a {
	color: #fff;
	background-color: transparent;
}
#grve-body #grve-main-menu-responsive ul li.current-menu-item > a, #grve-body #grve-main-menu-responsive ul li.current_page_item > a {
	color: #fff;
	background-color: #0D9289;
	background: linear-gradient(to right, #0D9289 65%, #00857c);
}
#grve-body #grve-main-menu-responsive ul li.current-menu-item > a:before, #grve-body #grve-main-menu-responsive ul li.current_page_item > a:before {
	content: "";
    position: absolute;
    left: 0;
    height: 41px;
    background: #fff;
    width: 3px;
	font-family: 'FontAwesome';
}

/*
*--------------------------------
* RESPONSIVE
*--------------------------------
*/

@media (max-width: 1200px) {
	#grve-header[data-menu-align="right"] #grve-main-menu {
		margin-right: 15px;
	}
}
@media (max-width: 1024px) {
	#grve-main-menu-responsive .sub-menu {
		height: 0;
		max-height: 0;
		overflow: hidden;
		transition: 300ms;
	}
	#grve-main-menu-responsive .sub-menu.active {
		height: auto;
		max-height: 300px;
	}
	#grve-main-menu-responsive ul li.menu-item.menu-item-has-children > a:after {
		font-family: 'FontAwesome';
		content: "\f054";
		position: absolute;
		font-size: 14px;
		color: #fff;
		opacity: 0.4;
		right: 15px;
	}
	#grve-main-menu-responsive ul li.menu-item.menu-item-has-children.sub-menu-open > a:after {
		content: "\f078";
	}
	#grve-main-menu-responsive ul li.menu-item.menu-item-has-children a:hover:after, #grve-main-menu-responsive ul li.menu-item.menu-item-has-children a:active:after, #grve-main-menu-responsive ul li.menu-item.menu-item-has-children a:focus:after {
		opacity: 0.9;
	}
	#grve-main-menu-responsive .grve-menu-scroll ul.grve-menu > li.menu-item {
		margin-left: 0;
		padding-left: 0;
	}
}
@media screen and (max-width: 1023px) {
	#grve-header ul.sub-menu {
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }
	#grve-header #grve-top-bar ul.grve-bar-content.grve-right-side {
		float: right;
	}
    #grve-header #grve-top-bar ul li {
        float: left;
    }
	#grve-main-menu-responsive ul.sub-menu > li > a:hover {
    	background-color: #007B72 !important;
	}
}
@media (max-width: 767px) {
	/* ----- overwrites -----*/
	header#grve-header:not(.grve-logo-top) #grve-inner-header .grve-logo img {
		max-height: 60px !important;
	}
	#grve-body #grve-main-menu-responsive ul li > a:hover:before, #grve-body #grve-main-menu-responsive ul li > a:active:before, #grve-body #grve-main-menu-responsive ul li > a:focus:before, #grve-body #grve-main-menu-responsive ul li.current-menu-item > a:before, #grve-body #grve-main-menu-responsive ul li.current_page_item > a:before {
    	height: 36px;
	}
	/* ----- header -----*/
	#grve-main-menu-responsive .grve-menu-scroll > ul > li.menu-item {
		margin-left: 0;
		padding-left: 0;
	}
}