/*
Alternative grid implementation using table structure to ensure adjacent cells
are all the same size.

Unlike other grid implementations, you cannot have a row with cell-widths
extending past it, and expect those to wrap. They won't - because we're not
using "float", but rather "display: table", one row means exactly that - one
visual row.
*/
/* 
    Created on : 11-Dec-2017, 10:12:16 AM
    Author     : ncrause
*/
.asterion-altgrid .asterion-row {
	display: table;
	border-collapse: collapse;
	margin-left: -15px;
	margin-right: -15px;
	box-sizing: border-box !important;
	position: relative;
}

.asterion-altgrid .asterion-column {
	display: table-cell;
	padding-left: 15px;
	padding-right: 15px;
	vertical-align: top;
	min-width: 320px;
	box-sizing: border-box !important;
	position: relative;
}

.asterion-altgrid .asterion-column.asterion-10 {
	width: 10%;
}

.asterion-altgrid .asterion-column.asterion-20 {
	width: 20%;
}

.asterion-altgrid .asterion-column.asterion-30 {
	width: 30%;
}

.asterion-altgrid .asterion-column.asterion-40 {
	width: 40%;
}

.asterion-altgrid .asterion-column.asterion-50 {
	width: 50%;
}

.asterion-altgrid .asterion-column.asterion-60 {
	width: 60%;
}

.asterion-altgrid .asterion-column.asterion-70 {
	width: 70%;
}

.asterion-altgrid .asterion-column.asterion-80 {
	width: 80%;
}

.asterion-altgrid .asterion-column.asterion-90 {
	width: 90%;
}