/*
Willkommen bei eigenen CSS-Anpassungen!

CSS (Cascading Style Sheets) ist eine Art von Stilanweisungen, die dem
Browser mitteilen, wie dieser eine Webseite darzustellen hat. Du kannst
diese Kommentare löschen und mit Deinen Anpassungen beginnen.

Standardmäig wird dieses eigene Stylesheet *nach* dem Stylesheet Deines
derzeit aktiven Themes geladen. Dadurch können auch CSS-Regeln des Themes
überschrieben werden. Trage hier einfach ein, was Du ändern möchtest. Du
brauchst aber auf keinen Fall alle Regeln des Themes hierher kopieren.
*/
@media screen and (min-width: 783px) {
	/* Navigation */
	.site-navigation li .current_page_item > a,
																.site-navigation li .current_page_ancestor > a,
																.site-navigation li .current-menu-item > a,
																.site-navigation li .current-menu-ancestor > a {
		color: #fff;
	}
	
	/* Primary Navigation */
	.primary-navigation {
		float: right;
		font-size: 11px;
		margin: 0 1px 0 -12px;
		padding: 0;
		text-transform: uppercase;
	}
	
	.primary-navigation .menu-toggle {
		display: none;
		padding: 0;
	}
	
	.primary-navigation .nav-menu {
		border-bottom: 0;
		display: block;
		left: -140px;
	}
}

.primary-navigation.toggled-on {
	border-bottom: 0;
	margin: 0;
	padding: 0;
}

.primary-navigation li {
	border: 0;
	display: inline-block;
	height: 48px;
	line-height: 48px;
	position: relative;
}

.primary-navigation a {
	display: inline-block;
	padding: 0 12px;
	white-space: nowrap;
}

.primary-navigation ul ul {
	background-color: #8ff991;
	float: left;
	margin: 0;
	position: absolute;
	top: 48px;
	left: -999em;
	z-index: 99999;
}

.primary-navigation li li {
	border: 0;
	display: block;
	height: auto;
	line-height: 1.0909090909;
}

.primary-navigation ul ul ul {
	left: -999em;
	top: 0;
}

.primary-navigation ul ul a {
	padding: 18px 12px;
	white-space: normal;
	width: 130px;
}

.primary-navigation li:hover > a,
								.primary-navigation li.focus > a {
	background-color: ##24890d;
	color: #fff;
}

.primary-navigation ul ul a:hover,
								.primary-navigation ul ul li.focus > a {
	background-color: #41a62a;
}

.primary-navigation ul li:hover > ul,
								.primary-navigation ul li.focus > ul {
	left: auto;
}

.primary-navigation ul ul li:hover > ul,
								.primary-navigation ul ul li.focus > ul {
	left: 100%;
}

.primary-navigation .menu-item-has-children > a,
								.primary-navigation .page_item_has_children > a {
	padding-right: 26px;
}

.primary-navigation .menu-item-has-children > a:after,
								.primary-navigation .page_item_has_children > a:after {
	-webkit-font-smoothing: antialiased;
	content: "\f502";
	display: inline-block;
	font: normal 8px/1 Genericons;
	position: absolute;
	right: 12px;
	top: 22px;
	vertical-align: text-bottom;
}

.primary-navigation li .menu-item-has-children > a,
								.primary-navigation li .page_item_has_children > a {
	padding-right: 20px;
	width: 168px;
}

.primary-navigation .menu-item-has-children li.menu-item-has-children > a:after,
								.primary-navigation .menu-item-has-children li.page_item_has_children > a:after,
								.primary-navigation .page_item_has_children li.menu-item-has-children > a:after,
								.primary-navigation .page_item_has_children li.page_item_has_children > a:after {
	content: "\f501";
	right: 8px;
	top: 20px;
}	

.widget-area .widget input,
.widget-area .widget textarea {
	background-color: rgba(255, 255, 255, 0.3);
	border-color: #aaa;
	color: #000;
	font-size: 16px;
	padding: 1px 2px 2px 4px;
}