<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">.row_full {
	margin-top: 0 !important;
}

.experiment {

}

	.experiment h3 {
		color: #444;
		font-size: 1.25em;
		font-weight: bold !important;
	}

	.experiment #exp-meta {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		grid-gap: 1%;
	}

	.experiment #exp-meta dl {
		margin-bottom: 1em;
	}

	.experiment #exp-meta dt {
		color: #666;
		font-size: 14px;
		font-weight: bold;
	}

	.experiment #exp-meta dd {
		display: inline-block;
		margin-bottom: .5em;
		margin-right: 3px;
	}

	.experiment #exp-meta dd a {
		border: 1px solid #66bac0;
		color: #66bac0;
		font-size: 12px;
		padding: 3px 5px;
		text-transform: uppercase;
		transition: 1s;
	}

		.experiment #exp-meta dd a:hover {
			border-color: orange;
			color: orange;
		}


	.experiment #featured-image img {
		display: block;
		margin: 1em auto 2em auto;
	}

	.experiment #intro-obj {
		margin-bottom: -1em;
	}

	.experiment #experiment-video {
		position: relative;
	}

	.experiment #intro-obj .latex {
		display: block;
		margin: 1em auto;
	}

#experiment-products {
	margin: 1em auto;
}

	#experiment-product-options .experiment-product-option h4 {
		font-family: Montserrat, sans-serif !important;
		font-size: 1em;
		font-weight: 700;
		text-align: center;
	}

	#experiment-product-options a {
		border: 1px solid #e1e1e1;
		display: block;
		margin-bottom: 1em;
		transition: 1s;
	}

		#experiment-product-options a:hover,
		#experiment-product-options a:hover img {
			border-color: black;
		}

	#experiment-product-options img {
		border-bottom: 1px solid #e1e1e1;
		transition: 1s;
	}

	#experiment-product-options .product-title {
		color: #007377;
		padding: 0.5em;
	}

.youtube-video-embed {
	margin-bottom: 2em;
}

.experiment #cta {
	background-color: #eee;
	margin-top: 1em;
	padding: 2em;
}

@media(min-width: 960px) {

	.experiment {
		display: grid;
		grid-template-areas: 'title sidebar'
									'content sidebar'
									'products products'
									'correlations correlations'
									'cta cta';
		grid-template-columns: 55% 45%;
		grid-gap: 1em 5%;
	}

	#title-and-meta		{ grid-area: title; }
	#featured-image		{ grid-area: sidebar; }
	#intro-obj				{ grid-area: content; }
	#experiment-video		{ grid-area: content; }
	#experiment-products { grid-area: products; }
	#correlations			{ grid-area: correlations; }
	#cta						{ grid-area: cta; }

	#experiment-products #experiment-product-options {
		display: grid;
		grid-template-columns: repeat(4, 1fr);
		grid-gap: 2%;
	}

	.experiment #featured-image img {
		margin-top: 0;
	}

	.experiment #featured-image {
		margin-bottom: 0;
	}

}</pre></body></html>