/*
 * Utility classes replacing inline style attributes and <style> blocks in the page templates,
 * so the Content-Security-Policy can use style-src 'self' without 'unsafe-inline'.
 * !important keeps the precedence the inline styles had over the theme stylesheets.
 */
.u-hidden { display: none !important; }
.u-bold { font-weight: bold !important; }
.u-color-black { color: black !important; }
.u-color-white { color: #ffffff !important; }
.u-bg-light-blue { background-color: #d3dfee !important; }
.u-text-center { text-align: center !important; }
.u-img-fluid { max-width: 100% !important; height: auto !important; }
.u-h-auto { height: auto !important; }
.u-size-auto { height: auto !important; width: auto !important; }
.u-min-h-600 { min-height: 600px !important; }
.u-m-0 { margin: 0 !important; }
.u-mt-12 { margin-top: 12px !important; }
.u-note { background: #eaeaea !important; margin: 0 0 15px 0 !important; }

/* table header cells */
.u-bar { background-color: #0f75bc !important; }
.u-w-15 { width: 15% !important; }
.u-w-20 { width: 20% !important; }
.u-w-25 { width: 25% !important; }
.u-w-80 { width: 80% !important; }

.u-under-construction {
	position: fixed !important;
	left: 50% !important;
	top: 50% !important;
	transform: translate(-50%, 0) rotate(-30deg) !important;
	z-index: 10000 !important;
	font-size: 100px !important;
	color: red !important;
	opacity: 0.6 !important;
}

/* index.html; :where() keeps the specificity of the former in-page "h1" rule */
:where(.page-home) h1 {
	margin: 10px;
}