/* Show the main menu as a row of links on phones and tablets (instead of hiding it behind the ☰ icon) */
@media (max-width: 840px) {
	#site-navigation.main-navigation {
		display: block !important;
		padding-top: 12px;
	}
	
	#site-navigation .menu > ul, #site-navigation ul.menu {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		gap: 2px 18px;
		margin: 0;
	}
	
	#site-navigation li {
		display: inline-block;
	}
	
	#site-navigation a {
		padding: 4px 0;
		font-size: 16px;
	}
}

/* Hide the menu/sidebar icons in the top-left corner and the empty bar they sat in */
.toggle-bar, #tab-3 {
	display: none !important;
}

#tab-1 {
	display: block !important;
}

#masthead.site-header {
	padding-top: 20px !important;
}

/* Hide "Featured", "Uncategorized", "Leave a comment" and "Edit" under posts */
.entry-meta .meta-cat, .entry-meta .meta-comment, .entry-meta .meta-edit, .sticky .entry-date .posted-on {
	display: none;
}

/* Keep the footer at the bottom of the screen on short pages (e.g. Contact) */
#page {
	display: flex;
	flex-direction: column;
	min-height: 100vh;
}

#content {
	flex: 1 0 auto;
}

/* Hide the "Online lessons (moved)" helper page from the menu (it forwards the old address) */
.page-item-374 { display: none !important; }

/* Blog page */
.blog-label { color: #e1af69; text-transform: uppercase; letter-spacing: .12em; font-size: 14px; margin-bottom: 4px; }
.blog-start .wp-block-post-template { list-style: none; padding: 0; margin: 0; display: grid; gap: 16px; }
.blog-start .wp-block-post { border: 1px solid #333; border-radius: 10px; padding: 20px 22px; background: rgba(255,255,255,.02); }
.blog-start .wp-block-post-title { font-size: 24px; margin: 0 0 8px; }
.blog-start .wp-block-post-title a, .blog-list .wp-block-post-title a, .blog-all a, .wp-block-post-excerpt__more-link { color: #e1af69; }
.blog-list .wp-block-post-template { list-style: disc; padding-left: 20px; margin: 0 0 6px; }
.blog-list .wp-block-post-title { font-size: 18px; font-family: inherit; font-weight: normal; margin: 4px 0; }
.blog-empty { font-style: italic; opacity: .7; }
/* Hide "All posts" for topics that have no published posts yet */
.blog-list:has(.blog-empty) + .blog-all { display: none; }