.related_post_container {
	background-color: rgba(0,0,0,0.03);
	// border-top: 1px solid #eee;

	padding: rem-calc(60) 0;
	@include breakpoint(small only)	{
		padding: rem-calc(30) 0;
	}

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

	.single_related_posts {

		.entry-title {
			text-align: center;
			margin-bottom: rem-calc(40);

			@include breakpoint(small only)	{
				text-align: left;
				margin-bottom: rem-calc(30);
			}
		}

		.related-post {

			@include breakpoint(small only)	{
				margin-bottom: rem-calc(25);
			}


			.entry-thumbnail {
				margin-bottom: rem-calc(20);

				@include breakpoint(small only)	{
					display: inline-block;
					margin-bottom: 0;
				}

				.entry-meta {
					@include breakpoint(small only)	{
						display: none;
					}					
				}
				
				.related_post_image {
					display: block;
					overflow: hidden;
					&:hover	{
						@include breakpoint(medium)	{
							img {
								opacity: 0.6;
							}
							
						}
					}					
				}

				.wp-post-image.size-large {
					margin: 0;
					transition: opacity 1s;

					@include breakpoint(small only)	{
						display: none;
					}
				}

				.wp-post-image.size-thumbnail {
					display: none;

					@include breakpoint(small only)	{
						display: block;
						max-width: 100px;
    					width: 100%;
					}
				}
			}


			.related_post_content {
				.entry-meta {
					@include breakpoint(small only)	{
					
					}
				}			

				h2.related_post_title {
					
					a {
						font-weight: 400;
						letter-spacing: -0.5px;
						display: block;
						font-size: 20px;
						line-height: 1.3;

						@include breakpoint(small only)	{
							font-size: 18px;
						}

						&:hover {
							opacity: .6;
						}
					}
				}
			}

			&.has-post-thumbnail {

				@include breakpoint(small only)	{
					  // display: flex;
					  // align-items: center;					
				}

				.related_post_content {
					@include breakpoint(small only)	{
						width: 65%;
						padding-left: 20px;
						display: inline-block;
						vertical-align: top;
					}	

					.entry-meta {
						display: none;
						@include breakpoint(small only)	{
							margin-top: -10px;
							display: block;
						}
					}
				}
			}
		}
	}
}