/*
 * Only the rules Toolset Views used to generate dynamically per-page
 * (base64-encoded inline <style>, decoded from the live site). Everything
 * else the cards rely on (.category-content-row, .category-content-header-row,
 * .tb-button__link color/text-transform, .wpv-view-output, .tb-grid-column
 * margins, .videos-box .wpv-loop, .page-template-category rules, etc.) is
 * already static in the theme's style.css and is intentionally left alone.
 */

.tb-grid {
	display: grid;
	grid-template-columns: minmax(0, 0.5fr) minmax(0, 0.5fr);
	grid-auto-flow: row;
	grid-row-gap: 25px;
	grid-column-gap: 25px;
}
@media only screen and (max-width: 599px) {
	.tb-grid {
		grid-template-columns: minmax(0, 1fr);
	}
}

.tb-container {
	padding: 25px;
}

.tb-image {
	position: relative;
}
.tb-image img {
	max-width: 100%;
	height: auto;
	width: auto;
}

.tb-button__link {
	display: inline-block;
	border-radius: 0.3em;
	font-size: 1.3em;
	margin-bottom: 0.76em;
	padding: 0.55em 1.5em 0.55em;
}

.tb-video video {
	max-width: 100%;
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 1em;
}
