/* Site-specific styles layered on top of the Libre theme (libre.css). */

/* Libre Baskerville, self-hosted */
@font-face {
	font-family: 'Libre Baskerville';
	font-style: normal;
	font-weight: 400 700;
	font-display: swap;
	src: url(/assets/fonts/libre-baskerville.woff2) format('woff2');
}
@font-face {
	font-family: 'Libre Baskerville';
	font-style: italic;
	font-weight: 400;
	font-display: swap;
	src: url(/assets/fonts/libre-baskerville-italic.woff2) format('woff2');
}

/* Custom background (dark) */
body.custom-background { background-color: #333333; }

/* Custom colours */
body, .sticking .site-header, .main-navigation ul ul, .widget .post-count { background-color: #333333; }
.custom-background .site { background-color: #333333; }
body, a, a:visited, a:hover, a:active, a:focus { color: #EDEDED; }
hr { background-color: #EDEDED; }
.site * { border-color: #EDEDED; }
.site-title a, .site-title a:hover, .site-title a:visited { color: #E7AF4F; }
h1, h2, h3, h4, h5, h6, .entry-title, .entry-title a:visited, .entry-title a, .page-title, .entry-title a:hover { color: #E7AF4F; }

/* No sidebar: a single, centred column at a comfortable reading width */
@media screen and ( min-width: 55em ) {
	.singular .content-area { float: none; margin: 0; width: auto; }
	.singular .site-main { margin: 0 auto; max-width: 44em; }
}

/* Keep the whole menu on one line */
@media screen and ( min-width: 45em ) {
	.main-navigation ul { white-space: nowrap; }
	.main-navigation li { margin-right: 1.25em; }
	.main-navigation ul > li.menu-item-has-children { margin-right: 2em; }
	.main-navigation ul ul { white-space: normal; }

	/* Border around the dropdown menus so they stand out from the page */
	.main-navigation ul ul {
		border: 1px solid rgba(237, 237, 237, .45);
		border-radius: 3px;
		box-shadow: 0 6px 16px rgba(0, 0, 0, .4);
		padding: .4375em .875em;
	}
}
@media screen and ( min-width: 70em ) {
	/* Title on the left, menu on the right, each taking only the room it needs */
	.site-header { display: flex; align-items: baseline; justify-content: space-between; gap: 1.75em; }
	.site-header::before, .site-header::after { display: none; }
	.site-branding { width: auto; flex: 0 1 auto; }
	.main-navigation { width: auto; flex: 0 0 auto; }
	.main-navigation li { margin-left: 1.25em; margin-right: 0; }
	.main-navigation ul > li.menu-item-has-children { margin-right: .875em; }
	.sticking .site-header { align-items: center; }
}

/* Book cover on the home page */
.book-cover {
	float: left;
	padding: .5em;
}