/*
Mylie's walking routes: colours for the shared sidebar layout
(shared/static/assets/css/sidebar.css, loaded first) and the wrapper for the
route pages. Each page's own Google Docs styles are in routes.css, scoped to
that page.
*/

/* The IONOS page loaded Open Sans (regular only) from Google Fonts for the
   menu and title bar; self-hosted now, because the CSP allows no third-party
   fonts. Licence: assets/fonts/OFL-open-sans.txt. */
@font-face{
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url("../fonts/open-sans-latin-400.woff2") format("woff2");
}

:root{
	--sb-body-bg: #f5f6fa;
	--sb-top: #46923c;
	--sb-side: #276221;
	--sb-sub: #46923c;
	--sb-accent: #276221;
	--sb-burger-hover: #a2ffc6;
	--sb-content-bg: #ffffff;
	--sb-side-pad-top: 0px;
	--sb-profile-h: 120px;
	--sb-bar-pad-right: 30px;
	--sb-hidden-pad: 30px;
}

/* The route pages were documents in an <iframe> with the browser's default
   8px body margin. */
.gdoc{
	padding: 8px;
}

/* ...and had none of the layout's font rule: undo it inside the documents so
   line heights match. Their own classes (routes.css) still set Arial etc. */
.gdoc,
.gdoc *{
	font-family: revert;
}

/* Photos keep their size from the document but shrink to fit narrow screens,
   without stretching. */
.gdoc img{
	max-width: 100%;
	height: auto;
	vertical-align: top;
}