/* Homepage layout, rebuilt from the original Thrive Architect design. */
@import url("https://fonts.googleapis.com/css?family=Lato:400,700,300&display=swap");

.htf-home { color: inherit; }
.htf-home * { box-sizing: border-box; }

.htf-home .htf-tabs { display: flex; gap: 0; margin: 0; padding: 0; }
.htf-home .htf-tab {
	flex: 1 1 50%;
	padding: 14px 10px;
	border: 0;
	border-radius: 0;
	background: #ff9624;
	color: #fff;
	font-family: Lato, sans-serif;
	font-size: 32px;
	font-weight: 700;
	line-height: 1.2;
	cursor: pointer;
}
.htf-home .htf-tab[aria-selected="true"] { background: #004caa; }
.htf-home .htf-tab:focus-visible { outline: 3px solid #86cc00; outline-offset: -3px; }

.htf-home .htf-panel { padding: 30px 0 0; background: #fff; }
.htf-home .htf-panel[hidden] { display: none; }

.htf-home .htf-callout {
	position: relative;
	display: flex;
	align-items: flex-start;
	gap: 24px;
	margin: 0 0 36px;
	padding: 26px 0 26px 43px;
	border: 2px solid #86cc00;
	background: #fff;
}
.htf-home .htf-callout-text { flex: 1 1 auto; padding-bottom: 6px; }
.htf-home .htf-callout h3 {
	margin: 0 0 10px;
	padding: 0;
	color: #004caa;
	font-family: Lato, sans-serif;
	font-size: 46px;
	font-weight: 400;
	line-height: 1.3;
}
.htf-home .htf-callout h3 small { display: block; color: #6b6b6b; font-size: 30px; }
.htf-home .htf-callout p { margin: 0; padding: 0; font-size: 20px; }
.htf-home .htf-ribbon { position: absolute; bottom: -8px; left: -8px; width: 76px; height: auto; pointer-events: none; }

.htf-home .htf-cta {
	flex: 0 0 auto;
	display: block;
	max-width: 300px;
	margin: -26px -2px 0 0;
	padding: 20px;
	border-radius: 0 0 0 50px;
	background: linear-gradient(0deg, #86cc00 0%, #93e000 98%);
	color: #fff !important;
	text-align: center;
	text-decoration: none !important;
}
.htf-home .htf-cta:hover { background: #820000; }
.htf-home .htf-cta strong { display: block; font-size: 30px; line-height: 1.4; }
.htf-home .htf-cta span { display: block; font-size: 12px; }

.htf-home .htf-cols { display: flex; align-items: flex-start; gap: 30px; margin: 0 0 30px; }
.htf-home .htf-col { flex: 1 1 50%; min-width: 0; }

.htf-home iframe.htf-video { display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; border: 0; }

.htf-home .htf-center-img { display: block; width: 50%; max-width: 607px; height: auto; margin: 0 auto 24px; }

.htf-home .htf-join { margin: 24px 0 10px; text-align: center; }

@media (max-width: 767px) {
	.htf-home .htf-tab { font-size: 22px; }
	.htf-home .htf-callout { flex-direction: column; padding: 20px; gap: 16px; }
	.htf-home .htf-callout h3 { font-size: 34px; }
	.htf-home .htf-callout h3 small { font-size: 22px; }
	.htf-home .htf-cta { align-self: stretch; max-width: none; margin: 0; }
	.htf-home .htf-ribbon { display: none; }
	.htf-home .htf-cols { flex-direction: column; }
	.htf-home .htf-col { width: 100%; }
	.htf-home .htf-center-img { width: 100%; }
}