/* Styles for q4blogs block */
.q4blogs-wrapper .media,
.q4blogs-wrapper .subtitle,
.q4blogs-wrapper .description {
	display: none !important;
}

.q4-results-cards {
	display: flex;
	flex-flow: column wrap;
	gap: 40px;
	justify-content: flex-start;
}

.q4-results-show-more {
	display: block;
	margin: 24px auto 0;
	background: none;
	border: none;
	font: var(--font-16-24);
	font-weight: var(--font-weight-book);
	color: var(--medium-teal);
	cursor: pointer;
	letter-spacing: 0.02em;
	text-align: center;
	text-decoration: underline;
}

.q4-results-show-more:hover {
	color: #005e65;
	text-decoration: underline;
}

.q4-data-header {
	border-bottom: 1px solid var(--silver);
	padding-bottom: 10px;
	margin-bottom: 40px;
}

.q4-data-header.latest-news-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.q4-data-title {
	font: var(--font-36-40) !important;
	font-weight: var(--font-weight-bold) !important;
	color: var(--black);
}

.q4blogs-wrapper .view-all-btn.secondary {
	padding: 12px 20px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.q4-fallback-text {
	font: var(--font-16-24-gotham-book);
	font-weight: var(--font-weight-book);
	color: var(--off-black);
	text-align: center;
	padding: 2em;
}

/* Center loading spinner and loading text */
.q4-spinner {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	margin: 2em auto 0;
}

.q4-spinner-svg {
	display: block;
	margin: 0 auto;
}

.q4-loading-text {
	font: var(--font-16-24-gotham-book);
	font-weight: var(--font-weight-book);
	color: var(--off-black);
	text-align: center;
	margin-top: -20px;
}

/* Remove link styles from clickable card wrapper */
.q4-card-link-wrapper {
	text-decoration: none !important;
	color: inherit !important;
}

/* Mobile view */
@media (width <=426px) {
	.q4-data-header.latest-news-header {
		align-items: flex-start;
		flex-direction: column;
		gap: 10px;
	}

	.q4blogs-wrapper .view-all-btn.secondary {
		width: 100%;
	}
}