.fhc-guides-archive {
	padding-bottom: 60px;

	.entry-title {
		padding-bottom: 10px;
	}
}

.fhc-guides-archive__intro {
	max-width: 720px;
	margin: 0 auto 30px;
	text-align: center;
	font-family: Roboto, sans-serif;
	font-size: 18px;
	line-height: 1.55;
	color: #555;
}

.fhc-guides-archive__list {
	list-style: none;
	margin: 0;
	padding: 0;
	background: #fff;
}

.fhc-guides-archive__item {
	border-bottom: 1px solid #ededed;

	&:last-child {
		border-bottom: 0;
	}
}

.fhc-guides-archive__link {
	display: block;
	padding: 18px 22px;
	text-decoration: none;

	&:hover {
		background: #fafafa;

		.fhc-guides-archive__title {
			color: #ff2f00;
		}
	}
}

.fhc-guides-archive__title {
	font-family: "Roboto Condensed", sans-serif;
	font-size: 22px;
	line-height: 1.3;
	font-weight: 700;
	text-transform: none;
	color: #313131;
	padding: 0;
	margin: 0 0 6px;
	text-align: left;
}

.fhc-guides-archive__date {
	font-family: Roboto, sans-serif;
	font-size: 13px;
	color: #888;
	text-transform: uppercase;
}

.fhc-guides-archive__pagination {
	padding: 30px 0;
	text-align: center;

	.page-numbers {
		display: inline-block;
		margin: 0 4px;
		padding: 8px 12px;
		font-family: "Roboto Condensed", sans-serif;
		font-weight: 600;
		text-transform: uppercase;
		color: #313131;
		text-decoration: none;

		&.current,
		&:hover {
			color: #ff2f00;
		}
	}
}

.fhc-guide {
	padding-bottom: 60px;
}

.fhc-guide__kicker {
	margin: 20px 0 0;
	text-align: center;
	font-family: "Roboto Condensed", sans-serif;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;

	a {
		color: #ff2f00;
		text-decoration: none;

		&:hover {
			color: #313131;
		}
	}
}

.fhc-guide__article {
	.entry-title {
		padding-top: 16px;
		padding-bottom: 20px;
		text-transform: none;
		line-height: 1.2;
	}
}

.fhc-guide__content {
	background: #fff;
	padding: 24px 28px 40px;
	font-family: Roboto, sans-serif;
	font-size: 16px;
	line-height: 1.55;
	color: #313131;

	@media screen and (max-width: 768px) {
		padding: 16px 16px 32px;
	}

	h2,
	h3,
	h4 {
		font-family: "Roboto Condensed", sans-serif;
		text-transform: none;
		text-align: left;
		color: #424242;
		padding: 28px 0 10px;
		margin: 0;
	}

	h2 {
		font-size: 24px;
		line-height: 1.25;
	}

	h3 {
		font-size: 20px;
		line-height: 1.3;
	}

	p {
		margin: 0 0 16px;
		color: #313131;
		line-height: 1.55;
	}

	ul,
	ol {
		list-style: disc;
		padding-left: 24px;
		margin: 0 0 16px;
	}

	ol {
		list-style: decimal;
	}

	li {
		margin: 0 0 8px;
	}

	a {
		color: #ff2f00;

		&:hover {
			color: #313131;
		}
	}

	figure {
		margin: 16px 0 24px;
	}

	img {
		max-width: 100%;
		height: auto;
	}

	table {
		width: 100%;
		border-collapse: collapse;
		margin: 10px 0 20px;
		font-size: 15px;
	}

	th,
	td {
		padding: 10px;
		text-align: left;
		vertical-align: top;
		border-bottom: 1px solid #ededed;
	}

	th {
		background: #313131;
		color: #fff;
		font-size: 13px;
		font-weight: 600;
		text-transform: uppercase;
		border-bottom: 0;
	}

	.wp-block-buttons {
		margin: 10px 0 24px;
	}

	.wp-block-button__link {
		font-family: "Roboto Condensed", sans-serif;
		font-size: 14px;
		line-height: 20px;
		text-transform: uppercase;
		border-radius: 3px;
		padding: 13px 22px;
	}

	.fh-hub-body {
		padding: 0;
	}
}