#g-navigation {
    background: $navigation-background;
    color: $navigation-text-color;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
    position: relative;

    .g-content {
		margin: 0.625rem;
    }
	@include breakpoint(no-mobile) {
		&.headroom-bg-section, &.headroom-bg-custom {
			&.headroom--unpinned-autohide {
				box-shadow: none;
				.g-main-nav {
					.g-toplevel {
						> li {
							&.active {
								&:after {
									border: none;
								}
							}
						}
					}
				}
			}
		}	
		&.headroom-bg-section, &.headroom-bg-custom {
			box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.7);
		}
	}

	.g-anacron-menu {
		.g-content {
			margin: 0;
		}	
		.menu-item-particle .g-content {
			margin: $content-margin;
			text-align: center;
		}	
	}
}

// Main Navigation

#g-navigation {

	// g-container
	> .g-container {
		position: relative;
	}

	// g-content
	.g-content {
		padding: 0;
	}

	// Social Icons
	.g-social {
		text-align: right;
		@include breakpoint(mobile-only) {
			text-align: center;
		}		
	}

	// Menu Styling
	.g-main-nav {
		margin: 15px 0;
		float: right;

		.g-toplevel {

			i {
				opacity: 1;
				margin-right: 3px;
				margin-top: -2px;
			}

			> li {
				margin-right: 5px;

				> .g-menu-item-container {
					color: lighten($navigation-text-color, 30%);
					font-family: get-font-family($font-family-bold);
					padding: 0 15px;
					height: 40px;
					display: table-cell;
					vertical-align: middle;

					.g-menu-item-title {
						border-bottom: 0;
					}					
				}
				&:hover {
					> .g-menu-item-container {
						color: $accent-color-1;
						.g-menu-item-title {
							border-bottom: 0;
						}						
						> .g-selected {
							color: $accent-color-1;
						}
					}
				}
				&.active {
					> .g-menu-item-container {
						color: $navigation-text-color;		
						.g-menu-item-title {
							border-bottom: 0;
						}					
						> .g-selected {
							color: $accent-color-1;							
						}
						&:hover { 
							color: $accent-color-1;
						}	
					}
					&:after {
					    border-bottom: 3px solid $accent-color-1;
					    left: 5px;
					    bottom: -17px;
					    content: "";
					    position: absolute;
					    width: 100%;
					}
				}
				&.g-parent .g-menu-parent-indicator {
					width: 100%;
    				height: 30px;
    				display: block;
    				position: absolute;
    				z-index: 100;
					&:after {
						display: none;
					}
				}
				&:before {
					font-family: FontAwesome;
				    content: "\f111";
				    font-size: 5px;
				    position: absolute;
				    top: 8px;
				    left: -5px;
				    color: lighten($navigation-text-color, 60%);
				}
				&:first-child {
					&:before {
						display: none;
					}
				}
			}
		}

		.g-dropdown {
			margin-top: 20px;
			padding: 5px 0;
			background: $white;
			border-radius: 2px;
			> .g-dropdown-column {
				border: 1px solid transparent;
			}
		}

		.g-sublevel {

			.g-dropdown {
				margin-top: 0;
			}

			.g-go-back {
				.g-menu-item-container {
					font-size: 14px;
					padding: 0;
					margin: 0;
				}
				+ li {
					.g-dropdown {
						margin-top: -3px;
					}
				}
			}


			> li {

				margin: 10px 0;

				&.g-go-back {
					+ li {
						margin-top: 0;
					}
				}

				> .g-menu-item-container {
					font-family: get-font-family($font-family-bold);
					color: lighten($navigation-text-color, 30%);	
					padding-left: 25px;				
				}

				&.g-parent {
					.g-menu-parent-indicator {
						width: auto;
						font-size: 14px;

						&:after {
							display: block;
							content: "\f054";
	    					text-align: center;
	    					margin-top: 4px;
						}
					}	
					.g-menu-item-content {
						margin-right: 0;
					}	
				}

				&:hover, &.active {
					> .g-menu-item-container {
						color: $navigation-text-color;
						> .g-selected {
							color: $navigation-text-color;
						}
					}
				}

				&:before {
					font-family: FontAwesome;
				    content: "\f111";
				    font-size: 5px;
				    position: absolute;
				    top: 0px;
				    left: 15px;
				    color: lighten($navigation-text-color, 60%);
				}

				&:last-child {
					margin-bottom: 0;
				}

				&.g-menu-item-type-particle {
					&:before {
						content: none;
					}

					> .g-menu-item-container {
						padding: 0;
					}	

					&:hover {
						> .g-menu-item-container {
							background: inherit;
						}	
					}
				}
			}
		}
		.g-fullwidth {
			.g-sublevel {
				> li {
					position: relative;
				}
			} 
		} 
	}	
	.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: 2px;
	}
}

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

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

#g-navigation .g-main-nav .g-toplevel > li:before {
    font-family: FontAwesome;
    content: "\f111";
    font-size: 5px;
    position: absolute;
    top: 8px;
    left: -5px;
    color: #c8c8c8;
}