/**
 * Note that these styles are loaded *before* editor styles, so that
 * editor-specific styles using the same selectors will take precedence.
 */


.quickberg-grid-tile {
	position: relative;
}

.quickberg-grid-tile.image-tile .quickberg-tile-image {
	overflow: hidden;
}

.quickberg-grid-tile.image-tile .quickberg-tile-image img {
	display: block;
	width: 100%;
	height: auto;
}

.quickberg-grid-tile.text-tile {
	padding-bottom: 30px;
}

.quickberg-grid-tile.text-tile .quickberg-tile-cell {
	padding: 20px;
}

@media all and (min-width: 1160px) {
	.quickberg-grid-tile.text-tile {
		position: relative;
		height: 0;
		padding-bottom: 100%;
	}
	.quickberg-grid-tile.text-tile .quickberg-tile-cell {
		display: table;
		vertical-align: middle;
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		box-sizing: border-box;
	}
	.quickberg-grid-tile.text-tile .quickberg-tile-text {
		display: table-cell;
		vertical-align: middle;
	}
}