/*
 * "Fifths" grid support for the Simple Columns 5-column layout.
 *
 * 5 even columns don't divide into Bootstrap's 12-unit grid, so the block
 * editor emits col-sm-5th (or col-md-5th, on Bootstrap 4 themes) instead of a
 * numbered col class. These rules give those columns an even 20% width,
 * matching the 15px gutters of the surrounding Bootstrap grid. (col-sm at the
 * 576px breakpoint for BS4; falls back to full-width/stacked below it.)
 */
.col-sm-5th,
.col-md-5th {
	position: relative;
	width: 100%;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
}
@media (min-width: 576px) {
	.col-sm-5th {
		float: left;
		flex: 0 0 20%;
		max-width: 20%;
	}
}
@media (min-width: 768px) {
	.col-md-5th {
		float: left;
		flex: 0 0 20%;
		max-width: 20%;
	}
}