@import "../components/navigation-top";

.comment-navigation,
.posts-navigation,
.post-navigation {
	
	border-top: 3px solid $color__border-button;
	border-bottom: 1px solid $color__border-button;
	padding: .8em 0;
	@include font-size(1.125);
	font-style: italic;

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

	.nav-previous {
		border-bottom: 1px solid $color__border-button;
		margin-bottom: .8em;
		padding-bottom: .8em;
		width: 100%;
	}

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

	a,
	a:visited {
		color: $color__link-hover;
		text-decoration: none;

		&:hover {
			color: $color__link;
		}
	}
}

.post-navigation {
	.title {
		display: block;
		clear: both;
		color: $color__link;
		font-style: normal;
		font-family: $font__headings;
		text-transform: uppercase;
		letter-spacing: 1px;
		font-weight: bold;
		@include font-size(.825);
	}
}