/* PowerSite 2.93 - MARR: Products CSS */
/* Last Updated: 2023.05.10 ET */

@import url('marr_default.css');

img.prodimage {
	float: left;
	max-width: 40vw;
	height: auto;
	margin: 3rem 6rem 6rem 0;
}

img.prodimage + div {
	position: relative;
	padding-top: 1rem;
}

img.prodimage + div > h1 {
	font-size: 1.86rem; /* 26px ÷ 14px */
	line-height: 1.1;
	text-align: left !important;
	margin-bottom: 2rem;
}

img.prodimage + div > h2 {
	text-align: left !important;
}

img.prodimage + div > h2:not(:first-of-type) {
	clear: both !important;
}

img.prodimage + div > h3 {
	color: rgb(42,60,104) !important;
	font-weight: 900;
	text-align: left !important;
	clear: both !important;
}

img.prodimage + div + p {
	margin-top: 4rem !important;
}

@media (max-width: 1023px) {

	img.prodimage {
		margin: 3rem 3rem 3rem 0;
	}

}

table.chart {
	margin: 2rem auto;
	border-collapse: collapse;
	border-top: 2px solid rgba(42,60,104,0.5);
}

table.chart th,
table.chart td {
	padding: 0.25em 1em;
	border-bottom: 1px solid rgba(42,60,104,0.5);
}

table.chart th {
	font-style: italic;
	text-transform: uppercase;
}