/*
Welcome to Custom CSS!

To learn how this works, see http://wp.me/PEmnE-Bt
*/
/* Use a two-column layout for the Grid Page instead of a three-column layout*/
@media screen and (min-width: 1020px) {
	/*Use a flex-wrapper instead of float and margin*/
	.grid-wrapper {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}
	
	.grid {
		flex-basis: 40%;
	}
	
	/*There were some styles for every 3rd grid item  to have a different padding and border that made sense for three-column. This puts it back to the .grid defaults which makes more sense in two-column.*/
	.grid:nth-of-type(3) {
		padding-top: 72px;
		border-top: 2px solid #f1f0f0;
	}
}

.home #post-2 .entry-content {
	background-color: rgba(0,0,0,0.35);
	padding-left: 1em;
}

/*--- CSS to fix the Testimonials menu bar to transparent ---*/
.post-type-archive-jetpack-testimonial .site-header {
	background: rgba(0,0,0,.225);
	text-shadow: 0 0 4px rgba(0,0,0,.5);
	position: absolute;
	z-index: 1;
	width: 600px;
	max-width: 100%;
}

.post-type-archive-jetpack-testimonial .page-title {
	z-index: 2;
}

.post-type-archive-jetpack-testimonial .site-logo {
	margin: 20px auto 80px;
}

.post-type-archive-jetpack-testimonial .hero.with-featured-image {
	padding: 168px 24px 72px;
}

@media screen and ( min-width: 768px) {
	.post-type-archive-jetpack-testimonial .site-header {
		width: 768px;
	}
}

@media screen and ( min-width: 1020px) {
	.post-type-archive-jetpack-testimonial .site-header {
		width: 1020px;
	}
	
	.post-type-archive-jetpack-testimonial .hero.with-featured-image {
		padding: 225px 24px 50px;
	}
	
	.post-type-archive-jetpack-testimonial .site-logo {
		margin: 24px auto;
	}
}

@media screen and ( min-width: 1230px) {
	.post-type-archive-jetpack-testimonial .site-header {
		width: 1230px;
	}
}

/*--- CSS to fix the Testimonials menu bar to transparent ---*/

/*Make the Front Page Widget 1 columns stretch so that they fill the page width*/
.front-page-widget-wrapper {
	display: flex;
}

.front-page-widget {
	flex-grow: 5;
	margin: 0;
}