#g-navigation {
    background: $navigation-background;
    color: $navigation-text-color;    
    position: relative;
    z-index: 101;


	// g-container
	> .g-container {
		position: relative;
		padding: 0.5rem 0;
		@include breakpoint(mobile-only) {
			padding: 0;
		}	
	}

	// g-content
	.g-content {
		padding: 0;
		@include breakpoint(mobile-only) {
			margin: 0;
		}			
	}

	// MainNav Center
    .mainnav-center {
		.g-main-nav {
			text-align: center;
		}
    }

    // MainNav Left & Right
    .mainnav-left, .mainnav-right {
    	.g-iconmenu-item {
    		margin: 0;
    		padding: 0;
			@include breakpoint(mobile-only) {
				display: none;
			}    		
    	}
    }

    // Icon Menu
    .g-iconmenu {
    	.g-iconmenu-item {
    		&:hover {
    			.g-iconmenu-icon {
    				color: $accent-color-1;
    			}
    		}
    	}
    	.g-iconmenu-icon {
    		color: $navigation-text-color;
    		background: transparent;
	    	border: 2px solid;
	    	line-height: 26px;
	    }
    }

	// Home
    .g-home &, .g-homepositions & {
    	background: transparent;

    	.g-main-nav {
    		.g-toplevel {
    			> li {
	    			> .g-menu-item-container {
						color: fadeout($white, 25%);
	    			}	
	    			&:hover, &.active {
						> .g-menu-item-container {
							color: $white;
							.g-menu-item-title {
								border-bottom: 3px solid $white;
							}
							> .g-selected {
								color: $white;
								&:after {
								    background: $white;
								}							
							}								
						}				
					}				
    			}
    		}
    	}

	    // Icon Menu
	    .g-iconmenu {
	    	.g-iconmenu-item {
	    		&:hover {
	    			.g-iconmenu-icon {
	    				color: $white;
	    			}
	    		}
	    	}
	    	.g-iconmenu-icon {
	    		color: fadeout($white, 25%);
		    }
	    }

    }
}

// Main Navigation

%link-parent-indicator {
	border: 1px solid lighten($navigation-background, 6%);
	background: darken($navigation-background, 4%);
	&:hover {
		background: darken($navigation-background, 8%);
	}
}

#g-navigation {
	// Menu Styling
	.g-main-nav {
		margin: 0;

		.g-toplevel {

			> li {
				margin: 0 0.5rem;
				> .g-menu-item-container {
					color: $navigation-text-color;
					padding: $content-padding/4 0;
					.g-menu-item-title {
						padding-bottom: 3px;
						border-bottom: 3px solid transparent;						
					}
					.g-menu-parent-indicator {					
						&:after {
							content: "\f13a";
							opacity: 0.75;
						}
					}
				}
				&:hover, &.active {
					> .g-menu-item-container {
						color: $accent-color-1;
						.g-menu-item-title {
							border-bottom: 3px solid $accent-color-1;
						}						
						> .g-selected {
							color: $accent-color-1;
						}
					}
				}
				&.g-parent .g-menu-parent-indicator {
					vertical-align: top;
				}
			}
		}

		.g-dropdown {
			background: $accent-color-1;
			border: 1px solid darken($accent-color-1, 15%);
			border-radius: 0;
			> .g-dropdown-column {
				border: 1px solid transparent;
			}
			a {
				color: $white;
				&:hover {
					color: darken($accent-color-1, 25%);
				}
			}
		}

		.g-sublevel {
			> li {
				> .g-menu-item-container {
					color: $white;
					font-weight: bold;
					border: 1px solid transparent;
					> .g-selected {
						color: $white;
						font-weight: bold;
						border: 1px solid transparent;						
					}					
				}

				&:hover, &.active {
					> .g-menu-item-container {
						background: darken($accent-color-1, 10%);
						color: $white;
						border: 1px solid darken($accent-color-1, 12%);
						border-radius: 2px;
						> .g-selected {
							background: darken($accent-color-1, 10%);
							color: $white;
							border: 1px solid darken($accent-color-1, 12%);
							border-radius: 2px;
						}
					}
				}
				&.g-menu-item-type-particle {
					&:hover, &.active {
						> .g-menu-item-container {		
							border: 1px solid transparent;	
						}
					}				
				}

				&:last-child {
					border-bottom: none;					
				}

				&.g-menu-item-type-particle {
					&:hover {
						> .g-menu-item-container {
							background: inherit;
						}	
					}
				}
			}
		}
	}	
	.g-menu-block {
		@include breakpoint(mobile-only) {
			display: none;
		}		
	}	
	.g-menu-item-subtitle {
		text-transform: lowercase;
		font-size: 0.85rem;
		font-weight: bold;
		opacity: 0.8;
		padding-top: 15px;
	}
}

.g-menu-hastouch {
	.g-standard, .g-fullwidth {
		.g-toplevel {
			> li {
				&.g-menu-item-link-parent {
					> .g-menu-item-container {
						> .g-menu-parent-indicator {
							@extend %link-parent-indicator;
						}
					}
				}
			}
		}		
		.g-sublevel {
			> li {
				&.g-menu-item-link-parent {
					> .g-menu-item-container {
						> .g-menu-parent-indicator {
							@extend %link-parent-indicator;
						}
					}
				}
			}
		}
	}	
}

.menu-item-particle {
	a {
		color: $accent-color-1;
		&:hover {
			color: $navigation-text-color;
		}
	}
}

@media print {
	#g-navigation {
		background: #fff !important;
		color: #000 !important;
	}
}