.blog-section {
	text-align: center;

	.section-grid {
		display: flex;
		flex: 1;
		flex-wrap: wrap;
		text-align: left;
	}//.section-grid

	.section-grid + .button-wrap {
		margin-top: 60px;
		
		.btn-readmore {
			display: inline-block;
			font-size: 1em;
			font-weight: 600;
			background: $primary_color;
			color: #fff;
			padding: 15px 20px;
			border-radius: 5px;
			border: 1px solid $primary_color;
			text-decoration: none;

			&:hover {
				background: none;
				color: $primary_color;
			}
		}//.btn-readmore
	}//.button-wrap

	article {
		width: 31.33%;
		margin-right: 3%;
		margin-top: 30px;
		border-radius: 5px;
		overflow: hidden;
		box-shadow: 0 0 30px rgba(0,0,0,0);
		@include transition(all ease 0.35s);

		&:nth-child(3n) {
			margin-right: 0;
		}

		&:hover {
			box-shadow: 0 30px 30px rgba(0,0,0,0.15);
		}

		.article-content-wrap {
			border: 1px solid rgba(0,0,0,0.15);
			border-radius: 0 0 5px 5px;
			padding: 20px 20px 0 20px;

			.entry-meta {
				display: flex;
				flex: 1;
				flex-wrap: wrap;

				.posted-on {
					display: flex;
					flex: auto;
				}

				.byline {
					display: flex;
					flex: auto;
					justify-content: flex-end;

					svg {
						margin-right: 5px;
					}
				}
			}//.entry-meta

			.entry-title {
				margin-top: 10px;
				font-size: 1.125em;
				line-height: 1.5;
				margin-bottom: 0;
				font-weight: 600;
			}//.entry-title

			.entry-content {
				margin-top: 20px;
				color: #5c5c5c;

				p {
					margin-top: 0;
					margin-bottom: 20px;
				}
			}//.entry-content

			.button-wrap {
				border-top: 1px solid #c7c7c7;
				text-align: center;
				margin-top: 20px;
				padding-top: 10px;
				padding-bottom: 10px;

				.btn-readmore {
					display: inline-block;
					font-size: 1.125em;
					font-weight: 600;
					line-height: 1.3;
					background: none;
					border: none;
					color: #2d76b9;
					padding: 0;

					&:hover {
						text-decoration: underline;
					}

					svg {
						margin-left: 5px;
					}
				}
			}//.button-wrap
		}//.article-content-wrap
	}//article
}//.blog-section

@media screen and (max-width: 1024px) {
	.blog-section {
		article {
			width: 48%;

			&:nth-child(3n) {
				margin-right: 3%;
			}

			&:nth-child(2n) {
				margin-right: 0;
			}
		}//article
	}//.blog-section
}//max-width: 1.24px

@media screen and (max-width: 767px) {
	.blog-section {
		
		.section-grid {
			flex-direction: column;
		}//.section-grid

		.section-grid + .button-wrap {
			margin-top: 30px;
		}

		article {
			width: 100%;
			margin-right: 0;
		}//article
	}//.blog-section 
}//max-width: 767px