body {
	background-color: #eeeeee;
	color: black;
	font-family: 'Eb Garamond', serif;
}

#row-header {
	padding: 20px;
	border-bottom: 1px solid #ccc;
	background-color: #eeeeee;
}

#row-cta {
	background-image: url(/images/mass-on-mountain.jpg);
	background-size: cover;
	background-position: center top;
	background-repeat: no-repeat;
	color: black;
	/* 	text-shadow: 2px 2px 5px #000000; */
}

#date-header {
	margin: 20px;
}

#date-header, #date-ash-wednesday-footer {
	font-size: 0.75em;
	letter-spacing: 0.2em;
	margin-bottom: 10px;
	margin-top: 40px;
	font-weight: 400;
	text-transform: uppercase;
	text-align: center;
	font-family: 'Cormorant Garamond';
	color: white;
}

#date-header {
	color: black;
}

#row-cta-title {
	font-family: 'Cormorant Garamond', serif;
	text-align: center;
	letter-spacing: 10px;
	font-size: 4.5em;
	color: black;
}

#row-cta-title p {
	margin-bottom: 0px;
}

#row-cta-title-footer {
	font-family: 'Cormorant Garamond', serif;
	text-align: center;
	letter-spacing: 10px;
	font-size: 4.5em;
	color: white;
}

.row-cta-sub-title {
	font-family: 'Cormorant Garamond', sans-serif;
	text-align: center;
	letter-spacing: 2px;
	font-size: 1.2em;
	font-weight: 100;
	line-height: 1.3;
	color: black;
	margin-top: 40px;
}

#row-cta-sub-title .bullet {
	font-family: 'Cormorant Garamond', serif;
	margin-bottom: 20px;
	font-weight: 400;
	font-size: 2em;
}

#title-header {
	font-family: 'Cormorant Garamond', serif;
	text-align: center;
	letter-spacing: 10px;
	font-size: 2.5em;
	color: black;
}

#btn-enroll-now-header {
	/* 	background-color: #3297e0; */
	background-color: #212529;
	color: white;
	border: 3px solid white;
}

#btn-enroll-now-cta {
	background-color: #212529;
	color: white;
	margin-bottom: 200px;
	border: 3px solid white;
	margin-top: 50px;
}

#community-name {
	text-align: center;
	text-transform: uppercase;
	font-family: 'Cormorant Garamond', serif;
	font-size: 0.7em;
	letter-spacing: 0.2em;
	word-spacing: 0.2em;
	font-weight: 400;
	color: black;
	margin: 10px;
}

#row-countdown {
	border: 0px;
}

#row-countdown, #row-countdown-footer {
	margin-bottom: 50px;
	text-align: center;
	text-transform: uppercase;
	font-size: 9pt;
	font-weight: 200;
	font-family: 'DM Sans', serif;
}

#row-countdown .label, #row-countdown-footer .label {
	letter-spacing: 0.25em;
}

#row-countdown .number, #row-countdown-footer .number {
	font-weight: 300;
	font-size: 24px;
}

#row-countdown .right-separator, #row-countdown-footer .right-separator
	{
	border-right: 1px solid #ccc;
	min-width: 100px;
}

#row-small-quote {
	font-family: 'Cormorant Garamond', serif;
	color: black;
	margin-bottom: 20px;
	font-weight: 300;
	font-style: italic;
	margin-top: 20px;
}

#row-small-quote .quote {
	font-size: 1.5em;
	font-weight: 800;
	text-align: center;
	margin-bottom: 20px;
	text-shadow: 0 0 6px white;
}

#row-small-quote .author-icon {
	margin-right: 10px;
	width: 75px;
	border-radius: 50%;
	width: 100px;
	height: 100px;
	object-fit: cover;
	overflow: hidden;
	border: 1px solid #000000;
}

#row-small-quote .author-name {
	font-size: 1.5em;
	font-family: 'EB Garamond', sans-serif;
	margin-bottom: 5px;
	white-space: nowrap;
}

#row-small-quote .author-title {
	font-size: 1em;
	color: dimgrey;
	font-family: 'EB Garamond', sans-serif;
	white-space: nowrap;
}

#row-image-carousel {
	background-color: #11100f;
	padding: 20px;
	padding-top: 40px;
	padding-bottom: 20px;
}

#div-30-mass, .hero-image {
	margin-bottom: 20px !important;
}

#rounded-bottom-shape {
	background-color: #eeeeee;
	border-top-left-radius: 100%;
	border-top-right-radius: 100%;
	width: 100%;
	height: 100px;
	margin: 0px;
	padding: 0px;
}

.quote-mark {
	font-size: 2em;
	font-weight: 300;
	font-family: 'DM Sans', sans-serif;
	margin: 0px;
	padding: 0px;
	line-height: 0.1;
	color: black;
}

.hero-image {
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	color: white;
	width: 100%;
	border-radius: 400px;
	overflow: hidden;
	border: 1px solid white;
	margin-bottom: 40px;
}

.latin-prayer {
	margin-top: 35px;
	font-size: 1.2em;
	letter-spacing: 0.1em;
	margin-bottom: 10px;
	font-style: italic;
}

.english-prayer {
	font-style: italic;
	margin-top: 10px;
	letter-spacing: 0.1em;
	font-size: 1.2em;
	margin-bottom: 50px;
}

#div-30-masses {
	background-image: url(/images/mass.jpg);
}

#div-30-prayers {
	background-image: url(/images/hermits-praying-500.jpg);
}

#div-30-sacrifices {
	background-image: url(/images/hermit-cruciform.jpg);
}

.leader-1 {
	text-align: center;
	font-weight: normal;
	font-family: 'Cormorant Garamond', serif;
	text-shadow: 2px 2px 5px #000000;
	/* X-offset, Y-offset, blur radius, color */
	letter-spacing: 10px;
	padding: 40px;
	margin: 20px;
}

.leader-1 .number {
	font-size: 150px;
	font-family: 'Cormorant Garamond', serif;
	line-height: 1;
	margin-bottom: 40px;
	font-weight: normal;
}

.leader-1 .label {
	font-size: 2em;
	font-weight: 400;
	text-transform: uppercase;
	font-family: 'Cormorant Garamond', serif;
	hyphens: auto; /* enables automatic hyphenation */
	overflow-wrap: break-word; /* allows breaking when needed */
	word-break: break-word; /* fallback */
	-ms-hyphens: auto;
	-moz-hyphens: auto;
}

.btn {
	border-radius: 300px;
}

#row-large-quote {
	font-family: 'Cormorant Garamond', serif;
	margin: 40px;
}

#row-large-quote .quote {
	font-size: 1.5em;
	font-weight: 300;
	margin: 20px;
}

#row-large-quote .author-icon {
	width: 300px;
	border-radius: 50%;
	object-fit: cover;
	overflow: hidden;
	border: 1px solid white;
}

#row-large-quote .author-name {
	font-size: 1.5em;
	font-family: 'EB Garamond', sans-serif;
	margin-bottom: 5px;
	white-space: nowrap;
	margin:20px;
	word-wrap: break-word;
}

#row-faq {
	background-color: #ffffff;
	color: #000000;
	padding: 50px;
	font-family: 'EB Garamond', sans-serif;
}

.accordion-button::after {
	background-image:
		url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-plus' viewBox='0 0 16 16'%3E%3Cpath d='M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4z'/%3E%3C/svg%3E");
}

.accordion-button:not(.collapsed)::after {
	background-image:
		url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-dash' viewBox='0 0 16 16'%3E%3Cpath d='M4 8a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7A.5.5 0 0 1 4 8z'/%3E%3C/svg%3E");
}

.accordion-button:not(.collapsed) {
	background-color: #ffffff;
	color: #000000;
}

#row-faq .title {
	font-family: 'EB Garamond', sans-serif;
	font-weight: 200;
	margin-top: 60px;
	margin-bottom: 50px;
}

.accordion-button {
	font-family: 'EB Garamond', sans-serif;
	font-size: 20px;
	font-weight: 400;
	padding: 20px;
	text-decoration: none;
	color: black;
}

.accordion-button:focus {
	box-shadow: 0 0 5px #11100f;
}

.accordion-body {
	font-family: 'EB Garamond', sans-serif;
	text-align: justify;
}

#row-still-have-questions {
	background-color: #FFFFFF;
	color: black;
	padding: 50px;
	font-size: 1.5em;
	font-family: 'EB Garamond', sans-serif;
}

.rounded-gray-circle {
	border-radius: 700px;
	background-color: #f5f5f5;
	min-height: 300px;
}

.rounded-brown-button {
	border-radius: 700px;
	background-color: #11100f;
	color: white;
	padding: 20px;
	margin: 10px;
}

.rounded-brown-button:hover {
	background-color: #11100f !important;
	/* Prevents Bootstrap from overriding */
	color: white !important; /* Ensures text remains readable */
}

.rounded-brown-button a {
	color: white;
	text-decoration: none;
}

.rounded-brown-button a:hover {
	text-decoration: none;
}

#row-cta-footer {
	background-image: url(/images/hermit-procession.jpg);
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	color: white;
	text-shadow: 2px 2px 5px #000000;
	padding-top: 100px;
	padding-bottom: 40px;
}

#row-terms {
	padding-top: 40px;
	padding-bottom: 20px;
	text-shadow: none;
	border-top: 1px solid #ccc;
	font-size: 10px;
}

#row-terms a {
	color: white;
	margin: 10px;
}

#row-copyright {
	text-shadow: none;
}