/**
 * ABOUTME: Frontend styles for section deeplinks scroll offset and active tab state.
 * ABOUTME: Loaded on supported page templates for all visitors.
 */

.page-template-dhm_program_landing_page .clb-program-page-section [id],
.page-template-on_page_sidebar_navigation .page-tab [id] {
	scroll-margin-top: 120px;
}

@media (min-width: 960px) {
	.page-template-dhm_program_landing_page .clb-program-page-section [id],
	.page-template-on_page_sidebar_navigation .page-tab [id] {
		scroll-margin-top: 200px;
	}
}

.page-template-dhm_program_landing_page
	#clb-program-page-actions-root
	.clb-section-title-btn.clb-active-btn {
	background: var(--dhm-light-beige, #f5f0e8);
	color: var(--dhm-black, #1a1a1a);
	font-weight: 600;
	box-shadow: inset 0 -3px 0 var(--chalice-red, #c8102e);
}

.page-template-dhm_program_landing_page
	#clb-program-page-actions-root
	.clb-section-title-btn:not(.clb-active-btn) {
	opacity: 0.72;
}

.page-template-dhm_program_landing_page
	#clb-program-page-actions-root
	.clb-section-title-btn:not(.clb-active-btn):hover {
	opacity: 1;
}