/* Prayerbook entry points share the parish's blue and warm gold accents. */
.home-prayerbook {
	padding: 0 0 42px;
}

.home-prayerbook-inner {
	align-items: center;
	background: linear-gradient(110deg, #fff8eb, #fff 75%);
	border: 1px solid #eadfc9;
	border-radius: 10px;
	display: grid;
	gap: 24px;
	grid-template-columns: auto minmax(0, 1fr) auto;
	padding: 28px 32px;
}

.home-prayerbook-icon {
	align-items: center;
	background: #f6ebd5;
	border-radius: 50%;
	color: var(--parish-gold);
	display: flex;
	height: 76px;
	justify-content: center;
	width: 76px;
}

.home-prayerbook-icon svg {
	flex: none;
}

.home-prayerbook-copy h2 {
	color: var(--parish-blue-dark);
	font-size: clamp(2.2rem, 2.4vw, 3rem);
	font-weight: 750;
	letter-spacing: -0.02em;
	line-height: 1.2;
	margin: 0 0 8px;
}

.home-prayerbook-copy p {
	color: #4c6065;
	font-size: 1.6rem;
	line-height: 1.55;
	margin: 0;
}

.home-prayerbook-link {
	gap: 14px;
	min-height: 46px;
	padding: 13px 20px;
}

.site-navigation-inner .primary-menu > .menu-item-prayerbook > a {
	background: #fff5e4;
	border-bottom-color: var(--parish-gold);
	color: #78501e;
	font-weight: 750;
}

.site-navigation-inner .primary-menu > .menu-item-prayerbook > a:hover,
.site-navigation-inner .primary-menu > .menu-item-prayerbook > a:focus,
.site-navigation-inner .primary-menu > .menu-item-prayerbook.current-menu-item > a,
.site-navigation-inner .primary-menu > .menu-item-prayerbook.current-menu-ancestor > a {
	background: #f5e7cb;
	border-bottom-color: var(--parish-gold);
	color: #674218;
}

.modal-menu .menu-item-prayerbook > .ancestor-wrapper {
	background: #fff5e4;
	border-left: 4px solid var(--parish-gold);
}

.modal-menu .menu-item-prayerbook > .ancestor-wrapper > a {
	color: #78501e;
	font-weight: 750;
}

.modal-menu .menu-item-prayerbook > .ancestor-wrapper > a:hover,
.modal-menu .menu-item-prayerbook > .ancestor-wrapper > a:focus {
	text-decoration: underline;
}

#site-footer .footer-actions .footer-prayerbook-link {
	background: var(--parish-blue-dark);
	border: 1px solid rgba(255, 255, 255, 0.3);
	border-radius: 6px;
	color: #fff;
	font-weight: 750;
	margin-bottom: 8px;
	min-height: 44px;
	padding: 10px 12px;
}

.footer-prayerbook-link > span {
	align-items: center;
	display: inline-flex;
	gap: 9px;
}

.footer-prayerbook-link svg {
	flex: none;
}

#site-footer .footer-actions .footer-prayerbook-link:hover,
#site-footer .footer-actions .footer-prayerbook-link:focus {
	background: #084261;
	color: #fff;
}

.home-prayerbook-link:focus-visible,
.menu-item-prayerbook a:focus-visible,
.footer-prayerbook-link:focus-visible {
	outline: 3px solid var(--parish-gold);
	outline-offset: 4px;
}

.footer-prayerbook-link:focus-visible {
	outline-color: #fff;
}

@media (max-width: 760px) {
	.home-prayerbook-inner {
		gap: 18px;
		grid-template-columns: auto minmax(0, 1fr);
		padding: 24px;
	}

	.home-prayerbook-icon {
		height: 60px;
		width: 60px;
	}

	.home-prayerbook-icon svg {
		height: 38px;
		width: 38px;
	}

	.home-prayerbook-link {
		grid-column: 1 / -1;
		width: 100%;
	}
}

@media (max-width: 420px) {
	.home-prayerbook-inner {
		column-gap: 14px;
		padding: 20px 16px;
	}

	.home-prayerbook-copy p {
		font-size: 1.5rem;
	}
}