/*
Welcome to Custom CSS!

To learn how this works, see https://wp.me/PEmnE-Bt
*/
.wp-block-cover.space-below {
	margin-bottom: 24px;
}

.site-main {
	padding-top: 0;
}

/* Make space for the logo to the left of the site title. */
#masthead {
	background-image: url('https://wp.midwestbahai.org/images/logo-states.svg');
	background-repeat: no-repeat;
	justify-items: center;
	min-height: 120px;
	padding-top: 0;
	padding-bottom: 0;
	column-gap: 0;
}

#masthead .site-title {
	padding-left: 90px;
/* vertically center the site title */
	align-self: center;
/* cause a line break after "Indiana," */
	max-width: 14em;
}

#masthead .main-navigation {
/* vertically center menus too */
	align-self: center;
}

/* On large screens, a little bigger title. */
@media only screen and (min-width: 1475px) {
	#masthead {
		min-height: 150px;
	}
	
	#masthead .site-title {
		font-size: 2rem;
		padding-left: 120px;
	}
}

/* As the screen gets smaller, adjust spacing & size. */
@media only screen and (max-width: 1023px) {
	#masthead .site-title {
		padding-left: 120px;
	}
}

@media only screen and (max-width: 781px) {
	#masthead .site-title {
		padding-left: 105px;
	}
	
	/* Smaller screens force menu into a single column, to leave more space for title */
	#masthead .main-navigation {
		max-width: 130px;
	}
}

@media only screen and (max-width: 559px) {
	#masthead .site-title {
		padding-left: 75px;
		align-self: end;
	}
}

/* Very small screens: Shrink to fit. Title is 2 lines down to iPhone 6 size. Then gets messier. */
@media only screen and (max-width: 425px) {
	#masthead {
		min-height: 25vw;
	}
	
	#masthead .site-title {
		font-size: 7vw;
		padding-left: 16vw;
	}
}

@media only screen {
	#masthead {
		margin-bottom: 12px;
	}
}

.flexVerticalCenter {
	align-items: center;
}

.spaceAbove {
	margin-top: 16px;
}

details summary {
	cursor: pointer;
}

details {
	transition: all .3s ease;
}

details[open] {
	transition: all .3s ease;
	max-height: 99rem;
}

.entry-header {
	background-color: #1279be;
	min-width: 100%;
	padding-left: 36px;
	padding-right: 36px;
	color: white;
}

@media only screen and (min-width: 560px) {
	.singular .hentry .entry-header .entry-title:before, .singular .hentry .entry-header .entry-title:after,
	.page-title:before,
	.page-title:after {
		margin-bottom: 36px;
	}
}

@media only screen and (min-width: 560px) {
	.singular .hentry .entry-header .entry-title:after,
	.page-title:after {
		margin-top: 36px;
	}
}

.sub-menu {
	border: 2px solid white;
}

@media only screen {
	.wp-block-jetpack-timeline p {
		margin-top: 12px;
	}
	.wp-block-jetpack-timeline .wp-block-coblocks-accordion  {
		margin: -20px -40px;
	}
	.wp-block-jetpack-timeline .wp-block-coblocks-accordion-item  {
		margin: 0;
	}
	.wp-block-coblocks-accordion-item__title {
		font-size: 140%;
		color: #3477b2;
	}
	.wp-block-coblocks-accordion-item__content > p {
		margin: 20px 0;
	}
}