/**
 * Theme Name: The Bethel (child of 2021)
 * Template:   twentytwentyone
 * 
 */
:root {
	--red-pink-green-purple:
		radial-gradient(at top right, rgba(243, 161, 198, 1) 0%, rgba(243, 161, 198,0) 66%) fixed,
		radial-gradient(at top left, rgba(232,73,23,1) 0%, rgba(232,73,23,0) 66%) fixed,
		radial-gradient(at bottom left, rgba(165,199,21,1) 0%, rgba(165,199,21,0) 66%) fixed,
		radial-gradient(at bottom right, rgba(47,47,104,1) 0%, rgba(47,47,104,0) 66%) fixed #bb9f71;
	--orange-red-white-purple:
		radial-gradient(at top right, rgba(232, 73, 23, 1) 0%, rgba(232, 73, 23,0) 66%) fixed,
		radial-gradient(at top left, rgba(244, 150, 53, 1) 0%, rgba(244, 150, 53,0) 66%) fixed,
		radial-gradient(at bottom left, rgba(183,226,250,1) 0%, rgba(183,226,250,0) 66%) fixed,
		radial-gradient(at bottom right, rgba(49,42,112,1) 0%, rgba(49,42,112,0) 66%) fixed #b07c7a;
	--navy-pink-green-blue:
		radial-gradient(at top right, rgba(225, 0, 126, .8) 0%, rgba(225, 0, 126,0) 66%) fixed,
		radial-gradient(at top left, rgba(36, 162, 220, 1) 0%, rgba(36, 162, 220,0) 66%) fixed,
		radial-gradient(at bottom left, rgba(0,134,62,1) 0%, rgba(0,134,62,0) 66%) fixed,
		radial-gradient(at bottom right, rgba(0,88,148,1) 0%, rgba(0,88,148,0) 66%) fixed #002e5d;
	--yellow-pink-green-blue:
		radial-gradient(at top right, rgba(234, 76, 127, 1) 0%, rgba(234, 76, 127,0) 66%) fixed,
		radial-gradient(at top left, rgba(255, 239, 49, 1) 0%, rgba(255, 239, 49,0) 66%) fixed,
		radial-gradient(at bottom left, rgba(195,210,0,1) 0%, rgba(195,210,0,0) 66%) fixed,
		radial-gradient(at bottom right, rgba(0,86,121,1) 0%, rgba(0,86,121,0) 66%) fixed #bb9f71;
}
body.page {
	/* all */
	background: var(--navy-pink-green-blue);
}
body.page-id-25, body.parent-pageid-25 {
	/* church */
	background: var(--orange-red-white-purple);
}
body.page-id-42, body.parent-pageid-42 {
	/* teaching */
	background: var(--red-pink-green-purple);
}
body.page-id-46, body.parent-pageid-46 {
	/* youth */
	background: var(--yellow-pink-green-blue);
}

.activities-by-day {
	display:flex;
	flex-direction:column;
	gap:2rem;
}
.activities-by-day .activity-content {
	margin-top:3em;
}
.activity-wrapper,.day-wrapper {
	display:flex;
	gap:2rem;
	margin-bottom:2rem;
}
.activities .day-wrapper {
	flex-direction:column;
}
.activity-header {
	flex-basis:33.333%
}
.activity-header h3.small {
	font-size:1.2rem;
}
.activity-content {
	flex-basis:66.667%
}
.activity-content ul{
	list-style: none;
    padding-left: 0;
}
.activity-content ul li,
.activity-content p,
.activity-content h3{
	margin-bottom:1.25rem;
}