/*
 * Post Responsive Containers
 * Styling for the shortcodes used for the post content, creates responsive elements based on columns
 */

/* START BOXES */

/*Universal responsive container elements*/
.responsive-grid{
	width: 100%;
	margin-bottom: 20px;
}
.responsive-grid.pad{
	padding: 15px;
}
.responsive-grid:after{
	content: '';
	display: table;
	clear: both;
}
/*grid elements*/
.responsive-grid div[class*='column-']{
	float: left;
	padding-right: 25px;
}
.responsive-grid div[class*='column-']:last-of-type{
	padding-right: 0px;
}
.responsive-grid .column-1-1{
	width: 100%;
}
.responsive-grid .column-2-3{
	width: 66.66%;
}
.responsive-grid .column-1-3{
	width: 33.33%;
}
.responsive-grid .column-1-2{
	width: 50%;
}
.responsive-grid .column-1-4{
	width: 25%;
}