.site-header-menu {
	list-style: none;
	margin: 0;
	padding: 0;

	li {
		margin: 0 20px 0 0;

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

	a {
		color: $color__text-secondary;
		text-decoration: none;
		@include font-size(1.5);
		line-height: 6rem;
		outline: 0;
		display: block;

		&#menu-open {
			width: 6rem;
			height: 6rem;
			background: $color__text-secondary;
			color: $color__white;
			text-align: center;
			border-radius: 50%;
		}
	}
}
@media (max-width: 991px) {
	.site-header-menu {
		a {
			line-height: 5rem;
	
			&#menu-open {
				width: 5rem;
				height: 5rem;
			}
		}
	}
}
@media (max-width: 767px) {
	.site-header-menu {
		a {
			@include font-size(1.5);
			line-height: 4rem;
	
			&#menu-open {
				width: 4rem;
				height: 4rem;
			}
		}
	}
}

#site-navigation {
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 999999;
	top: 0;
	left: 0;
	background: $color__text-secondary;
	background: rgba(55,71,79,0.9);
	opacity: 0;
	visibility: hidden;
	transition: all 0.3s ease-out;

	&.toggled {
		visibility: visible;
		opacity: 1;
	}

	.fw-container {
		padding-top: 80px;
	}

	#menu-close {
		position: absolute;
		top: -60px;
		right: 15px;
		width: 60px;
		height: 60px;
		background: $color__white;
		color: $color__text-secondary;
		text-align: center;
		border-radius: 50%;
		font-size: 2rem;
		text-decoration: none;
		outline: 0;
		line-height: 6rem;
	}

	.main-navigation {
		width: 100%;
		clear: both;
		display: block;

		.social-media {
			display: inline-block;
			margin: 0 auto;
	
			li {
				margin: 0 10px 0 0;
	
				&:last-child {
					margin: 0;
				}
			}
		}

		ul {
			list-style: none;
			margin: 0;
			padding-left: 0;
	
			ul {
				display: none;

				a {
					@include font-size(3);
					font-weight: 400;
				}
			}
	
			li:hover > ul,
			li:focus > ul,
			li.focus > ul {
				display: block;
			}
		}
	
		li {
			position: relative;
			margin-bottom: 0;

			&:last-child {
				margin-bottom: 10px;
			}
	
			&:hover > a,
			&.focus > a {
				color: $color__green;
			}

			&.menu-item-has-children {
				> a {
					position: relative;

					&:after {
						font-family: FontAwesome;
						font-size: 25px !important;
						font-size: 2.5rem !important;
						line-height: 1;
						font-weight: 400;
						display: block;
						content: "\f067";
						position: absolute;
						right: -60px;
						top: 19px;
					}
				}
			}
		}
	
		a {
			@include font-size(5);
			font-weight: 600;
			display: inline-block;
			text-decoration: none;
			color: $color__white;
			line-height: 1.2;
			outline: 0;
		}
	
		.current_page_item > a,
		.current-menu-item > a,
		.current_page_ancestor > a,
		.current-menu-ancestor > a {
			color: $color__green;
		}
	}
}
@media (max-width: 991px) {
	#site-navigation {
		.fw-container {
			padding-top: 60px;
		}

		#menu-close {
			position: absolute;
			top: -50px;
			width: 50px;
			height: 50px;
			line-height: 5rem;
		}
	
		.main-navigation {	
			ul {
				ul {
					a {
						@include font-size(3);
					}
				}
			}
			li {
				&.menu-item-has-children {
					> a {
						&:after {
							font-size: 20px !important;
							font-size: 2rem !important;
							right: -50px;
							top: 21px;
						}
					}
				}
			}
			a {
				@include font-size(4.5);
				line-height: 1.3;
			}
		}
	}
}
@media (max-width: 767px) {
	#site-navigation {
		position: relative;
		top: 10px;
		background: $color__text-secondary;
		opacity: 1;
		visibility: visible;
		display: none;

		&.toggled {
			display: block;
		}

		.fw-container {
			padding-top: 20px;
		}

		.main-navigation {
			ul {
				ul {
					a {
						@include font-size(1.6);
						line-height: 1.3;
					}
				}
			}
			li {
				margin-bottom: 10px;

				&.menu-item-has-children {
					> a {
						&:after {
							font-size: 12.5px !important;
							font-size: 1.25rem !important;
							top: 10px;
							right: -30px;
						}
					}
				}
			}
		
			a {
				@include font-size(2);
				line-height: 1.6;
			}
		}
	}
}


.navigation.pagination {
	text-align: center;
	padding: 7.5rem 0;

	ul {
		display: inline-block;
		list-style: none;
		padding: 0;
		margin: 0;

		li {
			float: left;

			a.page-numbers,
			&.link a {
				appearance: none;
				display: inline-block;
				margin: 0 0.5rem;
				border: 2px solid;
				border-color: $color__green;
				border-radius: 8px;
				background: $color__green;
				color: $color__white;
				@include font-size(1.2);
				line-height: 1;
				font-weight: 600;
				padding: 2rem 1rem;
				min-width: 60px;
				text-align: center;
				text-transform: uppercase;
				vertical-align: middle;
				cursor: pointer;
				text-decoration: none;
				white-space: nowrap;
				outline: none;
				user-select: none;
				transition: all 0.3s ease;
			
				&:hover,
				&:active,
				&:focus {
					border-color: $color__green;
					color: $color__green;
					background: $color__white;
					opacity: 1;
				}
			}

			&.icon a {
				appearance: none;
				display: inline-block;
				margin: 0 5rem;
				border: 2px solid;
				border-color: $color__white;
				background: $color__white;
				color: $color__green;
				line-height: 1;
				font-weight: 600;
				padding: 1.1rem 1rem;
				min-width: 60px;
				text-align: center;
				vertical-align: middle;
				cursor: pointer;
				text-decoration: none;
				white-space: nowrap;
				outline: none;
				user-select: none;

				i {
					@include font-size(3);
				}
			}

			span.page-numbers {
				appearance: none;
				display: inline-block;
				margin: 0;
				border: 2px solid;
				border-color: $color__white;
				background: $color__white;
				color: $color__green;
				@include font-size(1.4);
				line-height: 1;
				font-weight: 600;
				padding: 1.9rem 1rem;
				min-width: 60px;
				text-align: center;
				text-transform: uppercase;
				vertical-align: middle;
				white-space: nowrap;
				user-select: none;
			}
		}
	}
}
@media (max-width: 991px) {
	.navigation.pagination {
		padding: 6rem 0;
	
		ul {
			li {
				a.page-numbers,
				&.link a {
					padding: 1.7rem 1rem;
					min-width: 50px;
				}

				&.icon a {
					margin: 0 3rem;
					padding: 1rem 1rem 0.6rem;
				}
	
				span.page-numbers {
					padding: 1.6rem 1rem;
				}
			}
		}
	}
}
@media (max-width: 767px) {
	.navigation.pagination {
		padding: 3rem 0;
	
		ul {
			li {
				a.page-numbers,
				&.link a {
					padding: 1.2rem 0.5rem;
					min-width: 40px;
				}

				&.icon a {
					margin: 0 1rem;
					padding: 0.5rem 0.3rem 0.1rem;
				}
	
				span.page-numbers {
					padding: 1.1rem 0.5rem;
				}
			}
		}
	}
}


.comment-navigation,
.posts-navigation,
.post-navigation {

	.site-main & {
		margin: 0 0 1.5em;
		overflow: hidden;
	}

	.nav-previous {
		float: left;
		width: 50%;
	}

	.nav-next {
		float: right;
		text-align: right;
		width: 50%;
	}
}

#footer-navigation {
	ul {
		list-style: none;
		margin: 1.5rem 0;
		padding: 0;

		ul {
			background: $color__text-secondary;
			border: 1px solid white;
			float: left;
			left: -999em;
			margin: 0;
			padding: 10px;
			position: absolute;
			top: 100%;
			z-index: 999;

			ul {
				top: 0;
			}

			li:hover,
			li:focus {
				> ul {
					left: 100%;
				}
			}

			a {
				line-height: 1.2;
				white-space: nowrap;
			}
		}
	}

	li {
		float: left;
		margin: 0 50px 0 0;
		position: relative;

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

		&:hover,
		&:focus {
			> ul {
				left: auto;
			}
		}
	}

	a {
		color: $color__white;
		text-decoration: none;
		@include font-size(1.4);
		line-height: 4rem;
		outline: 0;
		display: block;
		font-weight: 600;
	}
}
@media (max-width: 767px) {
	#footer-menu {
		margin: 0;
		float: none !important;
	
		li {
			float: none;
			margin: 0 0 10px;
	
			&:last-child {
				margin: 0;
			}
		}

		a {
			line-height: 1.8;
		}
	}
}