.single_navigation_container {
	border-top: 1px solid #eee;

	.grid-container {
		padding-top: 0;
		padding-bottom: 0;
	}

	.single_navigation {
		width: 100%;
		padding: rem-calc(50) 0;

		@include breakpoint(small only)	{
			padding: 0;
		}

	}

	.post-navigation {
		position: relative;
		width: 100%;		
	}

	.nav-previous,
	.nav-next {
		@include breakpoint(small only)	{
			padding: rem-calc(30) 0;
		}
		a {
			.nav-previous-title,
			.nav-next-title	{
				position: relative;
				display: inline-block;
				margin-bottom: rem-calc(10); 
				font-size: rem-calc(12); 
				text-transform: uppercase;
				font-weight: 400;
				letter-spacing: 2px;
				color: #999;



				@include breakpoint(medium down) {
					font-size: 12px;
				}	

				@include breakpoint(small only)	{
					margin-bottom: 0;
				}			
				
				& + span {
					display: block;
					padding-bottom: rem-calc(24);
					@include global-transition();
					font-size: rem-calc(26);
					line-height: 1.4;
					font-weight: 600;

					@include breakpoint(large) {
						padding-bottom: 0;
					}

					@include breakpoint(medium down) {
						font-size: rem-calc(20);
					}
					
					@include breakpoint(small only)	{
						font-size: rem-calc(18);
						padding-bottom: 0; 
					}
				} 
			}

			.nav-previous-title {
				padding-left: 22px;
				&:before {
					position: absolute;
					top: 1px;
					left: 0;
					@include barberry-icon('\ea0e');
				}				
			}

			.nav-next-title {
				padding-right: 22px;
				&:after {
					position: absolute;
					top: 1px;
					right: 0;
					@include barberry-icon('\ea0f');
				}				
			}

			&:hover {
				.nav-previous-title,
				.nav-next-title {
					& + span {
						opacity: .6;
					}
					
				}
			}			
		}
	}

	.nav-previous {
		padding-right: rem-calc(100);

		@include breakpoint(medium down) {
			padding-right: rem-calc(50);
		}

		@include breakpoint(small only) {
			padding-right: 0;
		}
	}

	.nav-next {
		border-left: 1px solid #eee;
		text-align: right;
		padding-left: rem-calc(100);

		@include breakpoint(medium down) {
			padding-left: rem-calc(50);
		}

		@include breakpoint(small only) {
			padding-left: 0;
			border-left: none;
			text-align: left;
		}		
	}

	.medium-6 {
		.nav-next {
			@include breakpoint(small only)	{
				border-top: 1px solid;
				border-color: #eee;
			}
		}
	}

}