/**
 * CSS for handling the [column] shortcode styles.
 * @based on: Justin Tadlock <justin@justintadlock.com>
 */

.column-grid:before,
.column-grid:after {
	content: "";
	display: table;
	clear: both;
}
.column {
	clear: both;
}
/*.column-first {}
.column-last {}*/

@media screen and (min-width: 60em) {
	.column-grid {
		display: -webkit-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		align-items: stretch;
	}
	.column {
		-webkit-flex: 1 0 20%;
		flex: 1 0 20%;
	}
}

/* Some rules in case wpautop() goes a little crazy. */
.column-grid br,
.column-grid p:empty {
	display: none;
}
.column-grid .column br {
	display: block;
}