.grid-layout {
	
	.site-main {
		display: flex;
		flex: 1;
		flex-wrap: wrap;
		margin-left: -2%;
		margin-right: -2%;

		article {
			width: 46%;
			margin-right: 2%;
			margin-left: 2%;
			margin-bottom: 60px;

			.post-thumbnail {
				margin-bottom: 20px;
			}//.post-thumbnail

			span.category {
				display: inline-block;
				font-size: 0.6em;
				line-height: 1.17em;
				font-weight: 700;
				color: #868E96;
				text-transform: uppercase;
				letter-spacing: 1px;

				a {
					display: inline-block;
					margin-right: 10px;
					margin-bottom: 5px;
					color: #868e96;

					&:last-child {
						margin-right: 0;
					}

					&:hover {
						color: #202020;
					}
				}
			}//span.category

			.entry-meta {
				display: flex;
				flex-wrap: wrap;
				flex: 1;
				align-items: center;
				margin-top: 15px;

				> span {
					margin-right: 15px;
					position: relative;
					padding-right: 15px;

					&:after {
						content: "";
						background: #868e96;
						width: 4px;
						height: 4px;
						border-radius: 100%;
						position: absolute;
						top: 50%;
						right: 0;
						@include transform(translateY(-50%));
					}

					&:last-child {
						margin-right: 0;
						padding-right: 0;

						&:after {
							display: none;
						}
					}
					
				}//> span
			}//.entry-meta

			.entry-title {
				margin-top: 0;
				margin-bottom: 0;
				font-family: $secondary_font;
				font-size: 1.5em;
			}//.entry-title

			.entry-content {
				margin-top: 0;
				font-size: 0.8em;
				line-height: 1.65em;

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

			.entry-footer {
				margin-top: 20px;

				.button-wrap {
					display: inline-block;
				}//.button-wrap
			}//.entry-footer

			.post-shop-wrap {
				margin-top: 25px;
			}//.post-shop-wrap
		}//article
	}//.site-main

	.pagination {
		margin-top: 0;
	}//.pagination

	&.full-width {
		
		.site-main {
			margin-left: -1.5%;
			margin-right: -1.5%;

			article {
				width: 30.33%;
				margin-right: 1.5%;
				margin-left: 1.5%;
			}//article
		}//.site-main
	}//&.full-width
}//.grid-layout

@include media(lg) {
	.grid-layout {
		
		#primary {
			overflow: hidden;
		}//#primary
	}//.grid-layout
}//media(lg)

@include media(sm) {
	.grid-layout {
		
		&.full-width {
			
			.site-main {
				
				article {
					width: 47%;
				}//article
			}//.site-main
		}//&.full-width
	}//.grid-layout
}//media(sm)

@include media(xs) {
	.grid-layout {
		
		.site-main {
			flex-direction: column;
			margin-left: 0;
			margin-right: 0;

			article {
				width: 100%;
				margin-left: 0;
				margin-right: 0;
				margin-bottom: 40px;
			}//article
		}//.site-main

		&.full-width {
			
			.site-main {
				margin-left: 0;
				margin-right: 0;

				article {
					margin-left: 0;
					margin-right: 0;
					width: 100%;
				}//article
			}//.site-main
		}//&.full-width
	}//.grid-layout
}//media(xs)