/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
	display: block;
}

.site-main .comment-navigation, .site-main
.posts-navigation, .site-main
.post-navigation {
	margin: 0 0 1.5em;
	overflow: hidden;
}

.comment-navigation .nav-links:before,
.comment-navigation .nav-links:after,
.posts-navigation .nav-links:before,
.posts-navigation .nav-links:after,
.post-navigation .nav-links:before, 
.post-navigation .nav-links:after {
	content: "";
	display: table;
}

.comment-navigation .nav-links:after,
.posts-navigation .nav-links:after,
.post-navigation .nav-links:after {
	clear: both;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
	width: 50%;
	padding-right: 15px;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%;
	padding-left: 15px;
}

.site-main {
	.post-navigation {
		margin-top: 40px;
		border-top: 1px solid rgba(0,0,0,0.1);
		padding-top: 20px;

		.nav-links {

			a {
				display: inline-block;
				font-size: 1.125em;
				font-weight: 700;
				color: #000;
				position: relative;
				padding-left: 25px;

				&:before {
					content: "";
					background-image: url('data:image/svg+xml; utf-8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="currentColor" d="M193.456 357.573L127.882 292H424c13.255 0 24-10.745 24-24v-24c0-13.255-10.745-24-24-24H127.882l65.574-65.573c9.373-9.373 9.373-24.569 0-33.941l-16.971-16.971c-9.373-9.373-24.569-9.373-33.941 0L7.029 239.029c-9.373 9.373-9.373 24.568 0 33.941l135.515 135.515c9.373 9.373 24.569 9.373 33.941 0l16.971-16.971c9.373-9.372 9.373-24.568 0-33.941z"></path></svg>');
					background-repeat: no-repeat;
					width: 20px;
					height: 21px;
					position: absolute;
					top: 5px;
					left: 0;
				}

				&:hover {
					color: $primary_color;

					&:before {
						background-image: url('data:image/svg+xml; utf-8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="%232d76b9" d="M193.456 357.573L127.882 292H424c13.255 0 24-10.745 24-24v-24c0-13.255-10.745-24-24-24H127.882l65.574-65.573c9.373-9.373 9.373-24.569 0-33.941l-16.971-16.971c-9.373-9.373-24.569-9.373-33.941 0L7.029 239.029c-9.373 9.373-9.373 24.568 0 33.941l135.515 135.515c9.373 9.373 24.569 9.373 33.941 0l16.971-16.971c9.373-9.372 9.373-24.568 0-33.941z"></path></svg>');
					}
				}
			}//a

			.nav-next {

				a {
					padding-left: 0;
					padding-right: 25px;

					&:before {
						left: auto;
						right: 0;
						background-image: url('data:image/svg+xml; utf-8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="currentColor" d="M254.544 154.427L320.118 220H24c-13.255 0-24 10.745-24 24v24c0 13.255 10.745 24 24 24h296.118l-65.574 65.573c-9.373 9.373-9.373 24.569 0 33.941l16.971 16.971c9.373 9.373 24.569 9.373 33.941 0L440.97 272.97c9.373-9.373 9.373-24.569 0-33.941L305.456 103.515c-9.373-9.373-24.569-9.373-33.941 0l-16.971 16.971c-9.373 9.372-9.373 24.568 0 33.941z"></path></svg>');
					}

					&:hover:before {
						background-image: url('data:image/svg+xml; utf-8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="%232d76b9" d="M254.544 154.427L320.118 220H24c-13.255 0-24 10.745-24 24v24c0 13.255 10.745 24 24 24h296.118l-65.574 65.573c-9.373 9.373-9.373 24.569 0 33.941l16.971 16.971c9.373 9.373 24.569 9.373 33.941 0L440.97 272.97c9.373-9.373 9.373-24.569 0-33.941L305.456 103.515c-9.373-9.373-24.569-9.373-33.941 0l-16.971 16.971c-9.373 9.372-9.373 24.568 0 33.941z"></path></svg>');
					}
				}
			}//.nav-next
	    }//.nav-links
	}//.post-navigation
}//.site-main

.pagination {

	.page-number {
		display: inline-block;
		font-size: 1.25em;
		font-weight: 500;
		margin-right: 15px;
		padding-right: 15px;
		position: relative;
		color: #5c5c5c;
		text-decoration: none;

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

		&::after {
			content: "|";
			position: absolute;
			top: 0;
			right: -2px;
			color: #5c5c5c;
		}

		&:last-child:after {
			display: none;
		}

		&:hover {
			color: $primary_color;
		}

		&.active {
			color: $primary_color;
		}
	}//.page-number
}//.pagination

@media screen and (max-width: 767px) {
	.pagination {

		.page-number {
			font-size: 1em;
		}//.page-number
	}//.pagination
}//max-width: 767px