/* Recent Posts */
.recent-posts {

	padding: 1rem;
	font-size: .9em;
	max-width: 90%;
	margin: 0 auto;

	h2 {
		color: $base-accent-color;
		font-weight: bold;
//		text-align: center;
		padding-top: 1rem;
		margin-bottom: .5rem;
		border-top: 4px solid;
	}


	@media only screen and (min-width: 500px) {
		.post {
			float: left;
			width: 32%;
			margin-right: 1%;

			&:nth-of-type(3) {
				margin-right: 0;
			}
		}
	}
	
	// Posts - Card Styling
	.post {
		background: white;
		margin-bottom: 1rem;
		border-radius: 2px;
		box-shadow: 4px 4px 15px #ddd;

		// Header
		 header {
//			text-align: center;
			padding: 1rem;

			h3 {
				font-weight: normal;
				font-size: 1.4em;
				margin-top: 0;
				margin-bottom: .5rem;
			}

			.post-details {
				margin-bottom: 0;

				a {
					color: $base-accent-color;
					border-bottom: 1px dashed;

					&:hover {
						border-bottom-style: solid;
					}
				}
			}

			a {
				color: #333;
			}
		}

		//	Image
		 .post-thumbnail {
//			display: none;
			display: block;

			@media only screen and ($medium-screen) {
			}

//			height: 140px;
			overflow: hidden;

			@media only screen and (500px) {
				height: 200px;
			}

			img {
				height: auto;
			}
		}

		
		//	Content
		footer {
//			display: none;

			@media only screen and ($medium-screen) {
				display: block;
			}

			position: relative;
			z-index: 9;

			background: white;
			padding: 1rem;
		}
	}
}