:root {
	--color-storm: #343841;
	--color-midnight: #002d40;
	--color-light-gray: #ddd;
	--color-off-white: #f5f6f7;
	--color-light-riptide: #bfd5d5;
}

/* Licensing Table */
.cf-licensing {
	padding-bottom: 10px;
}

.cf-licensing table {
	border-collapse: collapse;
	width: 100%;
	min-width: 750px;
}

.cf-licensing table td,
.cf-licensing table th {
	border-left: 1px solid var(--color-light-gray);
	border-right: 1px solid var(--color-light-gray);
	text-align: left;
	padding: 1em;
	font-weight: 400;
}

@media screen and (min-width: 992px) {
	.cf-licensing table td,
	.cf-licensing table th {
		border-bottom: 1px solid var(--color-light-gray);
	}
}

.cf-licensing table tr {
	display: table;
	width: 100%;
	table-layout: fixed;
}

.cf-licensing table th,
.cf-licensing table td {
	padding: 8px 16px;
}

.cf-licensing table th {
	background-color: var(--color-storm);
	color: white;
	font-weight: bold;
	border: 1px solid var(--color-light-gray);
}

.cf-licensing table .state {
	width: 15%;
}

.cf-licensing tr:nth-child(odd) {
	background-color: var(--color-off-white);
}

/* FAQs */
.cf-faqs h6 {
	color: var(--color-midnight);
}

.cf-faqs .faq-answer {
	padding-bottom: 20px;
}

/* Flexbox */
.glossary-unit {
	display: flex;
	align-items: stretch;
	margin-bottom: 5px;
}

.term {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 20%;
	font-weight: bold;
	font-size: 1.1em;
	background-color: var(--color-light-riptide);
	padding: 20px;
	text-align: center;
}

.defination {
	padding: 20px 30px;
	width: 80%;
	background-color: var(--color-off-white);
}

@media (max-width: 768px) {
	.glossary-unit,
	.term,
	.defination {
		display: block;
		width: 100%;
	}
}

/* Turn Times */
.cf-turn-times {
	padding: 20px 0;
}

.cf-turn-times .subheading {
	max-width: 450px;
	padding: 10px 0;
}

.cf-turn-times table {
	border: 4px solid var(--color-light-riptide);
	border-collapse: collapse;
}

.cf-turn-times th,
.cf-turn-times td {
	border: 1px solid var(--color-light-gray);
	border-collapse: collapse;
	padding: 10px;
}

.cf-turn-times .as-of-date {
	max-width: 450px;
	padding: 10px 0;
	font-style: italic;
	font-size: 0.9em;
}