@font-face {
	font-family: "Meinrad";
	src: url("../fonts/Meinrad.woff2") format('woff2');
}

@font-face {
	font-family: "Gill Sans MT";
	src: url("../fonts/Gill Sans MT.woff2") format('woff2');
}

@font-face {
	font-family: "Gill Sans MT";
	src: url("../fonts/Gill Sans MT Bold.woff2") format('woff2');
	font-weight: bold;
}

@font-face {
	font-family: "Gill Sans MT";
	src: url("../fonts/Gill Sans MT Italic.woff2") format('woff2');
	font-style: italic;
}

@font-face {
	font-family: "Gill Sans MT";
	src: url("../fonts/Gill Sans MT Bold Italic.woff2") format('woff2');
	font-weight: bold;
	font-style: italic;
}

@supports (hanging-punctuation: first) {
	html {
		hanging-punctuation: first;
	}
}

@supports not (hanging-punctuation: first) {

	/* These classes are added in JS. */
	.cr-hanging-medium {
		text-indent: -0.435em;
	}

	.cr-hanging-small {
		text-indent: -0.225em;
	}
}

:root {
	--cr-main-font: "Gill Sans MT";
	--cr-font-size: 18px;
	/* For "dark mode" */
	--cr-text-colour: black;
	--cr-background-colour: white;
	font-size: var(--cr-font-size);
}


body {
	background-color: var(--cr-background-colour) !important;
	color: var(--cr-text-colour) !important;
}

#cr-liturgy {
	font-family: var(--cr-main-font), sans-serif;
	text-rendering: optimizeLegibility;
	font-weight: normal;
	font-style: normal;
	font-size: 1rem;
	margin: 0 auto;
	padding: 3vh 5vw;
	max-width: 1000px;
}

#cr-liturgy h1, #cr-liturgy h2, #cr-liturgy h3 {
	color: var(--cr-text-colour);
}

#cr-liturgy h1 {
	font-size: 1.33rem;
	margin: 1.5rem 0 1rem 0;
	text-transform: uppercase;
}

#cr-liturgy h2 {
	font-size: 1.1rem;
	margin: 2.5rem 0 1rem 0;
}

#cr-liturgy h3 {
	font-size: 1rem;
	font-style: italic;
	font-weight: normal;
	margin: 2rem 0 0 1.8rem;
}

/**
 * MISC
 *
 */
.cr-y-circumflex-bodge {
	font-family: Arial;
	font-size: 86%;
	display: inline;
}

.cr-stage-direction {
	font-style: italic;
}

.cr-prayer-lead {
	font-weight: normal;
}

.cr-all-prayer {
	margin: 0 0 1.1rem 5em;
	width: 65%;
	text-align: justify;
	font-weight: bold;
}

@media only screen and (max-width: 1024px) {
	.cr-all-prayer {
		width: 65vw;
	}
}

@media only screen and (max-width: 768px) {
	.cr-all-prayer {
		margin: 0 auto 1.1rem auto;
		width: 75vw;
	}
}


/**
 * CONTENTS
 *
 */
#cr-contents {
	grid-template-columns: 1.5fr 1fr;
}

@media only screen and (max-width: 1280px) {
	#cr-contents {
		grid-template-columns: 2fr 1fr;
	}
}

@media only screen and (max-width: 768px) {
	#cr-contents {
		grid-template-columns: 3fr 1fr;
	}
}

#cr-contents {
	display: grid;
	gap: 0.55rem;
	margin: auto;
	font-style: italic;
	margin-bottom: 2rem;
}

#cr-contents p {
	margin: 0;
}

#cr-contents .cr-stage-direction {
	margin-left: 0.55rem;
	font-style: normal;
}


/**
 * PREPARATION
 *
 */
#cr-preparation .cr-narrator {
	display: flex;
}

.cr-narrator span:first-child {
	margin-right: 1rem;
	font-style: italic;
}

.cr-narrator span:first-child::after {
	content: ":"
}

#cr-preparation .cr-stage-direction {
	margin: 1.35rem 0 1.35rem 7rem;
}

@media only screen and (max-width: 768px) {
	#cr-preparation .cr-stage-direction {
		margin-left: 10%;
	}
}


/**
 * OPENING
 *
 */
/*
#cr-opening .cr-all-prayer {
	margin: 0 0 1.1rem 3em;
	width: 75%;
}

@media only screen and (max-width: 1024px) {
	#cr-opening .cr-all-prayer {
		width: 65vw;
	}
}

@media only screen and (max-width: 768px) {
	#cr-opening .cr-all-prayer {
		margin: 0 auto 1.1rem auto;
		width: 75vw;
	}
}
*/


/**
 * PSALMS
 *
 */

.cr-psalms {
	margin-top: 1.6rem;
}

.cr-psalms .cr-stage-direction {
	width: 50%;
	margin: 0 0 -0.8rem 4.5rem;
}

@media only screen and (max-width: 768px) {
	.cr-psalms .cr-stage-direction {
		margin: 0 auto -0.8rem auto;
		width: 95vw;
	}
}

.cr-psalm ol {
	list-style-type: none;
	margin-left: 0;
	counter-reset: psalm_verse_counter;
	padding: 0 !important;
}

.cr-psalm li {
	display: flex;
	align-items: flex-start;
	counter-increment: psalm_verse_counter;
	margin-top: 0.6rem;
	line-height: 1.15rem;
}

.cr-psalm li:before {
	content: counter(psalm_verse_counter);
	width: 1.75rem;
	font-size: 0.725rem;
	font-style: italic;
}

.cr-psalm li p {
	flex: 1;
	margin: 0;
}

.cr-psalm li p>span {
	margin: 0;
	display: block;
}

.cr-psalm li p>span.cr-psalm-indent1 {
	margin-left: 0.85rem;
}

.cr-psalm li p>span.cr-psalm-indent2 {
	margin-left: 4.15rem;
}


/**
 * READINGS
 *
 */

.cr-reading .cr-alternative {
	font-size: 0.9rem;
	margin-bottom: 0.55rem;
}

.cr-reading .cr-reading-day {
	width: fit-content;
	text-align: justify;
}

.cr-reading .cr-reading-day::before {
	font-weight: bold;
	font-size: 0.9rem;
}

.cr-reading .cr-sunday::before {
	content: "SUNDAY";
}

.cr-reading .cr-monday::before {
	content: "Monday";
}

.cr-reading .cr-tuesday::before {
	content: "Tuesday";
}

.cr-reading .cr-wednesday::before {
	content: "Wednesday";
}

.cr-reading .cr-thursday::before {
	content: "Thursday";
}

.cr-reading .cr-friday::before {
	content: "Friday";
}

.cr-reading .cr-saturday::before {
	content: "Saturday";
}

.cr-bible-caption {
	font-style: italic;
	text-align: right;
	display: block;
	font-size: 0.8rem;
}


/**
 *
 * MUSICAL SCORES inc. NEUMA NOTATION
 *
 */

.cr-music-container {
	display: grid;
	width: fit-content;
}

.cr-music-header {
	font-style: italic;
	font-size: 0.9rem;
	position: relative;
	bottom: 1.25rem;
	padding-top: 1.1rem;
}

.cr-music-header .cr-left {
	display: block;
	position: absolute;
	left: 2rem;
}

.cr-music-header .cr-right {
	display: block;
	position: absolute;
	right: 0;
}

/*
 * This lines up the .cr-music items vertically at their midpoints,
 * but keeps the widest one at the left margin as per the PDFs.
 */
.cr-music-items {
	display: grid;
	justify-items: center;
	width: fit-content;
}

.cr-music {
	width: fit-content;
}

pre {
	margin: 0;
}

.cr-neume {
	font-family: "Meinrad";
	font-size: 3.867rem;
	line-height: 3.1rem;
	overflow-y: hidden;
}

/* Some of the neumes in the WordPerfect document are at 36pt instead of the larger 42. */
.cr-neume.cr-small {
	font-size: 3.323rem;
}

.cr-words {
	font-family: var(--cr-main-font);
	font-size: 1rem;
	position: relative;
	overflow-y: hidden;
	margin-bottom: 0.65rem;
}

.cr-words+.cr-words {
	margin-top: -0.25rem;
}

/* This cr-no-words class is added in JS. */
.cr-music.cr-no-words {
	margin-bottom: 0;
}

.cr-music.cr-no-words:last-child {
	margin-bottom: 0;
}

.cr-music .cr-glyph {
	font-family: "Meinrad";
	font-size: 1rem;
	line-height: 1.4rem;
	font-weight: bold;
	position: absolute;
}

.cr-music .cr-versicle-char::after {
	font-family: "Meinrad";
	content: "\2123.";
}

.cr-music .cr-response-char::after {
	font-family: "Meinrad";
	content: "\211F.";
}

.cr-music .cr-left {
	left: 0;
}

.cr-music .cr-right {
	right: 0;
}


/**
 *
 * HYMNS
 *
 */

.cr-hymn-outer {
	width: fit-content;
}

.cr-hymn-with-following-music {
	display: grid;
	align-items: center;
}

.cr-hymn-with-following-music .cr-hymn+.cr-music-container {
	margin: auto;
}

.cr-hymn {
	margin: 0 auto 1.444rem auto;
	display: inline-block;
	text-align: left;
}

.cr-hymn p {
	margin-bottom: 0.55rem !important;
	line-height: 1.333rem;
}

.cr-hymn .cr-citation {
	font-size: 0.85rem;
	line-height: 1rem;
}