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

.posts-navigation,
.post-navigation {

	.site-main & {
		@include typecsset-space(margin-bottom);
		@include typecsset-space(padding-top);

		border-top: 1px solid $color_border;
		margin-left: 180px;
	}
}

.comment-navigation {
	a,
	a:visited {
		@include typecsset-font-size(14px);

		background: transparent;
		color: $color__light-blue;
		display: block;
		font-weight: 600;
		letter-spacing: 2px;
		text-transform: uppercase;
	}

	a:hover {
		color: $color__darknavy;
	}

	.nav-previous a:before,
	.nav-next a:after {
		content: '\f431';
		font-family: Genericons;
		font-size: 13px;
	}

	.nav-previous a:before {
		-ms-transform: rotate(90deg);
		-webkit-transform: rotate(90deg);
		transform: rotate(90deg);
	}

	.nav-next a:after {
		-ms-transform: rotate(-90deg);
		-webkit-transform: rotate(-90deg);
		transform: rotate(-90deg);
	}
}

.posts-navigation,
.post-navigation {

	.nav-subtitle {
		@include typecsset-font-size(14px);
		background: transparent;
		color: $color__light-blue;
		display: block;
		font-weight: 600;
		letter-spacing: 2px;
		text-transform: uppercase;
	}

	a,
	a:visited {
		border-bottom: 1px solid $color_border;
		color: $color__darknavy;

		&:hover {
			border-bottom: 2px solid $color__darknavy;
		}
	}
}

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

	overflow: hidden;

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

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