@charset "UTF-8";
/* bebas-neue-regular - latin */
/* sorts-mill-goudy-regular - latin */
@font-face {
  font-family: "custom-payment-field-icons";
  src: url(https://cdn.ecatholic.com/1772471332/paymentMinimal/icons/custom-payment-field-icons.woff2) format("woff2")   , url(https://cdn.ecatholic.com/1772471332/paymentMinimal/icons/custom-payment-field-icons.ttf) format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "custom-payment-field-icons";
  src: url(https://cdn.ecatholic.com/1772471332/paymentMinimal/icons/custom-payment-field-icons.woff2) format("woff2")   , url(https://cdn.ecatholic.com/1772471332/paymentMinimal/icons/custom-payment-field-icons.ttf) format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "custom-payment-title-icons";
  src: url(https://cdn.ecatholic.com/1772471332/paymentMinimal/icons/custom-payment-title-icons-100.woff2) format("woff2")   , url(https://cdn.ecatholic.com/1772471332/paymentMinimal/icons/custom-payment-title-icons-100.ttf) format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "custom-payment-title-icons";
  src: url(https://cdn.ecatholic.com/1772471332/paymentMinimal/icons/custom-payment-title-icons-100.woff2) format("woff2")   , url(https://cdn.ecatholic.com/1772471332/paymentMinimal/icons/custom-payment-title-icons-100.ttf) format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "custom-payment-title-icons";
  src: url(https://cdn.ecatholic.com/1772471332/paymentMinimal/icons/custom-payment-title-icons-300.woff2) format("woff2")   , url(https://cdn.ecatholic.com/1772471332/paymentMinimal/icons/custom-payment-title-icons-300.ttf) format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "custom-payment-title-icons";
  src: url(https://cdn.ecatholic.com/1772471332/paymentMinimal/icons/custom-payment-title-icons-300.woff2) format("woff2")   , url(https://cdn.ecatholic.com/1772471332/paymentMinimal/icons/custom-payment-title-icons-300.ttf) format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "custom-payment-title-icons";
  src: url(https://cdn.ecatholic.com/1772471332/paymentMinimal/icons/custom-payment-title-icons-400.woff2) format("woff2")   , url(https://cdn.ecatholic.com/1772471332/paymentMinimal/icons/custom-payment-title-icons-400.ttf) format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "custom-payment-title-icons";
  src: url(https://cdn.ecatholic.com/1772471332/paymentMinimal/icons/custom-payment-title-icons-400.woff2) format("woff2")   , url(https://cdn.ecatholic.com/1772471332/paymentMinimal/icons/custom-payment-title-icons-400.ttf) format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "custom-payment-title-icons";
  src: url(https://cdn.ecatholic.com/1772471332/paymentMinimal/icons/custom-payment-title-icons-900.woff2) format("woff2")   , url(https://cdn.ecatholic.com/1772471332/paymentMinimal/icons/custom-payment-title-icons-900.ttf) format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "custom-payment-title-icons";
  src: url(https://cdn.ecatholic.com/1772471332/paymentMinimal/icons/custom-payment-title-icons-900.woff2) format("woff2")   , url(https://cdn.ecatholic.com/1772471332/paymentMinimal/icons/custom-payment-title-icons-900.ttf) format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
#mobileFrame {
  height: 100%;
}
#mobileFrame.tablet,
#mobileFrame.mobile {
  border: 25px solid #fff;
  border-radius: 25px;
  box-shadow: 0 0 3px 3px #ccc;
  margin-top: 20px;
}
#mobileFrame.tablet iframe,
#mobileFrame.mobile iframe {
  border: 1px solid #ccc;
}
#mobileFrame.tablet {
  width: 1220px;
  height: calc(100vh - 65px - 60px - 90px);
  margin-left: calc((100vw - 1220px)/2);
}
#mobileFrame.tablet iframe {
  width: 1220px;
}
#mobileFrame.mobile {
  width: 428px;
  height: calc(100vh - 65px - 60px - 90px);
  margin-left: calc((100vw - 428px)/2);
}
#mobileFrame.mobile iframe {
  box-sizing: border-box;
  width: 428px;
}
#designPreview {
  background: #fff;
  border: 0;
  height: 100%;
}
#designPreview #footerLinks {
  display: none;
}
.border-box {
  box-sizing: border-box;
}
.flex-center {
  display: flex;
  justify-content: center;
  align-items: center;
}
.fa-v6-base {
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}
/* Example Usage:
		(at)sectionStylingOptions: "Row Full Width";
		@percent: 96%;
		.rowFullWidth {
			.rowSectionFullWidth(@percent);
			.columnSectionFullWidth(@percent);
			.buttonSectionFullWidth(@percent);
			.gridSectionFullWidth(@percent);
			.halfSectionFullWidth(@percent);
		}
	*/
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
  display: block;
}
audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden] {
  display: none;
}
html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}
html,
button,
input,
select,
textarea {
  font-family: sans-serif;
}
body {
  margin: 0;
}
a:focus {
  outline: thin dotted;
}
a:hover,
a:active {
  outline: 0;
}
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
h2 {
  font-size: 1.5em;
  margin: 0.83em 0;
}
h3 {
  font-size: 1.17em;
  margin: 1em 0;
}
h4 {
  font-size: 1em;
  margin: 1.33em 0;
}
h5 {
  font-size: 0.83em;
  margin: 1.67em 0;
}
h6 {
  font-size: 0.75em;
  margin: 2.33em 0;
}
abbr[title] {
  border-bottom: 1px dotted;
}
b,
strong {
  font-weight: bold;
}
blockquote {
  margin: 1em 40px;
}
dfn {
  font-style: italic;
}
mark {
  background: #ff0;
  color: #000;
}
p,
pre {
  margin: 1em 0;
}
pre,
code,
kbd,
samp {
  font-family: monospace, serif;
  _font-family: "courier new", monospace;
  font-size: 1em;
}
pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}
q {
  quotes: none;
}
q:before,
q:after {
  content: "";
  content: none;
}
small {
  font-size: 75%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
dl,
menu,
ol,
ul {
  margin: 1em 0;
}
dd {
  margin: 0 0 0 40px;
}
menu,
ol,
ul {
  padding: 0 0 0 40px;
}
nav ul,
nav ol {
  list-style: none;
  list-style-image: none;
}
img {
  border: 0;
  -ms-interpolation-mode: bicubic;
}
svg:not(:root) {
  overflow: hidden;
}
figure {
  margin: 0;
}
form {
  margin: 0;
}
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
legend {
  border: 0;
  padding: 0;
  white-space: normal;
  *margin-left: -7px;
}
button,
input,
select,
textarea {
  font-size: 100%;
  margin: 0;
  vertical-align: baseline;
  *vertical-align: middle;
}
button,
input {
  line-height: normal;
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  cursor: pointer;
  -webkit-appearance: button;
  *overflow: visible;
}
button[disabled],
input[disabled] {
  cursor: default;
}
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
  *height: 13px;
  *width: 13px;
}
input[type="search"] {
  -webkit-appearance: textfield;
  box-sizing: content-box;
}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
textarea {
  overflow: auto;
  vertical-align: top;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
table:not([cellpadding]) td,
table:not([cellpadding]) th {
  padding: 5px;
}
body .fr-view table,
body .fr-view table td,
body .fr-view table th {
  border-color: #333;
}
body .fr-view table.fr-thin-padding td,
body .fr-view table.fr-thin-padding th {
  padding: 2px;
}
body .fr-view table[style*="border-width: 1px"] thead tr:first-child td:not([class*="fr-"]),
body .fr-view table[style*="border-width: 1px"] tbody:first-of-type tr:first-child td:not([class*="fr-"]),
body .fr-view table[style*="border-width: 1px"] thead tr:first-child th:not([class*="fr-"]),
body .fr-view table[style*="border-width: 1px"] tbody:first-of-type tr:first-child th:not([class*="fr-"]) {
  border-top-width: 0;
}
body .fr-view table[style*="border-width: 1px"] tfoot tr:last-child td:not([class*="fr-"]),
body .fr-view table[style*="border-width: 1px"] tbody:last-of-type tr:last-child td:not([class*="fr-"]),
body .fr-view table[style*="border-width: 1px"] tfoot tr:last-child th:not([class*="fr-"]),
body .fr-view table[style*="border-width: 1px"] tbody:last-of-type tr:last-child th:not([class*="fr-"]) {
  border-bottom-width: 0;
}
body .fr-view table[style*="border-width: 1px"] th:not([class*="fr-"]):first-child,
body .fr-view table[style*="border-width: 1px"] td:not([class*="fr-"]):first-child {
  border-left-width: 0;
}
body .fr-view table[style*="border-width: 1px"] th:not([class*="fr-"]):last-child,
body .fr-view table[style*="border-width: 1px"] td:not([class*="fr-"]):last-child {
  border-right-width: 0;
}
#background.admin .fr-view table.fr-no-border td,
#background.admin .fr-view table.fr-no-border-inner td,
#background.admin .fr-view table.fr-no-border th,
#background.admin .fr-view table.fr-no-border-inner th {
  border: #000 1px dotted;
}
#background.admin .fr-view table.fr-no-border {
  border-style: hidden !important;
}
#background:not(.admin) table[fr-original-class*="fr-no-border"] {
  border-style: hidden;
}
#background:not(.admin) table[fr-original-class*="fr-no-border"] td,
#background:not(.admin) table[fr-original-class*="fr-no-border"] th {
  border-width: 0 !important;
}
#background:not(.admin) table[fr-original-class*="fr-no-border-inner"] td,
#background:not(.admin) table[fr-original-class*="fr-no-border-inner"] th {
  border-width: 0 !important;
}
#background:not(.admin) table[fr-original-class*="fr-thin-padding"] td,
#background:not(.admin) table[fr-original-class*="fr-thin-padding"] th {
  padding: 2px !important;
}
#background:not(.admin) table td[fr-original-class*="fr-highlighted"],
#background:not(.admin) table th[fr-original-class*="fr-highlighted"] {
  border-width: 1px !important;
}
#background:not(.admin) table td[fr-original-class*="fr-highlighted"][fr-original-class*="fr-thick"],
#background:not(.admin) table th[fr-original-class*="fr-highlighted"][fr-original-class*="fr-thick"] {
  border-width: 2px !important;
}
.table-responsive table.fr-no-border {
  border-style: hidden !important;
}
.table-responsive table.fr-no-border td,
.table-responsive table.fr-no-border-inner td,
.table-responsive table.fr-no-border th,
.table-responsive table.fr-no-border-inner th {
  border-width: 0px;
}
.table-responsive table:not([border]):not([class*="fr-no-border"]) {
  border-color: #000;
}
.table-responsive table:not([border]):not([class*="fr-no-border"]) td,
.table-responsive table:not([border]):not([class*="fr-no-border"]) th {
  border: 1px solid #000;
}
.table-responsive table.fr-thin-padding td,
.table-responsive table.fr-thin-padding th {
  padding: 2px;
}
.table-responsive .fr-highlighted.fr-highlighted.fr-highlighted {
  border: 1px double red;
}
.table-responsive .fr-thick.fr-thick.fr-thick {
  border-width: 2px;
}
.table-responsive .fr-alternate-rows tbody tr:nth-child(even) {
  background-color: #f5f5f5;
}
.fr-dropdown-menu[id*="dropdown-menu-paragraphFormat-"] li {
  font-family: "Montserrat", "Roboto", "Helvetica", Arial, sans-serif;
}
.fr-dropdown-menu[id*="dropdown-menu-paragraphFormat-"] li a {
  color: inherit !important;
}
.customModule .moduleBody > ul > li,
.customModule .moduleBody .fr-view > ul > li {
  list-style-type: disc;
}
.customModule .moduleBody > ul > li > ul > li,
.customModule .moduleBody .fr-view > ul > li > ul > li {
  list-style-type: circle;
}
.group:after,
#core:after,
#background:after,
.editor:after,
.moduleInner > footer:after,
.sectionInner > footer:after,
.ofField:after,
.footerText:after {
  visibility: hidden;
  display: block;
  content: "";
  clear: both;
  height: 0;
}
*:first-child + html .group {
  zoom: 1;
}
/* IE7 */
@font-face {
  font-family: "Figtree";
  src: url(/ec-fonts/Figtree/Figtree-Regular.woff2) format("woff2")   , url(/ec-fonts/Figtree/Figtree-Regular.ttf) format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Figtree";
  src: url(/ec-fonts/Figtree/Figtree-Regular.woff2) format("woff2")   , url(/ec-fonts/Figtree/Figtree-Regular.ttf) format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Figtree";
  src: url(/ec-fonts/Figtree/Figtree-Italic.woff2) format("woff2")   , url(/ec-fonts/Figtree/Figtree-Italic.ttf) format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Figtree";
  src: url(/ec-fonts/Figtree/Figtree-Italic.woff2) format("woff2")   , url(/ec-fonts/Figtree/Figtree-Italic.ttf) format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Figtree";
  src: url(/ec-fonts/Figtree/Figtree-Regular.woff2) format("woff2")   , url(/ec-fonts/Figtree/Figtree-Regular.ttf) format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Figtree";
  src: url(/ec-fonts/Figtree/Figtree-Regular.woff2) format("woff2")   , url(/ec-fonts/Figtree/Figtree-Regular.ttf) format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Figtree";
  src: url(/ec-fonts/Figtree/Figtree-Italic.woff2) format("woff2")   , url(/ec-fonts/Figtree/Figtree-Italic.ttf) format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Figtree";
  src: url(/ec-fonts/Figtree/Figtree-Italic.woff2) format("woff2")   , url(/ec-fonts/Figtree/Figtree-Italic.ttf) format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Figtree";
  src: url(/ec-fonts/Figtree/Figtree-Bold.woff2) format("woff2")   , url(/ec-fonts/Figtree/Figtree-Bold.ttf) format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Figtree";
  src: url(/ec-fonts/Figtree/Figtree-Bold.woff2) format("woff2")   , url(/ec-fonts/Figtree/Figtree-Bold.ttf) format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Figtree";
  src: url(/ec-fonts/Figtree/Figtree-BoldItalic.woff2) format("woff2")   , url(/ec-fonts/Figtree/Figtree-BoldItalic.ttf) format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Figtree";
  src: url(/ec-fonts/Figtree/Figtree-BoldItalic.woff2) format("woff2")   , url(/ec-fonts/Figtree/Figtree-BoldItalic.ttf) format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Figtree";
  src: url(/ec-fonts/Figtree/Figtree-Bold.woff2) format("woff2")   , url(/ec-fonts/Figtree/Figtree-Bold.ttf) format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Figtree";
  src: url(/ec-fonts/Figtree/Figtree-Bold.woff2) format("woff2")   , url(/ec-fonts/Figtree/Figtree-Bold.ttf) format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Figtree";
  src: url(/ec-fonts/Figtree/Figtree-BoldItalic.woff2) format("woff2")   , url(/ec-fonts/Figtree/Figtree-BoldItalic.ttf) format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Figtree";
  src: url(/ec-fonts/Figtree/Figtree-BoldItalic.woff2) format("woff2")   , url(/ec-fonts/Figtree/Figtree-BoldItalic.ttf) format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Figtree";
  src: url(/ec-fonts/Figtree/Figtree-Light.woff2) format("woff2")   , url(/ec-fonts/Figtree/Figtree-Light.ttf) format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Figtree";
  src: url(/ec-fonts/Figtree/Figtree-Light.woff2) format("woff2")   , url(/ec-fonts/Figtree/Figtree-Light.ttf) format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Figtree";
  src: url(/ec-fonts/Figtree/Figtree-LightItalic.woff2) format("woff2")   , url(/ec-fonts/Figtree/Figtree-LightItalic.ttf) format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Figtree";
  src: url(/ec-fonts/Figtree/Figtree-LightItalic.woff2) format("woff2")   , url(/ec-fonts/Figtree/Figtree-LightItalic.ttf) format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Figtree";
  src: url(/ec-fonts/Figtree/Figtree-Light.woff2) format("woff2")   , url(/ec-fonts/Figtree/Figtree-Light.ttf) format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Figtree";
  src: url(/ec-fonts/Figtree/Figtree-Light.woff2) format("woff2")   , url(/ec-fonts/Figtree/Figtree-Light.ttf) format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Figtree";
  src: url(/ec-fonts/Figtree/Figtree-LightItalic.woff2) format("woff2")   , url(/ec-fonts/Figtree/Figtree-LightItalic.ttf) format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Figtree";
  src: url(/ec-fonts/Figtree/Figtree-LightItalic.woff2) format("woff2")   , url(/ec-fonts/Figtree/Figtree-LightItalic.ttf) format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Figtree";
  src: url(/ec-fonts/Figtree/Figtree-Regular.woff2) format("woff2")   , url(/ec-fonts/Figtree/Figtree-Regular.ttf) format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Figtree";
  src: url(/ec-fonts/Figtree/Figtree-Regular.woff2) format("woff2")   , url(/ec-fonts/Figtree/Figtree-Regular.ttf) format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Figtree";
  src: url(/ec-fonts/Figtree/Figtree-Italic.woff2) format("woff2")   , url(/ec-fonts/Figtree/Figtree-Italic.ttf) format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Figtree";
  src: url(/ec-fonts/Figtree/Figtree-Italic.woff2) format("woff2")   , url(/ec-fonts/Figtree/Figtree-Italic.ttf) format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Figtree";
  src: url(/ec-fonts/Figtree/Figtree-Regular.woff2) format("woff2")   , url(/ec-fonts/Figtree/Figtree-Regular.ttf) format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Figtree";
  src: url(/ec-fonts/Figtree/Figtree-Regular.woff2) format("woff2")   , url(/ec-fonts/Figtree/Figtree-Regular.ttf) format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Figtree";
  src: url(/ec-fonts/Figtree/Figtree-Italic.woff2) format("woff2")   , url(/ec-fonts/Figtree/Figtree-Italic.ttf) format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Figtree";
  src: url(/ec-fonts/Figtree/Figtree-Italic.woff2) format("woff2")   , url(/ec-fonts/Figtree/Figtree-Italic.ttf) format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Figtree";
  src: url(/ec-fonts/Figtree/Figtree-Bold.woff2) format("woff2")   , url(/ec-fonts/Figtree/Figtree-Bold.ttf) format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Figtree";
  src: url(/ec-fonts/Figtree/Figtree-Bold.woff2) format("woff2")   , url(/ec-fonts/Figtree/Figtree-Bold.ttf) format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Figtree";
  src: url(/ec-fonts/Figtree/Figtree-BoldItalic.woff2) format("woff2")   , url(/ec-fonts/Figtree/Figtree-BoldItalic.ttf) format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Figtree";
  src: url(/ec-fonts/Figtree/Figtree-BoldItalic.woff2) format("woff2")   , url(/ec-fonts/Figtree/Figtree-BoldItalic.ttf) format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Figtree";
  src: url(/ec-fonts/Figtree/Figtree-Bold.woff2) format("woff2")   , url(/ec-fonts/Figtree/Figtree-Bold.ttf) format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Figtree";
  src: url(/ec-fonts/Figtree/Figtree-Bold.woff2) format("woff2")   , url(/ec-fonts/Figtree/Figtree-Bold.ttf) format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Figtree";
  src: url(/ec-fonts/Figtree/Figtree-BoldItalic.woff2) format("woff2")   , url(/ec-fonts/Figtree/Figtree-BoldItalic.ttf) format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Figtree";
  src: url(/ec-fonts/Figtree/Figtree-BoldItalic.woff2) format("woff2")   , url(/ec-fonts/Figtree/Figtree-BoldItalic.ttf) format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Figtree";
  src: url(/ec-fonts/Figtree/Figtree-Light.woff2) format("woff2")   , url(/ec-fonts/Figtree/Figtree-Light.ttf) format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Figtree";
  src: url(/ec-fonts/Figtree/Figtree-Light.woff2) format("woff2")   , url(/ec-fonts/Figtree/Figtree-Light.ttf) format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Figtree";
  src: url(/ec-fonts/Figtree/Figtree-LightItalic.woff2) format("woff2")   , url(/ec-fonts/Figtree/Figtree-LightItalic.ttf) format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Figtree";
  src: url(/ec-fonts/Figtree/Figtree-LightItalic.woff2) format("woff2")   , url(/ec-fonts/Figtree/Figtree-LightItalic.ttf) format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Figtree";
  src: url(/ec-fonts/Figtree/Figtree-Light.woff2) format("woff2")   , url(/ec-fonts/Figtree/Figtree-Light.ttf) format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Figtree";
  src: url(/ec-fonts/Figtree/Figtree-Light.woff2) format("woff2")   , url(/ec-fonts/Figtree/Figtree-Light.ttf) format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Figtree";
  src: url(/ec-fonts/Figtree/Figtree-LightItalic.woff2) format("woff2")   , url(/ec-fonts/Figtree/Figtree-LightItalic.ttf) format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Figtree";
  src: url(/ec-fonts/Figtree/Figtree-LightItalic.woff2) format("woff2")   , url(/ec-fonts/Figtree/Figtree-LightItalic.ttf) format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url(/ec-fonts/Poppins/Poppins-Black.woff2) format("woff2") , url(/ec-fonts/Poppins/Poppins-Black.woff) format("woff") , url(/ec-fonts/Poppins/Poppins-Black.ttf) format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url(/ec-fonts/Poppins/Poppins-Black.woff2) format("woff2") , url(/ec-fonts/Poppins/Poppins-Black.woff) format("woff") , url(/ec-fonts/Poppins/Poppins-Black.ttf) format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url(/ec-fonts/Poppins/Poppins-BlackItalic.woff2) format("woff2") , url(/ec-fonts/Poppins/Poppins-BlackItalic.woff) format("woff") , url(/ec-fonts/Poppins/Poppins-BlackItalic.ttf) format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url(/ec-fonts/Poppins/Poppins-BlackItalic.woff2) format("woff2") , url(/ec-fonts/Poppins/Poppins-BlackItalic.woff) format("woff") , url(/ec-fonts/Poppins/Poppins-BlackItalic.ttf) format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url(/ec-fonts/Poppins/Poppins-Black.woff2) format("woff2") , url(/ec-fonts/Poppins/Poppins-Black.woff) format("woff") , url(/ec-fonts/Poppins/Poppins-Black.ttf) format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url(/ec-fonts/Poppins/Poppins-Black.woff2) format("woff2") , url(/ec-fonts/Poppins/Poppins-Black.woff) format("woff") , url(/ec-fonts/Poppins/Poppins-Black.ttf) format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url(/ec-fonts/Poppins/Poppins-BlackItalic.woff2) format("woff2") , url(/ec-fonts/Poppins/Poppins-BlackItalic.woff) format("woff") , url(/ec-fonts/Poppins/Poppins-BlackItalic.ttf) format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url(/ec-fonts/Poppins/Poppins-BlackItalic.woff2) format("woff2") , url(/ec-fonts/Poppins/Poppins-BlackItalic.woff) format("woff") , url(/ec-fonts/Poppins/Poppins-BlackItalic.ttf) format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url(/ec-fonts/Poppins/Poppins-Bold.woff2) format("woff2") , url(/ec-fonts/Poppins/Poppins-Bold.woff) format("woff") , url(/ec-fonts/Poppins/Poppins-Bold.ttf) format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url(/ec-fonts/Poppins/Poppins-Bold.woff2) format("woff2") , url(/ec-fonts/Poppins/Poppins-Bold.woff) format("woff") , url(/ec-fonts/Poppins/Poppins-Bold.ttf) format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url(/ec-fonts/Poppins/Poppins-BoldItalic.woff2) format("woff2") , url(/ec-fonts/Poppins/Poppins-BoldItalic.woff) format("woff") , url(/ec-fonts/Poppins/Poppins-BoldItalic.ttf) format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url(/ec-fonts/Poppins/Poppins-BoldItalic.woff2) format("woff2") , url(/ec-fonts/Poppins/Poppins-BoldItalic.woff) format("woff") , url(/ec-fonts/Poppins/Poppins-BoldItalic.ttf) format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url(/ec-fonts/Poppins/Poppins-Bold.woff2) format("woff2") , url(/ec-fonts/Poppins/Poppins-Bold.woff) format("woff") , url(/ec-fonts/Poppins/Poppins-Bold.ttf) format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url(/ec-fonts/Poppins/Poppins-Bold.woff2) format("woff2") , url(/ec-fonts/Poppins/Poppins-Bold.woff) format("woff") , url(/ec-fonts/Poppins/Poppins-Bold.ttf) format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url(/ec-fonts/Poppins/Poppins-BoldItalic.woff2) format("woff2") , url(/ec-fonts/Poppins/Poppins-BoldItalic.woff) format("woff") , url(/ec-fonts/Poppins/Poppins-BoldItalic.ttf) format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url(/ec-fonts/Poppins/Poppins-BoldItalic.woff2) format("woff2") , url(/ec-fonts/Poppins/Poppins-BoldItalic.woff) format("woff") , url(/ec-fonts/Poppins/Poppins-BoldItalic.ttf) format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url(/ec-fonts/Poppins/Poppins-ExtraBold.woff2) format("woff2") , url(/ec-fonts/Poppins/Poppins-ExtraBold.woff) format("woff") , url(/ec-fonts/Poppins/Poppins-ExtraBold.ttf) format("truetype");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url(/ec-fonts/Poppins/Poppins-ExtraBold.woff2) format("woff2") , url(/ec-fonts/Poppins/Poppins-ExtraBold.woff) format("woff") , url(/ec-fonts/Poppins/Poppins-ExtraBold.ttf) format("truetype");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url(/ec-fonts/Poppins/Poppins-ExtraBoldItalic.woff2) format("woff2") , url(/ec-fonts/Poppins/Poppins-ExtraBoldItalic.woff) format("woff") , url(/ec-fonts/Poppins/Poppins-ExtraBoldItalic.ttf) format("truetype");
  font-weight: 800;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url(/ec-fonts/Poppins/Poppins-ExtraBoldItalic.woff2) format("woff2") , url(/ec-fonts/Poppins/Poppins-ExtraBoldItalic.woff) format("woff") , url(/ec-fonts/Poppins/Poppins-ExtraBoldItalic.ttf) format("truetype");
  font-weight: 800;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url(/ec-fonts/Poppins/Poppins-ExtraBold.woff2) format("woff2") , url(/ec-fonts/Poppins/Poppins-ExtraBold.woff) format("woff") , url(/ec-fonts/Poppins/Poppins-ExtraBold.ttf) format("truetype");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url(/ec-fonts/Poppins/Poppins-ExtraBold.woff2) format("woff2") , url(/ec-fonts/Poppins/Poppins-ExtraBold.woff) format("woff") , url(/ec-fonts/Poppins/Poppins-ExtraBold.ttf) format("truetype");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url(/ec-fonts/Poppins/Poppins-ExtraBoldItalic.woff2) format("woff2") , url(/ec-fonts/Poppins/Poppins-ExtraBoldItalic.woff) format("woff") , url(/ec-fonts/Poppins/Poppins-ExtraBoldItalic.ttf) format("truetype");
  font-weight: 800;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url(/ec-fonts/Poppins/Poppins-ExtraBoldItalic.woff2) format("woff2") , url(/ec-fonts/Poppins/Poppins-ExtraBoldItalic.woff) format("woff") , url(/ec-fonts/Poppins/Poppins-ExtraBoldItalic.ttf) format("truetype");
  font-weight: 800;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url(/ec-fonts/Poppins/Poppins-ExtraLight.woff2) format("woff2") , url(/ec-fonts/Poppins/Poppins-ExtraLight.woff) format("woff") , url(/ec-fonts/Poppins/Poppins-ExtraLight.ttf) format("truetype");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url(/ec-fonts/Poppins/Poppins-ExtraLight.woff2) format("woff2") , url(/ec-fonts/Poppins/Poppins-ExtraLight.woff) format("woff") , url(/ec-fonts/Poppins/Poppins-ExtraLight.ttf) format("truetype");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url(/ec-fonts/Poppins/Poppins-ExtraLightItalic.woff2) format("woff2") , url(/ec-fonts/Poppins/Poppins-ExtraLightItalic.woff) format("woff") , url(/ec-fonts/Poppins/Poppins-ExtraLightItalic.ttf) format("truetype");
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url(/ec-fonts/Poppins/Poppins-ExtraLightItalic.woff2) format("woff2") , url(/ec-fonts/Poppins/Poppins-ExtraLightItalic.woff) format("woff") , url(/ec-fonts/Poppins/Poppins-ExtraLightItalic.ttf) format("truetype");
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url(/ec-fonts/Poppins/Poppins-ExtraLight.woff2) format("woff2") , url(/ec-fonts/Poppins/Poppins-ExtraLight.woff) format("woff") , url(/ec-fonts/Poppins/Poppins-ExtraLight.ttf) format("truetype");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url(/ec-fonts/Poppins/Poppins-ExtraLight.woff2) format("woff2") , url(/ec-fonts/Poppins/Poppins-ExtraLight.woff) format("woff") , url(/ec-fonts/Poppins/Poppins-ExtraLight.ttf) format("truetype");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url(/ec-fonts/Poppins/Poppins-ExtraLightItalic.woff2) format("woff2") , url(/ec-fonts/Poppins/Poppins-ExtraLightItalic.woff) format("woff") , url(/ec-fonts/Poppins/Poppins-ExtraLightItalic.ttf) format("truetype");
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url(/ec-fonts/Poppins/Poppins-ExtraLightItalic.woff2) format("woff2") , url(/ec-fonts/Poppins/Poppins-ExtraLightItalic.woff) format("woff") , url(/ec-fonts/Poppins/Poppins-ExtraLightItalic.ttf) format("truetype");
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url(/ec-fonts/Poppins/Poppins-Light.woff2) format("woff2") , url(/ec-fonts/Poppins/Poppins-Light.woff) format("woff") , url(/ec-fonts/Poppins/Poppins-Light.ttf) format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url(/ec-fonts/Poppins/Poppins-Light.woff2) format("woff2") , url(/ec-fonts/Poppins/Poppins-Light.woff) format("woff") , url(/ec-fonts/Poppins/Poppins-Light.ttf) format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url(/ec-fonts/Poppins/Poppins-LightItalic.woff2) format("woff2") , url(/ec-fonts/Poppins/Poppins-LightItalic.woff) format("woff") , url(/ec-fonts/Poppins/Poppins-LightItalic.ttf) format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url(/ec-fonts/Poppins/Poppins-LightItalic.woff2) format("woff2") , url(/ec-fonts/Poppins/Poppins-LightItalic.woff) format("woff") , url(/ec-fonts/Poppins/Poppins-LightItalic.ttf) format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url(/ec-fonts/Poppins/Poppins-Light.woff2) format("woff2") , url(/ec-fonts/Poppins/Poppins-Light.woff) format("woff") , url(/ec-fonts/Poppins/Poppins-Light.ttf) format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url(/ec-fonts/Poppins/Poppins-Light.woff2) format("woff2") , url(/ec-fonts/Poppins/Poppins-Light.woff) format("woff") , url(/ec-fonts/Poppins/Poppins-Light.ttf) format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url(/ec-fonts/Poppins/Poppins-LightItalic.woff2) format("woff2") , url(/ec-fonts/Poppins/Poppins-LightItalic.woff) format("woff") , url(/ec-fonts/Poppins/Poppins-LightItalic.ttf) format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url(/ec-fonts/Poppins/Poppins-LightItalic.woff2) format("woff2") , url(/ec-fonts/Poppins/Poppins-LightItalic.woff) format("woff") , url(/ec-fonts/Poppins/Poppins-LightItalic.ttf) format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url(/ec-fonts/Poppins/Poppins-Medium.woff2) format("woff2") , url(/ec-fonts/Poppins/Poppins-Medium.woff) format("woff") , url(/ec-fonts/Poppins/Poppins-Medium.ttf) format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url(/ec-fonts/Poppins/Poppins-Medium.woff2) format("woff2") , url(/ec-fonts/Poppins/Poppins-Medium.woff) format("woff") , url(/ec-fonts/Poppins/Poppins-Medium.ttf) format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url(/ec-fonts/Poppins/Poppins-MediumItalic.woff2) format("woff2") , url(/ec-fonts/Poppins/Poppins-MediumItalic.woff) format("woff") , url(/ec-fonts/Poppins/Poppins-MediumItalic.ttf) format("truetype");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url(/ec-fonts/Poppins/Poppins-MediumItalic.woff2) format("woff2") , url(/ec-fonts/Poppins/Poppins-MediumItalic.woff) format("woff") , url(/ec-fonts/Poppins/Poppins-MediumItalic.ttf) format("truetype");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url(/ec-fonts/Poppins/Poppins-Medium.woff2) format("woff2") , url(/ec-fonts/Poppins/Poppins-Medium.woff) format("woff") , url(/ec-fonts/Poppins/Poppins-Medium.ttf) format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url(/ec-fonts/Poppins/Poppins-Medium.woff2) format("woff2") , url(/ec-fonts/Poppins/Poppins-Medium.woff) format("woff") , url(/ec-fonts/Poppins/Poppins-Medium.ttf) format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url(/ec-fonts/Poppins/Poppins-MediumItalic.woff2) format("woff2") , url(/ec-fonts/Poppins/Poppins-MediumItalic.woff) format("woff") , url(/ec-fonts/Poppins/Poppins-MediumItalic.ttf) format("truetype");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url(/ec-fonts/Poppins/Poppins-MediumItalic.woff2) format("woff2") , url(/ec-fonts/Poppins/Poppins-MediumItalic.woff) format("woff") , url(/ec-fonts/Poppins/Poppins-MediumItalic.ttf) format("truetype");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url(/ec-fonts/Poppins/Poppins-Regular.woff2) format("woff2") , url(/ec-fonts/Poppins/Poppins-Regular.woff) format("woff") , url(/ec-fonts/Poppins/Poppins-Regular.ttf) format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url(/ec-fonts/Poppins/Poppins-Regular.woff2) format("woff2") , url(/ec-fonts/Poppins/Poppins-Regular.woff) format("woff") , url(/ec-fonts/Poppins/Poppins-Regular.ttf) format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url(/ec-fonts/Poppins/Poppins-Italic.woff2) format("woff2") , url(/ec-fonts/Poppins/Poppins-Italic.woff) format("woff") , url(/ec-fonts/Poppins/Poppins-Italic.ttf) format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url(/ec-fonts/Poppins/Poppins-Italic.woff2) format("woff2") , url(/ec-fonts/Poppins/Poppins-Italic.woff) format("woff") , url(/ec-fonts/Poppins/Poppins-Italic.ttf) format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url(/ec-fonts/Poppins/Poppins-Regular.woff2) format("woff2") , url(/ec-fonts/Poppins/Poppins-Regular.woff) format("woff") , url(/ec-fonts/Poppins/Poppins-Regular.ttf) format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url(/ec-fonts/Poppins/Poppins-Regular.woff2) format("woff2") , url(/ec-fonts/Poppins/Poppins-Regular.woff) format("woff") , url(/ec-fonts/Poppins/Poppins-Regular.ttf) format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url(/ec-fonts/Poppins/Poppins-Italic.woff2) format("woff2") , url(/ec-fonts/Poppins/Poppins-Italic.woff) format("woff") , url(/ec-fonts/Poppins/Poppins-Italic.ttf) format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url(/ec-fonts/Poppins/Poppins-Italic.woff2) format("woff2") , url(/ec-fonts/Poppins/Poppins-Italic.woff) format("woff") , url(/ec-fonts/Poppins/Poppins-Italic.ttf) format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url(/ec-fonts/Poppins/Poppins-SemiBold.woff2) format("woff2") , url(/ec-fonts/Poppins/Poppins-SemiBold.woff) format("woff") , url(/ec-fonts/Poppins/Poppins-SemiBold.ttf) format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url(/ec-fonts/Poppins/Poppins-SemiBold.woff2) format("woff2") , url(/ec-fonts/Poppins/Poppins-SemiBold.woff) format("woff") , url(/ec-fonts/Poppins/Poppins-SemiBold.ttf) format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url(/ec-fonts/Poppins/Poppins-SemiBoldItalic.woff2) format("woff2") , url(/ec-fonts/Poppins/Poppins-SemiBoldItalic.woff) format("woff") , url(/ec-fonts/Poppins/Poppins-SemiBoldItalic.ttf) format("truetype");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url(/ec-fonts/Poppins/Poppins-SemiBoldItalic.woff2) format("woff2") , url(/ec-fonts/Poppins/Poppins-SemiBoldItalic.woff) format("woff") , url(/ec-fonts/Poppins/Poppins-SemiBoldItalic.ttf) format("truetype");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url(/ec-fonts/Poppins/Poppins-SemiBold.woff2) format("woff2") , url(/ec-fonts/Poppins/Poppins-SemiBold.woff) format("woff") , url(/ec-fonts/Poppins/Poppins-SemiBold.ttf) format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url(/ec-fonts/Poppins/Poppins-SemiBold.woff2) format("woff2") , url(/ec-fonts/Poppins/Poppins-SemiBold.woff) format("woff") , url(/ec-fonts/Poppins/Poppins-SemiBold.ttf) format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url(/ec-fonts/Poppins/Poppins-SemiBoldItalic.woff2) format("woff2") , url(/ec-fonts/Poppins/Poppins-SemiBoldItalic.woff) format("woff") , url(/ec-fonts/Poppins/Poppins-SemiBoldItalic.ttf) format("truetype");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url(/ec-fonts/Poppins/Poppins-SemiBoldItalic.woff2) format("woff2") , url(/ec-fonts/Poppins/Poppins-SemiBoldItalic.woff) format("woff") , url(/ec-fonts/Poppins/Poppins-SemiBoldItalic.ttf) format("truetype");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url(/ec-fonts/Poppins/Poppins-Thin.woff2) format("woff2") , url(/ec-fonts/Poppins/Poppins-Thin.woff) format("woff") , url(/ec-fonts/Poppins/Poppins-Thin.ttf) format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url(/ec-fonts/Poppins/Poppins-Thin.woff2) format("woff2") , url(/ec-fonts/Poppins/Poppins-Thin.woff) format("woff") , url(/ec-fonts/Poppins/Poppins-Thin.ttf) format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url(/ec-fonts/Poppins/Poppins-ThinItalic.woff2) format("woff2") , url(/ec-fonts/Poppins/Poppins-ThinItalic.woff) format("woff") , url(/ec-fonts/Poppins/Poppins-ThinItalic.ttf) format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url(/ec-fonts/Poppins/Poppins-ThinItalic.woff2) format("woff2") , url(/ec-fonts/Poppins/Poppins-ThinItalic.woff) format("woff") , url(/ec-fonts/Poppins/Poppins-ThinItalic.ttf) format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url(/ec-fonts/Poppins/Poppins-Thin.woff2) format("woff2") , url(/ec-fonts/Poppins/Poppins-Thin.woff) format("woff") , url(/ec-fonts/Poppins/Poppins-Thin.ttf) format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url(/ec-fonts/Poppins/Poppins-Thin.woff2) format("woff2") , url(/ec-fonts/Poppins/Poppins-Thin.woff) format("woff") , url(/ec-fonts/Poppins/Poppins-Thin.ttf) format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url(/ec-fonts/Poppins/Poppins-ThinItalic.woff2) format("woff2") , url(/ec-fonts/Poppins/Poppins-ThinItalic.woff) format("woff") , url(/ec-fonts/Poppins/Poppins-ThinItalic.ttf) format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url(/ec-fonts/Poppins/Poppins-ThinItalic.woff2) format("woff2") , url(/ec-fonts/Poppins/Poppins-ThinItalic.woff) format("woff") , url(/ec-fonts/Poppins/Poppins-ThinItalic.ttf) format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url(/ec-fonts/Poppins/Poppins-Black.woff2) format("woff2") , url(/ec-fonts/Poppins/Poppins-Black.woff) format("woff") , url(/ec-fonts/Poppins/Poppins-Black.ttf) format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url(/ec-fonts/Poppins/Poppins-Black.woff2) format("woff2") , url(/ec-fonts/Poppins/Poppins-Black.woff) format("woff") , url(/ec-fonts/Poppins/Poppins-Black.ttf) format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url(/ec-fonts/Poppins/Poppins-BlackItalic.woff2) format("woff2") , url(/ec-fonts/Poppins/Poppins-BlackItalic.woff) format("woff") , url(/ec-fonts/Poppins/Poppins-BlackItalic.ttf) format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url(/ec-fonts/Poppins/Poppins-BlackItalic.woff2) format("woff2") , url(/ec-fonts/Poppins/Poppins-BlackItalic.woff) format("woff") , url(/ec-fonts/Poppins/Poppins-BlackItalic.ttf) format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url(/ec-fonts/Poppins/Poppins-Black.woff2) format("woff2") , url(/ec-fonts/Poppins/Poppins-Black.woff) format("woff") , url(/ec-fonts/Poppins/Poppins-Black.ttf) format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url(/ec-fonts/Poppins/Poppins-Black.woff2) format("woff2") , url(/ec-fonts/Poppins/Poppins-Black.woff) format("woff") , url(/ec-fonts/Poppins/Poppins-Black.ttf) format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url(/ec-fonts/Poppins/Poppins-BlackItalic.woff2) format("woff2") , url(/ec-fonts/Poppins/Poppins-BlackItalic.woff) format("woff") , url(/ec-fonts/Poppins/Poppins-BlackItalic.ttf) format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url(/ec-fonts/Poppins/Poppins-BlackItalic.woff2) format("woff2") , url(/ec-fonts/Poppins/Poppins-BlackItalic.woff) format("woff") , url(/ec-fonts/Poppins/Poppins-BlackItalic.ttf) format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url(/ec-fonts/Poppins/Poppins-Bold.woff2) format("woff2") , url(/ec-fonts/Poppins/Poppins-Bold.woff) format("woff") , url(/ec-fonts/Poppins/Poppins-Bold.ttf) format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url(/ec-fonts/Poppins/Poppins-Bold.woff2) format("woff2") , url(/ec-fonts/Poppins/Poppins-Bold.woff) format("woff") , url(/ec-fonts/Poppins/Poppins-Bold.ttf) format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url(/ec-fonts/Poppins/Poppins-BoldItalic.woff2) format("woff2") , url(/ec-fonts/Poppins/Poppins-BoldItalic.woff) format("woff") , url(/ec-fonts/Poppins/Poppins-BoldItalic.ttf) format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url(/ec-fonts/Poppins/Poppins-BoldItalic.woff2) format("woff2") , url(/ec-fonts/Poppins/Poppins-BoldItalic.woff) format("woff") , url(/ec-fonts/Poppins/Poppins-BoldItalic.ttf) format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url(/ec-fonts/Poppins/Poppins-Bold.woff2) format("woff2") , url(/ec-fonts/Poppins/Poppins-Bold.woff) format("woff") , url(/ec-fonts/Poppins/Poppins-Bold.ttf) format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url(/ec-fonts/Poppins/Poppins-Bold.woff2) format("woff2") , url(/ec-fonts/Poppins/Poppins-Bold.woff) format("woff") , url(/ec-fonts/Poppins/Poppins-Bold.ttf) format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url(/ec-fonts/Poppins/Poppins-BoldItalic.woff2) format("woff2") , url(/ec-fonts/Poppins/Poppins-BoldItalic.woff) format("woff") , url(/ec-fonts/Poppins/Poppins-BoldItalic.ttf) format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url(/ec-fonts/Poppins/Poppins-BoldItalic.woff2) format("woff2") , url(/ec-fonts/Poppins/Poppins-BoldItalic.woff) format("woff") , url(/ec-fonts/Poppins/Poppins-BoldItalic.ttf) format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url(/ec-fonts/Poppins/Poppins-ExtraBold.woff2) format("woff2") , url(/ec-fonts/Poppins/Poppins-ExtraBold.woff) format("woff") , url(/ec-fonts/Poppins/Poppins-ExtraBold.ttf) format("truetype");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url(/ec-fonts/Poppins/Poppins-ExtraBold.woff2) format("woff2") , url(/ec-fonts/Poppins/Poppins-ExtraBold.woff) format("woff") , url(/ec-fonts/Poppins/Poppins-ExtraBold.ttf) format("truetype");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url(/ec-fonts/Poppins/Poppins-ExtraBoldItalic.woff2) format("woff2") , url(/ec-fonts/Poppins/Poppins-ExtraBoldItalic.woff) format("woff") , url(/ec-fonts/Poppins/Poppins-ExtraBoldItalic.ttf) format("truetype");
  font-weight: 800;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url(/ec-fonts/Poppins/Poppins-ExtraBoldItalic.woff2) format("woff2") , url(/ec-fonts/Poppins/Poppins-ExtraBoldItalic.woff) format("woff") , url(/ec-fonts/Poppins/Poppins-ExtraBoldItalic.ttf) format("truetype");
  font-weight: 800;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url(/ec-fonts/Poppins/Poppins-ExtraBold.woff2) format("woff2") , url(/ec-fonts/Poppins/Poppins-ExtraBold.woff) format("woff") , url(/ec-fonts/Poppins/Poppins-ExtraBold.ttf) format("truetype");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url(/ec-fonts/Poppins/Poppins-ExtraBold.woff2) format("woff2") , url(/ec-fonts/Poppins/Poppins-ExtraBold.woff) format("woff") , url(/ec-fonts/Poppins/Poppins-ExtraBold.ttf) format("truetype");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url(/ec-fonts/Poppins/Poppins-ExtraBoldItalic.woff2) format("woff2") , url(/ec-fonts/Poppins/Poppins-ExtraBoldItalic.woff) format("woff") , url(/ec-fonts/Poppins/Poppins-ExtraBoldItalic.ttf) format("truetype");
  font-weight: 800;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url(/ec-fonts/Poppins/Poppins-ExtraBoldItalic.woff2) format("woff2") , url(/ec-fonts/Poppins/Poppins-ExtraBoldItalic.woff) format("woff") , url(/ec-fonts/Poppins/Poppins-ExtraBoldItalic.ttf) format("truetype");
  font-weight: 800;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url(/ec-fonts/Poppins/Poppins-ExtraLight.woff2) format("woff2") , url(/ec-fonts/Poppins/Poppins-ExtraLight.woff) format("woff") , url(/ec-fonts/Poppins/Poppins-ExtraLight.ttf) format("truetype");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url(/ec-fonts/Poppins/Poppins-ExtraLight.woff2) format("woff2") , url(/ec-fonts/Poppins/Poppins-ExtraLight.woff) format("woff") , url(/ec-fonts/Poppins/Poppins-ExtraLight.ttf) format("truetype");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url(/ec-fonts/Poppins/Poppins-ExtraLightItalic.woff2) format("woff2") , url(/ec-fonts/Poppins/Poppins-ExtraLightItalic.woff) format("woff") , url(/ec-fonts/Poppins/Poppins-ExtraLightItalic.ttf) format("truetype");
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url(/ec-fonts/Poppins/Poppins-ExtraLightItalic.woff2) format("woff2") , url(/ec-fonts/Poppins/Poppins-ExtraLightItalic.woff) format("woff") , url(/ec-fonts/Poppins/Poppins-ExtraLightItalic.ttf) format("truetype");
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url(/ec-fonts/Poppins/Poppins-ExtraLight.woff2) format("woff2") , url(/ec-fonts/Poppins/Poppins-ExtraLight.woff) format("woff") , url(/ec-fonts/Poppins/Poppins-ExtraLight.ttf) format("truetype");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url(/ec-fonts/Poppins/Poppins-ExtraLight.woff2) format("woff2") , url(/ec-fonts/Poppins/Poppins-ExtraLight.woff) format("woff") , url(/ec-fonts/Poppins/Poppins-ExtraLight.ttf) format("truetype");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url(/ec-fonts/Poppins/Poppins-ExtraLightItalic.woff2) format("woff2") , url(/ec-fonts/Poppins/Poppins-ExtraLightItalic.woff) format("woff") , url(/ec-fonts/Poppins/Poppins-ExtraLightItalic.ttf) format("truetype");
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url(/ec-fonts/Poppins/Poppins-ExtraLightItalic.woff2) format("woff2") , url(/ec-fonts/Poppins/Poppins-ExtraLightItalic.woff) format("woff") , url(/ec-fonts/Poppins/Poppins-ExtraLightItalic.ttf) format("truetype");
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url(/ec-fonts/Poppins/Poppins-Light.woff2) format("woff2") , url(/ec-fonts/Poppins/Poppins-Light.woff) format("woff") , url(/ec-fonts/Poppins/Poppins-Light.ttf) format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url(/ec-fonts/Poppins/Poppins-Light.woff2) format("woff2") , url(/ec-fonts/Poppins/Poppins-Light.woff) format("woff") , url(/ec-fonts/Poppins/Poppins-Light.ttf) format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url(/ec-fonts/Poppins/Poppins-LightItalic.woff2) format("woff2") , url(/ec-fonts/Poppins/Poppins-LightItalic.woff) format("woff") , url(/ec-fonts/Poppins/Poppins-LightItalic.ttf) format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url(/ec-fonts/Poppins/Poppins-LightItalic.woff2) format("woff2") , url(/ec-fonts/Poppins/Poppins-LightItalic.woff) format("woff") , url(/ec-fonts/Poppins/Poppins-LightItalic.ttf) format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url(/ec-fonts/Poppins/Poppins-Light.woff2) format("woff2") , url(/ec-fonts/Poppins/Poppins-Light.woff) format("woff") , url(/ec-fonts/Poppins/Poppins-Light.ttf) format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url(/ec-fonts/Poppins/Poppins-Light.woff2) format("woff2") , url(/ec-fonts/Poppins/Poppins-Light.woff) format("woff") , url(/ec-fonts/Poppins/Poppins-Light.ttf) format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url(/ec-fonts/Poppins/Poppins-LightItalic.woff2) format("woff2") , url(/ec-fonts/Poppins/Poppins-LightItalic.woff) format("woff") , url(/ec-fonts/Poppins/Poppins-LightItalic.ttf) format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url(/ec-fonts/Poppins/Poppins-LightItalic.woff2) format("woff2") , url(/ec-fonts/Poppins/Poppins-LightItalic.woff) format("woff") , url(/ec-fonts/Poppins/Poppins-LightItalic.ttf) format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url(/ec-fonts/Poppins/Poppins-Medium.woff2) format("woff2") , url(/ec-fonts/Poppins/Poppins-Medium.woff) format("woff") , url(/ec-fonts/Poppins/Poppins-Medium.ttf) format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url(/ec-fonts/Poppins/Poppins-Medium.woff2) format("woff2") , url(/ec-fonts/Poppins/Poppins-Medium.woff) format("woff") , url(/ec-fonts/Poppins/Poppins-Medium.ttf) format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url(/ec-fonts/Poppins/Poppins-MediumItalic.woff2) format("woff2") , url(/ec-fonts/Poppins/Poppins-MediumItalic.woff) format("woff") , url(/ec-fonts/Poppins/Poppins-MediumItalic.ttf) format("truetype");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url(/ec-fonts/Poppins/Poppins-MediumItalic.woff2) format("woff2") , url(/ec-fonts/Poppins/Poppins-MediumItalic.woff) format("woff") , url(/ec-fonts/Poppins/Poppins-MediumItalic.ttf) format("truetype");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url(/ec-fonts/Poppins/Poppins-Medium.woff2) format("woff2") , url(/ec-fonts/Poppins/Poppins-Medium.woff) format("woff") , url(/ec-fonts/Poppins/Poppins-Medium.ttf) format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url(/ec-fonts/Poppins/Poppins-Medium.woff2) format("woff2") , url(/ec-fonts/Poppins/Poppins-Medium.woff) format("woff") , url(/ec-fonts/Poppins/Poppins-Medium.ttf) format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url(/ec-fonts/Poppins/Poppins-MediumItalic.woff2) format("woff2") , url(/ec-fonts/Poppins/Poppins-MediumItalic.woff) format("woff") , url(/ec-fonts/Poppins/Poppins-MediumItalic.ttf) format("truetype");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url(/ec-fonts/Poppins/Poppins-MediumItalic.woff2) format("woff2") , url(/ec-fonts/Poppins/Poppins-MediumItalic.woff) format("woff") , url(/ec-fonts/Poppins/Poppins-MediumItalic.ttf) format("truetype");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url(/ec-fonts/Poppins/Poppins-Regular.woff2) format("woff2") , url(/ec-fonts/Poppins/Poppins-Regular.woff) format("woff") , url(/ec-fonts/Poppins/Poppins-Regular.ttf) format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url(/ec-fonts/Poppins/Poppins-Regular.woff2) format("woff2") , url(/ec-fonts/Poppins/Poppins-Regular.woff) format("woff") , url(/ec-fonts/Poppins/Poppins-Regular.ttf) format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url(/ec-fonts/Poppins/Poppins-Italic.woff2) format("woff2") , url(/ec-fonts/Poppins/Poppins-Italic.woff) format("woff") , url(/ec-fonts/Poppins/Poppins-Italic.ttf) format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url(/ec-fonts/Poppins/Poppins-Italic.woff2) format("woff2") , url(/ec-fonts/Poppins/Poppins-Italic.woff) format("woff") , url(/ec-fonts/Poppins/Poppins-Italic.ttf) format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url(/ec-fonts/Poppins/Poppins-Regular.woff2) format("woff2") , url(/ec-fonts/Poppins/Poppins-Regular.woff) format("woff") , url(/ec-fonts/Poppins/Poppins-Regular.ttf) format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url(/ec-fonts/Poppins/Poppins-Regular.woff2) format("woff2") , url(/ec-fonts/Poppins/Poppins-Regular.woff) format("woff") , url(/ec-fonts/Poppins/Poppins-Regular.ttf) format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url(/ec-fonts/Poppins/Poppins-Italic.woff2) format("woff2") , url(/ec-fonts/Poppins/Poppins-Italic.woff) format("woff") , url(/ec-fonts/Poppins/Poppins-Italic.ttf) format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url(/ec-fonts/Poppins/Poppins-Italic.woff2) format("woff2") , url(/ec-fonts/Poppins/Poppins-Italic.woff) format("woff") , url(/ec-fonts/Poppins/Poppins-Italic.ttf) format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url(/ec-fonts/Poppins/Poppins-SemiBold.woff2) format("woff2") , url(/ec-fonts/Poppins/Poppins-SemiBold.woff) format("woff") , url(/ec-fonts/Poppins/Poppins-SemiBold.ttf) format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url(/ec-fonts/Poppins/Poppins-SemiBold.woff2) format("woff2") , url(/ec-fonts/Poppins/Poppins-SemiBold.woff) format("woff") , url(/ec-fonts/Poppins/Poppins-SemiBold.ttf) format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url(/ec-fonts/Poppins/Poppins-SemiBoldItalic.woff2) format("woff2") , url(/ec-fonts/Poppins/Poppins-SemiBoldItalic.woff) format("woff") , url(/ec-fonts/Poppins/Poppins-SemiBoldItalic.ttf) format("truetype");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url(/ec-fonts/Poppins/Poppins-SemiBoldItalic.woff2) format("woff2") , url(/ec-fonts/Poppins/Poppins-SemiBoldItalic.woff) format("woff") , url(/ec-fonts/Poppins/Poppins-SemiBoldItalic.ttf) format("truetype");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url(/ec-fonts/Poppins/Poppins-SemiBold.woff2) format("woff2") , url(/ec-fonts/Poppins/Poppins-SemiBold.woff) format("woff") , url(/ec-fonts/Poppins/Poppins-SemiBold.ttf) format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url(/ec-fonts/Poppins/Poppins-SemiBold.woff2) format("woff2") , url(/ec-fonts/Poppins/Poppins-SemiBold.woff) format("woff") , url(/ec-fonts/Poppins/Poppins-SemiBold.ttf) format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url(/ec-fonts/Poppins/Poppins-SemiBoldItalic.woff2) format("woff2") , url(/ec-fonts/Poppins/Poppins-SemiBoldItalic.woff) format("woff") , url(/ec-fonts/Poppins/Poppins-SemiBoldItalic.ttf) format("truetype");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url(/ec-fonts/Poppins/Poppins-SemiBoldItalic.woff2) format("woff2") , url(/ec-fonts/Poppins/Poppins-SemiBoldItalic.woff) format("woff") , url(/ec-fonts/Poppins/Poppins-SemiBoldItalic.ttf) format("truetype");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url(/ec-fonts/Poppins/Poppins-Thin.woff2) format("woff2") , url(/ec-fonts/Poppins/Poppins-Thin.woff) format("woff") , url(/ec-fonts/Poppins/Poppins-Thin.ttf) format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url(/ec-fonts/Poppins/Poppins-Thin.woff2) format("woff2") , url(/ec-fonts/Poppins/Poppins-Thin.woff) format("woff") , url(/ec-fonts/Poppins/Poppins-Thin.ttf) format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url(/ec-fonts/Poppins/Poppins-ThinItalic.woff2) format("woff2") , url(/ec-fonts/Poppins/Poppins-ThinItalic.woff) format("woff") , url(/ec-fonts/Poppins/Poppins-ThinItalic.ttf) format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url(/ec-fonts/Poppins/Poppins-ThinItalic.woff2) format("woff2") , url(/ec-fonts/Poppins/Poppins-ThinItalic.woff) format("woff") , url(/ec-fonts/Poppins/Poppins-ThinItalic.ttf) format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url(/ec-fonts/Poppins/Poppins-Thin.woff2) format("woff2") , url(/ec-fonts/Poppins/Poppins-Thin.woff) format("woff") , url(/ec-fonts/Poppins/Poppins-Thin.ttf) format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url(/ec-fonts/Poppins/Poppins-Thin.woff2) format("woff2") , url(/ec-fonts/Poppins/Poppins-Thin.woff) format("woff") , url(/ec-fonts/Poppins/Poppins-Thin.ttf) format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url(/ec-fonts/Poppins/Poppins-ThinItalic.woff2) format("woff2") , url(/ec-fonts/Poppins/Poppins-ThinItalic.woff) format("woff") , url(/ec-fonts/Poppins/Poppins-ThinItalic.ttf) format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url(/ec-fonts/Poppins/Poppins-ThinItalic.woff2) format("woff2") , url(/ec-fonts/Poppins/Poppins-ThinItalic.woff) format("woff") , url(/ec-fonts/Poppins/Poppins-ThinItalic.ttf) format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url(/ec-fonts/roboto/Roboto-Thin-webfont.woff2) format("woff2") , url(/ec-fonts/roboto/Roboto-Thin-webfont.woff) format("woff") , url(/ec-fonts/roboto/Roboto-Thin-webfont.ttf) format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url(/ec-fonts/roboto/Roboto-Thin-webfont.woff2) format("woff2") , url(/ec-fonts/roboto/Roboto-Thin-webfont.woff) format("woff") , url(/ec-fonts/roboto/Roboto-Thin-webfont.ttf) format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url(/ec-fonts/roboto/Roboto-ThinItalic-webfont.woff2) format("woff2") , url(/ec-fonts/roboto/Roboto-ThinItalic-webfont.woff) format("woff") , url(/ec-fonts/roboto/Roboto-ThinItalic-webfont.ttf) format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url(/ec-fonts/roboto/Roboto-ThinItalic-webfont.woff2) format("woff2") , url(/ec-fonts/roboto/Roboto-ThinItalic-webfont.woff) format("woff") , url(/ec-fonts/roboto/Roboto-ThinItalic-webfont.ttf) format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url(/ec-fonts/roboto/Roboto-Light-webfont.woff2) format("woff2") , url(/ec-fonts/roboto/Roboto-Light-webfont.woff) format("woff") , url(/ec-fonts/roboto/Roboto-Light-webfont.ttf) format("truetype");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url(/ec-fonts/roboto/Roboto-Light-webfont.woff2) format("woff2") , url(/ec-fonts/roboto/Roboto-Light-webfont.woff) format("woff") , url(/ec-fonts/roboto/Roboto-Light-webfont.ttf) format("truetype");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url(/ec-fonts/roboto/Roboto-LightItalic-webfont.woff2) format("woff2") , url(/ec-fonts/roboto/Roboto-LightItalic-webfont.woff) format("woff") , url(/ec-fonts/roboto/Roboto-LightItalic-webfont.ttf) format("truetype");
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url(/ec-fonts/roboto/Roboto-LightItalic-webfont.woff2) format("woff2") , url(/ec-fonts/roboto/Roboto-LightItalic-webfont.woff) format("woff") , url(/ec-fonts/roboto/Roboto-LightItalic-webfont.ttf) format("truetype");
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url(/ec-fonts/roboto/Roboto-Regular-webfont.woff2) format("woff2") , url(/ec-fonts/roboto/Roboto-Regular-webfont.woff) format("woff") , url(/ec-fonts/roboto/Roboto-Regular-webfont.ttf) format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url(/ec-fonts/roboto/Roboto-Regular-webfont.woff2) format("woff2") , url(/ec-fonts/roboto/Roboto-Regular-webfont.woff) format("woff") , url(/ec-fonts/roboto/Roboto-Regular-webfont.ttf) format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url(/ec-fonts/roboto/Roboto-Italic-webfont.woff2) format("woff2") , url(/ec-fonts/roboto/Roboto-Italic-webfont.woff) format("woff") , url(/ec-fonts/roboto/Roboto-Italic-webfont.ttf) format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url(/ec-fonts/roboto/Roboto-Italic-webfont.woff2) format("woff2") , url(/ec-fonts/roboto/Roboto-Italic-webfont.woff) format("woff") , url(/ec-fonts/roboto/Roboto-Italic-webfont.ttf) format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url(/ec-fonts/roboto/Roboto-Medium-webfont.woff2) format("woff2") , url(/ec-fonts/roboto/Roboto-Medium-webfont.woff) format("woff") , url(/ec-fonts/roboto/Roboto-Medium-webfont.ttf) format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url(/ec-fonts/roboto/Roboto-Medium-webfont.woff2) format("woff2") , url(/ec-fonts/roboto/Roboto-Medium-webfont.woff) format("woff") , url(/ec-fonts/roboto/Roboto-Medium-webfont.ttf) format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url(/ec-fonts/roboto/Roboto-MediumItalic-webfont.woff2) format("woff2") , url(/ec-fonts/roboto/Roboto-MediumItalic-webfont.woff) format("woff") , url(/ec-fonts/roboto/Roboto-MediumItalic-webfont.ttf) format("truetype");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url(/ec-fonts/roboto/Roboto-MediumItalic-webfont.woff2) format("woff2") , url(/ec-fonts/roboto/Roboto-MediumItalic-webfont.woff) format("woff") , url(/ec-fonts/roboto/Roboto-MediumItalic-webfont.ttf) format("truetype");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url(/ec-fonts/roboto/Roboto-Bold-webfont.woff2) format("woff2") , url(/ec-fonts/roboto/Roboto-Bold-webfont.woff) format("woff") , url(/ec-fonts/roboto/Roboto-Bold-webfont.ttf) format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url(/ec-fonts/roboto/Roboto-Bold-webfont.woff2) format("woff2") , url(/ec-fonts/roboto/Roboto-Bold-webfont.woff) format("woff") , url(/ec-fonts/roboto/Roboto-Bold-webfont.ttf) format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url(/ec-fonts/roboto/Roboto-BoldItalic-webfont.woff2) format("woff2") , url(/ec-fonts/roboto/Roboto-BoldItalic-webfont.woff) format("woff") , url(/ec-fonts/roboto/Roboto-BoldItalic-webfont.ttf) format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url(/ec-fonts/roboto/Roboto-BoldItalic-webfont.woff2) format("woff2") , url(/ec-fonts/roboto/Roboto-BoldItalic-webfont.woff) format("woff") , url(/ec-fonts/roboto/Roboto-BoldItalic-webfont.ttf) format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url(/ec-fonts/roboto/Roboto-Black-webfont.woff2) format("woff2") , url(/ec-fonts/roboto/Roboto-Black-webfont.woff) format("woff") , url(/ec-fonts/roboto/Roboto-Black-webfont.ttf) format("truetype");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url(/ec-fonts/roboto/Roboto-Black-webfont.woff2) format("woff2") , url(/ec-fonts/roboto/Roboto-Black-webfont.woff) format("woff") , url(/ec-fonts/roboto/Roboto-Black-webfont.ttf) format("truetype");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url(/ec-fonts/roboto/Roboto-BlackItalic-webfont.woff2) format("woff2") , url(/ec-fonts/roboto/Roboto-BlackItalic-webfont.woff) format("woff") , url(/ec-fonts/roboto/Roboto-BlackItalic-webfont.ttf) format("truetype");
  font-weight: 800;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url(/ec-fonts/roboto/Roboto-BlackItalic-webfont.woff2) format("woff2") , url(/ec-fonts/roboto/Roboto-BlackItalic-webfont.woff) format("woff") , url(/ec-fonts/roboto/Roboto-BlackItalic-webfont.ttf) format("truetype");
  font-weight: 800;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url(/ec-fonts/roboto/Roboto-Thin-webfont.woff2) format("woff2") , url(/ec-fonts/roboto/Roboto-Thin-webfont.woff) format("woff") , url(/ec-fonts/roboto/Roboto-Thin-webfont.ttf) format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url(/ec-fonts/roboto/Roboto-Thin-webfont.woff2) format("woff2") , url(/ec-fonts/roboto/Roboto-Thin-webfont.woff) format("woff") , url(/ec-fonts/roboto/Roboto-Thin-webfont.ttf) format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url(/ec-fonts/roboto/Roboto-ThinItalic-webfont.woff2) format("woff2") , url(/ec-fonts/roboto/Roboto-ThinItalic-webfont.woff) format("woff") , url(/ec-fonts/roboto/Roboto-ThinItalic-webfont.ttf) format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url(/ec-fonts/roboto/Roboto-ThinItalic-webfont.woff2) format("woff2") , url(/ec-fonts/roboto/Roboto-ThinItalic-webfont.woff) format("woff") , url(/ec-fonts/roboto/Roboto-ThinItalic-webfont.ttf) format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url(/ec-fonts/roboto/Roboto-Light-webfont.woff2) format("woff2") , url(/ec-fonts/roboto/Roboto-Light-webfont.woff) format("woff") , url(/ec-fonts/roboto/Roboto-Light-webfont.ttf) format("truetype");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url(/ec-fonts/roboto/Roboto-Light-webfont.woff2) format("woff2") , url(/ec-fonts/roboto/Roboto-Light-webfont.woff) format("woff") , url(/ec-fonts/roboto/Roboto-Light-webfont.ttf) format("truetype");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url(/ec-fonts/roboto/Roboto-LightItalic-webfont.woff2) format("woff2") , url(/ec-fonts/roboto/Roboto-LightItalic-webfont.woff) format("woff") , url(/ec-fonts/roboto/Roboto-LightItalic-webfont.ttf) format("truetype");
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url(/ec-fonts/roboto/Roboto-LightItalic-webfont.woff2) format("woff2") , url(/ec-fonts/roboto/Roboto-LightItalic-webfont.woff) format("woff") , url(/ec-fonts/roboto/Roboto-LightItalic-webfont.ttf) format("truetype");
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url(/ec-fonts/roboto/Roboto-Regular-webfont.woff2) format("woff2") , url(/ec-fonts/roboto/Roboto-Regular-webfont.woff) format("woff") , url(/ec-fonts/roboto/Roboto-Regular-webfont.ttf) format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url(/ec-fonts/roboto/Roboto-Regular-webfont.woff2) format("woff2") , url(/ec-fonts/roboto/Roboto-Regular-webfont.woff) format("woff") , url(/ec-fonts/roboto/Roboto-Regular-webfont.ttf) format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url(/ec-fonts/roboto/Roboto-Italic-webfont.woff2) format("woff2") , url(/ec-fonts/roboto/Roboto-Italic-webfont.woff) format("woff") , url(/ec-fonts/roboto/Roboto-Italic-webfont.ttf) format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url(/ec-fonts/roboto/Roboto-Italic-webfont.woff2) format("woff2") , url(/ec-fonts/roboto/Roboto-Italic-webfont.woff) format("woff") , url(/ec-fonts/roboto/Roboto-Italic-webfont.ttf) format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url(/ec-fonts/roboto/Roboto-Medium-webfont.woff2) format("woff2") , url(/ec-fonts/roboto/Roboto-Medium-webfont.woff) format("woff") , url(/ec-fonts/roboto/Roboto-Medium-webfont.ttf) format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url(/ec-fonts/roboto/Roboto-Medium-webfont.woff2) format("woff2") , url(/ec-fonts/roboto/Roboto-Medium-webfont.woff) format("woff") , url(/ec-fonts/roboto/Roboto-Medium-webfont.ttf) format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url(/ec-fonts/roboto/Roboto-MediumItalic-webfont.woff2) format("woff2") , url(/ec-fonts/roboto/Roboto-MediumItalic-webfont.woff) format("woff") , url(/ec-fonts/roboto/Roboto-MediumItalic-webfont.ttf) format("truetype");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url(/ec-fonts/roboto/Roboto-MediumItalic-webfont.woff2) format("woff2") , url(/ec-fonts/roboto/Roboto-MediumItalic-webfont.woff) format("woff") , url(/ec-fonts/roboto/Roboto-MediumItalic-webfont.ttf) format("truetype");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url(/ec-fonts/roboto/Roboto-Bold-webfont.woff2) format("woff2") , url(/ec-fonts/roboto/Roboto-Bold-webfont.woff) format("woff") , url(/ec-fonts/roboto/Roboto-Bold-webfont.ttf) format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url(/ec-fonts/roboto/Roboto-Bold-webfont.woff2) format("woff2") , url(/ec-fonts/roboto/Roboto-Bold-webfont.woff) format("woff") , url(/ec-fonts/roboto/Roboto-Bold-webfont.ttf) format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url(/ec-fonts/roboto/Roboto-BoldItalic-webfont.woff2) format("woff2") , url(/ec-fonts/roboto/Roboto-BoldItalic-webfont.woff) format("woff") , url(/ec-fonts/roboto/Roboto-BoldItalic-webfont.ttf) format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url(/ec-fonts/roboto/Roboto-BoldItalic-webfont.woff2) format("woff2") , url(/ec-fonts/roboto/Roboto-BoldItalic-webfont.woff) format("woff") , url(/ec-fonts/roboto/Roboto-BoldItalic-webfont.ttf) format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url(/ec-fonts/roboto/Roboto-Black-webfont.woff2) format("woff2") , url(/ec-fonts/roboto/Roboto-Black-webfont.woff) format("woff") , url(/ec-fonts/roboto/Roboto-Black-webfont.ttf) format("truetype");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url(/ec-fonts/roboto/Roboto-Black-webfont.woff2) format("woff2") , url(/ec-fonts/roboto/Roboto-Black-webfont.woff) format("woff") , url(/ec-fonts/roboto/Roboto-Black-webfont.ttf) format("truetype");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url(/ec-fonts/roboto/Roboto-BlackItalic-webfont.woff2) format("woff2") , url(/ec-fonts/roboto/Roboto-BlackItalic-webfont.woff) format("woff") , url(/ec-fonts/roboto/Roboto-BlackItalic-webfont.ttf) format("truetype");
  font-weight: 800;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url(/ec-fonts/roboto/Roboto-BlackItalic-webfont.woff2) format("woff2") , url(/ec-fonts/roboto/Roboto-BlackItalic-webfont.woff) format("woff") , url(/ec-fonts/roboto/Roboto-BlackItalic-webfont.ttf) format("truetype");
  font-weight: 800;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Font Awesome 7 Light";
  src: url(/ec-fonts/font-awesome-v7/fa-light-300.woff2) format("woff2")    ;
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Font Awesome 7 Light";
  src: url(/ec-fonts/font-awesome-v7/fa-light-300.woff2) format("woff2")    ;
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Font Awesome 7 Light";
  src: url(/ec-fonts/font-awesome-v7/fa-light-300.woff2) format("woff2")    ;
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Font Awesome 7 Light";
  src: url(/ec-fonts/font-awesome-v7/fa-light-300.woff2) format("woff2")    ;
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Font Awesome 7 Regular";
  src: url(/ec-fonts/font-awesome-v7/fa-regular-400.woff2) format("woff2")    ;
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Font Awesome 7 Regular";
  src: url(/ec-fonts/font-awesome-v7/fa-regular-400.woff2) format("woff2")    ;
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Font Awesome 7 Regular";
  src: url(/ec-fonts/font-awesome-v7/fa-regular-400.woff2) format("woff2")    ;
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Font Awesome 7 Regular";
  src: url(/ec-fonts/font-awesome-v7/fa-regular-400.woff2) format("woff2")    ;
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Font Awesome 7 Solid";
  src: url(/ec-fonts/font-awesome-v7/fa-solid-900.woff2) format("woff2")    ;
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Font Awesome 7 Solid";
  src: url(/ec-fonts/font-awesome-v7/fa-solid-900.woff2) format("woff2")    ;
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Font Awesome 7 Solid";
  src: url(/ec-fonts/font-awesome-v7/fa-solid-900.woff2) format("woff2")    ;
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Font Awesome 7 Solid";
  src: url(/ec-fonts/font-awesome-v7/fa-solid-900.woff2) format("woff2")    ;
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Font Awesome Duotone Light";
  src: url(/ec-fonts/font-awesome-duotone/fa-duotone-light-300.woff2) format("woff2")    ;
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Font Awesome Duotone Light";
  src: url(/ec-fonts/font-awesome-duotone/fa-duotone-light-300.woff2) format("woff2")    ;
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Font Awesome Duotone Light";
  src: url(/ec-fonts/font-awesome-duotone/fa-duotone-light-300.woff2) format("woff2")    ;
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Font Awesome Duotone Light";
  src: url(/ec-fonts/font-awesome-duotone/fa-duotone-light-300.woff2) format("woff2")    ;
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Font Awesome Duotone Regular";
  src: url(/ec-fonts/font-awesome-duotone/fa-duotone-regular-400.woff2) format("woff2")    ;
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Font Awesome Duotone Regular";
  src: url(/ec-fonts/font-awesome-duotone/fa-duotone-regular-400.woff2) format("woff2")    ;
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Font Awesome Duotone Regular";
  src: url(/ec-fonts/font-awesome-duotone/fa-duotone-regular-400.woff2) format("woff2")    ;
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Font Awesome Duotone Regular";
  src: url(/ec-fonts/font-awesome-duotone/fa-duotone-regular-400.woff2) format("woff2")    ;
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Font Awesome Duotone Solid";
  src: url(/ec-fonts/font-awesome-duotone/fa-duotone-solid-900.woff2) format("woff2")    ;
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Font Awesome Duotone Solid";
  src: url(/ec-fonts/font-awesome-duotone/fa-duotone-solid-900.woff2) format("woff2")    ;
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Font Awesome Duotone Solid";
  src: url(/ec-fonts/font-awesome-duotone/fa-duotone-solid-900.woff2) format("woff2")    ;
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Font Awesome Duotone Solid";
  src: url(/ec-fonts/font-awesome-duotone/fa-duotone-solid-900.woff2) format("woff2")    ;
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url(/ec-fonts/roboto/Roboto-Thin-webfont.woff2) format("woff2") , url(/ec-fonts/roboto/Roboto-Thin-webfont.woff) format("woff") , url(/ec-fonts/roboto/Roboto-Thin-webfont.ttf) format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url(/ec-fonts/roboto/Roboto-Thin-webfont.woff2) format("woff2") , url(/ec-fonts/roboto/Roboto-Thin-webfont.woff) format("woff") , url(/ec-fonts/roboto/Roboto-Thin-webfont.ttf) format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url(/ec-fonts/roboto/Roboto-ThinItalic-webfont.woff2) format("woff2") , url(/ec-fonts/roboto/Roboto-ThinItalic-webfont.woff) format("woff") , url(/ec-fonts/roboto/Roboto-ThinItalic-webfont.ttf) format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url(/ec-fonts/roboto/Roboto-ThinItalic-webfont.woff2) format("woff2") , url(/ec-fonts/roboto/Roboto-ThinItalic-webfont.woff) format("woff") , url(/ec-fonts/roboto/Roboto-ThinItalic-webfont.ttf) format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url(/ec-fonts/roboto/Roboto-Light-webfont.woff2) format("woff2") , url(/ec-fonts/roboto/Roboto-Light-webfont.woff) format("woff") , url(/ec-fonts/roboto/Roboto-Light-webfont.ttf) format("truetype");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url(/ec-fonts/roboto/Roboto-Light-webfont.woff2) format("woff2") , url(/ec-fonts/roboto/Roboto-Light-webfont.woff) format("woff") , url(/ec-fonts/roboto/Roboto-Light-webfont.ttf) format("truetype");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url(/ec-fonts/roboto/Roboto-LightItalic-webfont.woff2) format("woff2") , url(/ec-fonts/roboto/Roboto-LightItalic-webfont.woff) format("woff") , url(/ec-fonts/roboto/Roboto-LightItalic-webfont.ttf) format("truetype");
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url(/ec-fonts/roboto/Roboto-LightItalic-webfont.woff2) format("woff2") , url(/ec-fonts/roboto/Roboto-LightItalic-webfont.woff) format("woff") , url(/ec-fonts/roboto/Roboto-LightItalic-webfont.ttf) format("truetype");
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url(/ec-fonts/roboto/Roboto-Regular-webfont.woff2) format("woff2") , url(/ec-fonts/roboto/Roboto-Regular-webfont.woff) format("woff") , url(/ec-fonts/roboto/Roboto-Regular-webfont.ttf) format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url(/ec-fonts/roboto/Roboto-Regular-webfont.woff2) format("woff2") , url(/ec-fonts/roboto/Roboto-Regular-webfont.woff) format("woff") , url(/ec-fonts/roboto/Roboto-Regular-webfont.ttf) format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url(/ec-fonts/roboto/Roboto-Italic-webfont.woff2) format("woff2") , url(/ec-fonts/roboto/Roboto-Italic-webfont.woff) format("woff") , url(/ec-fonts/roboto/Roboto-Italic-webfont.ttf) format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url(/ec-fonts/roboto/Roboto-Italic-webfont.woff2) format("woff2") , url(/ec-fonts/roboto/Roboto-Italic-webfont.woff) format("woff") , url(/ec-fonts/roboto/Roboto-Italic-webfont.ttf) format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url(/ec-fonts/roboto/Roboto-Medium-webfont.woff2) format("woff2") , url(/ec-fonts/roboto/Roboto-Medium-webfont.woff) format("woff") , url(/ec-fonts/roboto/Roboto-Medium-webfont.ttf) format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url(/ec-fonts/roboto/Roboto-Medium-webfont.woff2) format("woff2") , url(/ec-fonts/roboto/Roboto-Medium-webfont.woff) format("woff") , url(/ec-fonts/roboto/Roboto-Medium-webfont.ttf) format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url(/ec-fonts/roboto/Roboto-MediumItalic-webfont.woff2) format("woff2") , url(/ec-fonts/roboto/Roboto-MediumItalic-webfont.woff) format("woff") , url(/ec-fonts/roboto/Roboto-MediumItalic-webfont.ttf) format("truetype");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url(/ec-fonts/roboto/Roboto-MediumItalic-webfont.woff2) format("woff2") , url(/ec-fonts/roboto/Roboto-MediumItalic-webfont.woff) format("woff") , url(/ec-fonts/roboto/Roboto-MediumItalic-webfont.ttf) format("truetype");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url(/ec-fonts/roboto/Roboto-Bold-webfont.woff2) format("woff2") , url(/ec-fonts/roboto/Roboto-Bold-webfont.woff) format("woff") , url(/ec-fonts/roboto/Roboto-Bold-webfont.ttf) format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url(/ec-fonts/roboto/Roboto-Bold-webfont.woff2) format("woff2") , url(/ec-fonts/roboto/Roboto-Bold-webfont.woff) format("woff") , url(/ec-fonts/roboto/Roboto-Bold-webfont.ttf) format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url(/ec-fonts/roboto/Roboto-BoldItalic-webfont.woff2) format("woff2") , url(/ec-fonts/roboto/Roboto-BoldItalic-webfont.woff) format("woff") , url(/ec-fonts/roboto/Roboto-BoldItalic-webfont.ttf) format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url(/ec-fonts/roboto/Roboto-BoldItalic-webfont.woff2) format("woff2") , url(/ec-fonts/roboto/Roboto-BoldItalic-webfont.woff) format("woff") , url(/ec-fonts/roboto/Roboto-BoldItalic-webfont.ttf) format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url(/ec-fonts/roboto/Roboto-Black-webfont.woff2) format("woff2") , url(/ec-fonts/roboto/Roboto-Black-webfont.woff) format("woff") , url(/ec-fonts/roboto/Roboto-Black-webfont.ttf) format("truetype");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url(/ec-fonts/roboto/Roboto-Black-webfont.woff2) format("woff2") , url(/ec-fonts/roboto/Roboto-Black-webfont.woff) format("woff") , url(/ec-fonts/roboto/Roboto-Black-webfont.ttf) format("truetype");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url(/ec-fonts/roboto/Roboto-BlackItalic-webfont.woff2) format("woff2") , url(/ec-fonts/roboto/Roboto-BlackItalic-webfont.woff) format("woff") , url(/ec-fonts/roboto/Roboto-BlackItalic-webfont.ttf) format("truetype");
  font-weight: 800;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url(/ec-fonts/roboto/Roboto-BlackItalic-webfont.woff2) format("woff2") , url(/ec-fonts/roboto/Roboto-BlackItalic-webfont.woff) format("woff") , url(/ec-fonts/roboto/Roboto-BlackItalic-webfont.ttf) format("truetype");
  font-weight: 800;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url(/ec-fonts/roboto/Roboto-Thin-webfont.woff2) format("woff2") , url(/ec-fonts/roboto/Roboto-Thin-webfont.woff) format("woff") , url(/ec-fonts/roboto/Roboto-Thin-webfont.ttf) format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url(/ec-fonts/roboto/Roboto-Thin-webfont.woff2) format("woff2") , url(/ec-fonts/roboto/Roboto-Thin-webfont.woff) format("woff") , url(/ec-fonts/roboto/Roboto-Thin-webfont.ttf) format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url(/ec-fonts/roboto/Roboto-ThinItalic-webfont.woff2) format("woff2") , url(/ec-fonts/roboto/Roboto-ThinItalic-webfont.woff) format("woff") , url(/ec-fonts/roboto/Roboto-ThinItalic-webfont.ttf) format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url(/ec-fonts/roboto/Roboto-ThinItalic-webfont.woff2) format("woff2") , url(/ec-fonts/roboto/Roboto-ThinItalic-webfont.woff) format("woff") , url(/ec-fonts/roboto/Roboto-ThinItalic-webfont.ttf) format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url(/ec-fonts/roboto/Roboto-Light-webfont.woff2) format("woff2") , url(/ec-fonts/roboto/Roboto-Light-webfont.woff) format("woff") , url(/ec-fonts/roboto/Roboto-Light-webfont.ttf) format("truetype");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url(/ec-fonts/roboto/Roboto-Light-webfont.woff2) format("woff2") , url(/ec-fonts/roboto/Roboto-Light-webfont.woff) format("woff") , url(/ec-fonts/roboto/Roboto-Light-webfont.ttf) format("truetype");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url(/ec-fonts/roboto/Roboto-LightItalic-webfont.woff2) format("woff2") , url(/ec-fonts/roboto/Roboto-LightItalic-webfont.woff) format("woff") , url(/ec-fonts/roboto/Roboto-LightItalic-webfont.ttf) format("truetype");
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url(/ec-fonts/roboto/Roboto-LightItalic-webfont.woff2) format("woff2") , url(/ec-fonts/roboto/Roboto-LightItalic-webfont.woff) format("woff") , url(/ec-fonts/roboto/Roboto-LightItalic-webfont.ttf) format("truetype");
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url(/ec-fonts/roboto/Roboto-Regular-webfont.woff2) format("woff2") , url(/ec-fonts/roboto/Roboto-Regular-webfont.woff) format("woff") , url(/ec-fonts/roboto/Roboto-Regular-webfont.ttf) format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url(/ec-fonts/roboto/Roboto-Regular-webfont.woff2) format("woff2") , url(/ec-fonts/roboto/Roboto-Regular-webfont.woff) format("woff") , url(/ec-fonts/roboto/Roboto-Regular-webfont.ttf) format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url(/ec-fonts/roboto/Roboto-Italic-webfont.woff2) format("woff2") , url(/ec-fonts/roboto/Roboto-Italic-webfont.woff) format("woff") , url(/ec-fonts/roboto/Roboto-Italic-webfont.ttf) format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url(/ec-fonts/roboto/Roboto-Italic-webfont.woff2) format("woff2") , url(/ec-fonts/roboto/Roboto-Italic-webfont.woff) format("woff") , url(/ec-fonts/roboto/Roboto-Italic-webfont.ttf) format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url(/ec-fonts/roboto/Roboto-Medium-webfont.woff2) format("woff2") , url(/ec-fonts/roboto/Roboto-Medium-webfont.woff) format("woff") , url(/ec-fonts/roboto/Roboto-Medium-webfont.ttf) format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url(/ec-fonts/roboto/Roboto-Medium-webfont.woff2) format("woff2") , url(/ec-fonts/roboto/Roboto-Medium-webfont.woff) format("woff") , url(/ec-fonts/roboto/Roboto-Medium-webfont.ttf) format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url(/ec-fonts/roboto/Roboto-MediumItalic-webfont.woff2) format("woff2") , url(/ec-fonts/roboto/Roboto-MediumItalic-webfont.woff) format("woff") , url(/ec-fonts/roboto/Roboto-MediumItalic-webfont.ttf) format("truetype");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url(/ec-fonts/roboto/Roboto-MediumItalic-webfont.woff2) format("woff2") , url(/ec-fonts/roboto/Roboto-MediumItalic-webfont.woff) format("woff") , url(/ec-fonts/roboto/Roboto-MediumItalic-webfont.ttf) format("truetype");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url(/ec-fonts/roboto/Roboto-Bold-webfont.woff2) format("woff2") , url(/ec-fonts/roboto/Roboto-Bold-webfont.woff) format("woff") , url(/ec-fonts/roboto/Roboto-Bold-webfont.ttf) format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url(/ec-fonts/roboto/Roboto-Bold-webfont.woff2) format("woff2") , url(/ec-fonts/roboto/Roboto-Bold-webfont.woff) format("woff") , url(/ec-fonts/roboto/Roboto-Bold-webfont.ttf) format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url(/ec-fonts/roboto/Roboto-BoldItalic-webfont.woff2) format("woff2") , url(/ec-fonts/roboto/Roboto-BoldItalic-webfont.woff) format("woff") , url(/ec-fonts/roboto/Roboto-BoldItalic-webfont.ttf) format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url(/ec-fonts/roboto/Roboto-BoldItalic-webfont.woff2) format("woff2") , url(/ec-fonts/roboto/Roboto-BoldItalic-webfont.woff) format("woff") , url(/ec-fonts/roboto/Roboto-BoldItalic-webfont.ttf) format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url(/ec-fonts/roboto/Roboto-Black-webfont.woff2) format("woff2") , url(/ec-fonts/roboto/Roboto-Black-webfont.woff) format("woff") , url(/ec-fonts/roboto/Roboto-Black-webfont.ttf) format("truetype");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url(/ec-fonts/roboto/Roboto-Black-webfont.woff2) format("woff2") , url(/ec-fonts/roboto/Roboto-Black-webfont.woff) format("woff") , url(/ec-fonts/roboto/Roboto-Black-webfont.ttf) format("truetype");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url(/ec-fonts/roboto/Roboto-BlackItalic-webfont.woff2) format("woff2") , url(/ec-fonts/roboto/Roboto-BlackItalic-webfont.woff) format("woff") , url(/ec-fonts/roboto/Roboto-BlackItalic-webfont.ttf) format("truetype");
  font-weight: 800;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url(/ec-fonts/roboto/Roboto-BlackItalic-webfont.woff2) format("woff2") , url(/ec-fonts/roboto/Roboto-BlackItalic-webfont.woff) format("woff") , url(/ec-fonts/roboto/Roboto-BlackItalic-webfont.ttf) format("truetype");
  font-weight: 800;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url(/ec-fonts/roboto/Roboto-Thin-webfont.woff2) format("woff2") , url(/ec-fonts/roboto/Roboto-Thin-webfont.woff) format("woff") , url(/ec-fonts/roboto/Roboto-Thin-webfont.ttf) format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url(/ec-fonts/roboto/Roboto-Thin-webfont.woff2) format("woff2") , url(/ec-fonts/roboto/Roboto-Thin-webfont.woff) format("woff") , url(/ec-fonts/roboto/Roboto-Thin-webfont.ttf) format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url(/ec-fonts/roboto/Roboto-ThinItalic-webfont.woff2) format("woff2") , url(/ec-fonts/roboto/Roboto-ThinItalic-webfont.woff) format("woff") , url(/ec-fonts/roboto/Roboto-ThinItalic-webfont.ttf) format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url(/ec-fonts/roboto/Roboto-ThinItalic-webfont.woff2) format("woff2") , url(/ec-fonts/roboto/Roboto-ThinItalic-webfont.woff) format("woff") , url(/ec-fonts/roboto/Roboto-ThinItalic-webfont.ttf) format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url(/ec-fonts/roboto/Roboto-Light-webfont.woff2) format("woff2") , url(/ec-fonts/roboto/Roboto-Light-webfont.woff) format("woff") , url(/ec-fonts/roboto/Roboto-Light-webfont.ttf) format("truetype");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url(/ec-fonts/roboto/Roboto-Light-webfont.woff2) format("woff2") , url(/ec-fonts/roboto/Roboto-Light-webfont.woff) format("woff") , url(/ec-fonts/roboto/Roboto-Light-webfont.ttf) format("truetype");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url(/ec-fonts/roboto/Roboto-LightItalic-webfont.woff2) format("woff2") , url(/ec-fonts/roboto/Roboto-LightItalic-webfont.woff) format("woff") , url(/ec-fonts/roboto/Roboto-LightItalic-webfont.ttf) format("truetype");
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url(/ec-fonts/roboto/Roboto-LightItalic-webfont.woff2) format("woff2") , url(/ec-fonts/roboto/Roboto-LightItalic-webfont.woff) format("woff") , url(/ec-fonts/roboto/Roboto-LightItalic-webfont.ttf) format("truetype");
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url(/ec-fonts/roboto/Roboto-Regular-webfont.woff2) format("woff2") , url(/ec-fonts/roboto/Roboto-Regular-webfont.woff) format("woff") , url(/ec-fonts/roboto/Roboto-Regular-webfont.ttf) format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url(/ec-fonts/roboto/Roboto-Regular-webfont.woff2) format("woff2") , url(/ec-fonts/roboto/Roboto-Regular-webfont.woff) format("woff") , url(/ec-fonts/roboto/Roboto-Regular-webfont.ttf) format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url(/ec-fonts/roboto/Roboto-Italic-webfont.woff2) format("woff2") , url(/ec-fonts/roboto/Roboto-Italic-webfont.woff) format("woff") , url(/ec-fonts/roboto/Roboto-Italic-webfont.ttf) format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url(/ec-fonts/roboto/Roboto-Italic-webfont.woff2) format("woff2") , url(/ec-fonts/roboto/Roboto-Italic-webfont.woff) format("woff") , url(/ec-fonts/roboto/Roboto-Italic-webfont.ttf) format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url(/ec-fonts/roboto/Roboto-Medium-webfont.woff2) format("woff2") , url(/ec-fonts/roboto/Roboto-Medium-webfont.woff) format("woff") , url(/ec-fonts/roboto/Roboto-Medium-webfont.ttf) format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url(/ec-fonts/roboto/Roboto-Medium-webfont.woff2) format("woff2") , url(/ec-fonts/roboto/Roboto-Medium-webfont.woff) format("woff") , url(/ec-fonts/roboto/Roboto-Medium-webfont.ttf) format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url(/ec-fonts/roboto/Roboto-MediumItalic-webfont.woff2) format("woff2") , url(/ec-fonts/roboto/Roboto-MediumItalic-webfont.woff) format("woff") , url(/ec-fonts/roboto/Roboto-MediumItalic-webfont.ttf) format("truetype");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url(/ec-fonts/roboto/Roboto-MediumItalic-webfont.woff2) format("woff2") , url(/ec-fonts/roboto/Roboto-MediumItalic-webfont.woff) format("woff") , url(/ec-fonts/roboto/Roboto-MediumItalic-webfont.ttf) format("truetype");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url(/ec-fonts/roboto/Roboto-Bold-webfont.woff2) format("woff2") , url(/ec-fonts/roboto/Roboto-Bold-webfont.woff) format("woff") , url(/ec-fonts/roboto/Roboto-Bold-webfont.ttf) format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url(/ec-fonts/roboto/Roboto-Bold-webfont.woff2) format("woff2") , url(/ec-fonts/roboto/Roboto-Bold-webfont.woff) format("woff") , url(/ec-fonts/roboto/Roboto-Bold-webfont.ttf) format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url(/ec-fonts/roboto/Roboto-BoldItalic-webfont.woff2) format("woff2") , url(/ec-fonts/roboto/Roboto-BoldItalic-webfont.woff) format("woff") , url(/ec-fonts/roboto/Roboto-BoldItalic-webfont.ttf) format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url(/ec-fonts/roboto/Roboto-BoldItalic-webfont.woff2) format("woff2") , url(/ec-fonts/roboto/Roboto-BoldItalic-webfont.woff) format("woff") , url(/ec-fonts/roboto/Roboto-BoldItalic-webfont.ttf) format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url(/ec-fonts/roboto/Roboto-Black-webfont.woff2) format("woff2") , url(/ec-fonts/roboto/Roboto-Black-webfont.woff) format("woff") , url(/ec-fonts/roboto/Roboto-Black-webfont.ttf) format("truetype");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url(/ec-fonts/roboto/Roboto-Black-webfont.woff2) format("woff2") , url(/ec-fonts/roboto/Roboto-Black-webfont.woff) format("woff") , url(/ec-fonts/roboto/Roboto-Black-webfont.ttf) format("truetype");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url(/ec-fonts/roboto/Roboto-BlackItalic-webfont.woff2) format("woff2") , url(/ec-fonts/roboto/Roboto-BlackItalic-webfont.woff) format("woff") , url(/ec-fonts/roboto/Roboto-BlackItalic-webfont.ttf) format("truetype");
  font-weight: 800;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url(/ec-fonts/roboto/Roboto-BlackItalic-webfont.woff2) format("woff2") , url(/ec-fonts/roboto/Roboto-BlackItalic-webfont.woff) format("woff") , url(/ec-fonts/roboto/Roboto-BlackItalic-webfont.ttf) format("truetype");
  font-weight: 800;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url(/ec-fonts/roboto/Roboto-Thin-webfont.woff2) format("woff2") , url(/ec-fonts/roboto/Roboto-Thin-webfont.woff) format("woff") , url(/ec-fonts/roboto/Roboto-Thin-webfont.ttf) format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url(/ec-fonts/roboto/Roboto-Thin-webfont.woff2) format("woff2") , url(/ec-fonts/roboto/Roboto-Thin-webfont.woff) format("woff") , url(/ec-fonts/roboto/Roboto-Thin-webfont.ttf) format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url(/ec-fonts/roboto/Roboto-ThinItalic-webfont.woff2) format("woff2") , url(/ec-fonts/roboto/Roboto-ThinItalic-webfont.woff) format("woff") , url(/ec-fonts/roboto/Roboto-ThinItalic-webfont.ttf) format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url(/ec-fonts/roboto/Roboto-ThinItalic-webfont.woff2) format("woff2") , url(/ec-fonts/roboto/Roboto-ThinItalic-webfont.woff) format("woff") , url(/ec-fonts/roboto/Roboto-ThinItalic-webfont.ttf) format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url(/ec-fonts/roboto/Roboto-Light-webfont.woff2) format("woff2") , url(/ec-fonts/roboto/Roboto-Light-webfont.woff) format("woff") , url(/ec-fonts/roboto/Roboto-Light-webfont.ttf) format("truetype");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url(/ec-fonts/roboto/Roboto-Light-webfont.woff2) format("woff2") , url(/ec-fonts/roboto/Roboto-Light-webfont.woff) format("woff") , url(/ec-fonts/roboto/Roboto-Light-webfont.ttf) format("truetype");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url(/ec-fonts/roboto/Roboto-LightItalic-webfont.woff2) format("woff2") , url(/ec-fonts/roboto/Roboto-LightItalic-webfont.woff) format("woff") , url(/ec-fonts/roboto/Roboto-LightItalic-webfont.ttf) format("truetype");
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url(/ec-fonts/roboto/Roboto-LightItalic-webfont.woff2) format("woff2") , url(/ec-fonts/roboto/Roboto-LightItalic-webfont.woff) format("woff") , url(/ec-fonts/roboto/Roboto-LightItalic-webfont.ttf) format("truetype");
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url(/ec-fonts/roboto/Roboto-Regular-webfont.woff2) format("woff2") , url(/ec-fonts/roboto/Roboto-Regular-webfont.woff) format("woff") , url(/ec-fonts/roboto/Roboto-Regular-webfont.ttf) format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url(/ec-fonts/roboto/Roboto-Regular-webfont.woff2) format("woff2") , url(/ec-fonts/roboto/Roboto-Regular-webfont.woff) format("woff") , url(/ec-fonts/roboto/Roboto-Regular-webfont.ttf) format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url(/ec-fonts/roboto/Roboto-Italic-webfont.woff2) format("woff2") , url(/ec-fonts/roboto/Roboto-Italic-webfont.woff) format("woff") , url(/ec-fonts/roboto/Roboto-Italic-webfont.ttf) format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url(/ec-fonts/roboto/Roboto-Italic-webfont.woff2) format("woff2") , url(/ec-fonts/roboto/Roboto-Italic-webfont.woff) format("woff") , url(/ec-fonts/roboto/Roboto-Italic-webfont.ttf) format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url(/ec-fonts/roboto/Roboto-Medium-webfont.woff2) format("woff2") , url(/ec-fonts/roboto/Roboto-Medium-webfont.woff) format("woff") , url(/ec-fonts/roboto/Roboto-Medium-webfont.ttf) format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url(/ec-fonts/roboto/Roboto-Medium-webfont.woff2) format("woff2") , url(/ec-fonts/roboto/Roboto-Medium-webfont.woff) format("woff") , url(/ec-fonts/roboto/Roboto-Medium-webfont.ttf) format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url(/ec-fonts/roboto/Roboto-MediumItalic-webfont.woff2) format("woff2") , url(/ec-fonts/roboto/Roboto-MediumItalic-webfont.woff) format("woff") , url(/ec-fonts/roboto/Roboto-MediumItalic-webfont.ttf) format("truetype");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url(/ec-fonts/roboto/Roboto-MediumItalic-webfont.woff2) format("woff2") , url(/ec-fonts/roboto/Roboto-MediumItalic-webfont.woff) format("woff") , url(/ec-fonts/roboto/Roboto-MediumItalic-webfont.ttf) format("truetype");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url(/ec-fonts/roboto/Roboto-Bold-webfont.woff2) format("woff2") , url(/ec-fonts/roboto/Roboto-Bold-webfont.woff) format("woff") , url(/ec-fonts/roboto/Roboto-Bold-webfont.ttf) format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url(/ec-fonts/roboto/Roboto-Bold-webfont.woff2) format("woff2") , url(/ec-fonts/roboto/Roboto-Bold-webfont.woff) format("woff") , url(/ec-fonts/roboto/Roboto-Bold-webfont.ttf) format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url(/ec-fonts/roboto/Roboto-BoldItalic-webfont.woff2) format("woff2") , url(/ec-fonts/roboto/Roboto-BoldItalic-webfont.woff) format("woff") , url(/ec-fonts/roboto/Roboto-BoldItalic-webfont.ttf) format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url(/ec-fonts/roboto/Roboto-BoldItalic-webfont.woff2) format("woff2") , url(/ec-fonts/roboto/Roboto-BoldItalic-webfont.woff) format("woff") , url(/ec-fonts/roboto/Roboto-BoldItalic-webfont.ttf) format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url(/ec-fonts/roboto/Roboto-Black-webfont.woff2) format("woff2") , url(/ec-fonts/roboto/Roboto-Black-webfont.woff) format("woff") , url(/ec-fonts/roboto/Roboto-Black-webfont.ttf) format("truetype");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url(/ec-fonts/roboto/Roboto-Black-webfont.woff2) format("woff2") , url(/ec-fonts/roboto/Roboto-Black-webfont.woff) format("woff") , url(/ec-fonts/roboto/Roboto-Black-webfont.ttf) format("truetype");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url(/ec-fonts/roboto/Roboto-BlackItalic-webfont.woff2) format("woff2") , url(/ec-fonts/roboto/Roboto-BlackItalic-webfont.woff) format("woff") , url(/ec-fonts/roboto/Roboto-BlackItalic-webfont.ttf) format("truetype");
  font-weight: 800;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url(/ec-fonts/roboto/Roboto-BlackItalic-webfont.woff2) format("woff2") , url(/ec-fonts/roboto/Roboto-BlackItalic-webfont.woff) format("woff") , url(/ec-fonts/roboto/Roboto-BlackItalic-webfont.ttf) format("truetype");
  font-weight: 800;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url(/ec-fonts/Inter/Inter-Black.woff2) format("woff2") , url(/ec-fonts/Inter/Inter-Black.woff) format("woff") , url(/ec-fonts/Inter/Inter-Black.ttf) format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url(/ec-fonts/Inter/Inter-Black.woff2) format("woff2") , url(/ec-fonts/Inter/Inter-Black.woff) format("woff") , url(/ec-fonts/Inter/Inter-Black.ttf) format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url(/ec-fonts/Inter/Inter-Black.woff2) format("woff2") , url(/ec-fonts/Inter/Inter-Black.woff) format("woff") , url(/ec-fonts/Inter/Inter-Black.ttf) format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url(/ec-fonts/Inter/Inter-Black.woff2) format("woff2") , url(/ec-fonts/Inter/Inter-Black.woff) format("woff") , url(/ec-fonts/Inter/Inter-Black.ttf) format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url(/ec-fonts/Inter/Inter-Bold.woff2) format("woff2") , url(/ec-fonts/Inter/Inter-Bold.woff) format("woff") , url(/ec-fonts/Inter/Inter-Bold.ttf) format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url(/ec-fonts/Inter/Inter-Bold.woff2) format("woff2") , url(/ec-fonts/Inter/Inter-Bold.woff) format("woff") , url(/ec-fonts/Inter/Inter-Bold.ttf) format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url(/ec-fonts/Inter/Inter-Bold.woff2) format("woff2") , url(/ec-fonts/Inter/Inter-Bold.woff) format("woff") , url(/ec-fonts/Inter/Inter-Bold.ttf) format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url(/ec-fonts/Inter/Inter-Bold.woff2) format("woff2") , url(/ec-fonts/Inter/Inter-Bold.woff) format("woff") , url(/ec-fonts/Inter/Inter-Bold.ttf) format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url(/ec-fonts/Inter/Inter-ExtraBold.woff2) format("woff2") , url(/ec-fonts/Inter/Inter-ExtraBold.woff) format("woff") , url(/ec-fonts/Inter/Inter-ExtraBold.ttf) format("truetype");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url(/ec-fonts/Inter/Inter-ExtraBold.woff2) format("woff2") , url(/ec-fonts/Inter/Inter-ExtraBold.woff) format("woff") , url(/ec-fonts/Inter/Inter-ExtraBold.ttf) format("truetype");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url(/ec-fonts/Inter/Inter-ExtraBold.woff2) format("woff2") , url(/ec-fonts/Inter/Inter-ExtraBold.woff) format("woff") , url(/ec-fonts/Inter/Inter-ExtraBold.ttf) format("truetype");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url(/ec-fonts/Inter/Inter-ExtraBold.woff2) format("woff2") , url(/ec-fonts/Inter/Inter-ExtraBold.woff) format("woff") , url(/ec-fonts/Inter/Inter-ExtraBold.ttf) format("truetype");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url(/ec-fonts/Inter/Inter-ExtraLight.woff2) format("woff2") , url(/ec-fonts/Inter/Inter-ExtraLight.woff) format("woff") , url(/ec-fonts/Inter/Inter-ExtraLight.ttf) format("truetype");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url(/ec-fonts/Inter/Inter-ExtraLight.woff2) format("woff2") , url(/ec-fonts/Inter/Inter-ExtraLight.woff) format("woff") , url(/ec-fonts/Inter/Inter-ExtraLight.ttf) format("truetype");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url(/ec-fonts/Inter/Inter-ExtraLight.woff2) format("woff2") , url(/ec-fonts/Inter/Inter-ExtraLight.woff) format("woff") , url(/ec-fonts/Inter/Inter-ExtraLight.ttf) format("truetype");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url(/ec-fonts/Inter/Inter-ExtraLight.woff2) format("woff2") , url(/ec-fonts/Inter/Inter-ExtraLight.woff) format("woff") , url(/ec-fonts/Inter/Inter-ExtraLight.ttf) format("truetype");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url(/ec-fonts/Inter/Inter-Light.woff2) format("woff2") , url(/ec-fonts/Inter/Inter-Light.woff) format("woff") , url(/ec-fonts/Inter/Inter-Light.ttf) format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url(/ec-fonts/Inter/Inter-Light.woff2) format("woff2") , url(/ec-fonts/Inter/Inter-Light.woff) format("woff") , url(/ec-fonts/Inter/Inter-Light.ttf) format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url(/ec-fonts/Inter/Inter-Light.woff2) format("woff2") , url(/ec-fonts/Inter/Inter-Light.woff) format("woff") , url(/ec-fonts/Inter/Inter-Light.ttf) format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url(/ec-fonts/Inter/Inter-Light.woff2) format("woff2") , url(/ec-fonts/Inter/Inter-Light.woff) format("woff") , url(/ec-fonts/Inter/Inter-Light.ttf) format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url(/ec-fonts/Inter/Inter-Medium.woff2) format("woff2") , url(/ec-fonts/Inter/Inter-Medium.woff) format("woff") , url(/ec-fonts/Inter/Inter-Medium.ttf) format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url(/ec-fonts/Inter/Inter-Medium.woff2) format("woff2") , url(/ec-fonts/Inter/Inter-Medium.woff) format("woff") , url(/ec-fonts/Inter/Inter-Medium.ttf) format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url(/ec-fonts/Inter/Inter-Medium.woff2) format("woff2") , url(/ec-fonts/Inter/Inter-Medium.woff) format("woff") , url(/ec-fonts/Inter/Inter-Medium.ttf) format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url(/ec-fonts/Inter/Inter-Medium.woff2) format("woff2") , url(/ec-fonts/Inter/Inter-Medium.woff) format("woff") , url(/ec-fonts/Inter/Inter-Medium.ttf) format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url(/ec-fonts/Inter/Inter-Regular.woff2) format("woff2") , url(/ec-fonts/Inter/Inter-Regular.woff) format("woff") , url(/ec-fonts/Inter/Inter-Regular.ttf) format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url(/ec-fonts/Inter/Inter-Regular.woff2) format("woff2") , url(/ec-fonts/Inter/Inter-Regular.woff) format("woff") , url(/ec-fonts/Inter/Inter-Regular.ttf) format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url(/ec-fonts/Inter/Inter-Regular.woff2) format("woff2") , url(/ec-fonts/Inter/Inter-Regular.woff) format("woff") , url(/ec-fonts/Inter/Inter-Regular.ttf) format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url(/ec-fonts/Inter/Inter-Regular.woff2) format("woff2") , url(/ec-fonts/Inter/Inter-Regular.woff) format("woff") , url(/ec-fonts/Inter/Inter-Regular.ttf) format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url(/ec-fonts/Inter/Inter-SemiBold.woff2) format("woff2") , url(/ec-fonts/Inter/Inter-SemiBold.woff) format("woff") , url(/ec-fonts/Inter/Inter-SemiBold.ttf) format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url(/ec-fonts/Inter/Inter-SemiBold.woff2) format("woff2") , url(/ec-fonts/Inter/Inter-SemiBold.woff) format("woff") , url(/ec-fonts/Inter/Inter-SemiBold.ttf) format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url(/ec-fonts/Inter/Inter-SemiBold.woff2) format("woff2") , url(/ec-fonts/Inter/Inter-SemiBold.woff) format("woff") , url(/ec-fonts/Inter/Inter-SemiBold.ttf) format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url(/ec-fonts/Inter/Inter-SemiBold.woff2) format("woff2") , url(/ec-fonts/Inter/Inter-SemiBold.woff) format("woff") , url(/ec-fonts/Inter/Inter-SemiBold.ttf) format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url(/ec-fonts/Inter/Inter-Thin.woff2) format("woff2") , url(/ec-fonts/Inter/Inter-Thin.woff) format("woff") , url(/ec-fonts/Inter/Inter-Thin.ttf) format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url(/ec-fonts/Inter/Inter-Thin.woff2) format("woff2") , url(/ec-fonts/Inter/Inter-Thin.woff) format("woff") , url(/ec-fonts/Inter/Inter-Thin.ttf) format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url(/ec-fonts/Inter/Inter-Thin.woff2) format("woff2") , url(/ec-fonts/Inter/Inter-Thin.woff) format("woff") , url(/ec-fonts/Inter/Inter-Thin.ttf) format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url(/ec-fonts/Inter/Inter-Thin.woff2) format("woff2") , url(/ec-fonts/Inter/Inter-Thin.woff) format("woff") , url(/ec-fonts/Inter/Inter-Thin.ttf) format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url(/ec-fonts/Inter/Inter-Black.woff2) format("woff2") , url(/ec-fonts/Inter/Inter-Black.woff) format("woff") , url(/ec-fonts/Inter/Inter-Black.ttf) format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url(/ec-fonts/Inter/Inter-Black.woff2) format("woff2") , url(/ec-fonts/Inter/Inter-Black.woff) format("woff") , url(/ec-fonts/Inter/Inter-Black.ttf) format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url(/ec-fonts/Inter/Inter-Black.woff2) format("woff2") , url(/ec-fonts/Inter/Inter-Black.woff) format("woff") , url(/ec-fonts/Inter/Inter-Black.ttf) format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url(/ec-fonts/Inter/Inter-Black.woff2) format("woff2") , url(/ec-fonts/Inter/Inter-Black.woff) format("woff") , url(/ec-fonts/Inter/Inter-Black.ttf) format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url(/ec-fonts/Inter/Inter-Bold.woff2) format("woff2") , url(/ec-fonts/Inter/Inter-Bold.woff) format("woff") , url(/ec-fonts/Inter/Inter-Bold.ttf) format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url(/ec-fonts/Inter/Inter-Bold.woff2) format("woff2") , url(/ec-fonts/Inter/Inter-Bold.woff) format("woff") , url(/ec-fonts/Inter/Inter-Bold.ttf) format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url(/ec-fonts/Inter/Inter-Bold.woff2) format("woff2") , url(/ec-fonts/Inter/Inter-Bold.woff) format("woff") , url(/ec-fonts/Inter/Inter-Bold.ttf) format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url(/ec-fonts/Inter/Inter-Bold.woff2) format("woff2") , url(/ec-fonts/Inter/Inter-Bold.woff) format("woff") , url(/ec-fonts/Inter/Inter-Bold.ttf) format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url(/ec-fonts/Inter/Inter-ExtraBold.woff2) format("woff2") , url(/ec-fonts/Inter/Inter-ExtraBold.woff) format("woff") , url(/ec-fonts/Inter/Inter-ExtraBold.ttf) format("truetype");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url(/ec-fonts/Inter/Inter-ExtraBold.woff2) format("woff2") , url(/ec-fonts/Inter/Inter-ExtraBold.woff) format("woff") , url(/ec-fonts/Inter/Inter-ExtraBold.ttf) format("truetype");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url(/ec-fonts/Inter/Inter-ExtraBold.woff2) format("woff2") , url(/ec-fonts/Inter/Inter-ExtraBold.woff) format("woff") , url(/ec-fonts/Inter/Inter-ExtraBold.ttf) format("truetype");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url(/ec-fonts/Inter/Inter-ExtraBold.woff2) format("woff2") , url(/ec-fonts/Inter/Inter-ExtraBold.woff) format("woff") , url(/ec-fonts/Inter/Inter-ExtraBold.ttf) format("truetype");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url(/ec-fonts/Inter/Inter-ExtraLight.woff2) format("woff2") , url(/ec-fonts/Inter/Inter-ExtraLight.woff) format("woff") , url(/ec-fonts/Inter/Inter-ExtraLight.ttf) format("truetype");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url(/ec-fonts/Inter/Inter-ExtraLight.woff2) format("woff2") , url(/ec-fonts/Inter/Inter-ExtraLight.woff) format("woff") , url(/ec-fonts/Inter/Inter-ExtraLight.ttf) format("truetype");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url(/ec-fonts/Inter/Inter-ExtraLight.woff2) format("woff2") , url(/ec-fonts/Inter/Inter-ExtraLight.woff) format("woff") , url(/ec-fonts/Inter/Inter-ExtraLight.ttf) format("truetype");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url(/ec-fonts/Inter/Inter-ExtraLight.woff2) format("woff2") , url(/ec-fonts/Inter/Inter-ExtraLight.woff) format("woff") , url(/ec-fonts/Inter/Inter-ExtraLight.ttf) format("truetype");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url(/ec-fonts/Inter/Inter-Light.woff2) format("woff2") , url(/ec-fonts/Inter/Inter-Light.woff) format("woff") , url(/ec-fonts/Inter/Inter-Light.ttf) format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url(/ec-fonts/Inter/Inter-Light.woff2) format("woff2") , url(/ec-fonts/Inter/Inter-Light.woff) format("woff") , url(/ec-fonts/Inter/Inter-Light.ttf) format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url(/ec-fonts/Inter/Inter-Light.woff2) format("woff2") , url(/ec-fonts/Inter/Inter-Light.woff) format("woff") , url(/ec-fonts/Inter/Inter-Light.ttf) format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url(/ec-fonts/Inter/Inter-Light.woff2) format("woff2") , url(/ec-fonts/Inter/Inter-Light.woff) format("woff") , url(/ec-fonts/Inter/Inter-Light.ttf) format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url(/ec-fonts/Inter/Inter-Medium.woff2) format("woff2") , url(/ec-fonts/Inter/Inter-Medium.woff) format("woff") , url(/ec-fonts/Inter/Inter-Medium.ttf) format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url(/ec-fonts/Inter/Inter-Medium.woff2) format("woff2") , url(/ec-fonts/Inter/Inter-Medium.woff) format("woff") , url(/ec-fonts/Inter/Inter-Medium.ttf) format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url(/ec-fonts/Inter/Inter-Medium.woff2) format("woff2") , url(/ec-fonts/Inter/Inter-Medium.woff) format("woff") , url(/ec-fonts/Inter/Inter-Medium.ttf) format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url(/ec-fonts/Inter/Inter-Medium.woff2) format("woff2") , url(/ec-fonts/Inter/Inter-Medium.woff) format("woff") , url(/ec-fonts/Inter/Inter-Medium.ttf) format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url(/ec-fonts/Inter/Inter-Regular.woff2) format("woff2") , url(/ec-fonts/Inter/Inter-Regular.woff) format("woff") , url(/ec-fonts/Inter/Inter-Regular.ttf) format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url(/ec-fonts/Inter/Inter-Regular.woff2) format("woff2") , url(/ec-fonts/Inter/Inter-Regular.woff) format("woff") , url(/ec-fonts/Inter/Inter-Regular.ttf) format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url(/ec-fonts/Inter/Inter-Regular.woff2) format("woff2") , url(/ec-fonts/Inter/Inter-Regular.woff) format("woff") , url(/ec-fonts/Inter/Inter-Regular.ttf) format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url(/ec-fonts/Inter/Inter-Regular.woff2) format("woff2") , url(/ec-fonts/Inter/Inter-Regular.woff) format("woff") , url(/ec-fonts/Inter/Inter-Regular.ttf) format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url(/ec-fonts/Inter/Inter-SemiBold.woff2) format("woff2") , url(/ec-fonts/Inter/Inter-SemiBold.woff) format("woff") , url(/ec-fonts/Inter/Inter-SemiBold.ttf) format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url(/ec-fonts/Inter/Inter-SemiBold.woff2) format("woff2") , url(/ec-fonts/Inter/Inter-SemiBold.woff) format("woff") , url(/ec-fonts/Inter/Inter-SemiBold.ttf) format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url(/ec-fonts/Inter/Inter-SemiBold.woff2) format("woff2") , url(/ec-fonts/Inter/Inter-SemiBold.woff) format("woff") , url(/ec-fonts/Inter/Inter-SemiBold.ttf) format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url(/ec-fonts/Inter/Inter-SemiBold.woff2) format("woff2") , url(/ec-fonts/Inter/Inter-SemiBold.woff) format("woff") , url(/ec-fonts/Inter/Inter-SemiBold.ttf) format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url(/ec-fonts/Inter/Inter-Thin.woff2) format("woff2") , url(/ec-fonts/Inter/Inter-Thin.woff) format("woff") , url(/ec-fonts/Inter/Inter-Thin.ttf) format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url(/ec-fonts/Inter/Inter-Thin.woff2) format("woff2") , url(/ec-fonts/Inter/Inter-Thin.woff) format("woff") , url(/ec-fonts/Inter/Inter-Thin.ttf) format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url(/ec-fonts/Inter/Inter-Thin.woff2) format("woff2") , url(/ec-fonts/Inter/Inter-Thin.woff) format("woff") , url(/ec-fonts/Inter/Inter-Thin.ttf) format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url(/ec-fonts/Inter/Inter-Thin.woff2) format("woff2") , url(/ec-fonts/Inter/Inter-Thin.woff) format("woff") , url(/ec-fonts/Inter/Inter-Thin.ttf) format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
html {
  height: 100% !important;
  min-height: 100vh;
}
body {
  margin: 0;
  padding: 0;
  height: 100% !important;
  font-family: "Montserrat", "Roboto", "Helvetica", Arial, sans-serif;
  font-size: 16px;
  color: #000;
  --currentYear: "";
  counter-reset: currentYear var(--currentYear);
}
a {
  color: #3b1708;
  text-decoration: underline;
}
a:hover {
  color: #a14300;
  text-decoration: none;
}
#background {
  position: relative !important;
  min-height: 100% !important;
  box-sizing: border-box !important;
  border-top: solid 0 transparent !important;
  border-bottom: solid 0 transparent;
  padding-top: 0px;
  background: none;
  background-color: transparent;
  overflow: hidden;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-smoothing: antialiased;
}
#__lpform_numberButtons {
  display: none;
}
.hideLabel {
  display: none;
}
.wysiwygColor1 {
  color: #a14300;
}
.wysiwygColor2 {
  color: #3b1708;
}
.wysiwygColor3 {
  color: #000;
}
.wysiwygColor4 {
  color: #bb7d3b;
}
.htmlButton {
  align-items: center;
  text-align: center;
  justify-content: center;
  box-sizing: border-box;
  display: inline-flex;
  max-width: unset;
  min-width: unset;
  margin: 18px 18px 18px 0;
  padding: 20px 50px;
  border-radius: 3px;
  line-height: 1.5;
  color: #fff;
  background-color: #3b1708;
  border: 1px solid #3b1708;
  text-decoration: none;
}
.htmlButton:hover {
  color: #fff;
  background-color: #a14300;
  border-color: #a14300;
  text-decoration: none;
}
.htmlButton2 {
  background-color: transparent;
  color: #000;
  border-color: #000;
}
.htmlButton2:hover {
  background-color: #a14300;
  color: #fff;
  border-color: #a14300;
}
#headerBackground {
  background: none;
}
#header {
  position: relative;
  width: 100vw;
  height: 152px;
  margin: 0 auto 0 auto;
  border: 0px solid #fff;
  border-bottom: none;
  background-color: #fff;
  box-shadow: 0px 0px 0px 0px #000;
}
#header .moduleBody {
  overflow: hidden;
}
#header .moduleInner {
  height: 100%;
  width: 100%;
}
#header > * {
  z-index: 150;
}
#pageImage {
  position: absolute;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
}
.pageTypeInterior #pageImage {
  top: 152px;
  left: 50%;
  width: 1920px;
  height: 230px;
  margin-left: -960px;
}
#siteLogo {
  position: absolute;
  width: 325px;
  height: 118px;
  top: 15px;
  left: 0px;
}
#siteLogo.logoOnly {
  width: 325px;
  height: 118px;
  top: 15px;
  left: 0px;
}
#siteLogo a {
  text-decoration: none;
}
#siteLogo img {
  position: absolute;
  border: 0;
}
#siteLogo img.ui-state-disabled {
  opacity: 1;
  filter: alpha(opacity=100);
}
#siteLogoBody {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
#socialMedia {
  float: right;
  position: relative;
  height: 34px;
  width: auto;
  margin-top: unset;
  margin-left: unset;
  margin-right: unset;
  text-align: center;
}
@media (min-width: 1221px) {
  #background:not(.hasSocialMedia) #socialMedia {
    display: none;
  }
}
@media (max-width: 1220px) {
  #background:not(.hasSocialMedia):not(.hasFooterSocialMedia) #socialMedia {
    display: none;
  }
}
.moduleSocialMedia {
  font-size: 0;
}
.moduleSocialMedia a {
  background-color: #fff;
  color: #000;
  transition: background-color 0.5s ease, color 0.5s ease, border-color 0.5s ease, opacity 0.5s ease;
  display: inline-block;
  width: 40px;
  height: 40px;
  border: 0 solid #fff;
  margin: 0px 0px 0px 0;
  background-size: 40px 40px;
  background-repeat: no-repeat;
  border-radius: 0px;
  vertical-align: top;
}
.moduleSocialMedia a:hover {
  background-color: #a14300;
  color: #fff;
}
.moduleSocialMedia a:first-child {
  margin-left: 0px;
}
.moduleSocialMedia a.blogSocialMedia {
  background-image: url("https://cdn.ecatholic.com/1772471332/base-images/social-media/socialMediaIcons.svg?svgBlog");
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://cdn.ecatholic.com/1772471332/base-images/social-media/socialMediaIcons.svg?svgBlog', sizingMethod='scale');
}
.moduleSocialMedia a.emailSocialMedia {
  background-image: url("https://cdn.ecatholic.com/1772471332/base-images/social-media/socialMediaIcons.svg?svgEmail");
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://cdn.ecatholic.com/1772471332/base-images/social-media/socialMediaIcons.svg?svgEmail', sizingMethod='scale');
}
.moduleSocialMedia a.facebookSocialMedia {
  background-image: url("https://cdn.ecatholic.com/1772471332/base-images/social-media/socialMediaIcons.svg?svgFacebook");
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://cdn.ecatholic.com/1772471332/base-images/social-media/socialMediaIcons.svg?svgFacebook', sizingMethod='scale');
}
.moduleSocialMedia a.twitterSocialMedia {
  background-image: url("https://cdn.ecatholic.com/1772471332/base-images/social-media/socialMediaIcons.svg?svgTwitter");
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://cdn.ecatholic.com/1772471332/base-images/social-media/socialMediaIcons.svg?svgTwitter', sizingMethod='scale');
}
.moduleSocialMedia a.flocknoteSocialMedia {
  background-image: url("https://cdn.ecatholic.com/1772471332/base-images/social-media/socialMediaIcons.svg?svgFlocknote");
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://cdn.ecatholic.com/1772471332/base-images/social-media/socialMediaIcons.svg?svgFlocknote', sizingMethod='scale');
}
.moduleSocialMedia a.instagramSocialMedia {
  background-image: url("https://cdn.ecatholic.com/1772471332/base-images/social-media/socialMediaIcons.svg?svgInstagram");
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://cdn.ecatholic.com/1772471332/base-images/social-media/socialMediaIcons.svg?svgInstagram', sizingMethod='scale');
}
.moduleSocialMedia a.linkedinSocialMedia {
  background-image: url("https://cdn.ecatholic.com/1772471332/base-images/social-media/socialMediaIcons.svg?svgLinkedIn");
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://cdn.ecatholic.com/1772471332/base-images/social-media/socialMediaIcons.svg?svgLinkedIn', sizingMethod='scale');
}
.moduleSocialMedia a.phoneSocialMedia {
  background-image: url("https://cdn.ecatholic.com/1772471332/base-images/social-media/socialMediaIcons.svg?svgPhone");
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://cdn.ecatholic.com/1772471332/base-images/social-media/socialMediaIcons.svg?svgPhone', sizingMethod='scale');
}
.moduleSocialMedia a.pinterestSocialMedia {
  background-image: url("https://cdn.ecatholic.com/1772471332/base-images/social-media/socialMediaIcons.svg?svgPinterest");
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://cdn.ecatholic.com/1772471332/base-images/social-media/socialMediaIcons.svg?svgPinterest', sizingMethod='scale');
}
.moduleSocialMedia a.rssSocialMedia {
  background-image: url("https://cdn.ecatholic.com/1772471332/base-images/social-media/socialMediaIcons.svg?svgRss");
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://cdn.ecatholic.com/1772471332/base-images/social-media/socialMediaIcons.svg?svgRss', sizingMethod='scale');
}
.moduleSocialMedia a.vimeoSocialMedia {
  background-image: url("https://cdn.ecatholic.com/1772471332/base-images/social-media/socialMediaIcons.svg?svgVimeo");
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://cdn.ecatholic.com/1772471332/base-images/social-media/socialMediaIcons.svg?svgVimeo', sizingMethod='scale');
}
.moduleSocialMedia a.youtubeSocialMedia {
  background-image: url("https://cdn.ecatholic.com/1772471332/base-images/social-media/socialMediaIcons.svg?svgYouTube");
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://cdn.ecatholic.com/1772471332/base-images/social-media/socialMediaIcons.svg?svgYouTube', sizingMethod='scale');
}
.moduleSocialMedia a.custom1SocialMedia {
  background-image: url("");
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='', sizingMethod='scale');
  display: none;
}
.moduleSocialMedia a.custom2SocialMedia {
  background-image: url("");
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='', sizingMethod='scale');
  display: none;
}
.moduleSocialMedia a.custom3SocialMedia {
  background-image: url("");
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='', sizingMethod='scale');
  display: none;
}
.moduleSocialMedia a:nth-child(n + 6) {
  display: none;
}
.moduleSocialMedia a .icon {
  display: block;
  width: 100%;
  height: 100%;
  margin: auto;
  box-sizing: border-box;
  padding: 30%;
}
.moduleSocialMedia .editable {
  min-height: 16px;
  min-width: 50px;
}
.moduleSocialMedia .socialMediaBody {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
#dialogSocialMediaSettings form .socialMediaItem:nth-child(n + 6) {
  display: none;
}
#dialogSocialMediaSettings form .socialMediaItem.ui-sortable-placeholder ~ .socialMediaItem:nth-child(6) {
  display: block;
}
#dialogSocialMediaSettings form .socialMediaItem option[value="CUSTOM1"] {
  display: none;
}
#dialogSocialMediaSettings form .socialMediaItem option[value="CUSTOM2"] {
  display: none;
}
#dialogSocialMediaSettings form .socialMediaItem option[value="CUSTOM3"] {
  display: none;
}
#dialogSocialMediaSettings form.dragging .socialMediaItem:nth-child(6) {
  display: block;
}
.svg-defs {
  display: block;
  position: absolute;
  height: 0;
  width: 0;
  margin: 0;
  padding: 0;
  border: none;
  overflow: hidden;
}
#search {
  position: relative;
  float: right;
  width: 192px;
  height: 34px;
  margin-top: 0;
  margin-right: 0px;
}
#search .searchBox {
  font-size: 16px;
  width: 180px;
  height: 26px;
  padding: 3px 5px;
  border: 1px solid #ccc;
  outline: none;
  background-color: #fff;
  color: #000;
}
#search .searchBox::-webkit-input-placeholder {
  color: #000;
}
#search .searchBox:-moz-placeholder {
  color: #000;
}
#search .searchBox::-moz-placeholder {
  color: #000;
}
#search .searchBox:-ms-input-placeholder {
  color: #000;
}
#search .searchBoxSubmit {
  display: none;
}
#searchBody {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
#interiorHeader .searchBox {
  margin-top: 10px;
  width: 180px;
  height: 26px;
  padding: 3px 5px;
  border: 1px solid #ccc;
  outline: none;
  background-color: #fff;
  color: #000;
}
#mobileSearch {
  position: -webkit-sticky;
  position: sticky;
  z-index: 1;
  top: 0px;
  height: 40px;
  padding: 10px 0 0 20px;
  background-color: rgba(26, 10, 4, 0.94);
}
#mobileSearch #searchField {
  width: 250px;
  height: 25px;
}
#coreSearch.searchContainer {
  position: relative;
  display: inline-block;
  margin-top: 10px;
}
#coreSearch.searchContainer .searchBox {
  margin-top: 0px;
}
#background .searchBox {
  width: 161px;
  padding-right: 24px;
}
#search .searchBoxSubmit {
  display: block;
}
.searchBoxSubmit,
#searchPopup {
  display: block;
  color: #000;
  background: url("/39006/design/search-icon-solg.svg") no-repeat center center;
  position: absolute;
  width: 24px;
  height: 24px;
  padding: 0;
  transition: background-color 0.5s ease, color 0.5s ease, border-color 0.5s ease, opacity 0.5s ease;
  top: 0px;
  bottom: 0px;
  right: 0px;
  cursor: pointer;
  margin: auto;
}
.searchBoxSubmit .icon,
#searchPopup .icon {
  display: block;
  width: 100%;
  height: 100%;
  margin: auto;
}
.searchBoxSubmit:hover,
#searchPopup:hover {
  color: #a14300;
}
#mobileSearch #searchField {
  width: 226px;
  padding-right: 24px;
}
#mobileSearch .searchBoxSubmit {
  margin-right: 25px;
  padding: 3px;
}
#searchPopup {
  display: none;
}
@media (min-width: 1221px) {
  #searchPopup {
    font-size: 0px;
    cursor: pointer;
    position: relative;
    float: right;
    margin-top: 1px;
    margin-right: 0px;
    display: block;
  }
  #search {
    margin-top: 0px;
    position: fixed;
    top: 50%;
    left: 50%;
    transition: all 0.5s ease-in-out;
    transform: translate(0px, -100%) scale(0, 0);
    opacity: 0;
    display: none;
  }
  #search:before {
    content: "";
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: -1;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.75);
    transform: translate(-50%, -50%);
  }
  #search.open {
    transform: translate(-50%, -50%) scale(1, 1);
    opacity: 1;
    z-index: 151;
    display: block;
  }
}
.headerText {
  display: none;
}
.hasHeaderText .headerText {
  position: absolute;
  text-align: right;
}
.hasHeaderText .headerText p:first-child {
  margin-top: 0;
}
.hasHeaderText .headerText1 {
  width: 50px;
  height: 50px;
  top: 50px;
  right: 0;
  display: block;
}
.headerTextBody {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
#quickLinks {
  position: absolute;
  width: 400px;
  max-height: 21px;
  top: 15px;
  right: 0;
  overflow: hidden;
}
#quickLinks ul {
  float: right;
  margin: 0;
  padding: 0;
  background-color: transparent;
  list-style: none;
}
#quickLinks ul li {
  float: left;
}
#quickLinks ul li:not(:first-child) {
  border-left: 0 solid #000;
}
#quickLinks ul li a {
  display: block;
  height: 19px;
  margin: 0;
  padding: 2px 0 0 0;
  color: #fff;
  font-size: 15px;
  text-decoration: none;
}
#quickLinks ul li a:hover {
  background-color: transparent;
  color: #fff;
  text-decoration: none;
}
#quickLinks ul li:last-child a {
  padding-right: 0;
}
.ie7 #nav li,
.ie8 #nav li {
  float: left;
  display: block;
}
#nav {
  position: absolute;
  top: 92px;
  left: 0px;
  width: 100%;
}
#nav ul {
  float: left;
  margin: 0;
  padding: 0;
  background: none;
  background-color: transparent;
  list-style: none;
  font-size: 0;
  white-space: nowrap;
}
#nav li {
  position: relative;
  display: inline-block;
  z-index: 200;
}
#nav li:hover {
  background-color: transparent;
}
#nav li:hover > a {
  color: #303030;
}
#nav li:first-child > a {
  border-left: 0 solid #ccc;
}
#nav li.navFirstLevelGroup > a {
  pointer-events: none;
}
#nav li a {
  display: block;
  border-right: 0 solid #ccc;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #303030;
  font-family: "Montserrat", "Roboto", "Helvetica", Arial, sans-serif;
  font-size: 15px;
  line-height: 20px;
  text-decoration: none;
}
#nav li a:hover {
  background-color: transparent;
  color: #303030;
}
#nav li.selected > a {
  background-color: transparent;
  color: #303030;
}
#nav li:hover ul {
  display: block;
}
#nav li ul {
  position: absolute;
  display: none;
  width: 300px;
  white-space: normal;
}
#nav li ul li {
  clear: both;
  width: 100%;
  background-color: transparent;
}
#nav li ul li ul {
  width: 100%;
}
#nav li ul li:first-child a {
  border-left: 0;
}
#nav li ul li.selected a,
#nav li ul li.selected a:hover {
  background-color: transparent;
  color: #a14300;
}
#nav li ul li a {
  border-left: 0;
  border-right: 0;
  border-top: 0 solid #ccc;
  padding: 2px 0;
  font-family: "Montserrat", "Roboto", "Helvetica", Arial, sans-serif;
  font-size: 14px;
  line-height: 19px;
  color: #1d1a1a;
  transition: 0.3s;
}
#nav li ul li a:hover {
  background-color: transparent;
  color: #a14300;
}
#nav .navGroup {
  background: transparent;
}
#nav .navGroup ul {
  position: relative;
}
#nav .navGroup ul li a {
  padding-left: 0;
}
#nav .navPageGroup,
#nav .navPageGroup:hover {
  background: transparent;
}
#nav .navPageGroup ul {
  position: relative;
  background-color: transparent;
}
#nav .groupName {
  display: block;
  border-top: 0 solid #ccc;
  padding: 0 0;
  background-color: transparent;
  font-family: "Montserrat", "Roboto", "Helvetica", Arial, sans-serif;
  color: #a14300;
  font-size: 17px;
  line-height: 22px;
  font-weight: bold;
  text-transform: uppercase;
}
#nav.resize > ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-width: 100%;
}
#nav.resize > ul > li {
  -webkit-box-flex: 1;
  display: block;
  flex: 1 1 auto;
  position: relative;
}
#nav.resize > ul > li > a {
  text-align: center;
  padding-left: 1px;
  padding-right: 1px;
}
.noDropDownMenu #nav li:hover ul {
  display: none !important;
}
.megaMenu ul {
  -webkit-transform: translate(0px);
}
[class*="MegaMenu"] #nav .megaMenu ul .navGroup ul {
  background-color: transparent;
}
[class*="MegaMenu"] #nav .megaMenu ul .groupName {
  display: block;
  border-top: 0px solid #ccc;
  border-bottom: 1px solid #ccc;
  padding: 1px 0;
  background-color: transparent;
  color: #1d1a1a;
  font-family: "Montserrat", "Roboto", "Helvetica", Arial, sans-serif;
  font-size: 14px;
  line-height: 19px;
}
[class*="MegaMenu"] #nav .megaMenu ul li {
  background-color: transparent;
}
[class*="MegaMenu"] #nav .megaMenu ul li.selected a,
[class*="MegaMenu"] #nav .megaMenu ul li.selected a:hover {
  background-color: transparent;
  color: #a14300;
}
[class*="MegaMenu"] #nav .megaMenu ul li a {
  border-top: 0px solid #ccc;
  padding: 1px 0;
  font-family: "Montserrat", "Roboto", "Helvetica", Arial, sans-serif;
  font-size: 14px;
  line-height: 19px;
  color: #1d1a1a;
}
[class*="MegaMenu"] #nav .megaMenu ul li a:hover {
  background-color: transparent;
  color: #a14300;
}
[class*="MegaMenu"] #nav .megaMenu > ul {
  border-top: 0 solid #ccc;
  border-bottom: 0 solid #ccc;
  border-left: 0 solid #ccc;
  border-right: 0 solid #ccc;
  background-color: transparent;
  background-color: #000000;
  vertical-align: text-top;
  font-size: 0px;
}
[class*="MegaMenu"] #nav .megaMenu > ul > .navGroup .groupName {
  border-top-width: 0px;
}
[class*="MegaMenu"] #nav .megaMenu > ul > .navPageGroup,
[class*="MegaMenu"] #nav .megaMenu > ul > .navGroup {
  display: block;
  overflow: hidden;
  -webkit-column-break-inside: avoid;
  padding-bottom: 0;
}
[class*="MegaMenu"] #nav .megaMenu > ul li,
[class*="MegaMenu"] #nav .megaMenu > ul ul {
  width: 220px;
  display: inline-block;
}
[class*="MegaMenu"] #nav .megaMenu:hover:before {
  content: "";
  display: block;
  width: 100%;
  height: 0;
  position: absolute;
  left: 0px;
  bottom: -1px;
  background-color: transparent;
  border-right: 0 solid #ccc;
  box-sizing: border-box;
  z-index: 1;
}
[class*="MegaMenu"] #nav .megaMenu.selected:hover:before {
  background-color: transparent;
}
[class*="MegaMenu"] #nav .megaMenu:first-child:hover:before {
  border-left: 0 solid #ccc;
}
.smallMegaMenu #nav .megaMenu > ul {
  width: auto;
  -moz-column-count: 4;
  -webkit-column-count: 4;
  column-count: 4;
  column-gap: 0;
  -webkit-column-gap: 0;
  -moz-column-gap: 0;
  -ms-column-gap: 0;
  -o-column-gap: 0;
  padding: 0 0 0px 0;
}
.largeMegaMenu #nav .megaMenu > ul {
  border-width: 0px;
  background-color: transparent;
  width: 0vw;
  -webkit-column-width: 220px;
  -moz-column-width: 220px;
  column-width: 220px;
  padding: 0 0px 0px 100px;
}
.largeMegaMenu #nav .megaMenu > ul:after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 50%;
  top: 0px;
  box-sizing: border-box;
  margin-left: -50%;
  background-color: transparent;
  background-color: #000000;
  border-top: 0 solid #ccc;
  border-bottom: 0 solid #ccc;
  border-left: 0 solid #ccc;
  border-right: 0 solid #ccc;
}
@media (max-width: 1000px) and (min-width: 701px) {
  .largeMegaMenu #nav.sticky[style*="fixed"] .megaMenu > ul,
  .largeMegaMenu #nav.fixed .megaMenu > ul {
    position: fixed;
    width: 100%;
    left: 0px;
    right: 0px;
    margin-left: 0px !important;
    padding: 10px;
    box-sizing: border-box;
  }
  .largeMegaMenu #nav.sticky[style*="fixed"] .megaMenu > ul > li,
  .largeMegaMenu #nav.fixed .megaMenu > ul > li {
    margin: auto;
  }
}
#navBackground {
  display: block;
  position: absolute;
  left: 0;
  top: 92px;
  width: 100%;
  height: 60px;
  background: none;
  background-color: transparent;
}
@media (max-width: 1220px) {
  .anchor:target {
    padding-top: 80px;
    display: inline-block;
  }
  @supports (scroll-snap-align) {
    .anchor:target {
      padding-top: 0;
      display: inline;
    }
    html {
      -ms-scroll-padding-top: 62px;
      -webkit-scroll-padding-top: 62px;
      scroll-padding-top: 62px;
    }
  }
}
.translated-ltr #nav[style*="fixed"],
.translated-ltr #navBackground[style*="fixed"] {
  margin-top: 40px;
}
.translated-ltr #nav[style*="absolute"],
.translated-ltr #navBackground[style*="absolute"] {
  top: 92px !important;
  margin-top: 0px;
}
.translated-ltr #adminToolbar {
  top: 40px;
}
#google_translate_element .goog-te-gadget-simple > img:nth-of-type(n + 2),
#google_translate_element .goog-te-gadget-simple > span:nth-of-type(n + 2) {
  display: none;
}
#core {
  position: relative;
  width: 1170px;
  margin: 0 auto 0 auto;
  padding: 25px 0px 0 0px;
  border-left: 0px solid #fff;
  border-right: 0px solid #fff;
  background-color: transparent;
  box-shadow: 0px 0px 0px 0px #000, 0px 0px 0px 0px #000;
  z-index: 10;
}
#core .moduleName {
  margin: 0;
}
.region {
  position: relative;
  padding: 0;
  list-style-type: none;
  box-sizing: border-box;
}
.region.infinite-container .infinite-item {
  margin-left: 0;
  margin-right: 0;
}
.region .moduleBody {
  display: block;
  min-height: 25px;
  word-wrap: initial;
}
.region .moduleBody ul,
.region .moduleBody ol {
  margin: 0;
}
.region .customModule .moduleBody {
  overflow: hidden;
}
.region .customModule img {
  max-width: 100%;
}
@media (max-width: 1220px) {
  .region .customModule img[style*="height:"][style*="width:"] {
    height: auto !important;
  }
}
.region .customModule ul {
  list-style-position: outside;
  padding-left: 1em;
}
.region .customModule ul li {
  position: relative;
  left: 1em;
  padding-right: 1em;
}
.region .moduleName .editText,
.region .sectionName .editText {
  display: block;
  min-height: 15px;
}
.moduleInner:not(.mediaFormatting) blockquote {
  background: transparent;
  background-color: #a14300;
  font-family: "Montserrat", "Roboto", "Helvetica", Arial, sans-serif;
  color: #fff;
  margin: 30px 0;
  margin-left: 0;
  padding: 28px 45px;
  padding-left: 45px;
  text-align: left;
}
.moduleInner:not(.mediaFormatting) blockquote a {
  color: #ffd190;
}
.moduleInner:not(.mediaFormatting) blockquote a:hover {
  color: #fff;
}
.moduleInner:not(.mediaFormatting) blockquote > p:first-child {
  -webkit-margin-before: 0px;
}
.moduleInner:not(.mediaFormatting) blockquote > p:last-child {
  -webkit-margin-after: 0px;
}
.region .moduleInner {
  background: none;
  background-color: transparent;
}
.region .moduleInner .moduleBody,
.region .moduleInner footer,
.region .moduleInner > a,
.region .moduleInner.content {
  margin-left: 0;
  margin-right: 0;
}
.region .moduleInner header {
  padding-top: 0;
  margin-left: 0;
  margin-right: 0;
}
.region .moduleInner footer {
  clear: both;
  padding-bottom: 0;
}
.region > li {
  margin-bottom: 25px;
}
.region .moduleName {
  padding: 0 0 15px 0;
  border-bottom: 0 solid #333;
  background: none;
  background-color: transparent;
  font-family: "Belleza", "Times New Roman", Times, serif;
  font-size: 32px;
  font-weight: 400;
  color: #303030;
}
.facebookModule .facebook {
  background-color: #fff;
  border-radius: 5px;
}
.twitterModule .moduleBody {
  text-align: center;
}
.instagramModule .instagram-media {
  min-width: unset !important;
  box-sizing: border-box;
}
.rssLink {
  float: right;
  text-decoration: none;
}
.newsModule .rssLink,
.newsSection .rssLink {
  width: 20px;
  height: 20px;
  margin-left: 10px;
  background-image: url("https://cdn.ecatholic.com/1772471332/base-images/social-media/socialMediaIcons.svg?svgRss");
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://cdn.ecatholic.com/1772471332/base-images/social-media/socialMediaIcons.svg?svgRss', sizingMethod='scale');
  background-repeat: no-repeat;
  background-size: 20px 20px;
  background-color: default;
  color: #fff;
  border-radius: 3px;
  transition: background-color 0.5s ease, color 0.5s ease;
  background-color: #f26522;
}
.newsModule .rssLink:hover,
.newsSection .rssLink:hover {
  background-color: #fff;
  color: #f26522;
}
.newsModule .rssLink .icon,
.newsSection .rssLink .icon {
  display: block;
  width: 100%;
  height: 100%;
  margin: auto;
  box-sizing: border-box;
  padding: 5%;
}
.aggregate li .dynamicThumbContainer {
  width: 100%;
}
.aggregate li .dynamicThumbContainer .dynamicThumb {
  overflow: hidden;
  position: absolute;
  width: 100%;
  height: 100%;
}
.aggregate li .dynamicThumbContainer .dynamicThumbImage {
  position: relative;
  width: auto;
  max-width: none;
}
.aggregate li.news .thumb,
.aggregate li.news .thumb .thumbImage:not(.dynamicThumb) {
  max-width: 400px;
}
.aggregate li.news .thumb .dynamicThumbContainer {
  padding-bottom: 51.25%;
}
.aggregate li.event .thumb,
.aggregate li.event .thumb .thumbImage:not(.dynamicThumb) {
  max-width: 350px;
}
.aggregate li.event .thumb .dynamicThumbContainer {
  padding-bottom: 57.14285714%;
}
.aggregate li.person .thumb,
.aggregate li.person .thumb .thumbImage:not(.dynamicThumb) {
  max-width: 400px;
}
.aggregate li.person .thumb .dynamicThumbContainer {
  padding-bottom: 70%;
}
footer .icalLink,
[id="interiorHeader"] .calendarExportContainer {
  float: right;
  text-decoration: none;
  width: 24px;
  height: 24px;
  margin-right: 5px;
}
.calendarModule.calendarView .calendarExportContainer {
  float: right;
  width: 29px;
  height: 100%;
  position: absolute;
  top: 0px;
  right: 0;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
}
.calendarModule.calendarView .calendarExportContainer:hover {
  background: rgba(255, 255, 255, 0.3);
}
.calendarModule.calendarView .calendarExportContainer .exportCalendar {
  float: right;
  width: 100%;
  height: 100%;
  fill: currentColor;
  display: block;
  padding: 7px 4px;
  box-sizing: border-box;
}
.calendarModule footer .icalLink,
.eventsSection footer .icalLink {
  width: 22px;
  height: 22px;
  margin-right: 0px;
  margin-left: 10px;
}
.calendarModule.listView .exportCalendar,
.eventsSection.listView .exportCalendar {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.calendarExportContainer {
  cursor: pointer;
}
.calendarExportContainer .fieldHelp {
  display: none;
  position: absolute;
  border: 1px solid #777;
  background: #fff;
  width: 150px;
  margin-top: -6px;
  opacity: 1 !important;
  z-index: 911;
  white-space: nowrap;
}
.calendarExportContainer .fieldHelp a {
  color: #555;
  font-size: 12px;
  margin: 0;
  width: 100%;
  box-sizing: border-box;
  display: block;
  text-decoration: none;
  padding: 10px;
  text-align: right;
  font-weight: normal;
}
#background .calendarExportContainer .fieldHelp a {
  color: #3b1708;
}
#background .calendarExportContainer .fieldHelp a:hover {
  color: #a14300;
  background: rgba(161, 67, 0, 0.3);
}
.calendarExportContainer .fieldHelp a:not(:last-child) {
  border-bottom: 1px solid #666;
}
#pageTitle .exportCalendar {
  color: #3b1708;
}
#pageTitle .exportCalendar:hover {
  color: #a14300;
}
@media (min-width: 501px) {
  .peopleModule.twoPerLine .moduleBody {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
  }
  .peopleModule.twoPerLine .person,
  .peopleModule.twoPerLine .regionSortableHighlight {
    width: 50%;
    box-sizing: border-box;
  }
  .peopleModule.twoPerLine .person:last-child {
    margin-bottom: 15px;
  }
  .peopleModule.twoPerLine .personGroup {
    width: 100%;
  }
  .peopleModule.twoPerLine .personGroup ~ li:not(.personGroup) {
    width: calc((100% - 15px) / 2);
    margin-right: -15px;
  }
  .peopleModule.twoPerLine .person,
  .peopleModule.twoPerLine .regionSortableHighlight {
    padding-right: 10px;
  }
  .peopleModule.grid .moduleBody {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
  }
  .peopleModule.grid .person,
  .peopleModule.grid .regionSortableHighlight {
    width: 50%;
    box-sizing: border-box;
  }
  .peopleModule.grid .person:last-child {
    margin-bottom: 15px;
  }
  .peopleModule.grid .personGroup {
    width: 100%;
  }
  .peopleModule.grid .personGroup ~ li:not(.personGroup) {
    width: calc((100% - 15px) / 2);
    margin-right: -15px;
  }
  .peopleModule.grid .aggregate .person {
    text-align: center;
  }
  .peopleModule.grid .aggregate .person .thumb {
    width: 90px;
    position: relative;
    left: 50%;
    margin-left: -45px;
  }
  .peopleModule.grid .aggregate .person .thumb img {
    margin: 0 auto;
  }
  .peopleModule.grid .aggregate .person .name {
    clear: both;
  }
}
@media (min-width: 501px) and (max-width: 1220px) and (min-width: 501px) {
  .peopleModule.grid .moduleBody {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
  }
  .peopleModule.grid .person,
  .peopleModule.grid .regionSortableHighlight {
    width: 33.33333333%;
    box-sizing: border-box;
  }
  .peopleModule.grid .person:last-child {
    margin-bottom: 15px;
  }
  .peopleModule.grid .personGroup {
    width: 100%;
  }
  .peopleModule.grid .personGroup ~ li:not(.personGroup) {
    width: calc((100% - 15px) / 3);
    margin-right: -15px;
  }
}
@media (min-width: 1221px) {
  .duo #content1 .peopleModule.grid .moduleBody,
  .solo #content1 .peopleModule.grid .moduleBody {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
  }
  .duo #content1 .peopleModule.grid .person,
  .solo #content1 .peopleModule.grid .person,
  .duo #content1 .peopleModule.grid .regionSortableHighlight,
  .solo #content1 .peopleModule.grid .regionSortableHighlight {
    width: 33.33333333%;
    box-sizing: border-box;
  }
  .duo #content1 .peopleModule.grid .person:last-child,
  .solo #content1 .peopleModule.grid .person:last-child {
    margin-bottom: 15px;
  }
  .duo #content1 .peopleModule.grid .personGroup,
  .solo #content1 .peopleModule.grid .personGroup {
    width: 100%;
  }
  .duo #content1 .peopleModule.grid .personGroup ~ li:not(.personGroup),
  .solo #content1 .peopleModule.grid .personGroup ~ li:not(.personGroup) {
    width: calc((100% - 15px) / 3);
    margin-right: -15px;
  }
  .rowSection.twoModule .peopleModule.grid .moduleBody,
  .rowSection.oneModule .peopleModule.grid .moduleBody,
  .columnSection .largeColumn .peopleModule.grid .moduleBody,
  .halfSection .size6 .peopleModule.grid .moduleBody,
  .halfSection .size8 .peopleModule.grid .moduleBody {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
  }
  .rowSection.twoModule .peopleModule.grid .person,
  .rowSection.oneModule .peopleModule.grid .person,
  .columnSection .largeColumn .peopleModule.grid .person,
  .halfSection .size6 .peopleModule.grid .person,
  .halfSection .size8 .peopleModule.grid .person,
  .rowSection.twoModule .peopleModule.grid .regionSortableHighlight,
  .rowSection.oneModule .peopleModule.grid .regionSortableHighlight,
  .columnSection .largeColumn .peopleModule.grid .regionSortableHighlight,
  .halfSection .size6 .peopleModule.grid .regionSortableHighlight,
  .halfSection .size8 .peopleModule.grid .regionSortableHighlight {
    width: 33.33333333%;
    box-sizing: border-box;
  }
  .rowSection.twoModule .peopleModule.grid .person:last-child,
  .rowSection.oneModule .peopleModule.grid .person:last-child,
  .columnSection .largeColumn .peopleModule.grid .person:last-child,
  .halfSection .size6 .peopleModule.grid .person:last-child,
  .halfSection .size8 .peopleModule.grid .person:last-child {
    margin-bottom: 15px;
  }
  .rowSection.twoModule .peopleModule.grid .personGroup,
  .rowSection.oneModule .peopleModule.grid .personGroup,
  .columnSection .largeColumn .peopleModule.grid .personGroup,
  .halfSection .size6 .peopleModule.grid .personGroup,
  .halfSection .size8 .peopleModule.grid .personGroup {
    width: 100%;
  }
  .rowSection.twoModule .peopleModule.grid .personGroup ~ li:not(.personGroup),
  .rowSection.oneModule .peopleModule.grid .personGroup ~ li:not(.personGroup),
  .columnSection .largeColumn .peopleModule.grid .personGroup ~ li:not(.personGroup),
  .halfSection .size6 .peopleModule.grid .personGroup ~ li:not(.personGroup),
  .halfSection .size8 .peopleModule.grid .personGroup ~ li:not(.personGroup) {
    width: calc((100% - 15px) / 3);
    margin-right: -15px;
  }
}
.embedModule .moduleBody {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
#core .mediaFormatting .moduleName {
  margin-bottom: 10px;
}
.fr-view.fr-view img.fr-dib,
.fr-view.fr-view span.fr-img-caption.fr-dib {
  margin: 15px auto;
}
.fr-view.fr-view img.fr-dib.fr-fil,
.fr-view.fr-view span.fr-img-caption.fr-dib.fr-fil {
  margin-left: 0px;
}
.fr-view.fr-view img.fr-dib.fr-fir,
.fr-view.fr-view span.fr-img-caption.fr-dib.fr-fir {
  margin-right: 0px;
}
.fr-view.fr-view img.fr-dii,
.fr-view.fr-view span.fr-img-caption.fr-dii {
  margin-left: 15px;
  margin-right: 15px;
  max-width: calc(100% - (2 * 15px));
  min-width: 10px;
}
.fr-view.fr-view img.fr-dii.fr-fil,
.fr-view.fr-view span.fr-img-caption.fr-dii.fr-fil {
  margin: 15px 15px 15px 0px;
  max-width: calc(100% - 15px - 0px);
  min-width: 15px;
}
.fr-view.fr-view img.fr-dii.fr-fir,
.fr-view.fr-view span.fr-img-caption.fr-dii.fr-fir {
  margin: 15px 0px 15px 15px;
  max-width: calc(100% - 15px - 0px);
  min-width: 15px;
}
img[style*="float: left;"] {
  margin: 15px 15px 15px 0px;
  max-width: calc(100% - 15px - 0px);
}
img[style*="float: right;"] {
  margin: 15px 0px 15px 15px;
  max-width: calc(100% - 15px - 0px);
}
.wordOnFireCovidModule h3 {
  margin-top: 10px;
  margin-bottom: 30px;
}
.wordOnFireCovidModule .wofCovidContainer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.wordOnFireCovidModule .wofCovidImage {
  flex-basis: 240px;
}
.wordOnFireCovidModule .wofCovidImg {
  border-radius: 18px;
}
.wordOnFireCovidModule .wofCovidText {
  flex-basis: 50%;
  min-width: 50%;
  flex-grow: 1;
  margin-top: 20px;
  margin-bottom: 20px;
  line-height: 2;
}
.sectionRegion .sectionInner {
  background: none;
  background-color: transparent;
}
.sectionRegion .sectionInner .sectionBody,
.sectionRegion .sectionInner > footer,
.sectionRegion .sectionInner > a,
.sectionRegion .sectionInner.content {
  margin-left: 0;
  margin-right: 0;
}
.sectionRegion .sectionInner > header {
  padding-top: 70px;
  margin-left: 0;
  margin-right: 0;
}
.sectionRegion .sectionInner > footer {
  clear: both;
  padding-bottom: 80px;
}
.sectionRegion .sectionName {
  padding: 0 0 0 0;
  border-bottom: 0 solid #333;
  margin: 0px 0px 40px;
  background: none;
  background-color: transparent;
  font-family: "Belleza", "Times New Roman", Times, serif;
  font-size: 35.2px;
  font-weight: 400;
  color: #000;
}
.sectionRegion > li:not(.emptyRegionSection) {
  margin-bottom: 0px;
}
.sectionRegion .sectionInner.emptyRegionSection {
  margin-top: 50px;
  margin-bottom: 50px;
}
.sectionInner {
  position: relative;
  box-sizing: border-box;
  min-height: 125px;
}
.sectionInner .sectionBody {
  display: flex;
  justify-content: space-between;
}
.sectionInner .modulePosition {
  flex-grow: 0;
  margin: 0px;
  padding: 0px;
  list-style-type: none;
  position: relative;
}
.sectionInner .sectionTextModule .modulePosition.titlePosition {
  width: 100%;
  margin-bottom: 50px;
}
@media (max-width: 1220px) {
  .sectionInner .sectionTextModule .modulePosition.titlePosition {
    margin-bottom: 50px;
  }
}
.sectionInner .mediaFormatting iframe {
  max-width: 100%;
}
.sectionInner.hasFixedHeight {
  display: flex;
  flex-direction: column;
}
.sectionInner.hasFixedHeight .sectionBody {
  min-height: 0;
}
@media (min-width: 1221px) {
  .sectionInner.hasFixedHeight .sectionBody {
    flex-basis: 100%;
  }
}
@media (max-width: 1220px) {
  .sectionInner.hasFixedHeight.clonedMobileSection .sectionBody {
    flex-basis: 100%;
  }
}
.sectionInner.hasFixedHeight .modulePosition > li,
.sectionInner.hasFixedHeight .modulePosition > li .moduleInner {
  max-height: 100%;
  min-height: 0;
  display: flex;
  flex-direction: column;
}
@media (max-width: 1220px) {
  .sectionInner.hasFixedHeight .modulePosition > li[style*="height"]:not(.sectionButtonModule) {
    height: auto !important;
  }
}
.sectionInner.hasFixedHeight .modulePosition .moduleBody {
  overflow-y: auto;
}
.sectionInner.hasFixedHeight .modulePosition .imageModule .moduleBody {
  overflow: hidden;
  display: flex;
}
@media (max-width: 1220px) {
  .sectionInner.hasFixedHeight .modulePosition .imageModule .moduleBody .focusPointImagePositioner {
    height: 100%;
  }
}
.sectionInner.hasFixedHeight .regionSortableHighlight {
  max-height: 100%;
}
.sectionInner.hasBackgroundImage .sectionBackground {
  width: 200vw;
  height: 100%;
  top: 0px;
  left: 50%;
  margin-left: -100vw;
  position: absolute;
  z-index: -1;
  pointer-events: none;
  width: 1920px;
  margin-left: -960px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 1920px auto;
  background-size: cover;
}
@media (min-width: 1920px) {
  .sectionInner.hasBackgroundImage .sectionBackground {
    width: 100vw;
    margin-left: -50vw;
  }
}
@media (max-width: 1220px) {
  .sectionInner:not(.clonedMobileSection) > header {
    padding-top: 50px;
  }
  .sectionInner:not(.clonedMobileSection) > footer {
    padding-bottom: 60px;
  }
  .sectionInner:not(.clonedMobileSection) .sectionBody {
    flex-wrap: wrap;
    justify-content: space-around;
  }
  .sectionInner:not(.clonedMobileSection) .sectionBody .modulePosition {
    max-width: 100%;
  }
  .sectionInner:not(.clonedMobileSection) .sectionBody .modulePosition:empty {
    display: none;
  }
  .sectionInner:not(.clonedMobileSection).hasFixedHeight {
    height: auto !important;
  }
  .sectionInner:not(.clonedMobileSection).hasBackgroundImage .sectionBackground {
    background-size: 0;
  }
}
.rowSection.oneModule .modulePosition {
  width: 100%;
}
.rowSection.twoModule .modulePosition {
  width: 560px;
}
.rowSection.threeModule .modulePosition {
  width: 356.66666667px;
}
.rowSection.fourModule .modulePosition {
  width: 255px;
}
.rowSection.fiveModule .modulePosition {
  width: 194px;
}
.rowSection.sixModule .modulePosition {
  width: 153.33333333px;
}
@media (max-width: 1220px) {
  .rowSection:not(.clonedMobileSection) .sectionBody .modulePosition:not(:last-child) > li {
    margin-bottom: 50px;
  }
  .rowSection:not(.clonedMobileSection).oneModule .sectionBody .modulePosition,
  .rowSection:not(.clonedMobileSection).twoModule .sectionBody .modulePosition,
  .rowSection:not(.clonedMobileSection).threeModule .sectionBody .modulePosition {
    width: 600px;
  }
  .rowSection .modulePosition .sectionButtonModule {
    margin-left: auto;
    margin-right: auto;
  }
  .rowSection.twoModule .modulePosition .sectionButtonModule {
    width: 560px;
  }
  .rowSection.threeModule .modulePosition .sectionButtonModule {
    width: 356.66666667px;
  }
  .rowSection.fourModule .modulePosition .sectionButtonModule {
    width: 255px;
  }
  .rowSection.fiveModule .modulePosition .sectionButtonModule {
    width: 194px;
  }
  .rowSection.sixModule .modulePosition .sectionButtonModule {
    width: 153.33333333px;
  }
}
@media (max-width: 500px) {
  .rowSection:not(.clonedMobileSection) .sectionBody .modulePosition {
    width: 325px;
  }
}
.rowSection:not(.hasFixedHeight) .buttonModule.focusPointImage .focusPointImageHolder:not(.imageLoaded) {
  position: absolute;
}
.columnSection .modulePositionColumn > li:not(:last-child) {
  margin-bottom: 50px;
}
@media (min-width: 1221px) {
  .columnSection .content1 {
    width: 771.66666667px;
  }
  .columnSection .content2,
  .columnSection .content3 {
    width: 373.33333333px;
  }
  .columnSection.trioColumn .content1 {
    width: 373.33333333px;
  }
  .columnSection.soloColumn .content1 {
    width: 1170px;
  }
  .columnSection.twinColumn .content1,
  .columnSection.twinColumn .content2 {
    width: 572.5px;
  }
}
@media (max-width: 1220px) {
  .columnSection .modulePosition {
    width: 100%;
  }
  .columnSection:not(.clonedMobileSection) .sectionBody .modulePositionColumn:not(:last-child),
  .columnSection:not(.clonedMobileSection) .sectionBody .modulePositionColumn > li:not(:last-child) {
    margin-bottom: 50px;
  }
}
.buttonsSection .sectionBody {
  flex-wrap: wrap;
}
.buttonsSection .titlePosition {
  width: 100%;
  margin-bottom: 0;
}
@media (max-width: 1220px) {
  .buttonsSection .titlePosition {
    margin-bottom: 50px;
  }
}
.buttonsSection .buttonRow {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
@media (max-width: 1220px) {
  .buttonsSection .buttonRow {
    flex-wrap: wrap;
    justify-content: space-around;
  }
  .buttonsSection .buttonRow .buttonPosition:not(:last-child) {
    margin-bottom: 50px;
  }
}
.buttonsSection .buttonPosition {
  height: 320px;
  width: 295px;
}
.buttonsSection .buttonPosition > li {
  height: 100%;
}
.buttonsSection.twoAcross .buttonPosition {
  width: 295px;
}
.buttonsSection.threeAcross .buttonPosition {
  width: 295px;
}
.buttonsSection.fourAcross .buttonPosition {
  width: 295px;
}
.buttonsSection.fiveAcross .buttonPosition {
  width: 234px;
}
.buttonsSection.sixAcross .buttonPosition {
  width: 195px;
}
.buttonsSection.twoRow .buttonRow1 {
  margin-bottom: 0;
}
@media (max-width: 1220px) {
  .sectionRegion.region .sectionInner .sectionButtonModule {
    transform-origin: bottom left;
  }
  .sectionInner.hasFixedHeight:not(.clonedMobileSection) .sectionButtonModule:not(.sectionButtonMarkedDelete) {
    max-height: none;
  }
}
@media (max-width: 500px) {
  .buttonsSection:not(.clonedMobileSection) .buttonPosition {
    height: auto;
  }
}
@media (min-width: 1221px) {
  .gridSection .sectionBody {
    width: 1170px;
  }
}
.gridSection.hasFixedHeight .sectionBody {
  flex-basis: auto;
}
.gridSection .sectionBody {
  display: -ms-grid;
  -ms-grid-columns: 100px 100px 100px 100px 100px 100px 100px 100px 100px 100px 100px 100px;
  -ms-grid-rows: 300px 300px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  overflow: hidden;
  display: grid;
  grid-template-columns: repeat(auto-fill, 70px);
  grid-auto-columns: 70px;
  grid-template-rows: repeat(2, 270px);
  grid-auto-rows: 270px;
  grid-gap: 30px 30px;
  justify-content: center;
  grid-auto-flow: column;
}
@supports (display: grid) {
  .gridSection .sectionBody {
    overflow: visible;
  }
}
.gridSection .modulePosition {
  -ms-grid-row-span: 1;
  -ms-grid-column-span: 3;
  margin-right: 30px;
  margin-bottom: 30px;
  overflow: hidden;
  grid-row: span 1;
  grid-column: span 3;
}
@supports (display: grid) {
  .gridSection .modulePosition {
    margin-right: 0;
    margin-bottom: 0;
    overflow: visible;
  }
}
.gridSection.threeAcross .modulePosition {
  -ms-grid-column-span: 4;
  grid-column: span 4;
}
.gridSection .wideCell,
.gridSection .wideTallCell {
  -ms-grid-column-span: 6;
  grid-column: span 6;
}
.gridSection .tallCell,
.gridSection .wideTallCell {
  -ms-grid-row-span: 2;
  grid-row: span 2;
}
.gridSection .order1 {
  order: 1;
}
.gridSection .order2 {
  order: 2;
}
.gridSection .order3 {
  order: 3;
}
.gridSection .order4 {
  order: 4;
}
.gridSection .order5 {
  order: 5;
}
.gridSection .order6 {
  order: 6;
}
.gridSection .order7 {
  order: 7;
}
.gridSection .order8 {
  order: 8;
}
@media (max-width: 1220px) {
  .gridSection:not(.clonedMobileSection) .sectionBody {
    grid-gap: 25px 25px;
  }
  .gridSection:not(.clonedMobileSection) .sectionBody .modulePosition > li:last-child {
    margin-bottom: 25px;
  }
  .gridSection:not(.clonedMobileSection) .sectionBody {
    grid-auto-flow: dense;
  }
  .gridSection:not(.clonedMobileSection).GRID_DSWS .order3 {
    order: 5;
  }
  .gridSection:not(.clonedMobileSection).GRID_SWSD .order2,
  .gridSection:not(.clonedMobileSection).GRID_SWSWSS .order2,
  .gridSection:not(.clonedMobileSection).GRID_SWSSWS .order2 {
    order: 4;
  }
  .gridSection:not(.clonedMobileSection).GRID_WSSSWS .order5,
  .gridSection:not(.clonedMobileSection).GRID_SWSSWS .order5 {
    order: 7;
  }
  .gridSection:not(.clonedMobileSection).GRID_DSST .order4,
  .gridSection:not(.clonedMobileSection).GRID_DSSSS .order4 {
    order: 2;
  }
  .gridSection:not(.clonedMobileSection).GRID_SSTD .order3,
  .gridSection:not(.clonedMobileSection).GRID_SSSSD .order3,
  .gridSection:not(.clonedMobileSection).GRID_SSSSWW .order3 {
    order: 1;
  }
  .gridSection:not(.clonedMobileSection).GRID_WWSSSS .order5 {
    order: 3;
  }
}
.sectionRegion .gridSection > footer {
  padding-bottom: 55px;
}
@supports (display: grid) {
  .sectionRegion .gridSection > footer {
    padding-bottom: 80px;
  }
}
@media (max-width: 1220px) and (min-width: 501px) {
  .gridSection:not(.clonedMobileSection) .sectionBody {
    max-width: 570px;
    margin-left: auto;
    margin-right: auto;
  }
  .gridSection:not(.clonedMobileSection).threeAcross .sectionBody {
    max-width: 370px;
  }
  .gridSection:not(.clonedMobileSection).GRID_TDT .order2 {
    order: 0;
  }
}
@media (max-width: 500px) {
  .gridSection:not(.clonedMobileSection) .sectionBody {
    display: flex;
    grid-gap: 0px;
  }
  .gridSection:not(.clonedMobileSection).fourAcross .tallCell .buttonModule,
  .gridSection:not(.clonedMobileSection).fourAcross .normalCell .buttonModule,
  .gridSection:not(.clonedMobileSection).fourAcross .tallCell .imageModule,
  .gridSection:not(.clonedMobileSection).fourAcross .normalCell .imageModule {
    width: 270px;
  }
  .gridSection:not(.clonedMobileSection).threeAcross .tallCell .buttonModule,
  .gridSection:not(.clonedMobileSection).threeAcross .normalCell .buttonModule,
  .gridSection:not(.clonedMobileSection).threeAcross .tallCell .imageModule,
  .gridSection:not(.clonedMobileSection).threeAcross .normalCell .imageModule {
    width: 370px;
  }
  .gridSection:not(.clonedMobileSection) .wideCell,
  .gridSection:not(.clonedMobileSection) .wideTallCell {
    width: 570px;
  }
  .gridSection:not(.clonedMobileSection) .modulePosition > li:not(.sectionButtonModule) {
    height: auto !important;
  }
  .gridSection:not(.clonedMobileSection) > footer {
    margin-top: -25px;
  }
}
.halfSection .size3 {
  width: 267.5px;
}
.halfSection .size4 {
  width: 365px;
}
.halfSection .size5 {
  width: 462.5px;
}
.halfSection .size6 {
  width: 560px;
}
.halfSection .size7 {
  width: 657.5px;
}
.halfSection .size8 {
  width: 755px;
}
.halfSection .size9 {
  width: 852.5px;
}
@media (max-width: 1220px) {
  .halfSection:not(.clonedMobileSection) .sectionBody .modulePosition:not(:last-child) > li:last-child {
    margin-bottom: 50px;
  }
}
.tabsSection *[class*="ui-corner"] {
  border-radius: 0px;
}
.tabsSection .ui-helper-clearfix:before,
.tabsSection .ui-helper-clearfix:after {
  display: none;
}
.tabsSection .sectionBody {
  flex-wrap: wrap;
  font-family: inherit;
  font-size: inherit;
  padding: 0;
  border: 0;
  background-color: transparent;
  color: inherit;
}
.tabsSection .tabArea {
  padding: 0;
  margin: 0;
  background-color: #3b1708;
  border: 0 solid transparent;
  box-sizing: border-box;
}
.tabsSection .tabArea .regionSortableHighlight {
  min-height: unset;
  min-width: 200px;
  width: 100%;
  max-width: 100%;
  z-index: 999;
  border-bottom-width: 5px;
  margin: 0px;
}
.tabsSection .tabArea .moveHandleItem {
  height: 100%;
  padding-top: 1px;
  padding-bottom: 1px;
  margin-top: -1px;
  right: -1px;
}
.tabsSection .tabArea .tab {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  float: left;
  background-color: #3b1708;
  border: 0 solid transparent;
}
.tabsSection .tabArea .tab a {
  float: left;
  display: flex;
  align-items: center;
  text-decoration: none;
  width: 100%;
  height: 100%;
  min-height: 64px;
  font-family: "Montserrat", "Roboto", "Helvetica", Arial, sans-serif;
  font-size: 18px;
  font-weight: 700;
  color: #fff;
  padding: 17px 16px;
  line-height: 1.4;
  white-space: normal;
  text-overflow: ellipsis;
  overflow: hidden;
  border: 0px solid #fff;
  box-sizing: border-box;
}
.tabsSection .tabArea .tab:hover {
  background-color: #a14300;
}
.tabsSection .tabArea .tab:hover a {
  color: #fff;
  border-color: #fff;
}
.tabsSection .tabArea .tab.ui-tabs-active {
  margin: 0;
  padding: 0;
  background-color: transparent;
}
.tabsSection .tabArea .tab.ui-tabs-active a {
  color: #000;
  border-color: #000;
}
.tabsSection .tabArea .tab.editable.hoverEditable {
  box-shadow: none;
}
.tabsSection .tabArea .tab:before {
  content: "";
  left: 0px;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 1;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  pointer-events: none;
}
.tabsSection .tabArea .tab.hoverEditable:before {
  box-shadow: 0 0 0 1px #e87722;
}
.tabsSection .tabContent {
  width: 100%;
  box-sizing: border-box;
}
@media (max-width: 1220px) {
  .tabsSection .tabArea {
    display: none;
  }
  .tabsSection .sectionBody {
    border: 1px solid transparent;
    border-bottom-width: 0px;
  }
  .tabsSection .sortable {
    width: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    list-style-type: none;
  }
  .tabsSection .tabContent {
    font-family: inherit;
    font-size: inherit;
    padding: 0;
    border: 0;
    border-bottom: 1px solid transparent;
  }
  .tabsSection .tab {
    margin: 0;
    border: 0;
    padding: 21px 40px;
    padding-right: 110px;
    background-color: #3b1708;
  }
  .tabsSection .tab a {
    text-decoration: none;
    font-family: "Montserrat", "Roboto", "Helvetica", Arial, sans-serif;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
  }
  .tabsSection .tab .collapsibleIcon {
    width: 10px;
    height: 100%;
    padding-left: 20px;
    padding-right: 80px;
    position: absolute;
    top: 0px;
    right: 0px;
    color: #fff;
    display: flex;
  }
  .tabsSection .tab .collapsibleIcon svg {
    width: 10px;
  }
  .tabsSection .tab .expandedIcon {
    display: block;
  }
  .tabsSection .tab .collapsedIcon {
    display: none;
  }
  .tabsSection .tab:hover {
    background-color: #a14300;
  }
  .tabsSection .tab:hover a {
    color: #fff;
  }
  .tabsSection .tab:hover .collapsibleIcon {
    color: #fff;
  }
  .tabsSection .tab.ui-accordion-header-active {
    background-color: transparent;
  }
  .tabsSection .tab.ui-accordion-header-active a {
    color: #000;
  }
  .tabsSection .tab.ui-accordion-header-active .collapsibleIcon {
    color: #000;
  }
  .tabsSection .tab.ui-accordion-header-active .expandedIcon {
    display: none;
  }
  .tabsSection .tab.ui-accordion-header-active .collapsedIcon {
    display: block;
  }
  .tabsSection .tab:focus {
    outline: none;
  }
  .tabsSection .ui-accordion-content {
    background-color: transparent;
    border-width: 0px;
    padding: 20px 40px;
  }
  .tabsSection .ui-accordion-content:not(.emptyModulePosition) {
    min-height: unset;
  }
}
@media (min-width: 1221px) {
  .tabsView .tabContent {
    background-color: transparent;
    padding: 40px 40px;
    border: 0 solid transparent;
  }
  .tabsView .tabContent .tab {
    display: none;
  }
  .tabsView .tabContent:not(:nth-child(2)) {
    visibility: hidden;
  }
  .tabsView .tabContent.ui-tabs-panel {
    visibility: visible;
  }
}
.tabsView.verticalTabs .tabArea {
  width: 340px;
}
.tabsView.verticalTabs .tabArea .tab {
  width: 100%;
  margin: 0 0px;
}
.tabsView.verticalTabs .tabArea .tab a {
  min-height: 64px;
  padding: 17px 16px;
  line-height: 1.4;
}
@media (min-width: 1221px) {
  .tabsView.verticalTabs .tabContent {
    width: 830px;
  }
}
.tabsView.verticalTabs.leftTabs .tabArea .tab {
  border-left-width: 0px;
}
.tabsView.verticalTabs.leftTabs .tabArea .tab.ui-tabs-active {
  border-right-color: transparent;
}
@media (min-width: 1221px) {
  .tabsView.verticalTabs.leftTabs .tabContent {
    padding-left: 40px;
    border-left-width: 0px;
  }
}
.tabsView.verticalTabs.rightTabs .tabArea {
  order: 100;
}
.tabsView.verticalTabs.rightTabs .tabArea .tab {
  margin-left: 0;
  border-right-width: 0px;
}
.tabsView.verticalTabs.rightTabs .tabArea .tab.ui-tabs-active {
  border-left-color: transparent;
}
@media (min-width: 1221px) {
  .tabsView.verticalTabs.rightTabs .tabContent {
    padding-right: 40px;
    border-right-width: 0px;
  }
}
.tabsView.horizontalTabs .tabArea {
  width: 100%;
}
@media (min-width: 1221px) {
  .tabsView.horizontalTabs .tabArea {
    display: flex;
  }
}
.tabsView.horizontalTabs .tabArea .tab {
  margin: 0px 0;
  text-align: center;
}
.tabsView.horizontalTabs .tabArea .tab a {
  justify-content: center;
}
.tabsView.horizontalTabs .tabArea .tab,
.tabsView.horizontalTabs .tabArea .regionSortableHighlight {
  width: 0;
  flex: 1 1 auto;
  min-width: unset;
  max-width: calc(50% + (0 * 2));
}
.tabsView.horizontalTabs.topTabs .tabArea .tab {
  border-top-width: 0px;
  margin-bottom: 0;
}
.tabsView.horizontalTabs.topTabs .tabArea .tab.ui-tabs-active {
  border-bottom-color: transparent;
}
@media (min-width: 1221px) {
  .tabsView.horizontalTabs.topTabs .tabContent {
    border-top-width: 0px;
  }
}
.tabsView.horizontalTabs.bottomTabs .tabArea {
  order: 100;
}
.tabsView.horizontalTabs.bottomTabs .tabArea .tab {
  border-bottom-width: 0px;
  margin-top: 0;
}
.tabsView.horizontalTabs.bottomTabs .tabArea .tab.ui-tabs-active {
  border-top-color: transparent;
}
@media (min-width: 1221px) {
  .tabsView.horizontalTabs.bottomTabs .tabContent {
    border-bottom-width: 0px;
  }
}
@media (min-width: 1221px) {
  .tabsSection.accordionView .sectionBody {
    border: 1px solid transparent;
    border-bottom-width: 0px;
  }
  .tabsSection.accordionView .sortable {
    width: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    list-style-type: none;
  }
  .tabsSection.accordionView .tabContent {
    font-family: inherit;
    font-size: inherit;
    padding: 0;
    border: 0;
    border-bottom: 1px solid transparent;
  }
  .tabsSection.accordionView .tab {
    margin: 0;
    border: 0;
    padding: 21px 40px;
    padding-right: 110px;
    background-color: #3b1708;
  }
  .tabsSection.accordionView .tab a {
    text-decoration: none;
    font-family: "Montserrat", "Roboto", "Helvetica", Arial, sans-serif;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
  }
  .tabsSection.accordionView .tab .collapsibleIcon {
    width: 10px;
    height: 100%;
    padding-left: 20px;
    padding-right: 80px;
    position: absolute;
    top: 0px;
    right: 0px;
    color: #fff;
    display: flex;
  }
  .tabsSection.accordionView .tab .collapsibleIcon svg {
    width: 10px;
  }
  .tabsSection.accordionView .tab .expandedIcon {
    display: block;
  }
  .tabsSection.accordionView .tab .collapsedIcon {
    display: none;
  }
  .tabsSection.accordionView .tab:hover {
    background-color: #a14300;
  }
  .tabsSection.accordionView .tab:hover a {
    color: #fff;
  }
  .tabsSection.accordionView .tab:hover .collapsibleIcon {
    color: #fff;
  }
  .tabsSection.accordionView .tab.ui-accordion-header-active {
    background-color: transparent;
  }
  .tabsSection.accordionView .tab.ui-accordion-header-active a {
    color: #000;
  }
  .tabsSection.accordionView .tab.ui-accordion-header-active .collapsibleIcon {
    color: #000;
  }
  .tabsSection.accordionView .tab.ui-accordion-header-active .expandedIcon {
    display: none;
  }
  .tabsSection.accordionView .tab.ui-accordion-header-active .collapsedIcon {
    display: block;
  }
  .tabsSection.accordionView .tab:focus {
    outline: none;
  }
  .tabsSection.accordionView .tabContentHolder {
    background-color: transparent;
    border-width: 0px;
    padding: 20px 40px;
    outline-offset: -20px;
    overflow: visible;
  }
  .tabsSection.accordionView .tabContentHolder:not(.emptyModulePosition) {
    min-height: unset;
  }
}
.newsSection.listView .aggregate .group {
  margin-bottom: 50px;
}
.newsSection.listView .group {
  width: 100%;
  overflow-y: auto;
}
.newsSection.listView .group:not(:last-child) {
  margin-right: 50px;
}
@media (max-width: 1220px) {
  .newsSection.listView:not(.clonedMobileSection) .aggregate .group {
    margin-right: 0px;
  }
  .newsSection.listView:not(.clonedMobileSection) .aggregate .group:not(:last-child) {
    margin-bottom: 50px;
  }
}
.newsSection.featuredView .aggregate {
  width: 100%;
}
.newsSection.featuredView .aggregate:first-child {
  margin-right: 50px;
}
.eventsSection.listView .aggregate .group {
  margin-bottom: 50px;
}
.eventsSection.listView .group {
  width: 100%;
  overflow-y: auto;
}
.eventsSection.listView .group:not(:last-child) {
  margin-right: 50px;
}
@media (max-width: 1220px) {
  .eventsSection.listView:not(.clonedMobileSection) .aggregate .group {
    margin-right: 0px;
  }
  .eventsSection.listView:not(.clonedMobileSection) .aggregate .group:not(:last-child) {
    margin-bottom: 50px;
  }
}
.headlineSection.sectionInner header {
  padding-top: 0px;
}
.headlineSection.sectionInner footer {
  padding-bottom: 0px;
}
.headlineSection.sectionInner .sectionBody {
  position: relative;
  padding-top: 70px;
  padding-bottom: 80px;
  box-sizing: border-box;
  align-items: center;
}
.headlineSection.sectionInner .sectionBody .title,
.headlineSection.sectionInner .sectionBody .caption {
  text-align: center;
}
.headlineSection.sectionInner .sectionBody .callToActionButtons .aggregate {
  justify-content: center;
}
@media (min-width: 501px) {
  .headlineSection.sectionInner .sectionBody .callToActionButtons .link {
    margin-right: 7.5px;
    margin-left: 7.5px;
  }
}
@media (min-width: 1221px) {
  .headlineSection.sectionInner .sectionBody .callToActionButtons .link:first-child {
    margin-left: 0px;
  }
  .headlineSection.sectionInner .sectionBody .callToActionButtons .link:last-child {
    margin-right: 0px;
  }
}
@media (max-width: 1220px) and (min-width: 501px) {
  .headlineSection.sectionInner .sectionBody .callToActionButtons .link:nth-child(odd) {
    margin-left: 0px;
  }
  .headlineSection.sectionInner .sectionBody .callToActionButtons .link:nth-child(even) {
    margin-right: 0px;
  }
}
.headlineSection.sectionInner .sectionBody.horizontalAlignmentLeft .title,
.headlineSection.sectionInner .sectionBody.horizontalAlignmentLeft .caption {
  text-align: left;
}
.headlineSection.sectionInner .sectionBody.horizontalAlignmentLeft .callToActionButtons .aggregate {
  justify-content: left;
}
@media (min-width: 501px) {
  .headlineSection.sectionInner .sectionBody.horizontalAlignmentLeft .callToActionButtons .link {
    margin-right: 7.5px;
    margin-left: 7.5px;
  }
}
@media (min-width: 1221px) {
  .headlineSection.sectionInner .sectionBody.horizontalAlignmentLeft .callToActionButtons .link:first-child {
    margin-left: 0px;
  }
  .headlineSection.sectionInner .sectionBody.horizontalAlignmentLeft .callToActionButtons .link:last-child {
    margin-right: 0px;
  }
}
@media (max-width: 1220px) and (min-width: 501px) {
  .headlineSection.sectionInner .sectionBody.horizontalAlignmentLeft .callToActionButtons .link:nth-child(odd) {
    margin-left: 0px;
  }
  .headlineSection.sectionInner .sectionBody.horizontalAlignmentLeft .callToActionButtons .link:nth-child(even) {
    margin-right: 0px;
  }
}
.headlineSection.sectionInner .sectionBody.horizontalAlignmentLeft .callToActionButtons .aggregate {
  justify-content: flex-start;
}
@media (min-width: 501px) {
  .headlineSection.sectionInner .sectionBody.horizontalAlignmentLeft .callToActionButtons .link {
    margin-left: 0px;
    margin-right: 15px;
  }
  .headlineSection.sectionInner .sectionBody.horizontalAlignmentLeft .callToActionButtons .link:last-child {
    margin-left: 0px;
    margin-right: 0px;
  }
}
@media (max-width: 1220px) and (min-width: 501px) {
  .headlineSection.sectionInner .sectionBody.horizontalAlignmentLeft .callToActionButtons .link:nth-child(even) {
    margin-right: 0px;
  }
}
.headlineSection.sectionInner .sectionBody.horizontalAlignmentRight .title,
.headlineSection.sectionInner .sectionBody.horizontalAlignmentRight .caption {
  text-align: right;
}
.headlineSection.sectionInner .sectionBody.horizontalAlignmentRight .callToActionButtons .aggregate {
  justify-content: right;
}
@media (min-width: 501px) {
  .headlineSection.sectionInner .sectionBody.horizontalAlignmentRight .callToActionButtons .link {
    margin-right: 7.5px;
    margin-left: 7.5px;
  }
}
@media (min-width: 1221px) {
  .headlineSection.sectionInner .sectionBody.horizontalAlignmentRight .callToActionButtons .link:first-child {
    margin-left: 0px;
  }
  .headlineSection.sectionInner .sectionBody.horizontalAlignmentRight .callToActionButtons .link:last-child {
    margin-right: 0px;
  }
}
@media (max-width: 1220px) and (min-width: 501px) {
  .headlineSection.sectionInner .sectionBody.horizontalAlignmentRight .callToActionButtons .link:nth-child(odd) {
    margin-left: 0px;
  }
  .headlineSection.sectionInner .sectionBody.horizontalAlignmentRight .callToActionButtons .link:nth-child(even) {
    margin-right: 0px;
  }
}
.headlineSection.sectionInner .sectionBody.horizontalAlignmentRight .callToActionButtons .aggregate {
  justify-content: flex-end;
}
@media (min-width: 501px) {
  .headlineSection.sectionInner .sectionBody.horizontalAlignmentRight .callToActionButtons .link {
    margin-right: 0px;
    margin-left: 15px;
  }
  .headlineSection.sectionInner .sectionBody.horizontalAlignmentRight .callToActionButtons .link:first-child {
    margin-right: 0px;
    margin-left: 0px;
  }
}
@media (max-width: 1220px) and (min-width: 501px) {
  .headlineSection.sectionInner .sectionBody.horizontalAlignmentRight .callToActionButtons .link:nth-child(odd) {
    margin-left: 0px;
  }
}
.headlineSection.sectionInner .sectionBody.horizontalAlignmentCenter .title,
.headlineSection.sectionInner .sectionBody.horizontalAlignmentCenter .caption {
  text-align: center;
}
.headlineSection.sectionInner .sectionBody.horizontalAlignmentCenter .callToActionButtons .aggregate {
  justify-content: center;
}
@media (min-width: 501px) {
  .headlineSection.sectionInner .sectionBody.horizontalAlignmentCenter .callToActionButtons .link {
    margin-right: 7.5px;
    margin-left: 7.5px;
  }
}
@media (min-width: 1221px) {
  .headlineSection.sectionInner .sectionBody.horizontalAlignmentCenter .callToActionButtons .link:first-child {
    margin-left: 0px;
  }
  .headlineSection.sectionInner .sectionBody.horizontalAlignmentCenter .callToActionButtons .link:last-child {
    margin-right: 0px;
  }
}
@media (max-width: 1220px) and (min-width: 501px) {
  .headlineSection.sectionInner .sectionBody.horizontalAlignmentCenter .callToActionButtons .link:nth-child(odd) {
    margin-left: 0px;
  }
  .headlineSection.sectionInner .sectionBody.horizontalAlignmentCenter .callToActionButtons .link:nth-child(even) {
    margin-right: 0px;
  }
}
.headlineSection.sectionInner .sectionBody.verticalAlignmentTop {
  align-items: top;
  align-items: flex-start;
}
.headlineSection.sectionInner .sectionBody.verticalAlignmentBottom {
  align-items: bottom;
  align-items: flex-end;
}
.headlineSection.sectionInner .sectionBody.verticalAlignmentCenter {
  align-items: center;
}
@media (max-width: 1220px) {
  .headlineSection.sectionInner .sectionBody {
    flex-direction: column;
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
.headlineSection.sectionInner .headlineContentHolder {
  position: relative;
  width: 100%;
}
.headlineSection.sectionInner .title,
.headlineSection.sectionInner .caption,
.headlineSection.sectionInner .callToActionButtons {
  position: relative;
  margin-bottom: 20px;
}
@media (max-width: 1220px) {
  .headlineSection.sectionInner .title,
  .headlineSection.sectionInner .caption,
  .headlineSection.sectionInner .callToActionButtons {
    margin-bottom: 50px;
  }
}
.headlineSection.sectionInner .title:last-child,
.headlineSection.sectionInner .caption:last-child,
.headlineSection.sectionInner .callToActionButtons:last-child {
  margin-bottom: 0px;
}
.headlineSection.sectionInner .title .editText,
.headlineSection.sectionInner .caption .editText,
.headlineSection.sectionInner .callToActionButtons .editText {
  min-width: 100px;
  display: inline-block;
}
.headlineSection.sectionInner .title .editText:empty,
.headlineSection.sectionInner .caption .editText:empty,
.headlineSection.sectionInner .callToActionButtons .editText:empty {
  width: 100%;
}
.headlineSection.sectionInner .title {
  font-family: "Belleza", "Times New Roman", Times, serif;
  font-size: 85px;
  font-weight: normal;
}
@media (max-width: 1220px) and (min-width: 501px) {
  .headlineSection.sectionInner .title {
    font-size: 68px;
  }
}
@media (max-width: 500px) {
  .headlineSection.sectionInner .title {
    font-size: 42.5px;
  }
}
.headlineSection.sectionInner .caption {
  font-family: "Montserrat", "Roboto", "Helvetica", Arial, sans-serif;
  font-size: 24px;
  font-weight: normal;
}
@media (min-width: 1221px) {
  .headlineSection.sectionInner .caption:not(:last-child):not(:first-child) {
    margin-bottom: 40px;
  }
}
@media (max-width: 1220px) {
  .headlineSection.sectionInner .caption:not(:last-child):not(:first-child) {
    margin-bottom: 54px;
  }
}
@media (max-width: 1220px) and (min-width: 501px) {
  .headlineSection.sectionInner .caption {
    font-size: 21.6px;
  }
}
@media (max-width: 500px) {
  .headlineSection.sectionInner .caption {
    font-size: 19.2px;
  }
}
.headlineSection.sectionInner .callToActionButtons .modulePosition {
  min-height: 40px;
}
.headlineSection.sectionInner .callToActionButtons .aggregate {
  display: flex;
  flex-wrap: wrap;
  max-width: 100%;
}
.headlineSection.sectionInner .callToActionButtons .link a {
  margin: 5px 0px;
}
@media (max-width: 1220px) {
  .headlineSection.sectionInner .callToActionButtons {
    width: 100%;
  }
  .headlineSection.sectionInner .callToActionButtons .link {
    width: calc(50% - 15px/2);
  }
  .headlineSection.sectionInner .callToActionButtons .link a {
    display: block;
    max-width: 100%;
  }
}
@media (max-width: 500px) {
  .headlineSection.sectionInner .callToActionButtons .link {
    width: 100%;
  }
}
.admin .headlineSection.sectionInner.auto .sectionBody {
  padding-top: 140px;
  padding-bottom: 160px;
  padding-left: 70px;
  padding-right: 70px;
}
.admin .headlineSection.sectionInner.auto .sectionBody:before {
  content: "";
  position: absolute;
  left: 0px;
  right: 0px;
  top: 70px;
  bottom: 80px;
  border: 2px dashed currentColor;
  opacity: 0.4;
  box-sizing: border-box;
  z-index: -1;
}
.admin .headlineSection.sectionInner.auto .sectionBody.dragOver:before {
  border-color: #d8eeae;
  opacity: 1;
}
@media (min-width: 1221px) {
  .headlineSection.sectionInner.auto .sectionBody {
    flex-wrap: wrap;
    justify-content: center;
  }
  .headlineSection.sectionInner .imageAlignmentCenter .focusPointImagePositioner {
    left: 50%;
    transform: translateX(-50%);
  }
  .headlineSection.sectionInner .imageAlignmentRight .focusPointImagePositioner {
    right: 0px;
    left: auto;
  }
  .headlineSection.sectionInner.half .focusPointImageArea {
    width: 50%;
  }
  .headlineSection.sectionInner.half .sectionBody {
    justify-content: space-between;
  }
  .headlineSection.sectionInner.half .sectionBody .headlineContentHolder {
    width: calc(50% - 50px);
  }
  .headlineSection.sectionInner.half .imageAlignmentRight {
    flex-direction: row-reverse;
  }
  .headlineSection.sectionInner.half .imageAlignmentCenter .focusPointImagePositioner {
    left: 0px;
    transform: none;
  }
  .headlineSection.sectionInner.twoThirds .focusPointImageArea .headlineImageOverlay {
    display: none;
  }
  .headlineSection.sectionInner.twoThirds.inset .focusPointImageArea {
    width: 66%;
  }
  .headlineSection.sectionInner.twoThirds.inset .sectionBody {
    justify-content: space-between;
  }
  .headlineSection.sectionInner.twoThirds.inset .sectionBody .headlineContentHolder {
    width: 66%;
    padding: 50px;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
    margin-left: -33%;
  }
  .headlineSection.sectionInner.twoThirds.inset .imageAlignmentRight {
    flex-direction: row-reverse;
  }
  .headlineSection.sectionInner.twoThirds.inset .imageAlignmentRight .headlineContentHolder {
    margin-right: -33%;
    margin-left: auto;
  }
  .headlineSection.sectionInner.twoThirds.inset .imageAlignmentCenter {
    justify-content: center;
  }
  .headlineSection.sectionInner.twoThirds.inset .imageAlignmentCenter .headlineContentHolder {
    margin-left: -66%;
  }
  .headlineSection.sectionInner.full.inset .headlineContentHolder {
    margin-left: -100%;
    padding: 50px;
    box-sizing: border-box;
  }
  .headlineSection.sectionInner.edgeToEdge.sectionHeightLarge .sectionBody {
    min-height: 100vh;
  }
  .headlineSection.sectionInner.edgeToEdge.sectionHeightMedium .sectionBody {
    min-height: 75vh;
  }
  .headlineSection.sectionInner.edgeToEdge.sectionHeightSmall .sectionBody {
    min-height: 50vh;
  }
  .headlineSection.sectionInner.edgeToEdge .focusPointImageArea {
    width: 100vw;
    min-width: 1170px;
    position: absolute;
    top: 0px;
    left: 50%;
    height: 100%;
    transform: translateX(-50%);
  }
  .headlineSection.sectionInner.edgeToEdge .focusPointImageArea:not(.moveEnabled) {
    pointer-events: none;
  }
  .headlineSection.sectionInner.edgeToEdge .focusPointImagePositioner {
    position: absolute;
    padding: 0px;
  }
  .headlineSection.sectionInner.edgeToEdge.half .focusPointImagePositioner {
    width: 50%;
  }
  .headlineSection.sectionInner.edgeToEdge.half .headlineContentHolder {
    width: 50vw;
    min-width: 585px;
    padding-left: 50px;
    padding-right: 50px;
    box-sizing: border-box;
  }
  .headlineSection.sectionInner.edgeToEdge.half .sectionBody {
    justify-content: flex-end;
  }
  .headlineSection.sectionInner.edgeToEdge.half .imageAlignmentRight {
    justify-content: flex-start;
  }
  .headlineSection.sectionInner.edgeToEdge.half .imageAlignmentRight .headlineContentHolder {
    margin-right: auto;
  }
  .headlineSection.sectionInner.edgeToEdge.twoThirds .sectionBody {
    padding: 0px;
  }
  .headlineSection.sectionInner.edgeToEdge.twoThirds .focusPointImagePositioner {
    width: 66%;
  }
  .headlineSection.sectionInner.edgeToEdge.twoThirds .headlineContentHolder {
    width: 66vw;
    min-width: 780px;
    padding: 50px;
    max-height: 100%;
    box-sizing: border-box;
  }
  .headlineSection.sectionInner.edgeToEdge.twoThirds .sectionBody {
    justify-content: flex-end;
  }
  .headlineSection.sectionInner.edgeToEdge.twoThirds .imageAlignmentRight {
    justify-content: flex-start;
  }
  .headlineSection.sectionInner.edgeToEdge.twoThirds .imageAlignmentRight .headlineContentHolder {
    margin-right: auto;
  }
  .headlineSection.sectionInner.edgeToEdge.twoThirds .imageAlignmentCenter {
    justify-content: flex-start;
  }
  .headlineSection.sectionInner.edgeToEdge.twoThirds .imageAlignmentCenter .headlineContentHolder {
    margin-right: auto;
    margin-left: auto;
  }
}
@media (min-width: 1221px) and (min-width: 1221px) {
  .headlineSection.sectionInner.full .headlineContentHolder .headlineImageOverlay {
    display: none;
  }
}
@media (min-width: 1221px) and (min-width: 1220px) {
  .headlineSection.sectionInner.edgeToEdge.half .sectionBody .headlineContentHolder {
    margin-right: calc(50% - 50vw);
  }
}
@media (min-width: 1221px) and (min-width: 1220px) {
  .headlineSection.sectionInner.edgeToEdge.half .imageAlignmentRight .headlineContentHolder {
    margin-left: calc(50% - 50vw);
    margin-right: auto;
  }
}
@media (min-width: 1221px) and (min-width: 1220px) {
  .headlineSection.sectionInner.edgeToEdge.twoThirds .sectionBody .headlineContentHolder {
    margin-right: calc(50% - 50vw + 50px);
  }
}
@media (min-width: 1221px) and (min-width: 1220px) {
  .headlineSection.sectionInner.edgeToEdge.twoThirds .imageAlignmentRight .headlineContentHolder {
    margin-left: calc(50% - 50vw + 50px);
    margin-right: auto;
  }
}
@media (min-width: 1221px) and (min-width: 1220px) {
  .headlineSection.sectionInner.edgeToEdge.twoThirds .imageAlignmentCenter .headlineContentHolder {
    margin-left: calc(50% - 33vw);
  }
}
.headlineSection.sectionInner.hasOverlay .headlineImageOverlay {
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  opacity: 0.5;
  pointer-events: none;
}
@media (max-width: 1220px) {
  .headlineSection.sectionInner.hasOverlay .headlineImageOverlay[style*="0.0"] {
    opacity: 1 !important;
  }
}
.headlineSection.sectionInner.hasOverlay .overlayColorLight .headlineImageOverlay {
  background-color: #fff;
}
.headlineSection.sectionInner.hasOverlay .overlayColorLight .title {
  color: #222;
}
.headlineSection.sectionInner.hasOverlay .overlayColorLight .caption {
  color: #222;
}
.headlineSection.sectionInner.hasOverlay .overlayColorDark .headlineImageOverlay {
  background-color: #222;
}
.headlineSection.sectionInner.hasOverlay .overlayColorDark .title {
  color: #fff;
}
.headlineSection.sectionInner.hasOverlay .overlayColorDark .caption {
  color: #fff;
}
.headlineSection.sectionInner.hasOverlay .overlayColorPrimary .headlineImageOverlay {
  background-color: #3b1708;
}
.headlineSection.sectionInner.hasOverlay .overlayColorPrimary .title {
  color: #fff;
}
.headlineSection.sectionInner.hasOverlay .overlayColorPrimary .caption {
  color: #fff;
}
.headlineSection.sectionInner.hasOverlay .headlineImageOverlay {
  background-color: #3b1708;
}
.headlineSection.sectionInner.hasOverlay .title {
  color: #fff;
}
.headlineSection.sectionInner.hasOverlay .caption {
  color: #fff;
}
.headlineSection.sectionInner.hasOverlay .htmlButton {
  color: #fff !important;
  background-color: #3b1708 !important;
  border-color: #3b1708 !important;
}
.headlineSection.sectionInner.hasOverlay .htmlButton:hover {
  color: #fff !important;
  background-color: #a14300 !important;
  border-color: #a14300 !important;
}
.headlineSection.sectionInner.hasOverlay .htmlButton2 {
  color: #000 !important;
  background-color: transparent !important;
  border-color: #000 !important;
}
.headlineSection.sectionInner.hasOverlay .htmlButton2:hover {
  color: #fff !important;
  background-color: #a14300 !important;
  border-color: #a14300 !important;
}
.headlineSection.sectionInner.hasOverlay .sectionBody:not(.overlayColorDark):not(.overlayColorLight) .htmlButton1:not(:hover),
.headlineSection.sectionInner.hasOverlay .sectionBody:not(.overlayColorDark):not(.overlayColorLight) .htmlButton2:hover {
  color: #fff !important;
  background-color: #291006 !important;
}
.headlineSection.sectionInner .sidePanel .overlayColorLight,
.headlineSection.sectionInner .sidePanel .overlayColorLight + label {
  background-color: #fff;
}
.headlineSection.sectionInner .sidePanel .overlayColorDark,
.headlineSection.sectionInner .sidePanel .overlayColorDark + label {
  background-color: #222;
}
.headlineSection.sectionInner .sidePanel .overlayColorPrimary,
.headlineSection.sectionInner .sidePanel .overlayColorPrimary + label {
  background-color: #3b1708;
}
@media (max-width: 1220px) {
  .headlineSection.sectionInner .headlineContentHolder {
    width: 100%;
  }
  .headlineSection.sectionInner .focusPointImageArea .headlineImageOverlay {
    display: none;
  }
  .headlineSection.sectionInner .focusPointImagePositioner {
    max-height: 100vh;
  }
  .headlineSection.sectionInner:not(.twoThirds) .focusPointImageArea {
    margin-bottom: 50px;
  }
  .headlineSection.sectionInner.edgeToEdge .sectionBody {
    padding-top: 0px;
  }
  .headlineSection.sectionInner.edgeToEdge .focusPointImagePositioner {
    width: 100vw;
    left: 50%;
    transform: translateX(-50%);
    min-width: 100%;
  }
  .headlineSection.sectionInner.hasOverlay .headlineContentHolder {
    width: 100%;
    padding: 50px;
    box-sizing: border-box;
  }
}
.headlineSectionSettings #stylingClass option[value*="WhiteModule"],
.headlineSectionSettings .inputHolder[id*="stylingClass"] option[value*="WhiteModule"] {
  display: none;
}
.aggregate {
  margin: 0;
  padding: 15px 0 0 0;
}
.aggregate li {
  display: block;
}
.aggregate li .thumb {
  position: relative;
  float: left;
  width: 40%;
  max-width: 128px;
  margin: 10px 10px 10px 0;
}
.aggregate li .thumb img {
  display: block;
  width: 100%;
  height: auto;
  max-width: 128px;
}
.aggregate .group,
.aggregate .tag {
  position: relative;
}
.aggregate .group .groupCover,
.aggregate .tag .groupCover {
  position: absolute;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
  z-index: 11;
}
.aggregate .summary a {
  position: relative;
  z-index: 12;
}
.aggregate + footer a,
.aggregate + footer .exportCalendar {
  display: block;
  float: right;
  margin-top: 5px;
  font-size: 20.8px;
  color: #000;
  text-decoration: none;
}
.aggregate + footer a:hover,
.aggregate + footer .exportCalendar:hover {
  color: #000;
  text-decoration: none;
}
.aggregate .event,
.aggregate .news,
.aggregate .person,
.aggregate .rssContent,
.aggregate .searchResult {
  padding-bottom: 15px;
  border-bottom: 0 solid transparent;
}
.aggregate .event:not(:last-child),
.aggregate .news:not(:last-child),
.aggregate .person:not(:last-child),
.aggregate .rssContent:not(:last-child),
.aggregate .searchResult:not(:last-child) {
  margin-bottom: 15px;
}
.aggregate .unpublished {
  opacity: 0.5;
}
.aggregate .name a,
.aggregate .name > span {
  font-family: "Belleza", "Times New Roman", Times, serif;
  font-size: 24px;
}
.aggregate .name a {
  color: #000;
  text-decoration: none;
}
.aggregate .name a:hover {
  color: #000;
  text-decoration: none;
}
.aggregate .groupCover:hover ~ .name a,
.aggregate .groupCover:hover ~ a.name {
  color: #000;
  text-decoration: none;
}
.aggregate .event .date,
.aggregate .news .date,
.aggregate .person .date,
.aggregate .news .author,
.aggregate .person .role,
.aggregate .rssContent .date,
.aggregate .rssContent .author {
  display: inline;
  font-family: "Montserrat", "Roboto", "Helvetica", Arial, sans-serif;
  font-size: 12px;
  font-weight: 400;
  color: #000;
}
.aggregate .summary,
.aggregate .podcastAudio {
  margin-top: 10px;
}
.aggregate .podcastAudio {
  display: block;
  position: relative;
  z-index: 11;
}
.aggregate .person .thumb {
  margin-top: 0;
  width: 35%;
  max-width: 90px;
}
.aggregate .person .name,
.aggregate .person .role,
.aggregate .person .phone,
.aggregate .person .mail {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
}
.aggregate .person .personSocialMedia a {
  width: 14px;
  height: 14px;
  background-size: 14px 14px;
}
.aggregate .person .personSocialMedia a.facebook {
  width: 8.75px;
}
.aggregate .personGroup {
  clear: both;
  font-size: 24px;
  margin-bottom: 15px;
}
.aggregate .personGroup .editText {
  display: block;
  width: 100%;
  min-height: 15px;
}
.aggregate .personGroup ~ li:not(.personGroup) {
  margin-left: 15px;
}
.aggregate .document a.name,
.aggregate .link a.name,
.aggregate .photoAlbum a.name {
  font-size: 19.2px;
  color: #000;
  text-decoration: none;
}
.aggregate .document a.name:hover,
.aggregate .link a.name:hover,
.aggregate .photoAlbum a.name:hover {
  color: #000;
  text-decoration: none;
}
.aggregate .document a.name,
.aggregate .link a.name {
  display: block;
  padding: 5px 10px;
  border-bottom: 1px solid transparent;
}
.aggregate .photoAlbum {
  display: inline-block;
  width: 128px;
  max-width: 128px;
  margin-left: 0;
  margin-right: 25px;
  text-align: center;
}
.aggregate .photoAlbum .thumb {
  display: block;
  float: none;
  max-width: none;
  width: 128px;
  height: 128px;
  margin-bottom: 5px;
  background: url("https://cdn.ecatholic.com/1772471332/base-images/photo-albums/photo-album-thumbnail-background.png") center center no-repeat;
  background-color: #e6e6e6;
}
.aggregate .photoAlbum .thumb img {
  max-width: none;
  height: 100%;
}
.aggregate .photoAlbum .thumb .thumbImage {
  background-color: #fff;
}
.aggregate .photoAlbum .name {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.aggregate .photoAlbum .numberPhotos {
  display: block;
  color: #959595;
}
.localMail:after {
  content: "@";
}
.readMore {
  display: none;
}
.connectGroupModule .groupMessagesTitle {
  color: #000;
  font-size: 24px;
  margin-bottom: 7.5px;
}
.connectModal {
  position: fixed;
  top: 0;
  left: 50%;
  height: 100%;
  width: 420px;
  transform: translateX(-50%);
  z-index: 1300;
  display: table;
}
.connectDialog {
  font-size: 15px;
  color: #2e2e2e;
  display: table-cell;
  vertical-align: middle;
  font-family: "Roboto", Arial, sans-serif;
}
.connectDialog .container {
  background: #fff;
  border-radius: 10px;
  padding: 22px;
}
.connectDialog .cancel {
  float: right;
  font-size: 0px;
  top: -30px;
  right: -25px;
  margin-bottom: -50px;
  position: relative;
  opacity: 0.5;
  padding: 25px;
  cursor: pointer;
}
.connectDialog .cancel:before {
  content: "\2715";
  font-size: 19px;
}
.connectDialog .cancel:hover {
  opacity: 1;
}
.connectDialog .dialogTitle {
  float: left;
  margin-bottom: 12px;
  font-size: 22px;
  font-weight: bold;
}
.connectDialog .dialogText {
  clear: both;
}
.connectDialog .buttonContainer {
  text-align: right;
  margin-top: 25px;
  margin-bottom: 10px;
}
.connectDialog .dialogButton {
  color: #fff;
  background: #3297d6;
  padding: 10px 25px;
  border-radius: 20px;
  position: relative;
  font-weight: bold;
  text-decoration: none;
  z-index: 0;
}
.connectDialog .dialogButton:before {
  content: "";
  position: absolute;
  border-radius: inherit;
  inset: 0;
  width: 100%;
  background: linear-gradient(270deg, #3297d6, #1b365d);
  opacity: 0;
  z-index: -1;
  transition: 300 cubic-bezier(0.4, 0, 0.2, 1) opacity;
}
.connectDialog .dialogButton:hover {
  color: #fff;
}
.connectDialog .dialogButton:hover:before {
  opacity: 1;
}
.calendarModule.moduleInner .disabled {
  display: none;
}
.calendarMonthTitle,
.dayCalendarTitle {
  padding: 5px 0;
  background-color: #a14300;
  color: #fff;
  font-size: 19px;
  text-align: center;
  position: relative;
}
.calendarMonthTitle .dateTitle,
.dayCalendarTitle .dateTitle {
  display: inline-block;
  vertical-align: middle;
  text-transform: uppercase;
}
.calendarMonthTitle .lastButton,
.dayCalendarTitle .lastButton,
.calendarMonthTitle .nextButton,
.dayCalendarTitle .nextButton {
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  width: 0;
  height: 0;
  border-top: 9.5px solid transparent;
  border-bottom: 9.5px solid transparent;
}
.calendarMonthTitle .lastButton,
.dayCalendarTitle .lastButton {
  border-right: 19px solid #fff;
}
.calendarMonthTitle .lastButton:hover,
.dayCalendarTitle .lastButton:hover {
  border-right: 19px solid #fff;
}
.calendarMonthTitle .nextButton,
.dayCalendarTitle .nextButton {
  border-left: 19px solid #fff;
}
.calendarMonthTitle .nextButton:hover,
.dayCalendarTitle .nextButton:hover {
  border-left: 19px solid #fff;
}
.calendarMonthTitle .backButton,
.dayCalendarTitle .backButton {
  display: inline-block;
  margin-right: 10px;
  font-size: 11.4px;
  vertical-align: middle;
  text-transform: uppercase;
  cursor: pointer;
}
.calendarMonthTitle .backButton:hover,
.dayCalendarTitle .backButton:hover {
  text-decoration: underline;
}
.calendarMonthTitle {
  padding-right: 25px;
}
.calendarMonthTitle .dateTitle {
  min-width: 190px;
  width: 50%;
}
.calendar {
  width: 100%;
  table-layout: fixed;
}
.calendar .dayName,
.calendar .day {
  width: 14.28571429%;
  vertical-align: top;
  border: 1px solid #dfdfdf;
}
.calendar .dayName {
  padding: 3px 0;
  background-color: #a14300;
  color: #fff;
  text-align: center;
}
.calendar .day {
  height: 50px;
}
.calendar .otherMonth {
  opacity: 0.5;
}
.calendar .dateNumber {
  padding: 2px 0 0 2px;
  color: #fff;
  font-weight: bold;
}
.calendar .calendarEvent {
  padding: 1px 2px;
  color: #3b1708;
  font-size: 13.6px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.calendar .calendarEvent:nth-child(odd) {
  background-color: #e6e6e6;
}
.calendar .calendarEvent .calendarEventTime {
  font-weight: bold;
}
.calendar .today {
  background-color: rgba(161, 67, 0, 0.3);
}
.calendar .hasEvents:hover {
  background-color: rgba(161, 67, 0, 0.2);
  cursor: pointer;
}
.calendar .eventRepository {
  display: none;
}
.moduleRegion:not(#content1) .calendar .calendarEvent,
#core.trio #content1 .calendar .calendarEvent,
#core.twin #content1 .calendar .calendarEvent,
.moduleRegion:not(#content1) .calendar .calendarEvent > span,
#core.trio #content1 .calendar .calendarEvent > span,
#core.twin #content1 .calendar .calendarEvent > span {
  display: none;
}
.moduleRegion:not(#content1) .calendar .day,
#core.trio #content1 .calendar .day,
#core.twin #content1 .calendar .day {
  text-align: center;
}
.moduleRegion:not(#content1) .calendar .hasEvents .dateNumber + .calendarEvent,
#core.trio #content1 .calendar .hasEvents .dateNumber + .calendarEvent,
#core.twin #content1 .calendar .hasEvents .dateNumber + .calendarEvent {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-top: 3px;
  border-radius: 20px;
  background-color: #ddd;
}
.sectionInner.threeModule .calendar .calendarEvent,
.sectionInner.fourModule .calendar .calendarEvent,
.sectionInner.fiveModule .calendar .calendarEvent,
.sectionInner.sixModule .calendar .calendarEvent,
.sectionInner .smallColumn .calendar .calendarEvent,
.sectionInner.gridSection .modulePosition:not(.wideTallCell) .calendar .calendarEvent,
.sectionInner .size4 .calendar .calendarEvent,
.sectionInner.threeModule .calendar .calendarEvent > span,
.sectionInner.fourModule .calendar .calendarEvent > span,
.sectionInner.fiveModule .calendar .calendarEvent > span,
.sectionInner.sixModule .calendar .calendarEvent > span,
.sectionInner .smallColumn .calendar .calendarEvent > span,
.sectionInner.gridSection .modulePosition:not(.wideTallCell) .calendar .calendarEvent > span,
.sectionInner .size4 .calendar .calendarEvent > span {
  display: none;
}
.sectionInner.threeModule .calendar .day,
.sectionInner.fourModule .calendar .day,
.sectionInner.fiveModule .calendar .day,
.sectionInner.sixModule .calendar .day,
.sectionInner .smallColumn .calendar .day,
.sectionInner.gridSection .modulePosition:not(.wideTallCell) .calendar .day,
.sectionInner .size4 .calendar .day {
  text-align: center;
}
.sectionInner.threeModule .calendar .hasEvents .dateNumber + .calendarEvent,
.sectionInner.fourModule .calendar .hasEvents .dateNumber + .calendarEvent,
.sectionInner.fiveModule .calendar .hasEvents .dateNumber + .calendarEvent,
.sectionInner.sixModule .calendar .hasEvents .dateNumber + .calendarEvent,
.sectionInner .smallColumn .calendar .hasEvents .dateNumber + .calendarEvent,
.sectionInner.gridSection .modulePosition:not(.wideTallCell) .calendar .hasEvents .dateNumber + .calendarEvent,
.sectionInner .size4 .calendar .hasEvents .dateNumber + .calendarEvent {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-top: 3px;
  border-radius: 20px;
  background-color: #ddd;
}
@media (min-width: 501px) {
  .duo #content1 .calendar .day {
    height: 75px;
  }
  .singleColumn #content1 .calendar .day,
  .solo #content1 .calendar .day {
    height: 100px;
  }
}
.calendarPage #pageTitle {
  overflow: hidden;
}
.calendarViewToggle,
#fieldGroup-calendarPageSelection {
  float: right;
  margin-left: 15px;
  font-size: 16px;
}
.calendarViewToggle {
  margin-top: 13px;
  margin-bottom: 13px;
  text-decoration: none;
}
.calendarViewToggle:hover {
  text-decoration: none;
}
#fieldGroup-calendarPageSelection {
  margin-top: 9px;
  margin-bottom: 7px;
}
#calendarPageSelection {
  box-sizing: border-box;
  max-width: 350px;
  height: 28px;
  padding: 0px 7px;
  border: 1px solid #888;
  border-radius: 10px;
  background-color: #fff;
  color: #000;
  font-size: 15px;
}
.events .calendarExportContainer {
  margin-top: 9px;
  margin-bottom: 9px;
  margin-right: 0px;
}
.events .calendarExportContainer svg {
  float: right;
}
.events li .thumb {
  margin-top: 0px;
}
.photoAlbumsModule .aggregate {
  padding-top: 5px;
  padding-bottom: 15px;
  border-bottom: 1px solid transparent;
  font-size: 0;
  text-align: center;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: flex-start;
}
.photoAlbumsModule .aggregate li {
  font-size: 16px;
}
.galleryModule .moduleBody {
  position: relative;
}
.galleryModule .moduleBody.touchEventsActive .galleryAlbum:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 119;
}
.galleryModule .galleryContainer {
  position: relative;
}
.galleryModule .rotator {
  border: 0px solid #333;
  box-sizing: border-box;
}
.galleryModule .rotator > .gallerySizeHelper {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  visibility: hidden;
}
.galleryModule .rotator > .slideshowImageWrapper {
  width: 100%;
  height: 100%;
  background-color: #fff;
}
.galleryModule .rotator > .slideshowImageWrapper.firstImage {
  position: absolute;
  top: 0;
  left: 0;
  background-color: transparent;
}
.galleryModule .rotator > .slideshowImageWrapper .slideshowImage {
  position: absolute;
  top: 50%;
  left: 50%;
  width: auto;
  height: 100%;
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background-color: #fff;
}
.galleryModule .rotator > .slideshowImageWrapper .slideshowBackgroundImage {
  position: absolute;
  left: 50%;
  top: 50%;
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 103%;
  min-height: 103%;
  z-index: -1;
  -webkit-filter: blur(5px);
  -moz-filter: blur(5px);
  -o-filter: blur(5px);
  -ms-filter: blur(5px);
  filter: blur(5px);
  background-color: #fff;
}
.galleryModule .rotator > .slideshowImageWrapper.landscape .slideshowImage,
.galleryModule .rotator > .slideshowImageWrapper.portraitFill .slideshowImage {
  width: 100%;
  height: auto;
}
.galleryModule .rotator > .slideshowImageWrapper.landscape .slideshowBackgroundImage,
.galleryModule .rotator > .slideshowImageWrapper.portraitFill .slideshowBackgroundImage {
  min-width: 103%;
  width: auto;
  height: 103%;
}
.galleryModule .rotator > .slideshowImageWrapper.portraitFill .slideshowImage {
  top: 0px;
  transform: translateX(-50%);
}
.galleryModule .rotator > a,
.galleryModule .rotator .caption {
  color: #fff;
  text-decoration: none;
}
.galleryModule .rotator .caption {
  height: 18ex;
  font-family: "Montserrat", "Roboto", "Helvetica", Arial, sans-serif;
  font-size: 24px;
}
.galleryModule .rotator .caption .captionContent {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  font-family: "Montserrat", "Roboto", "Helvetica", Arial, sans-serif;
  font-size: 24px;
  line-height: 3.1ex;
  height: 12ex;
  margin-bottom: 3ex;
  margin-top: 3ex;
  /* try to add ellipses at the end */
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
}
.galleryModule .backBtn,
.galleryModule .fwdBtn,
.galleryModule .pauseBtn {
  top: 50%;
}
.admin .galleryModuleEmpty .moduleBody {
  background: url("https://cdn.ecatholic.com/1772471332/base-images/slideshow/image-gallery-icon.png") no-repeat center center;
  background-color: #32466e;
}
.admin .galleryModuleEmpty .moduleBody:before {
  content: "";
  position: absolute;
  width: 137px;
  height: 87px;
  background: url("https://cdn.ecatholic.com/1772471332/base-images/slideshow/image-rotator-arrow.png") no-repeat center center;
  right: 40px;
  top: 40px;
  opacity: 0.665;
}
#core .imageModule .moduleName {
  margin-bottom: 10px;
}
.imageModule .moduleBody {
  box-sizing: border-box;
}
.imageModule a,
.imageModule img {
  display: block;
  width: 100%;
}
#core .region .imageModule:not(.imageModuleEmpty) {
  height: auto;
  min-height: 30px;
  max-height: 100%;
  display: flex;
  flex-direction: column;
}
#core .region .imageModule:not(.imageModuleEmpty) .moduleBody {
  width: 100%;
  height: auto;
  max-height: 100%;
  overflow: hidden;
  margin-left: auto;
  margin-right: auto;
}
.admin .imageModuleEmpty .zoomButton,
.admin .imageModuleEmpty .moveImageButton {
  display: none;
}
.admin .imageModuleEmpty .moduleBody {
  position: relative;
  max-height: 100%;
  min-height: 100%;
  height: 500px;
  background-color: #32466e;
}
.admin .imageModuleEmpty .moduleBody:before {
  content: "";
  position: absolute;
  width: 137px;
  height: 87px;
  max-height: 20%;
  background: url("https://cdn.ecatholic.com/1772471332/base-images/slideshow/image-rotator-arrow.png") no-repeat top right;
  background-size: contain;
  right: 40px;
  top: 10px;
  opacity: 0.665;
}
.admin .imageModuleEmpty .moduleBody:after {
  content: "";
  position: absolute;
  width: 70%;
  height: 50%;
  max-width: 250px;
  background: url("https://cdn.ecatholic.com/1772471332/base-images/photo-albums/picture-add-icon.png") no-repeat center center;
  background-size: contain;
  top: 25%;
  right: 0px;
  left: 0px;
  margin: auto;
}
.admin .imageModuleEmpty.moduleTitleHidden.moduleSubtitleHidden .moduleBody:before {
  top: 40px;
}
.documentsModule .aggregate,
.linksModule .aggregate,
.ctaButtonsModule .aggregate {
  padding-top: 0px;
}
.sectionRegion .documentsModule .aggregate .group:last-child,
.sectionRegion .linksModule .aggregate .group:last-child,
.sectionRegion .ctaButtonsModule .aggregate .group:last-child {
  margin-bottom: 1px;
}
#fieldGroup-buttonCallToAction,
.buttonModule .buttonCallToAction {
  display: none !important;
}
.focusPointImage .focusPointImageArea {
  position: relative;
  width: 100%;
}
.focusPointImage .focusPointImageArea:not(.moveEnabled) {
  pointer-events: none;
}
.focusPointImage .focusPointImagePositioner {
  position: relative;
  top: 0px;
  left: 0px;
  height: auto;
  width: 100%;
  overflow: hidden;
  box-sizing: border-box;
}
@media (min-width: 1221px) {
  .focusPointImage .focusPointImagePositioner {
    height: 100%;
  }
}
.focusPointImage .focusPointImageContainer {
  height: 100%;
  width: 100%;
  display: block;
}
.focusPointImage .focusPointImageHolder {
  position: absolute;
  left: 0;
  top: 0;
  margin: 0;
  display: block;
  transform-origin: top left;
  cursor: move;
}
.focusPointImage .focusPointImageHolder:not(.imageLoaded) {
  visibility: hidden;
  position: relative;
}
.focusPointImage.fixed .focusPointImagePositioner {
  height: 100%;
}
.focusPointImage.fixed .focusPointImageHolder {
  width: 100% !important;
  height: auto !important;
}
.focusPointImage.fixed.fixedHeight .focusPointImageHolder {
  width: auto !important;
  height: 100% !important;
}
@media (min-width: 1221px) {
  .focusPointImage.inset .focusPointImageHolder {
    width: 100% !important;
    height: auto !important;
  }
}
.focusPointImage.inset .focusPointImageContainer[style*="padding-top"] {
  height: 0px;
}
@media (max-width: 1220px) {
  .focusPointImage .focusPointImageArea {
    width: 100%;
  }
  .focusPointImage .focusPointImageHolder {
    width: 100% !important;
    height: auto !important;
  }
  .focusPointImage .focusPointImagePositioner {
    padding-top: 0 !important;
  }
}
.buttonModuleButton {
  position: relative;
  display: block;
  text-decoration: none;
  background-position: center center;
  background-repeat: no-repeat;
}
.buttonModuleButton:hover {
  text-decoration: none;
}
.buttonModuleButton .buttonBackground {
  height: 100%;
  width: 100%;
  display: block;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: center top;
}
.buttonModuleButton .buttonLabel {
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.buttonModuleButton.hasCallToAction .buttonCallToAction {
  display: block;
}
.buttonModuleButton .buttonLabelContainer {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: 0px;
  left: 0px;
  overflow: hidden;
}
.buttonModuleButton .buttonLabelCenter {
  display: block;
}
.buttonModuleButton:not(.hasImage) .buttonLabelContainer {
  position: static;
}
.buttonModuleButton.hasImage.hasLabel .buttonLabelContainer,
.buttonModuleButton.hasImage.hasSubtext .buttonLabelContainer {
  height: auto;
}
.buttonModuleButton.hasImage.hasSubtext .buttonLabelContainer {
  min-height: 50%;
}
.buttonModuleButton .focusPointImageArea {
  height: 100%;
}
.buttonModuleButton:hover .focusPointImageArea.moveEnabled {
  z-index: 2;
}
.buttonModuleButton:before,
.buttonModuleButton .buttonBackground:before,
.buttonModuleButton:after,
.buttonModuleButton .buttonBackground:after {
  z-index: 1;
}
.buttonModuleButton .buttonLabelContainer {
  z-index: 1;
}
.buttonModule .nonCustomButton:hover .icon {
  color: #000;
}
.buttonModule .nonCustomButton .icon {
  color: #000;
  transition: background-color 0.5s ease, color 0.5s ease, border-color 0.5s ease, opacity 0.5s ease;
  width: 90px;
  height: 135px;
  margin: auto;
  max-height: calc(100% - 100%);
}
.buttonModule .bulletinButton .buttonLabelContainer {
  background-image: url("https://cdn.ecatholic.com/1772471332/base-images/buttons/collection-02-svg/bulletins.svg?svgButtonBulletins");
}
.buttonModule .calendarButton .buttonLabelContainer {
  background-image: url("https://cdn.ecatholic.com/1772471332/base-images/buttons/collection-02-svg/calendar.svg?svgButtonCalendar");
}
.buttonModule .confessionTimesButton .buttonLabelContainer {
  background-image: url("https://cdn.ecatholic.com/1772471332/base-images/buttons/collection-02-svg/confession-times.svg?svgButtonConfessionTimes");
}
.buttonModule .contactUsButton .buttonLabelContainer {
  background-image: url("https://cdn.ecatholic.com/1772471332/base-images/buttons/collection-02-svg/contact-us.svg?svgButtonContactUs");
}
.buttonModule .directionsButton .buttonLabelContainer {
  background-image: url("https://cdn.ecatholic.com/1772471332/base-images/buttons/collection-02-svg/directions.svg?svgButtonDirections");
}
.buttonModule .documentsButton .buttonLabelContainer {
  background-image: url("https://cdn.ecatholic.com/1772471332/base-images/buttons/collection-02-svg/documents.svg?svgButtonDocuments");
}
.buttonModule .donationButton .buttonLabelContainer {
  background-image: url("https://cdn.ecatholic.com/1772471332/base-images/buttons/collection-02-svg/donation.svg?svgButtonDonation");
}
.buttonModule .eventsButton .buttonLabelContainer {
  background-image: url("https://cdn.ecatholic.com/1772471332/base-images/buttons/collection-02-svg/events.svg?svgButtonEvents");
}
.buttonModule .faithFormationButton .buttonLabelContainer {
  background-image: url("https://cdn.ecatholic.com/1772471332/base-images/buttons/collection-02-svg/faith-formation.svg?svgButtonFaithFormation");
}
.buttonModule .faqButton .buttonLabelContainer {
  background-image: url("https://cdn.ecatholic.com/1772471332/base-images/buttons/collection-02-svg/faq.svg?svgButtonFaq");
}
.buttonModule .homilyButton .buttonLabelContainer {
  background-image: url("https://cdn.ecatholic.com/1772471332/base-images/buttons/collection-02-svg/homilies.svg?svgButtonHomilies");
}
.buttonModule .massTimesButton .buttonLabelContainer {
  background-image: url("https://cdn.ecatholic.com/1772471332/base-images/buttons/collection-02-svg/mass-times.svg?svgButtonMassTimes");
}
.buttonModule .ministryFinderButton .buttonLabelContainer {
  background-image: url("https://cdn.ecatholic.com/1772471332/base-images/buttons/collection-02-svg/ministry-finder.svg?svgButtonMinistryFinder");
}
.buttonModule .newsButton .buttonLabelContainer {
  background-image: url("https://cdn.ecatholic.com/1772471332/base-images/buttons/collection-02-svg/news.svg?svgButtonNews");
}
.buttonModule .parishFinderButton .buttonLabelContainer {
  background-image: url("https://cdn.ecatholic.com/1772471332/base-images/buttons/collection-02-svg/parish-finder.svg?svgButtonParishFinder");
}
.buttonModule .photoAlbumsButton .buttonLabelContainer {
  background-image: url("https://cdn.ecatholic.com/1772471332/base-images/buttons/collection-02-svg/photo-albums.svg?svgButtonPhotoAlbums");
}
.buttonModule .portfolioButton .buttonLabelContainer {
  background: url("https://cdn.ecatholic.com/1772471332/base-images/buttons/collection-02-svg/portfolio.svg?svgButtonPortfolio") left center no-repeat;
}
.buttonModule .pricingButton .buttonLabelContainer {
  background: url("https://cdn.ecatholic.com/1772471332/base-images/buttons/collection-02-svg/pricing.svg?svgButtonPricing") left center no-repeat;
}
.buttonModule .schoolFinderButton .buttonLabelContainer {
  background: url("https://cdn.ecatholic.com/1772471332/base-images/buttons/collection-02-svg/school-finder.svg?svgButtonSchoolFinder") left center no-repeat;
}
.buttonModule .testimonialsButton .buttonLabelContainer {
  background: url("https://cdn.ecatholic.com/1772471332/base-images/buttons/collection-02-svg/testimonials.svg?svgButtonTestimonials") left center no-repeat;
}
.buttonModule .videoButton .buttonLabelContainer {
  background: url("https://cdn.ecatholic.com/1772471332/base-images/buttons/collection-02-svg/video.svg?svgButtonVideo") left center no-repeat;
}
.buttonModule:not(.focusPointImage) .zoomButton,
.buttonModule:not(.focusPointImage) .moveImageButton {
  display: none;
}
.buttonModule.buttonModule1 .hasLabel.hasSubtext .buttonLabel {
  margin-bottom: 3px;
}
.nonCustomButton .buttonLabel {
  align-items: center;
  min-height: 45px;
}
#background #core .nonCustomButton .buttonLabel {
  width: auto;
}
.buttonModule2 .nonCustomButton .buttonLabel {
  min-height: 35px;
}
#background.admin .buttonModuleEmpty .moduleBody {
  background: url("https://cdn.ecatholic.com/1772471332/base-images/buttons/button-add-icon.png") no-repeat center center;
  background-color: #32466e;
}
#background.admin .buttonModuleEmpty .moduleBody:before {
  content: "";
  position: absolute;
  width: 50px;
  height: 32px;
  background: url("https://cdn.ecatholic.com/1772471332/base-images/slideshow/image-rotator-arrow.png") no-repeat center center;
  background-size: contain;
  right: 40px;
  top: 30px;
  opacity: 0.665;
}
#background.admin .buttonModuleEmpty .moduleBody .buttonModuleButton {
  visibility: hidden;
}
.sectionRegion .buttonModuleButton {
  background-color: #ffd190;
  color: #fff;
  text-align: center;
  border: 0 solid #333;
  border-radius: 20px;
}
.sectionRegion .buttonModuleButton:hover {
  background-color: #ffd190;
  color: #fff;
  border: 0 solid #3b1708;
}
.sectionRegion .buttonModuleButton .buttonLabelContainer {
  border-bottom-left-radius: 18px;
  border-bottom-right-radius: 18px;
}
.sectionRegion .buttonModuleButton .buttonBackground {
  border-radius: 20px;
}
.sectionRegion .buttonModuleButton .buttonLabelCenter {
  padding-right: 0;
  padding-left: 0;
  padding-top: 0;
  padding-bottom: 0px;
}
.sectionRegion .buttonModuleButton.hasImage.hasLabel .buttonLabelContainer,
.sectionRegion .buttonModuleButton.hasImage.hasSubtext .buttonLabelContainer {
  min-height: 100%;
  background-color: #ffd190;
}
.sectionRegion .buttonModuleButton.hasImage.hasLabel:hover .buttonLabelContainer,
.sectionRegion .buttonModuleButton.hasImage.hasSubtext:hover .buttonLabelContainer {
  background-color: #ffd190;
}
.sectionRegion .buttonLabel {
  font-family: "Montserrat", "Roboto", "Helvetica", Arial, sans-serif;
  font-size: 24px;
  font-weight: normal;
}
.sectionRegion .hasImage .buttonLabel,
.sectionRegion .hasSubtext .buttonLabel {
  font-size: 24px;
}
.sectionRegion .hasImage .buttonSubtext,
.sectionRegion .hasSubtext .buttonSubtext {
  font-size: 12px;
}
.sectionRegion .buttonModule1 .buttonModuleButton {
  min-height: 320px;
}
.sectionRegion .buttonModule1 .buttonBackground,
.sectionRegion .buttonModule1 .buttonModuleButton:not(.hasImage) .buttonLabelContainer {
  min-height: 320px;
}
.sectionRegion .buttonModule2 .buttonModuleButton {
  min-height: 140px;
}
.sectionRegion .buttonModule2 .buttonBackground,
.sectionRegion .buttonModule2 .buttonModuleButton:not(.hasImage) .buttonLabelContainer {
  min-height: 140px;
}
.sectionRegion .sectionInner.hasFixedHeight .buttonModule1 .buttonModuleButton,
.sectionRegion.hasFixedHeight .buttonModule1 .buttonModuleButton {
  min-height: unset;
}
.sectionRegion .sectionInner.hasFixedHeight .buttonModule1 .buttonBackground,
.sectionRegion.hasFixedHeight .buttonModule1 .buttonBackground,
.sectionRegion .sectionInner.hasFixedHeight .buttonModule1 .buttonModuleButton:not(.hasImage) .buttonLabelContainer,
.sectionRegion.hasFixedHeight .buttonModule1 .buttonModuleButton:not(.hasImage) .buttonLabelContainer {
  min-height: unset;
}
.sectionRegion .sectionInner.hasFixedHeight .buttonModule2 .buttonModuleButton,
.sectionRegion.hasFixedHeight .buttonModule2 .buttonModuleButton,
.sectionRegion .sectionInner.hasFixedHeight .buttonModule2 .buttonBackground,
.sectionRegion.hasFixedHeight .buttonModule2 .buttonBackground,
.sectionRegion .sectionInner.hasFixedHeight .buttonModule2 .buttonModuleButton:not(.hasImage) .buttonLabelContainer,
.sectionRegion.hasFixedHeight .buttonModule2 .buttonModuleButton:not(.hasImage) .buttonLabelContainer {
  min-height: unset;
}
.sectionRegion .buttonModule2 .buttonModuleButton {
  height: calc((100% - 40px) / 2);
}
.sectionRegion .buttonModule2 .buttonModuleButton:first-child {
  margin-bottom: 40px;
}
.sectionRegion .sectionButtonModule:not(.sectionButtonMarkedDelete) {
  height: 100%;
}
.sectionRegion .buttonModuleButton {
  height: 100%;
  box-sizing: border-box;
}
.sectionRegion .buttonModule,
.sectionRegion .buttonModule .moduleBody {
  height: 100%;
}
.sectionRegion .buttonBackground {
  background-size: cover;
  background-position: center;
}
.sectionRegion .fourAcross .nonCustomButton .buttonLabel,
.sectionRegion .fourModule .nonCustomButton .buttonLabel {
  white-space: normal;
}
.sectionRegion .fiveAcross .buttonModuleButton.nonCustomButton .buttonLabel,
.sectionRegion .sixAcross .buttonModuleButton.nonCustomButton .buttonLabel {
  white-space: normal;
  font-size: 23px;
  padding-top: 50px;
  padding-left: 0px;
  background-position: top center;
}
#formTop {
  position: relative;
}
#onlineForm #submissionLimitMessage {
  display: none;
}
#onlineForm.submissionLimitReached #submissionLimitMessage {
  display: block;
  margin-top: 20px;
}
#onlineForm.submissionLimitReached #saveOnlineForm > :not(.submissionLimitVisible) {
  visibility: hidden;
}
#onlineForm #onlineFormFields .ofField input[type="radio"],
#onlineForm #onlineFormFields .ofField input[type="checkbox"] {
  width: auto;
  height: auto;
  margin-right: 5px;
}
#onlineForm .ofReplicatorMaster .editBar .copyTagButton {
  display: none;
}
#onlineForm #reloadForm {
  margin-top: 15px;
}
#onlineForm #saveOnlineForm {
  padding-bottom: 20px;
}
#onlineForm .staticFieldLabel {
  font-weight: bold;
  margin-right: 10px;
}
#onlineForm .staticFieldLabel input[type="text"] {
  width: auto;
}
#onlineForm .paymentMultiplier input[type="number"] {
  width: auto;
}
#onlineForm .selectedValue {
  margin-left: 5px;
  font-weight: bold;
}
#onlineForm #paymentsItemizedOrder {
  border-top: 1px solid #ebebeb;
  border-bottom: 1px solid #ebebeb;
  padding: 20px;
  margin-bottom: 20px;
}
#onlineForm #paymentsItemizedOrder .total {
  text-align: right;
  font-weight: bold;
  font-size: 18px;
  clear: both;
  margin-top: 20px;
}
#onlineForm .subtotals .subtotal {
  min-width: 20%;
}
#onlineForm .subtotalLineItem {
  clear: both;
  margin-bottom: 10px;
}
#onlineForm .paymentLineItemAmounts {
  float: right;
  text-align: right;
}
#onlineForm .paymentLineItemAmounts span {
  margin-left: 10px;
  min-width: 30%;
}
#onlineForm form[action*="paypal"] input {
  width: auto;
  height: auto;
}
#onlineFormSidePanel .threeTab .ui-tab {
  box-sizing: border-box;
}
#onlineFormSidePanel .threeTab .ui-tab:not(.paymentsContent) {
  width: 37.5% !important;
}
#onlineFormSidePanel .threeTab .paymentsContent {
  width: 25% !important;
}
#onlineFormSidePanel .twoTab .ui-tab {
  width: 50% !important;
  box-sizing: border-box;
}
.formStyling .paymentCurrencyLabel + input {
  padding-left: 20px;
}
.formStyling .paymentCurrencyLabel {
  margin-top: 0px;
  height: 54px;
  display: flex;
  align-items: center;
}
.formStyling .ofField {
  position: relative;
  margin: 0 0 15px 0;
}
.formStyling .replicatorCounter {
  margin-bottom: 15px;
}
.formStyling .ofReplicatorHidden {
  display: none;
}
.formStyling .groupName {
  color: #000;
  font-size: 24px;
  margin-bottom: 7.5px;
}
.formStyling .fieldLabel {
  display: block;
  margin-left: 2px;
  margin-bottom: 2px;
  color: #000;
  font-weight: bold;
}
.formStyling .required {
  margin-left: 3px;
  font-size: 11.2px;
  opacity: 0.5;
}
.formStyling input,
.formStyling select,
.formStyling textarea {
  box-sizing: border-box;
  height: 54px;
  padding: 7px ;
  border: 1px solid #888;
  border-radius: 10px;
  background-color: #fff;
  color: #000;
  font-size: 15px;
}
.formStyling input,
.formStyling textarea {
  width: 350px;
  max-width: 100%;
}
.formStyling input.hasDatepicker {
  position: relative;
  z-index: 11;
}
.formStyling select {
  max-width: 350px;
  max-width: min(350px, 100%);
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  background-image: url("https://cdn.ecatholic.com/1772471332/images/admin/dropdown-arrow.png");
  background-position: right 5px bottom 8px;
  background-repeat: no-repeat;
  padding-right: 19px;
}
.formStyling select::-ms-expand {
  display: none;
}
.formStyling textarea {
  height: 100px;
  resize: none;
}
.formStyling .radioContainer .optionContainer,
.formStyling .checkboxContainer .optionContainer {
  margin-top: 8px;
  display: block;
}
.formStyling .radioContainer .optionContainer label,
.formStyling .checkboxContainer .optionContainer label {
  display: inline-block;
  max-width: calc(100% - 26px);
  vertical-align: middle;
}
.formStyling .radioContainer .optionContainer input,
.formStyling .checkboxContainer .optionContainer input {
  clear: both;
  margin-left: 5px;
  display: inline-block;
  vertical-align: middle;
}
.formStyling .fieldLimitRemaining {
  color: inherit;
  vertical-align: bottom;
}
.formStyling .fieldLimitRemaining.empty {
  color: red;
}
.formStyling input:disabled {
  opacity: 0.7;
  cursor: not-allowed;
}
.formStyling input:disabled ~ label {
  opacity: 0.7;
  cursor: not-allowed;
}
.formStyling input:disabled ~ label .fieldLimitRemaining {
  color: red;
}
.formStyling input ~ label .fieldLimitRemaining {
  color: inherit;
  margin-left: 10px;
}
.formStyling .iAgreeText {
  margin-bottom: 10px;
}
.formStyling .iAgreeText ~ label {
  display: block;
  float: left;
  margin-top: 5px;
  max-width: calc(100% - 36px);
}
.formStyling .iAgreeText ~ input {
  clear: both;
  margin-left: 15px;
  display: block;
  float: left;
  margin-top: 8px;
}
.formStyling .emailReplyIcon {
  display: none;
  left: 310px;
  left: calc(min(350px, 100%) - 40px);
  font-size: 0;
}
@media (max-width: 500px) {
  .formStyling .emailReplyIcon {
    margin-top: -10px;
    left: auto;
    right: -5px;
  }
}
.formStyling .cityStateZipField > div {
  float: left;
  margin-right: 10px;
}
.formStyling .cityStateZipField > div:last-child {
  margin-right: 0px;
}
.formStyling .cityStateZipField .fieldLabel {
  white-space: nowrap;
  overflow: hidden;
}
@media (min-width: 1221px) {
  .formStyling .firstLastNameField > div,
  .formStyling .duoField > div {
    float: left;
    margin-right: 10px;
  }
  .formStyling .firstLastNameField > div:last-child,
  .formStyling .duoField > div:last-child {
    margin-right: 0px;
  }
  .formStyling .firstLastNameField .fieldLabel,
  .formStyling .duoField .fieldLabel {
    white-space: nowrap;
    overflow: hidden;
  }
  .formStyling .firstLastNameField > div,
  .formStyling .duoField > div,
  .formStyling .firstLastNameField input,
  .formStyling .duoField input,
  .formStyling .firstLastNameField select,
  .formStyling .duoField select {
    width: 170px;
  }
  .formStyling .cityStateZipField div {
    width: 65px;
  }
  .formStyling .cityStateZipField div .required {
    display: none;
  }
  .formStyling .cityStateZipField input,
  .formStyling .cityStateZipField select {
    width: 65px;
  }
  .formStyling .cityStateZipField > div:first-child {
    width: 200px;
  }
  .formStyling .cityStateZipField > div:first-child .required {
    display: inline-block;
  }
  .formStyling .cityStateZipField > div:first-child input {
    width: 200px;
  }
  .trio .formStyling input,
  .duo #content2 .formStyling input,
  .smallColumn .formStyling input,
  .trio .formStyling textarea,
  .duo #content2 .formStyling textarea,
  .smallColumn .formStyling textarea,
  .trio .formStyling select,
  .duo #content2 .formStyling select,
  .smallColumn .formStyling select {
    width: 100%;
  }
  .trio .formStyling .firstLastNameField > div,
  .duo #content2 .formStyling .firstLastNameField > div,
  .smallColumn .formStyling .firstLastNameField > div,
  .trio .formStyling .duoField > div,
  .duo #content2 .formStyling .duoField > div,
  .smallColumn .formStyling .duoField > div,
  .trio .formStyling .cityStateZipField > div,
  .duo #content2 .formStyling .cityStateZipField > div,
  .smallColumn .formStyling .cityStateZipField > div {
    width: 100%;
  }
  .trio .formStyling .firstLastNameField > div:first-child,
  .duo #content2 .formStyling .firstLastNameField > div:first-child,
  .smallColumn .formStyling .firstLastNameField > div:first-child,
  .trio .formStyling .duoField > div:first-child,
  .duo #content2 .formStyling .duoField > div:first-child,
  .smallColumn .formStyling .duoField > div:first-child,
  .trio .formStyling .cityStateZipField > div:first-child,
  .duo #content2 .formStyling .cityStateZipField > div:first-child,
  .smallColumn .formStyling .cityStateZipField > div:first-child {
    margin-bottom: 15px;
  }
  .trio .formStyling .firstLastNameField input,
  .duo #content2 .formStyling .firstLastNameField input,
  .smallColumn .formStyling .firstLastNameField input,
  .trio .formStyling .duoField input,
  .duo #content2 .formStyling .duoField input,
  .smallColumn .formStyling .duoField input,
  .trio .formStyling .cityStateZipField input,
  .duo #content2 .formStyling .cityStateZipField input,
  .smallColumn .formStyling .cityStateZipField input,
  .trio .formStyling .firstLastNameField select,
  .duo #content2 .formStyling .firstLastNameField select,
  .smallColumn .formStyling .firstLastNameField select,
  .trio .formStyling .duoField select,
  .duo #content2 .formStyling .duoField select,
  .smallColumn .formStyling .duoField select,
  .trio .formStyling .cityStateZipField select,
  .duo #content2 .formStyling .cityStateZipField select,
  .smallColumn .formStyling .cityStateZipField select {
    width: 100%;
  }
  .trio .formStyling .cityStateZipField div,
  .duo #content2 .formStyling .cityStateZipField div,
  .smallColumn .formStyling .cityStateZipField div {
    width: calc((100% - 10px) / 2);
  }
  .trio .formStyling .cityStateZipField > div:first-child,
  .duo #content2 .formStyling .cityStateZipField > div:first-child,
  .smallColumn .formStyling .cityStateZipField > div:first-child,
  .trio .formStyling .cityStateZipField > div:first-child input,
  .duo #content2 .formStyling .cityStateZipField > div:first-child input,
  .smallColumn .formStyling .cityStateZipField > div:first-child input {
    width: 100%;
  }
  .rowSection.oneModule .connectGroupModule .formStyling .aggregate,
  .columnSection.soloColumn .connectGroupModule .formStyling .aggregate,
  #core.solo .connectGroupModule .formStyling .aggregate {
    display: flex;
    gap: 10px;
  }
  .rowSection.oneModule .connectGroupModule .formStyling .ofField,
  .columnSection.soloColumn .connectGroupModule .formStyling .ofField,
  #core.solo .connectGroupModule .formStyling .ofField {
    width: 100%;
  }
  .rowSection.oneModule .connectGroupModule .formStyling .duoField,
  .columnSection.soloColumn .connectGroupModule .formStyling .duoField,
  #core.solo .connectGroupModule .formStyling .duoField {
    display: flex;
  }
  .rowSection.oneModule .connectGroupModule .formStyling .duoField div,
  .columnSection.soloColumn .connectGroupModule .formStyling .duoField div,
  #core.solo .connectGroupModule .formStyling .duoField div,
  .rowSection.oneModule .connectGroupModule .formStyling .duoField input,
  .columnSection.soloColumn .connectGroupModule .formStyling .duoField input,
  #core.solo .connectGroupModule .formStyling .duoField input {
    width: 100%;
  }
}
.formStyling .ofFieldGroup .fieldGroup {
  margin: 0 0 0 0;
  padding: 0;
}
.formStyling .fieldGroup input,
.formStyling .fieldGroup textarea {
  width: 350px;
}
@media (min-width: 1221px) {
  .formStyling .fieldGroup .firstLastNameField > div,
  .formStyling .fieldGroup .duoField > div,
  .formStyling .fieldGroup .firstLastNameField input,
  .formStyling .fieldGroup .duoField input,
  .formStyling .fieldGroup .firstLastNameField select,
  .formStyling .fieldGroup .duoField select {
    width: 170px;
  }
  .formStyling .fieldGroup .cityStateZipField div,
  .formStyling .fieldGroup .cityStateZipField input,
  .formStyling .fieldGroup .cityStateZipField select {
    width: 65px;
  }
  .formStyling .fieldGroup .cityStateZipField > div:first-child {
    width: 200px;
  }
  .formStyling .fieldGroup .cityStateZipField > div:first-child input {
    width: 200px;
  }
  .trio .formStyling .fieldGroup input,
  .duo #content2 .formStyling .fieldGroup input,
  .smallColumn .formStyling .fieldGroup input,
  .trio .formStyling .fieldGroup textarea,
  .duo #content2 .formStyling .fieldGroup textarea,
  .smallColumn .formStyling .fieldGroup textarea,
  .trio .formStyling .fieldGroup select,
  .duo #content2 .formStyling .fieldGroup select,
  .smallColumn .formStyling .fieldGroup select {
    width: 100%;
  }
  .trio .formStyling .fieldGroup .firstLastNameField > div,
  .duo #content2 .formStyling .fieldGroup .firstLastNameField > div,
  .smallColumn .formStyling .fieldGroup .firstLastNameField > div,
  .trio .formStyling .fieldGroup .duoField > div,
  .duo #content2 .formStyling .fieldGroup .duoField > div,
  .smallColumn .formStyling .fieldGroup .duoField > div,
  .trio .formStyling .fieldGroup .cityStateZipField > div,
  .duo #content2 .formStyling .fieldGroup .cityStateZipField > div,
  .smallColumn .formStyling .fieldGroup .cityStateZipField > div {
    width: 100%;
  }
  .trio .formStyling .fieldGroup .firstLastNameField > div:first-child,
  .duo #content2 .formStyling .fieldGroup .firstLastNameField > div:first-child,
  .smallColumn .formStyling .fieldGroup .firstLastNameField > div:first-child,
  .trio .formStyling .fieldGroup .duoField > div:first-child,
  .duo #content2 .formStyling .fieldGroup .duoField > div:first-child,
  .smallColumn .formStyling .fieldGroup .duoField > div:first-child,
  .trio .formStyling .fieldGroup .cityStateZipField > div:first-child,
  .duo #content2 .formStyling .fieldGroup .cityStateZipField > div:first-child,
  .smallColumn .formStyling .fieldGroup .cityStateZipField > div:first-child {
    margin-bottom: 15px;
  }
  .trio .formStyling .fieldGroup .firstLastNameField input,
  .duo #content2 .formStyling .fieldGroup .firstLastNameField input,
  .smallColumn .formStyling .fieldGroup .firstLastNameField input,
  .trio .formStyling .fieldGroup .duoField input,
  .duo #content2 .formStyling .fieldGroup .duoField input,
  .smallColumn .formStyling .fieldGroup .duoField input,
  .trio .formStyling .fieldGroup .cityStateZipField input,
  .duo #content2 .formStyling .fieldGroup .cityStateZipField input,
  .smallColumn .formStyling .fieldGroup .cityStateZipField input,
  .trio .formStyling .fieldGroup .firstLastNameField select,
  .duo #content2 .formStyling .fieldGroup .firstLastNameField select,
  .smallColumn .formStyling .fieldGroup .firstLastNameField select,
  .trio .formStyling .fieldGroup .duoField select,
  .duo #content2 .formStyling .fieldGroup .duoField select,
  .smallColumn .formStyling .fieldGroup .duoField select,
  .trio .formStyling .fieldGroup .cityStateZipField select,
  .duo #content2 .formStyling .fieldGroup .cityStateZipField select,
  .smallColumn .formStyling .fieldGroup .cityStateZipField select {
    width: 100%;
  }
  .trio .formStyling .fieldGroup .cityStateZipField div,
  .duo #content2 .formStyling .fieldGroup .cityStateZipField div,
  .smallColumn .formStyling .fieldGroup .cityStateZipField div {
    width: calc((100% - 10px) / 2);
  }
  .trio .formStyling .fieldGroup .cityStateZipField > div:first-child,
  .duo #content2 .formStyling .fieldGroup .cityStateZipField > div:first-child,
  .smallColumn .formStyling .fieldGroup .cityStateZipField > div:first-child,
  .trio .formStyling .fieldGroup .cityStateZipField > div:first-child input,
  .duo #content2 .formStyling .fieldGroup .cityStateZipField > div:first-child input,
  .smallColumn .formStyling .fieldGroup .cityStateZipField > div:first-child input {
    width: 100%;
  }
}
.formStyling .fieldHelpButton {
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-left: 2px;
  border-radius: 8px;
  background: url("https://cdn.ecatholic.com/1772471332/base-images/online-forms/help-icon-small.png") center center no-repeat;
  cursor: pointer;
}
.formStyling .fieldHelpButton:hover {
  background: url("https://cdn.ecatholic.com/1772471332/base-images/online-forms/help-icon-hover-small.png") center center no-repeat;
}
.formStyling .fieldHelp {
  display: none;
  position: absolute;
  max-width: 150px;
  border: 1px solid #777;
  border-radius: 5px;
  padding: 10px;
  background: #fff;
  color: #555;
  font-size: 12px;
  z-index: 1;
}
.formStyling .limitErrorText,
.formStyling .requiredErrorText,
.formStyling .validateErrorText {
  display: none;
  margin-left: 5px;
  color: #e60505;
}
.formStyling .limitError .limitErrorText,
.formStyling .requiredError .requiredErrorText,
.formStyling .validateError .validateErrorText {
  display: block;
}
.formStyling .radio.requiredError .requiredErrorText,
.formStyling .checkbox.requiredError .requiredErrorText,
.formStyling .radio.validateError .validateErrorText,
.formStyling .checkbox.validateError .validateErrorText {
  clear: both;
  padding-top: 5px;
}
.formStyling .submitForm {
  min-width: auto;
  padding: 10px 20px;
  margin-bottom: 4px;
  display: inline-block;
  border-radius: 3px;
  background-color: #3b1708;
  color: #fff;
  text-align: center;
  cursor: pointer;
  border: 1px solid #3b1708;
}
.formStyling .submitForm:hover {
  background-color: #a14300;
  color: #fff;
  border-color: #3b1708;
}
.formStyling .customText img {
  max-width: 100%;
}
.formStyling .customText ol li,
.formStyling .customText ul li {
  display: list-item;
}
.formStyling .formCaptchaInfo {
  width: 350px;
  max-width: 100%;
  font-size: 10px;
  opacity: 0.7;
  clear: both;
}
.grecaptcha-badge {
  visibility: hidden;
}
#paymentParameters {
  display: none !important;
}
.paymentCurrencyLabel {
  margin-top: 12px;
  margin-left: 10px;
  position: absolute;
}
#paymentCustomForm {
  --shpf-margin: 15px;
  opacity: 1;
}
.paymentModule .moduleBody {
  color: #000;
}
.paymentModule .formStyling {
  position: unset;
}
.paymentModule .formStyling .hidden {
  display: none;
}
.paymentModule .formStyling .ofField {
  position: unset;
  margin-bottom: unset;
  min-width: 0;
}
.paymentModule .formStyling .ofField.paymentRecurringType {
  min-width: unset;
}
.paymentModule .formStyling .ofField::after {
  display: unset;
  content: unset;
  visibility: unset;
  height: unset;
  clear: unset;
}
.paymentModule .formStyling .duoField > div:first-child,
.paymentModule .formStyling .firstLastNameField > div:first-child {
  margin-bottom: unset;
}
.paymentModule .formStyling input,
.paymentModule .formStyling textarea {
  width: unset;
  max-width: unset;
}
.paymentModule .multiField {
  display: flex;
  gap: 15px;
  flex-wrap: wrap;
}
.paymentModule .multiField > * {
  flex-basis: calc((501px - 100%) * 999);
}
.paymentModule .multiField.variableColumns .fieldLabel {
  white-space: nowrap;
}
.paymentModule .multiField:not(.variableColumns) > * {
  flex-grow: 1;
}
.paymentModule .aggregate {
  display: grid;
}
.paymentModule .aggregate > .legendGroup:not(:last-child) {
  margin-bottom: 15px;
}
.paymentModule .aggregate > .formGroup:not(:last-child) {
  margin-bottom: 30px;
}
.paymentModule .legendGroup .faIcon {
  font-family: "custom-payment-title-icons";
  margin-right: 6px;
}
.paymentModule .legendGroup legend {
  display: block;
  font-size: 24px;
  font-family: "Belleza", "Times New Roman", Times, serif;
}
.paymentModule .legendGroup .legendText {
  font-weight: bold;
}
.paymentModule .legendGroup .legendCaption {
  display: none;
  font-size: 16px;
  color: #000;
}
.paymentModule .formGroup {
  display: grid;
  grid-template-columns: 1fr;
  grid-row-gap: 15px;
}
.paymentModule .formGroup input,
.paymentModule .formGroup textarea {
  width: 100%;
}
.paymentModule .formGroup .faIcon {
  font-family: "custom-payment-field-icons";
  margin-right: 6px;
}
.paymentModule .formSubGroup {
  display: grid;
  grid-template-columns: 1fr;
  grid-row-gap: 15px;
}
.paymentModule .required {
  font-size: inherit;
  margin-left: 0px;
}
.paymentModule input:disabled,
.paymentModule select:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.paymentModule #fieldGroup-AMOUNT .fieldLabel,
.paymentModule #paymentOffsetFees .fieldLabel {
  display: none;
}
.paymentModule #presetAmounts {
  grid-column-gap: 15px;
  grid-template-columns: repeat(auto-fit, minmax(min(230px, 100%), 1fr));
  grid-auto-rows: minmax(77px, auto);
}
.paymentModule #presetAmounts .otherButton {
  box-sizing: border-box;
  grid-template-columns: 1fr auto min-content 1fr;
  color: #000;
}
.paymentModule #presetAmounts .otherButton .dollar-sign {
  font-size: 24px;
  font-weight: bold;
  grid-area: 1/2;
  display: none;
}
.paymentModule #presetAmounts .otherButton .input-sizer {
  font-size: 16px;
  display: none;
  grid-area: 1/3;
  align-items: center;
  position: relative;
}
.paymentModule #presetAmounts .otherButton .input-sizer::after {
  box-sizing: border-box;
}
.paymentModule #presetAmounts .otherButton .input-sizer input {
  height: unset;
  background-color: transparent;
  appearance: textfield;
  -moz-appearance: textfield;
}
.paymentModule #presetAmounts .otherButton .input-sizer input:focus {
  outline: none;
}
.paymentModule #presetAmounts .otherButton .input-sizer input::-webkit-outer-spin-button,
.paymentModule #presetAmounts .otherButton .input-sizer input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.paymentModule #presetAmounts .otherButton .input-sizer::after,
.paymentModule #presetAmounts .otherButton .input-sizer input {
  font-size: 24px;
  width: 100%;
  font-family: inherit;
  font-weight: bold;
  grid-area: 1/1;
  padding: 0px;
  margin: 0px;
  resize: none;
  border: none;
  padding-left: 2px;
}
.paymentModule #presetAmounts .otherButton .input-sizer input::placeholder {
  font-weight: normal;
  font-size: 16px;
}
.paymentModule #presetAmounts .otherButton .input-sizer::after {
  content: attr(data-value) " ";
  visibility: hidden;
  white-space: pre-wrap;
}
.paymentModule #presetAmounts .otherButton .label {
  font-weight: bold;
  font-size: 24px;
  grid-area: 2/1/3/5;
  justify-self: center;
}
.paymentModule #presetAmounts .otherButton.selected {
  border: 3px solid #3b1708;
}
.paymentModule #presetAmounts .otherButton.selected .label {
  font-size: 16px;
  font-weight: normal;
}
.paymentModule #presetAmounts .otherButton.selected .dollar-sign {
  display: block;
}
.paymentModule #presetAmounts .otherButton.selected .input-sizer {
  display: inline-grid;
}
.paymentModule #presetAmounts .otherButton .input-sizer.empty {
  width: 12ch;
}
.paymentModule .paymentRecurringTypeButtons,
.paymentModule .paymentTypeButtons {
  display: grid;
}
@media (min-width: 501px) {
  .paymentModule .paymentRecurringTypeButtons,
  .paymentModule .paymentTypeButtons {
    grid-template-columns: 1fr 1fr;
  }
}
.paymentModule .paymentFormButton {
  color: #000;
  background-color: #fff;
  border: 1px solid #888;
  box-sizing: border-box;
  font-size: 24px;
  padding: 15px;
  align-items: center;
  align-content: center;
  justify-content: center;
  display: flex;
  text-align: center;
  cursor: pointer;
  line-height: normal;
}
.paymentModule .paymentFormButton .label {
  display: inline-block;
}
.paymentModule .paymentFormButton .faIcon {
  margin-right: 6px;
}
.paymentModule .paymentFormButton:not(.otherButton).selected {
  background-color: #3b1708;
  color: #fff;
}
.paymentModule .paymentTypeButton,
.paymentModule .paymentRecurringTypeButton {
  min-height: 77px;
}
@media (max-width: 500px) {
  .paymentModule .paymentTypeButton:first-child,
  .paymentModule .paymentRecurringTypeButton:first-child {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
  }
  .paymentModule .paymentTypeButton:last-child,
  .paymentModule .paymentRecurringTypeButton:last-child {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
  }
}
@media (min-width: 501px) {
  .paymentModule .paymentTypeButton:first-child,
  .paymentModule .paymentRecurringTypeButton:first-child {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
  }
  .paymentModule .paymentTypeButton:last-child,
  .paymentModule .paymentRecurringTypeButton:last-child {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
  }
}
.paymentModule .paymentRecurringFirstDate {
  flex-grow: 1;
}
.paymentModule #fieldGroup-paymentRecurringFirstDate {
  display: grid;
  grid-template-columns: 1fr;
}
.paymentModule #fieldGroup-paymentRecurringFirstDate .faIcon {
  color: #000;
  font-size: 18px;
  grid-area: 2/1;
  z-index: 12;
  align-self: center;
  justify-self: end;
  margin-right: 10px;
}
.paymentModule #fieldGroup-paymentRecurringFirstDate #paymentRecurringFirstDate {
  grid-area: 2/1;
  padding-right: 34px;
}
.paymentModule .presetAmountBlock {
  border-radius: 10px;
  display: grid;
  justify-content: center;
  align-content: center;
  height: 100%;
}
.paymentModule .presetAmountBlock .dollar-sign {
  grid-area: 1/1;
  justify-self: end;
}
.paymentModule .presetAmountBlock .amount {
  grid-area: 1/2;
  justify-self: start;
}
.paymentModule .presetAmountBlock .label {
  grid-area: 2/1/3/3;
  width: 100%;
  display: block;
}
.paymentModule .presetAmountBlock:not(.otherButton) {
  font-size: 24px;
}
.paymentModule .presetAmountBlock:not(.otherButton) .label {
  font-size: 16px;
}
.paymentModule #fieldGroup-AMOUNT .paymentCurrencyLabel {
  font-weight: bold;
  height: 2.2em;
  font-size: 24px;
  color: #000;
}
.paymentModule #fieldGroup-AMOUNT input {
  font-weight: bold;
  appearance: textfield;
  height: 2.2em;
  padding-left: 1.25em;
  font-size: 24px;
}
.paymentModule .paymentTypeCredit .paymentTypeCreditIcon {
  float: left;
  margin-right: 10px;
  font-size: 0px;
  width: 40px;
  height: 28px;
  background-image: url("https://cdn.ecatholic.com/1772471332/paymentMinimal/static/shpf/WEBPMIN/images/creditcards.png");
  background-repeat: no-repeat;
  background-size: 193px 58px;
}
.paymentModule .paymentTypeCredit .paymentTypeCreditIcon.hideIcon {
  background-position-y: -29px;
}
.paymentModule .paymentTypeCredit #ccVISA {
  margin-left: 20px;
}
.paymentModule .paymentTypeCredit #ccMC {
  background-position-x: -51px;
}
.paymentModule .paymentTypeCredit #ccDISCOVER {
  background-position-x: -102px;
}
.paymentModule .paymentTypeCredit #ccAMEX {
  background-position-x: -153px;
}
.paymentModule .paymentTypeCheck .paymentTypeCheckIcon {
  float: left;
  margin-left: 20px;
  font-size: 0px;
  width: 215px;
  height: 100px;
  background-image: url("https://cdn.ecatholic.com/1772471332/paymentMinimal/static/shpf/WEBPMIN/images/check.png");
  background-repeat: no-repeat;
  background-size: 215px 299px;
}
.paymentModule .paymentTypeCheck .paymentTypeCheckIcon.hideIcon {
  display: none;
}
.paymentModule .paymentTypeCheck #achROUTING {
  background-position-y: -100px;
}
.paymentModule .paymentTypeCheck #achACCOUNT {
  background-position-y: -200px;
}
.paymentModule .paymentFrame {
  z-index: 1;
  line-height: unset;
  font-size: unset;
  margin-bottom: -15px;
}
.paymentModule .iframe {
  max-width: 100%;
}
.paymentModule .radioContainer .optionContainer {
  display: inline;
  white-space: nowrap;
}
.paymentModule .radioContainer .optionContainer label {
  display: initial;
  cursor: pointer;
  user-select: none;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 36px;
  margin-left: -36px !important;
  margin-right: 20px !important;
}
.paymentModule .radioContainer .optionContainer input {
  position: absolute;
  opacity: 0;
  width: 0;
  z-index: -1;
}
.paymentModule .radioContainer .optionContainer .radioIcon {
  display: inline-block;
  vertical-align: top;
  width: 1rem;
  height: 1rem;
  margin-right: 0.5rem;
  border-radius: 50%;
  border-style: solid;
  border-width: 0.1rem;
  border-color: currentColor;
  vertical-align: middle;
}
.paymentModule .radioContainer .optionContainer input:checked ~ .radioIcon {
  background: radial-gradient(currentColor 0%, currentColor 40%, transparent 50%, transparent);
  border-color: currentColor;
}
.paymentModule .checkboxContainer .optionContainer input {
  margin-left: 0px;
  width: 1rem;
  height: 1rem;
}
.paymentModule .checkboxContainer .optionContainer label {
  display: inline;
  cursor: pointer;
  user-select: none;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 36px;
  margin-left: -36px !important;
  margin-right: 20px !important;
}
.paymentModule #ach-disclaimer {
  font-size: 10px;
  text-align: justify;
}
.paymentModule #ach-disclaimer p {
  line-height: normal;
}
.paymentModule .summaryTotalAmount {
  font-weight: bold;
  display: flex;
  justify-content: space-between;
  font-size: 24px;
}
.paymentModule .totalAmount:before,
.paymentModule .totalCharged:before {
  content: "$";
}
.paymentModule .summaryField .totalAmount,
.paymentModule .summaryField .totalCharged,
.paymentModule .summaryField .limitedCycles {
  font-weight: bold;
}
.paymentModule .paymentSubmit {
  justify-self: start;
}
.paymentModule .submitSpinner {
  position: absolute;
  left: 0px;
  top: 0px;
  padding: 50px;
  box-sizing: border-box;
  height: 100%;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.8);
  z-index: 11;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: flex;
  justify-content: center;
  align-content: flex-end;
  align-items: flex-end;
  flex-wrap: wrap;
  display: none;
}
.paymentModule .submitSpinnerIcon {
  background: url("https://cdn.ecatholic.com/1772471332/images/admin/payments/spinner.png") no-repeat;
  width: 50px;
  height: 50px;
  animation: spin 1s steps(12) infinite;
  background-size: 100% auto;
}
.paymentModule .submitSpinnerText {
  color: #000 !important;
  margin-top: 10px;
  width: 100%;
  text-align: center;
}
@keyframes spin {
  to {
    transform: rotate(1turn);
  }
}
@media (min-width: 1221px) {
  :is(.rowSection.oneModule, .columnSection.soloColumn, #core.solo) .paymentModule .aggregate {
    grid-template-columns: 1fr minmax(230px, max-content) 1fr 500px 1fr;
  }
  :is(.rowSection.oneModule, .columnSection.soloColumn, #core.solo) .paymentModule .legendGroup {
    grid-column-start: 2;
    align-self: start;
    text-align: right;
  }
  :is(.rowSection.oneModule, .columnSection.soloColumn, #core.solo) .paymentModule .legendCaption {
    display: block;
  }
  :is(.rowSection.oneModule, .columnSection.soloColumn, #core.solo) .paymentModule .formGroup {
    grid-column-start: 4;
  }
}
.rowSection:is(.fourModule, .threeModule) .paymentModule .paymentRecurringTypeButtons,
.rowSection:is(.fourModule, .threeModule) .paymentModule .paymentTypeButtons {
  display: grid;
}
@media (min-width: 1221px) {
  .rowSection:is(.fourModule, .threeModule) .paymentModule .paymentRecurringTypeButtons,
  .rowSection:is(.fourModule, .threeModule) .paymentModule .paymentTypeButtons {
    grid-template-columns: 1fr;
  }
}
@media (min-width: 1221px) {
  .rowSection:is(.fourModule, .threeModule) .paymentModule .paymentRecurringTypeButton:first-child,
  .rowSection:is(.fourModule, .threeModule) .paymentModule .paymentTypeButton:first-child {
    border-radius: 10px 10px 0px 0px;
  }
  .rowSection:is(.fourModule, .threeModule) .paymentModule .paymentRecurringTypeButton:last-child,
  .rowSection:is(.fourModule, .threeModule) .paymentModule .paymentTypeButton:last-child {
    border-radius: 0px 0px 10px 10px;
  }
  .rowSection:is(.fourModule, .threeModule) .paymentModule .paymentRecurringTypeButton:last-child:first-child,
  .rowSection:is(.fourModule, .threeModule) .paymentModule .paymentTypeButton:last-child:first-child {
    border-radius: 10px;
  }
}
.rowSection:is(.fourModule, .threeModule) .paymentModule .radioContainer {
  display: grid;
}
.rowSection:is(.fourModule) #fieldGroup-paymentRecurringOptionFrequencyType {
  display: grid;
}
@media (max-width: 500px) {
  .subtotals .paymentLineItemDescription,
  .subtotals .paymentLineItemAmounts {
    width: 100%;
    display: inline-block;
  }
  .subtotals .paymentLineItemAmounts {
    clear: both;
  }
}
#background #core .sectionInner .paymentModule .moduleBody .fieldLabel,
#background #core .sectionInner .paymentModule .moduleBody p {
  color: #000;
}
#background #core .sectionInner .paymentModule .moduleBody .submitForm {
  background-color: #3b1708;
  color: #fff;
  border-width: 0px;
}
#background #core .sectionInner .paymentModule .moduleBody .submitForm:hover {
  background-color: #a14300;
  color: #fff;
}
#core .sacramentTimesModule .moduleBody {
  margin-left: 0px;
  margin-right: 0px;
  padding-left: 0px;
  padding-right: 0px;
}
.sacramentTimesModule .categoryName {
  font-size: 22.4px;
  padding: 10px 0;
}
.sacramentTimesModule .categoryName:not(:first-child) {
  border-top: 1px #ccc solid;
  margin-top: 5px;
}
.sacramentTimesModule .categoryName + .sacramentTimes .sacramentDay {
  padding-left: 20px;
}
.sacramentTimesModule .dayName {
  font-size: 17.6px;
  font-weight: bold;
  font-style: italic;
  padding: 5px 0;
  padding-left: 20px;
  margin-top: 4px;
}
.sacramentTimesModule .dayName ~ .sacramentTimes .sacramentDay {
  padding-left: 40px;
}
.sacramentTimesModule .sacramentTimesNote {
  font-style: italic;
  font-size: 16px;
  padding: 5px 0;
}
.sacramentTimes.times,
.massModeSacramentTimes {
  position: relative;
  padding: 0px;
  list-style: none;
  margin: 0px;
  font-size: 16px;
}
.sacramentTimes.times .sacramentDay,
.massModeSacramentTimes .sacramentDay {
  min-height: 15px;
  padding: 5px 0;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: flex-start;
  -ms-flex-align: flex-start;
  align-items: flex-start;
}
.sacramentTimes.times .sacramentDay .day,
.massModeSacramentTimes .sacramentDay .day {
  position: relative;
  width: 120px;
  padding-right: 5px;
  text-transform: uppercase;
  font-weight: bold;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.sacramentTimes.times .sacramentDay .day.MULTIDAY span,
.massModeSacramentTimes .sacramentDay .day.MULTIDAY span {
  display: inline-block;
  max-width: 100%;
}
.sacramentTimes.times .sacramentDay .day.MULTIDAY .addComma:after,
.massModeSacramentTimes .sacramentDay .day.MULTIDAY .addComma:after {
  content: ",";
}
.sacramentTimes.times .sacramentDay .day.MULTIDAY .addDash:after,
.massModeSacramentTimes .sacramentDay .day.MULTIDAY .addDash:after {
  content: "-";
}
.sacramentTimes.times .sacramentDay .day.MULTIDAY .addColon:after,
.massModeSacramentTimes .sacramentDay .day.MULTIDAY .addColon:after {
  content: ":";
}
.sacramentTimes.times .sacramentDay .day .dayLowercase,
.massModeSacramentTimes .sacramentDay .day .dayLowercase {
  text-transform: lowercase;
}
.sacramentTimes.times .sacramentDay .sacramentGroup,
.massModeSacramentTimes .sacramentDay .sacramentGroup {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  overflow: hidden;
  margin-right: -10px;
  margin-left: -7px;
  max-width: calc(100% - 7px);
}
.sacramentTimes.times .sacramentDay .sacramentTime,
.massModeSacramentTimes .sacramentDay .sacramentTime {
  padding-right: 10px;
  padding-left: 7px;
  margin-left: -1px;
  border-left: 1px solid currentColor;
}
.sacramentTimes.times .sacramentDay .sacramentTime .language,
.massModeSacramentTimes .sacramentDay .sacramentTime .language,
.sacramentTimes.times .sacramentDay .sacramentTime .nativeLanguage,
.massModeSacramentTimes .sacramentDay .sacramentTime .nativeLanguage,
.sacramentTimes.times .sacramentDay .sacramentTime .abbrLanguage,
.massModeSacramentTimes .sacramentDay .sacramentTime .abbrLanguage,
.sacramentTimes.times .sacramentDay .sacramentTime .notes,
.massModeSacramentTimes .sacramentDay .sacramentTime .notes,
.sacramentTimes.times .sacramentDay .sacramentTime .separator,
.massModeSacramentTimes .sacramentDay .sacramentTime .separator {
  font-size: 14px;
  color: #666;
}
.sacramentTimes.times .sacramentDay .language.ENGLISH,
.massModeSacramentTimes .sacramentDay .language.ENGLISH,
.sacramentTimes.times .sacramentDay .nativeLanguage.ENGLISH,
.massModeSacramentTimes .sacramentDay .nativeLanguage.ENGLISH,
.sacramentTimes.times .sacramentDay .sacramentTime .abbrLanguage.ENGLISH,
.massModeSacramentTimes .sacramentDay .sacramentTime .abbrLanguage.ENGLISH,
.sacramentTimes.times .sacramentDay .nativeLanguage,
.massModeSacramentTimes .sacramentDay .nativeLanguage,
.sacramentTimes.times .sacramentDay .abbrLanguage,
.massModeSacramentTimes .sacramentDay .abbrLanguage,
.sacramentTimes.times .sacramentDay .separator,
.massModeSacramentTimes .sacramentDay .separator {
  display: none;
}
.sacramentTimes.times .sacramentDay .day:nth-child(even) {
  background-color: transparent;
}
.sacramentTimes.times .videoIconLink {
  line-height: 100%;
  vertical-align: middle;
  padding-left: 4px;
  display: inline-block;
}
.sacramentTimes.times.compact > li .day {
  width: 60px;
}
.sacramentTimes.times.compact > li .day.PERPETUAL {
  width: 120px;
}
.sacramentTimes.times.compact > li .language {
  display: none;
}
.sacramentTimes.times.compact > li .abbrLanguage {
  display: inline;
}
.sacramentTimes.times.large1 > li {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.sacramentTimes.times.large1 > li .day {
  width: 100%;
}
.sacramentTimes.times.large1 > li .day.MULTIDAY .addColon:after {
  content: "";
}
.sacramentTimes.times.large2 > li .sacramentTime {
  width: 100%;
  margin-right: 0px;
  border-right-width: 0px;
}
.sacramentTimes.times.massTime .firstWeekday {
  border-top: 1px #ccc solid;
  margin-top: 3px;
  padding-top: 8px;
}
.sacramentTimes.times.massTime .firstWeekday:first-child {
  border-width: 0px;
  margin-top: 0px;
  padding-top: 5px;
}
.twitter-timeline-backup {
  display: none;
}
.rssContent:only-child {
  border-bottom-width: 0px;
}
.aggregate .rssContent .thumb {
  margin-top: 0px;
}
.aggregate .rssContent .date,
.aggregate .rssContent .author {
  display: inline;
}
#features > ul {
  padding: 0;
  list-style-type: none;
}
#featureSlideshow {
  position: relative;
  float: left;
  border: 0px solid #333;
  margin: 0 0 25px 0;
  background-color: #1a0a04;
  width: 771.66666667px;
  height: 385.83333333px;
  box-sizing: border-box;
}
.pageTypeInterior #featureSlideshow.featureMedium {
  float: right;
}
#featureSlideshow.featureCustom {
  width: 1920px;
  height: 850px;
}
#featureSlideshow li {
  height: 100%;
  width: 100%;
}
#featureSlideshow li .slideshowModule {
  height: 100%;
  width: 100%;
}
.slideshowModule .rotator .firstImage {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.slideshowModule .rotator > a,
.slideshowModule .rotator > span {
  width: 100%;
  height: 100%;
}
.slideshowModule .rotator > a picture img,
.slideshowModule .rotator > span picture img,
.slideshowModule .rotator > a > div,
.slideshowModule .rotator > span > div {
  width: 100%;
  height: 100%;
}
.slideshowModule .rotator > a picture img,
.slideshowModule .rotator > span picture img {
  background-color: #fff;
}
.slideshowModule .rotator > a picture img[src=""],
.slideshowModule .rotator > span picture img[src=""] {
  display: none;
}
.slideshowModule .rotator .slideshowImageWrapper.visible picture * {
  transition: none;
  transform: none;
}
.slideshowModule .rotator.none .slideshowImageWrapper.visible picture * {
  transition: none;
  transform: none;
}
.slideshowModule .rotator .caption {
  height: 35%;
  color: #fff;
}
.slideshowModule .rotator .caption .title,
.slideshowModule .rotator .caption .captionContent {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
}
.slideshowModule .rotator .caption .title {
  margin-top: 35px;
  font-family: "Belleza", "Times New Roman", Times, serif;
  font-size: 85px;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.slideshowModule .rotator .caption .captionContent {
  height: 34px;
  margin-top: 4px;
  font-family: "Montserrat", "Roboto", "Helvetica", Arial, sans-serif;
  font-size: 24px;
}
.slideshowModule .rotator .caption > div.captionContent:first-child {
  margin-top: 137px;
}
.slideshowModule .backBtn,
.slideshowModule .fwdBtn,
.slideshowModule .pauseBtn {
  top: 92%;
}
#imageCropperForm.hasCallToAction #fieldGroup-callToAction {
  display: block;
  margin-left: 20px;
}
#imageCropperForm.hasCallToAction #fieldGroup-title,
#imageCropperForm.hasCallToAction #fieldGroup-description,
#imageCropperForm.hasCallToAction #fieldGroup-callToAction {
  width: calc((100% - 40px)/3);
}
#imageCropperForm.hasCallToAction .fieldHelpButton[helpfield="fieldHelp-callToAction"] {
  position: absolute;
}
.callToAction {
  background-color: #3b1708;
  color: #fff;
  font-size: 16px;
  font-family: Helvetica, Arial, sans-serif;
  padding: 15px 40px 15px 15px;
  border-radius: 3px;
  border: 0px solid #3b1708;
  position: absolute;
  bottom: 29px;
  right: 5%;
  width: auto;
  max-width: 160px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.callToAction:hover {
  background: #a14300;
  color: #000;
  border: 0px solid #a14300;
}
.callToActionArrow {
  position: absolute;
  top: 0px;
  right: 15px;
  display: inline-block;
  width: 15px;
  height: 100%;
  background-image: url("https://cdn.ecatholic.com/1772471332/base-images/slideshow/callToActionIcons.svg?svgChevron");
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://cdn.ecatholic.com/1772471332/base-images/slideshow/callToActionIcons.svg?svgChevron', sizingMethod='scale');
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
.callToActionArrow .icon {
  display: block;
  width: 100%;
  height: 100%;
  margin: auto;
  box-sizing: border-box;
}
@media (min-width: 1221px) {
  #featureSlideshow .caption.hasCallToAction .title,
  #featureSlideshow .caption.hasCallToAction .captionContent {
    padding-right: 210px;
    box-sizing: border-box;
  }
  #featureSlideshow.featureCustom .caption.hasCallToAction .callToAction {
    right: 50%;
    margin-right: -487.5px;
  }
}
#featureSlideshow:hover .backBtn,
#featureSlideshow:hover .fwdBtn {
  display: block;
}
#featureSlideshow:hover .pauseBtn {
  display: none;
}
#captions {
  display: none;
}
#shortcuts {
  display: none;
}
#fade {
  -webkit-mask-image: -webkit-gradient(linear, left top, right bottom, from(#000000), to(rgba(0, 0, 0, 0)));
  width: 100%;
  height: 100%;
}
#slideshowSettings,
.slideshowPhotoHolder {
  display: none;
}
@media (min-width: 1920px) {
  #background #featureSlideshow.featureCustom {
    left: 50%;
    width: 100%;
    width: 100vw;
    margin-left: -585px;
    margin-left: -50vw;
  }
  #background #featureSlideshow.featureCustom #rotator img {
    margin-top: calc((44.27083333333333vw - 850px) / -2);
    height: auto;
    width: 100%;
  }
  #background #featureSlideshow.featureCustom .videoMode {
    width: 1920px;
    margin-left: 50%;
    transform: translate(-50%, 0%);
  }
}
@media (min-width: 1221px) {
  #featureSlideshow.featureCustom {
    margin-left: -375px;
  }
  #featureSlideshow.featureCustom #fwdBtn {
    right: 375px;
  }
  #featureSlideshow.featureCustom .editBar {
    margin-right: -585px !important;
    right: 50%;
  }
  #featureSlideshow.featureCustom #backBtn {
    left: 375px;
  }
  .featureCustom #rotator .caption .title,
  .featureCustom #rotator .caption .captionContent {
    width: 1170px;
  }
  .featureCustom#featureSlideshow .slideshowModule.videoMode.captionOn .title,
  .featureCustom#featureSlideshow .slideshowModule.videoMode.captionOn .captionContent {
    width: 1170px;
  }
}
#vimeoBlocker {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}
#vimeoBlocker.play {
  background: url("https://cdn.ecatholic.com/1772471332/base-images/slideshow/button-play.png") no-repeat center center;
  background-image: url("https://cdn.ecatholic.com/1772471332/base-images/slideshow/button-play-font-awesome.png");
}
#vimeoBlocker.pause:hover {
  background: url("https://cdn.ecatholic.com/1772471332/base-images/slideshow/button-pause.png") no-repeat center center;
}
#vimeoBlocker.pause:hover {
  background-image: url("https://cdn.ecatholic.com/1772471332/base-images/slideshow/button-pause-font-awesome.png");
}
.slideshowModule .livePlayerContainer {
  padding: 0px;
  margin: 0px;
  height: 100%;
}
.slideshowModule .livePlayerContainer iframe {
  padding: 0px;
  margin: 0px;
}
#featureSlideshow.featureCustom .videoMode,
#featureSlideshow.featureCustom .broadcasting {
  overflow: hidden;
}
#featureSlideshow.featureCustom .videoMode iframe,
#featureSlideshow.featureCustom .broadcasting iframe,
#featureSlideshow.featureCustom .videoMode .captionPositioner,
#featureSlideshow.featureCustom .broadcasting .captionPositioner {
  min-height: 100%;
  max-height: 100%;
}
#featureSlideshow.featureCustom.hasVideo {
  overflow: hidden;
}
#featureSlideshow.featureCustom.hasVideo .videoMode .video {
  min-width: none;
  max-height: none;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#featureSlideshow.featureCustom.hasVideo .videoMode .jwplayer {
  max-height: 100%;
}
.slideshowModule.videoMode.captionOverlayOn .captionPositioner {
  background-color: rgba(0, 0, 0, 0.2);
}
.slideshowModule.videoMode.captionOn .captionPositioner {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}
.slideshowModule.videoMode.captionOn .caption {
  display: flex;
  flex-direction: column;
  position: relative;
  justify-content: center;
  text-align: center;
  color: #fff;
}
#featureSlideshow .slideshowModule.videoMode.captionOn .caption {
  height: 100%;
}
#featureSlideshow .slideshowModule.videoMode.captionOn .caption .captionContent {
  height: auto;
}
.slideshowModule.videoMode.captionOn .caption .title,
.slideshowModule.videoMode.captionOn .caption .captionContent {
  width: 90%;
  margin: 5px auto;
  overflow: hidden;
}
.slideshowModule.videoMode.captionOn .caption .title {
  font-family: "Belleza", "Times New Roman", Times, serif;
  font-size: 85px;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.slideshowModule.videoMode.captionOn .caption .captionContent {
  font-family: "Montserrat", "Roboto", "Helvetica", Arial, sans-serif;
  font-size: 24px;
  max-height: 12ex;
  line-height: 3.1ex;
  /* try to add ellipses at the end */
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
}
.slideshowModule.videoMode.captionOn .caption .callToAction {
  position: relative;
  margin: 5px auto;
  bottom: auto;
  right: auto;
  text-decoration: none;
}
.slideshowModule.videoMode.captionOn .caption .callToAction:hover {
  text-decoration: none;
}
.slideshowModule.videoMode.captionOn .caption .callToAction:not(:first-child) {
  margin-top: 10px;
}
.slideshowModule .rotator,
.moduleBody .rotator {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}
.slideshowModule .rotator > a,
.moduleBody .rotator > a,
.slideshowModule .rotator .caption,
.moduleBody .rotator .caption {
  text-decoration: none;
}
.slideshowModule .rotator > div.flip,
.moduleBody .rotator > div.flip {
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  left: -500px !important;
  transition: all 1s ease-in-out;
}
.slideshowModule .rotator .captionPositioner,
.moduleBody .rotator .captionPositioner,
.slideshowModule .rotator .caption,
.moduleBody .rotator .caption {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}
.slideshowModule .rotator .caption,
.moduleBody .rotator .caption {
  background: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.7) 100%);
  /* Chrome10+,Safari5.1+ */
  background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.7) 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr= #00000000, endColorstr= #b3000000);
  /* IE6-9 */
  overflow: hidden;
}
.slideshowModule .backBtn,
.moduleBody .backBtn,
.slideshowModule .fwdBtn,
.moduleBody .fwdBtn,
.slideshowModule .pauseBtn,
.moduleBody .pauseBtn {
  display: none;
  z-index: 120;
  position: absolute;
  width: 25px;
  height: 55px;
  margin-top: -27.5px;
  opacity: 0.8;
  overflow: hidden;
  font-size: 0px;
  cursor: pointer;
  width: 35px;
  height: 35px;
  margin-top: -17.5px;
}
.slideshowModule .backBtn:hover,
.moduleBody .backBtn:hover,
.slideshowModule .fwdBtn:hover,
.moduleBody .fwdBtn:hover,
.slideshowModule .pauseBtn:hover,
.moduleBody .pauseBtn:hover {
  opacity: 1;
}
.slideshowModule:hover:not(.touchEventsActive) .backBtn,
.moduleBody:hover:not(.touchEventsActive) .backBtn,
.slideshowModule:hover:not(.touchEventsActive) .fwdBtn,
.moduleBody:hover:not(.touchEventsActive) .fwdBtn {
  display: block;
}
.slideshowModule:hover:not(.touchEventsActive) .pauseBtn,
.moduleBody:hover:not(.touchEventsActive) .pauseBtn {
  display: none;
}
.slideshowModule .backBtn,
.moduleBody .backBtn {
  left: 15px;
  background: url("https://cdn.ecatholic.com/1772471332/base-images/slideshow/button-back.png") no-repeat center center;
  background-image: url("https://cdn.ecatholic.com/1772471332/base-images/slideshow/button-back-font-awesome.png");
}
.slideshowModule .pauseBtn,
.moduleBody .pauseBtn {
  left: 50%;
  margin-left: -12.5px;
  margin-left: -17.5px;
}
.slideshowModule .rotatorPause,
.moduleBody .rotatorPause {
  background: url("https://cdn.ecatholic.com/1772471332/base-images/slideshow/button-pause.png") no-repeat center center;
  background-image: url("https://cdn.ecatholic.com/1772471332/base-images/slideshow/button-pause-font-awesome.png");
}
.slideshowModule .rotatorPlay,
.moduleBody .rotatorPlay {
  background: url("https://cdn.ecatholic.com/1772471332/base-images/slideshow/button-play.png") no-repeat center center;
  background-image: url("https://cdn.ecatholic.com/1772471332/base-images/slideshow/button-play-font-awesome.png");
}
.slideshowModule .fwdBtn,
.moduleBody .fwdBtn {
  right: 15px;
  transform: rotate(180deg);
  background: url("https://cdn.ecatholic.com/1772471332/base-images/slideshow/button-back.png") no-repeat center center;
  background-image: url("https://cdn.ecatholic.com/1772471332/base-images/slideshow/button-back-font-awesome.png");
}
.slideshowModule .captions,
.moduleBody .captions {
  display: none;
}
.slideshowModule .shortcuts,
.moduleBody .shortcuts {
  display: none;
}
.slideshowModule .slideshowSettings,
.moduleBody .slideshowSettings,
.slideshowModule .slideshowPhotoHolder,
.moduleBody .slideshowPhotoHolder {
  display: none;
}
#content1 {
  float: right;
  width: 373.33333333px;
  margin: 0 25px 25px 25px;
  padding-left: 0px;
  padding-right: 0px;
}
#core.duo #content1 {
  float: left;
  width: 771.66666667px;
  margin-left: 0px;
}
#content2 {
  float: right;
  width: 373.33333333px;
  margin: 0 0 25px 0;
  padding-left: 0px;
  padding-right: 0px;
}
#section1 {
  float: right;
  width: 1170px;
  margin: 0;
  margin-bottom: 25px;
  padding-left: 0px;
  padding-right: 0px;
}
.pageTypeInterior #core #interiorHeader {
  float: right;
  width: 100%;
  margin: 0;
  padding-bottom: 25px;
  padding-left: 0px;
  padding-right: 0px;
  box-sizing: border-box;
  z-index: 1;
}
.pageTypeInterior #core #content1 {
  float: right;
  width: 995px;
  margin: 0 0 25px 0;
  padding-left: 0px;
  padding-right: 0px;
}
.pageTypeInterior #core #content2 {
  float: left;
  width: 365px;
  margin: 0 0 25px 0;
  padding-left: 0px;
  padding-right: 0px;
}
.pageTypeInterior #core.singleColumn #content1,
.pageTypeInterior #core.solo #content1,
.pageTypeInterior #core.singleColumn #interiorHeader,
.pageTypeInterior #core.solo #interiorHeader {
  width: 1170px;
}
.pageTypeInterior #core.trio #content1,
.pageTypeInterior #core.trio #content3 {
  width: 365px;
}
.pageTypeInterior #core.twin #interiorHeader {
  width: 1170px;
}
.pageTypeInterior #core.twin #content1,
.pageTypeInterior #core.twin #content2 {
  width: 572.5px;
}
.pageTypeInterior #core.nelo #interiorHeader,
.pageTypeInterior #core.standard #interiorHeader {
  width: 1170px;
}
.pageTypeInterior #core.standard #interiorHeader {
  width: 1170px;
}
.pageTypeInterior #core.section #interiorHeader {
  width: 1170px;
}
.pageTypeInterior .hasHorizontal1 #core #interiorHeader {
  width: 1170px;
}
.pagePicture {
  float: right;
}
#pageTitle {
  position: relative;
  margin: 0 0 0 0;
  padding: 3px 0;
  border-bottom: 0 solid #333;
  background: none;
  background-color: transparent;
  font-family: "Belleza", "Times New Roman", Times, serif;
  font-size: 42px;
  font-weight: 400;
  color: #fff;
}
#pageTitle .editText {
  display: block;
  min-height: 15px;
}
#pageTitle .rssLink {
  position: absolute;
  top: 50%;
  right: 0px;
  width: 24px;
  height: 24px;
  margin-top: -12px;
  background-image: url("https://cdn.ecatholic.com/1772471332/base-images/social-media/socialMediaIcons.svg?svgRss");
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://cdn.ecatholic.com/1772471332/base-images/social-media/socialMediaIcons.svg?svgRss', sizingMethod='scale');
  background-repeat: no-repeat;
  background-size: 24px 24px;
  background-color: default;
  color: #fff;
  border-radius: 3px;
  transition: background-color 0.5s ease, color 0.5s ease;
  background-color: #f26522;
}
#pageTitle .rssLink:hover {
  background-color: #fff;
  color: #f26522;
}
#pageTitle .rssLink .icon {
  display: block;
  width: 100%;
  height: 100%;
  margin: auto;
  box-sizing: border-box;
  padding: 5%;
}
.noPageTitle #core #interiorHeader {
  padding-bottom: 0px;
}
#addthisWrapper,
#newFinder .addthis_toolbox {
  width: 120px;
  height: 28px;
  display: inline-block;
  float: right;
  margin-top: 10px;
  margin-left: 15px;
  z-index: 1;
}
#sideNav {
  margin-left: 0;
  margin-right: 0;
}
#sideNav header {
  padding-top: 0;
}
#sideNav footer {
  padding-bottom: 0;
}
#sideNav ul,
#sideNav li {
  margin: 0;
  padding: 0;
}
#sideNav li a {
  text-decoration: none;
}
#sideNav li .navName {
  display: block;
  border-top: 1px solid transparent;
  padding: 0 0;
  background-color: default;
  color: #1d1a1a;
  font-family: "Montserrat", "Roboto", "Helvetica", Arial, sans-serif;
  font-size: 14px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
#sideNav li .navName:hover {
  background-color: default;
  color: #a14300;
}
#sideNav li .navSecure .navName,
#sideNav li .navPage .navName,
#sideNav li .navLink .navName {
  padding-left: 0;
}
#sideNav li .navSecure ul li .navName,
#sideNav li .navPage ul li .navName,
#sideNav li .navLink ul li .navName {
  padding-left: 0;
}
#sideNav li .navSecure ul li ul li .navName,
#sideNav li .navPage ul li ul li .navName,
#sideNav li .navLink ul li ul li .navName {
  padding-left: 0;
}
#sideNav li .navSecure ul li ul li ul li .navName,
#sideNav li .navPage ul li ul li ul li .navName,
#sideNav li .navLink ul li ul li ul li .navName {
  padding-left: 0;
}
#sideNav li .navSecure ul li ul li ul li ul li .navName,
#sideNav li .navPage ul li ul li ul li ul li .navName,
#sideNav li .navLink ul li ul li ul li ul li .navName {
  padding-left: 0;
}
#sideNav li.navFirstLevelGroup > a {
  pointer-events: none;
}
#sideNav li .navGroup > .navName {
  padding: 0 0 0 0;
  background-color: transparent;
  background-color: default;
  color: #000;
}
#sideNav li .navGroup > .navName:hover {
  background-color: default;
}
#sideNav li .navGroup > ul > li > .navName {
  padding-left: 0;
}
#sideNav li .navGroup > ul > li > ul > li .navName {
  padding-left: 0;
}
#sideNav li .navGroup > ul > li > ul > li > ul > li .navName {
  padding-left: 0;
}
#sideNav li .navGroup > ul > li > ul > li > ul > li > ul > li .navName {
  padding-left: 0;
}
#sideNav li .navGroup > ul > li > ul > li > ul > li > ul > li > ul > li .navName {
  padding-left: 0;
}
#sideNav .sideNavCurrent {
  position: relative;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  margin-bottom: -1px;
}
#sideNav .sideNavCurrent > .navName {
  border-top: none;
  background-color: transparent;
  color: #a14300;
}
#sideNav .sideNavCurrent > .navName:hover {
  color: #a14300;
  background-color: transparent;
}
#sideNav .sideNavCurrent .navElement .navName {
  background-color: transparent;
}
#sideNav .sideNavCurrent .navElement .navName:hover {
  background-color: default;
}
#sideNav .sideNavCurrent .navGroup > .navName:hover {
  background-color: transparent;
}
#sideNav .sideNavSelected > a {
  font-weight: 500;
}
#sideNav div > ul > li:first-child > .navName {
  border-top: 0px solid transparent;
}
#sideNav footer {
  border-bottom: 1px solid transparent;
  min-height: 1px;
}
#sideNav .sideNavSibling {
  display: list-item;
}
.navCollapsible {
  cursor: pointer;
}
.navCollapsible > .navName {
  position: relative;
}
.navCollapsible > .navName:before {
  content: "";
  position: relative;
  display: inline-block;
  width: 0;
  height: 0;
  margin-right: 10px;
  border-style: solid;
  border-width: 10px 6px 0 6px;
  border-color: #000 transparent transparent transparent;
}
.navCollapsible.navCollapsed > .navName:before {
  border-width: 6px 0 6px 10px;
  border-color: transparent transparent transparent #000;
  margin-left: 2px;
}
.aggregate .navCollapsible > .navName:before {
  margin-right: 10px;
}
.aggregate .navCollapsible.navCollapsed > .navName:before {
  margin-left: 2px;
}
.solo .sideNavModule {
  display: none;
}
[class*="SideNav"] {
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
}
[class*="SideNav"] ul,
[class*="SideNav"] li {
  list-style: none;
  margin: 0;
  padding: 0;
}
[class*="SideNav"] .navName {
  display: block;
  border-bottom: 1px solid transparent;
  padding: 0 0;
  background-color: default;
  color: #000;
  text-decoration: none;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
[class*="SideNav"] li.selected .navName,
[class*="SideNav"] .bulletin .featured .navName {
  background-color: transparent;
  color: #a14300;
  font-weight: 500;
}
[class*="SideNav"] li.selected .navName:hover,
[class*="SideNav"] .bulletin .featured .navName:hover {
  color: #a14300;
  background-color: transparent;
}
.bulletinsSideNav .archiveTitle,
.pageTagsSideNav .pageTags {
  border-top: 0px solid transparent;
}
.pageTagsSideNav .pageTagLink,
.bulletinsSideNav .archiveTitle,
.bulletinsSideNav .bulletin a {
  font-family: "Montserrat", "Roboto", "Helvetica", Arial, sans-serif;
  font-size: 14px;
}
.pageTagsSideNav .pageTagLink .navName,
.bulletinsSideNav .bulletin .navName {
  color: #1d1a1a;
}
.pageTagsSideNav .pageTagLink .navName:hover,
.bulletinsSideNav .bulletin .navName:hover {
  background-color: default;
  color: #a14300;
}
.bulletinsSideNav .archiveTitle > .navName {
  padding-top: 0;
  padding-bottom: 0;
  background-color: default;
  color: #000;
}
.bulletinsSideNav .bulletin .navName {
  padding: 0 0 0 0;
}
.bulletinsSideNav .aggregateLabel {
  font-family: "Montserrat", "Roboto", "Helvetica", Arial, sans-serif;
  font-size: 14px;
}
.aggregateSideNav .aggregateAll,
.aggregateSideNav .aggregateMonths,
.aggregateSideNav .aggregatePages {
  border-top: 0px solid transparent;
}
.aggregateSideNav .aggregateMonths,
.aggregateSideNav .aggregatePages {
  margin-top: 0;
}
.aggregateSideNav .aggregateAll,
.aggregateSideNav .aggregateLabel,
.aggregateSideNav .aggregateMonth,
.aggregateSideNav .aggregatePage {
  font-family: "Montserrat", "Roboto", "Helvetica", Arial, sans-serif;
  font-size: 14px;
}
.aggregateSideNav .aggregateAll .navName,
.aggregateSideNav .aggregateMonth .navName,
.aggregateSideNav .aggregatePage .navName {
  color: #1d1a1a;
}
.aggregateSideNav .aggregateAll .navName:hover,
.aggregateSideNav .aggregateMonth .navName:hover,
.aggregateSideNav .aggregatePage .navName:hover {
  background-color: default;
  color: #a14300;
}
.aggregateSideNav .aggregateLabel > .navName {
  padding-top: 0;
  padding-bottom: 0;
  background-color: default;
  color: #000;
}
.aggregateSideNav .aggregateMonth .navName,
.aggregateSideNav .aggregatePage .navName {
  padding: 0 0 0 0;
}
.interior.event .date,
.interior.news .date {
  font-weight: bold;
  margin-bottom: 15px;
}
.interior.event .pagePicture,
.interior.news .pagePicture {
  float: right;
  max-width: 50%;
  padding: 0 0 15px 15px;
}
.event .recurringSchedule,
.searchResult .recurringSchedule {
  font-weight: normal;
  font-style: italic;
}
.searchResult .date {
  font-weight: bold;
}
.interior img {
  max-width: 100%;
}
.interior.event .eventDetails,
.interior.news .newsDetails {
  word-break: break-word;
}
.interior.event .location,
.toggledLocationContent {
  margin-bottom: 15px;
}
.locationContent + .locationMap,
.interior.news .newsDetails {
  margin-top: 15px;
}
.toggledLocationContent {
  display: none;
}
.interior.news .author {
  font-style: italic;
}
.interior.event .locationLabel {
  font-weight: bold;
}
.atcb-light {
  --font: "Montserrat", "Roboto", "Helvetica", Arial, sans-serif;
}
add-to-calendar-button,
.icsExport {
  --button-style: round;
  --hide-background: false;
}
.interior.person .picture {
  float: right;
  max-width: 50%;
  padding: 0 0 15px 15px;
}
.interior.person .role,
.interior.person .phone,
.interior.person .mail {
  display: block;
  margin-left: 0;
  margin-right: 0;
}
.interior.person .role {
  margin-bottom: 15px;
  font-weight: bold;
}
.interior.person .bio {
  margin-top: 15px;
}
.personSocialMedia {
  margin-top: 5px;
  font-size: 0px;
  line-height: normal;
}
.personSocialMedia a {
  vertical-align: text-top;
  background-color: transparent;
  color: #fff;
  transition: background-color 0.5s ease, color 0.5s ease, border-color 0.5s ease, opacity 0.5s ease;
  display: inline-block;
  width: 24px;
  height: 24px;
  margin: 0px 4px 0px 0px;
  background-size: 24px 24px;
  background-repeat: no-repeat;
  border-radius: 0px;
  overflow: hidden;
}
.personSocialMedia a:hover {
  background-color: #fff;
  color: #000;
}
.personSocialMedia a.blogSocialMedia {
  background-image: url("https://cdn.ecatholic.com/1772471332/base-images/social-media/socialMediaIcons.svg?svgBlog");
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://cdn.ecatholic.com/1772471332/base-images/social-media/socialMediaIcons.svg?svgBlog', sizingMethod='scale');
}
.personSocialMedia a.emailSocialMedia {
  background-image: url("https://cdn.ecatholic.com/1772471332/base-images/social-media/socialMediaIcons.svg?svgEmail");
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://cdn.ecatholic.com/1772471332/base-images/social-media/socialMediaIcons.svg?svgEmail', sizingMethod='scale');
}
.personSocialMedia a.facebookSocialMedia {
  background-image: url("https://cdn.ecatholic.com/1772471332/base-images/social-media/socialMediaIcons.svg?svgFacebook");
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://cdn.ecatholic.com/1772471332/base-images/social-media/socialMediaIcons.svg?svgFacebook', sizingMethod='scale');
  width: 15px;
}
.personSocialMedia a.twitterSocialMedia {
  background-image: url("https://cdn.ecatholic.com/1772471332/base-images/social-media/socialMediaIcons.svg?svgTwitter");
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://cdn.ecatholic.com/1772471332/base-images/social-media/socialMediaIcons.svg?svgTwitter', sizingMethod='scale');
}
.personSocialMedia a.flocknoteSocialMedia {
  background-image: url("https://cdn.ecatholic.com/1772471332/base-images/social-media/socialMediaIcons.svg?svgFlocknote");
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://cdn.ecatholic.com/1772471332/base-images/social-media/socialMediaIcons.svg?svgFlocknote', sizingMethod='scale');
}
.personSocialMedia a.instagramSocialMedia {
  background-image: url("https://cdn.ecatholic.com/1772471332/base-images/social-media/socialMediaIcons.svg?svgInstagram");
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://cdn.ecatholic.com/1772471332/base-images/social-media/socialMediaIcons.svg?svgInstagram', sizingMethod='scale');
}
.personSocialMedia a.instagramSocialMedia .icon {
  border-radius: 0px;
}
.personSocialMedia a.linkedinSocialMedia {
  background-image: url("https://cdn.ecatholic.com/1772471332/base-images/social-media/socialMediaIcons.svg?svgLinkedIn");
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://cdn.ecatholic.com/1772471332/base-images/social-media/socialMediaIcons.svg?svgLinkedIn', sizingMethod='scale');
}
.personSocialMedia a.phoneSocialMedia {
  background-image: url("https://cdn.ecatholic.com/1772471332/base-images/social-media/socialMediaIcons.svg?svgPhone");
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://cdn.ecatholic.com/1772471332/base-images/social-media/socialMediaIcons.svg?svgPhone', sizingMethod='scale');
}
.personSocialMedia a.pinterestSocialMedia {
  background-image: url("https://cdn.ecatholic.com/1772471332/base-images/social-media/socialMediaIcons.svg?svgPinterest");
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://cdn.ecatholic.com/1772471332/base-images/social-media/socialMediaIcons.svg?svgPinterest', sizingMethod='scale');
}
.personSocialMedia a.vimeoSocialMedia {
  background-image: url("https://cdn.ecatholic.com/1772471332/base-images/social-media/socialMediaIcons.svg?svgVimeo");
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://cdn.ecatholic.com/1772471332/base-images/social-media/socialMediaIcons.svg?svgVimeo', sizingMethod='scale');
}
.personSocialMedia a.websiteSocialMedia {
  background-image: url("https://cdn.ecatholic.com/1772471332/base-images/social-media/socialMediaIcons.svg?svgWeb");
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://cdn.ecatholic.com/1772471332/base-images/social-media/socialMediaIcons.svg?svgWeb', sizingMethod='scale');
}
.personSocialMedia a.youtubeSocialMedia {
  background-image: url("https://cdn.ecatholic.com/1772471332/base-images/social-media/socialMediaIcons.svg?svgYouTube");
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://cdn.ecatholic.com/1772471332/base-images/social-media/socialMediaIcons.svg?svgYouTube', sizingMethod='scale');
}
.personSocialMedia a .icon {
  display: block;
  width: 100%;
  height: 100%;
  margin: auto;
  box-sizing: border-box;
}
#content1 .bulletinName {
  font-size: 20px;
  text-align: center;
}
#content1 .bulletinName a {
  text-decoration: none;
}
#content1 .bulletinName img {
  max-width: 100%;
  display: block;
  margin: 0 auto;
}
.searchLast:before,
.searchNext:after {
  content: "";
  width: 0px;
  height: 0px;
  top: 1px;
  position: absolute;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
}
.searchLast {
  position: relative;
  margin-left: 21px;
  padding-right: 8px;
  border-right: 1px solid #000;
}
.searchLast,
.searchLast:hover {
  text-decoration: none;
}
.searchLast:before {
  left: -21px;
  border-right: 16px solid #3b1708;
}
.searchLast:hover:before {
  border-right: 16px solid #a14300;
}
.searchNext {
  position: relative;
  padding-left: 3px;
}
.searchNext,
.searchNext:hover {
  text-decoration: none;
}
.searchNext:after {
  right: -21px;
  border-left: 16px solid #3b1708;
}
.searchNext:hover:after {
  border-left: 16px solid #a14300;
}
#error404 {
  display: block;
  margin: auto;
  max-width: 100%;
  max-height: 480px;
}
#shieldLogin .loginError {
  color: #e60505;
  margin-bottom: 5px;
}
#shieldLogin #shieldPassword {
  float: left;
  box-sizing: border-box;
  height: 54px;
  padding: 7px;
  border: 1px solid #888;
  border-radius: 10px;
  background-color: #fff;
  color: #000;
  font-size: 15px;
  margin-right: 10px;
  margin-bottom: 10px;
}
#shieldLogin .submit {
  float: left;
  clear: left;
  min-width: auto;
  padding: 10px 20px;
  border-radius: 3px;
  background-color: #3b1708;
  color: #fff;
  text-align: center;
  cursor: pointer;
  text-decoration: none;
}
#shieldLogin .submit:hover {
  background-color: #a14300;
  color: #fff;
}
.photos {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  flex-wrap: wrap;
  width: auto;
  padding: 0px;
}
.photos li {
  list-style-type: none;
}
@media (min-width: 501px) {
  .photos li {
    padding: 15px;
  }
}
@media (max-width: 500px) {
  .photos li {
    padding: 9px;
  }
}
.photos li img {
  display: block;
}
.photoAlbum.infinite-item {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  flex-wrap: wrap;
  width: auto;
  max-width: none;
  border-bottom: 0 solid transparent;
  padding-bottom: 15px;
}
@media (min-width: 501px) {
  .photoAlbum.infinite-item > a {
    padding: 15px;
  }
}
@media (max-width: 500px) {
  .photoAlbum.infinite-item > a {
    padding: 9px;
  }
}
.photoAlbum.infinite-item .photoAlbumName {
  display: flex;
  order: -1;
  text-align: center;
  width: 100%;
  height: auto;
}
.photoAlbum.infinite-item .photoAlbumName a.name {
  margin-left: auto;
  margin-right: auto;
  float: none;
  margin-bottom: 15px;
  font-size: 32px;
}
.photoAlbum.infinite-item .thumb {
  margin: 0px;
  box-sizing: border-box;
}
.photoAlbum.infinite-item .viewMore {
  width: 128px;
  margin-bottom: 5px;
  height: auto !important;
  align-self: center;
}
.photoalbums .photoAlbum .thumb {
  background: #fff;
}
#lightbox .lb-outerContainer {
  border-radius: 0px;
}
#lightbox .lb-prev,
#lightbox .lb-next {
  opacity: 0.5;
  cursor: pointer;
}
#lightbox .lb-prev:hover,
#lightbox .lb-next:hover {
  opacity: 1;
}
#lightbox .lb-prev {
  margin-left: -75px;
  background: url("https://cdn.ecatholic.com/1772471332/base-images/photo-albums/photo-album-lightbox-left-arrow.png") no-repeat left 49%;
}
#lightbox .lb-next {
  margin-right: -75px;
  background: url("https://cdn.ecatholic.com/1772471332/base-images/photo-albums/photo-album-lightbox-right-arrow.png") no-repeat right 49%;
}
#lightbox .lb-details {
  width: 100%;
  margin-top: 15px;
  color: #e6e6e6;
  font-family: "Montserrat", "Roboto", "Helvetica", Arial, sans-serif;
}
#lightbox .lb-details .lb-caption {
  font-size: 16px;
  font-weight: normal;
  line-height: 1.3;
}
#lightbox .lb-details .lb-number {
  margin-bottom: 10px;
  font-size: 14px;
  text-align: right;
}
#lightbox .lb-close {
  position: absolute;
  top: -40px;
}
.news .news.group {
  word-break: break-word;
}
.news li .thumb {
  margin-top: 0px;
}
.eCatholicLiveCountdownModule .liveCountdown {
  position: relative;
  padding: 10px 0px;
  text-align: center;
}
.eCatholicLiveCountdownModule .liveCountdown:hover .countdownOverlay {
  display: flex !important;
}
.eCatholicLiveCountdownModule .countdownInner {
  display: flex;
  justify-content: center;
}
.eCatholicLiveCountdownModule .countdownInner .unit {
  padding-left: 10px;
  padding-right: 10px;
}
.eCatholicLiveCountdownModule .countdownInner .unit:not(:last-child) {
  border-right: 1px solid #ccc;
}
.eCatholicLiveCountdownModule .number,
.eCatholicLiveCountdownModule .countdownText {
  color: inherit;
  font-weight: bold;
  font-size: 32px;
}
.eCatholicLiveCountdownModule .label {
  color: inherit;
  font-weight: normal;
  font-size: 16px;
}
.eCatholicLiveCountdownModule .countdownOverlay {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
}
.eCatholicLiveCountdownModule .linkWrapper {
  display: flex;
  justify-content: center;
  align-items: center;
}
.eCatholicLiveCountdownModule .linkWrapper .countdownLink {
  min-width: 100px;
  padding: 10px 20px;
  border-radius: 10px;
  background-color: #3b1708;
  color: #fff;
  text-align: center;
  cursor: pointer;
  text-decoration: none;
}
.eCatholicLiveCountdownModule .linkWrapper .countdownLink:hover {
  background-color: #a14300;
  color: #fff;
}
@keyframes progressBarWidth {
  0% {
    width: 0;
  }
}
.progressBarModule .moduleBody {
  margin-top: 3px;
}
.progressBarModule .moduleBody .progressBarText {
  font-size: 16px;
  color: #999;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  font-style: italic;
}
.progressBarModule .moduleBody .progressBarText > span {
  flex-grow: 1;
}
.progressBarModule .moduleBody .fundingAmount {
  padding-right: 10px;
}
.progressBarModule .moduleBody .currentAmount {
  color: #000;
  font-size: 28px;
  display: block;
  font-style: normal;
}
.progressBarModule .moduleBody .fundingPercent {
  margin-top: auto;
  text-align: right;
}
.progressBarModule .moduleBody .currentPercent {
  color: #3b1708;
  font-size: 23px;
  display: block;
  font-style: normal;
}
.progressBarModule .moduleBody .progressBarContainer {
  height: 16px;
  margin-top: 15px;
}
.progressBarModule .moduleBody .progressBar {
  box-sizing: border-box;
  height: 100%;
  overflow: hidden;
  background: #eeeeee;
  border: 0px solid #000;
  border-radius: 8px;
}
.progressBarModule .moduleBody .progress {
  height: 100%;
  background: #3b1708;
  width: 0;
  animation: progressBarWidth 2s;
}
.progressBarModule .moduleBody.goal .progress {
  background: #3b1708;
}
.progressBarModule .moduleBody.goal .currentPercent {
  color: #3b1708;
}
.progressBarModule .moduleBody .buttonContainer {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-left: -5px;
  margin-right: -5px;
  margin-top: 5px;
}
.progressBarModule .moduleBody .buttonContainer .button {
  flex-grow: 1;
  width: 100%;
  min-width: 200px;
  flex-basis: 45%;
  box-sizing: border-box;
  margin-top: 10px;
  margin-left: 5px;
  margin-right: 5px;
  padding: 16px;
  text-align: center;
  border-radius: 0;
  background-color: #3b1708;
  color: #fff;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 14px;
}
.progressBarModule .moduleBody .buttonContainer .button:hover {
  color: #fff;
  background-color: #a14300;
}
.progressBarModule .moduleBody .buttonContainer .facebookButton {
  border: 2px solid #ccc;
  background-color: #fff;
  color: #000;
  padding: 14px;
}
.progressBarModule .moduleBody .buttonContainer .facebookButton:hover {
  color: #000;
  background-color: #ddd;
}
.progressBarModule .moduleBody .buttonContainer .facebookButton .fbIcon {
  background-image: url("https://cdn.ecatholic.com/1772471332/base-images/icons/fb.png");
  background-size: 100%;
  background-repeat: no-repeat;
  display: inline-block;
  width: 20px;
  height: 20px;
  border-radius: 2px;
  vertical-align: middle;
  margin-right: 10px;
  margin-bottom: -20px;
  margin-top: -23px;
}
@media (min-width: 1221px) {
  #content1 .mapsModule .moduleBody {
    max-height: none;
  }
}
#featureRegion .mapsModule .moduleBody {
  max-height: 100%;
}
.locationMap {
  width: 100%;
}
.flocknoteSignupsModule form {
  text-align: center;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.flocknoteSignupsModule input {
  box-sizing: border-box;
  display: inline-flex;
  height: 54px;
  padding: 7px ;
  border: 1px solid #888;
  border-radius: 10px;
  background-color: #fff;
  color: #000;
  font-size: 15px;
  margin-bottom: 15px;
}
.flocknoteSignupsModule button {
  box-sizing: border-box;
  min-width: auto;
  height: 54px;
  border: 0px;
  font-family: "Montserrat", "Roboto", "Helvetica", Arial, sans-serif;
  padding: 0 20px;
  display: inline-block;
  border-radius: 3px;
  background-color: #3b1708;
  color: #fff;
  cursor: pointer;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  margin-bottom: 15px;
}
.flocknoteSignupsModule button:hover {
  background-color: #a14300;
  color: #fff;
}
.flocknoteSignupsModule .flocknoteLayoutsHorizontal input {
  width: calc(20% - 10px);
  min-width: 100px;
  margin-right: 5px;
  margin-left: 5px;
}
.flocknoteSignupsModule .flocknoteLayoutsHorizontal button {
  margin-right: 5px;
  margin-left: 5px;
}
@media (max-width: 500px) {
  .flocknoteSignupsModule .flocknoteLayoutsHorizontal input {
    min-width: calc(50% - 10px);
    float: left;
  }
  .flocknoteSignupsModule .flocknoteLayoutsHorizontal button {
    float: left;
  }
}
@media (min-width: 1221px) {
  .twin .flocknoteSignupsModule .flocknoteLayoutsHorizontal input,
  .trio .flocknoteSignupsModule .flocknoteLayoutsHorizontal input,
  #content2 .flocknoteSignupsModule .flocknoteLayoutsHorizontal input {
    min-width: calc(50% - 10px);
    float: left;
  }
  .twin .flocknoteSignupsModule .flocknoteLayoutsHorizontal button,
  .trio .flocknoteSignupsModule .flocknoteLayoutsHorizontal button,
  #content2 .flocknoteSignupsModule .flocknoteLayoutsHorizontal button {
    float: left;
  }
}
.flocknoteSignupsModule .flocknoteLayoutsTiled form {
  width: 350px;
  max-width: 100%;
  margin: 0;
  justify-content: space-between;
}
.flocknoteSignupsModule .flocknoteLayoutsTiled input {
  width: 170px;
  max-width: calc((100% - 10px) / 2);
  flex-grow: 1;
}
.flocknoteSignupsModule .flocknoteLayoutsTiled .flocknoteSoloField {
  width: 100%;
  max-width: none;
}
.flocknoteSignupsModule .flocknoteLayoutsTiled button {
  width: 350px;
}
.flocknoteSignupsModule .flocknoteSignupsSubmitSuccess {
  display: none;
  font-size: 14px;
}
.flocknoteSignupsModule .flocknoteSignupsSubmitSuccess .iconSubmitSuccess {
  background: url("https://cdn.ecatholic.com/1772471332/base-images/icons/submit-success.png") no-repeat;
  height: 16px;
  width: 16px;
  margin: 0 5px 0 10px;
  background-size: 100%;
  vertical-align: text-bottom;
}
.flocknoteSignupsModule .flocknoteSignupsSubmitSuccess div {
  display: inline-block;
  margin-top: 19px;
}
.registrationModule .required,
.reRegistrationModule .required {
  margin-left: 0px;
  font-size: inherit;
}
.reRegistrationModule .fieldGroup .ofField:last-child,
.reRegistrationModule .aggregate .ofField:last-child {
  margin-bottom: 0px;
}
.reRegistrationModule .ofReplicator .aggregate {
  padding-top: 0px;
}
#footerBackground {
  position: relative;
  bottom: 0;
  width: 100%;
  background: none;
  background-color: transparent;
}
#footer {
  width: 1170px;
  height: auto;
  margin: 0 auto 0 auto;
  padding: 70px 0px 70px 0px;
  border-top: 0 solid #333;
  border-bottom: 0px solid #fff;
  border-left: 0px solid #fff;
  border-right: 0px solid #fff;
  background-color: transparent;
  color: #000;
  font-size: 14px;
  box-shadow: 0px 0px 0px 0px #000;
}
#footer a:not(.htmlButton),
#footer #login {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}
#footer a:not(.htmlButton):hover,
#footer #login:hover {
  color: #a14300;
  text-decoration: none;
}
#footer #login.disableLoginButton {
  cursor: not-allowed;
}
.footerConnectGroupOn #footer {
  padding-top: 0px;
}
.footerConnectGroupModule {
  text-align: center;
  position: relative;
  color: #000;
  padding-top: 25px;
  padding-bottom: 25px;
  margin-bottom: 25px;
  margin-bottom: 12.5px;
}
.footerConnectGroupModule.editable .editBar {
  box-shadow: none;
}
.footerConnectGroupModule .groupBackground {
  position: absolute;
  top: 0px;
  left: 50%;
  width: 100vw;
  min-width: 100%;
  height: 100%;
  transform: translateX(-50%);
  background: transparent;
}
.footerConnectGroupModule .groupContent {
  position: relative;
  z-index: 1;
}
.footerConnectGroupModule .formStyling {
  display: flex;
  justify-content: center;
}
@media (max-width: 500px) {
  .footerConnectGroupModule .inputHolder {
    max-width: 270px;
    margin-right: auto;
    margin-left: auto;
  }
}
.footerConnectGroupModule .fieldLabel {
  text-align: left;
  color: inherit;
}
.footerConnectGroupModule .htmlButton {
  margin-top: 20px;
  margin-bottom: 20px;
  font-size: 16px;
}
.footerConnectGroupModule .moduleName {
  text-align: center;
  display: inline-block;
  margin-top: 0px;
  margin-bottom: 20px;
}
.footerConnectGroupModule .moduleTitle {
  color: #000;
  font-family: "Belleza", "Times New Roman", Times, serif;
  font-size: 32px;
}
.footerConnectGroupModule .groupDescription {
  font-size: 16px;
}
.footerConnectGroupModule .groupSubDescription {
  font-style: italic;
  font-size: 12.6px;
  margin-top: 5px;
}
.footerConnectGroupModule .groupSubDescriptionLink {
  white-space: nowrap;
}
.footerText {
  display: none;
}
.footerText #insertFooterSocialMedia,
.footerText #insertFooterGroup {
  display: inline-block;
  vertical-align: bottom;
}
.admin .footerText .insertFooterYear:before {
  content: counter(currentYear);
}
.footerText #footerSocialMedia,
.footerText #footerGroup {
  display: inline;
}
#footerGroup.relocated:hover {
  box-shadow: 0 0 0 1px #e87722;
}
.hasFooterText .footerText1 {
  display: block;
}
.footerText,
#footerGroup {
  clear: both;
}
.footerText,
#footerLinks,
#footerBrand {
  text-align: center;
}
#footerSocialMedia {
  margin-top: 10px;
  text-align: center;
}
#footerSocialMedia .editable {
  min-height: 24px;
  display: inline-block;
}
#footerSocialMedia .socialMediaBody a {
  background-color: #fff;
  color: #000;
}
#footerSocialMedia .socialMediaBody a:hover {
  color: #fff;
  background-color: #a14300;
}
#footerGroup {
  margin-top: 10px;
  text-align: center;
}
#footerLinks {
  display: inline-block;
  margin-right: 5px;
  padding-right: 5px;
  border-right: 1px solid currentColor;
}
#footerLinks .secureLogout:before {
  content: "";
  padding-left: 5px;
  margin-left: 5px;
  border-left: 1px solid #000;
}
#logout-form-footer {
  float: left;
}
#footerBrand {
  display: inline-block;
}
#footerBrand .trademark {
  font-size: 70%;
  vertical-align: super;
}
body.finder {
  --finder-marker-normal-background: #ffffff;
  --finder-marker-normal-glyph: #3b1708;
  --finder-marker-normal-border: #3b1708;
  --finder-marker-hover-background: #ebebeb;
  --finder-marker-hover-glyph: #3b1708;
  --finder-marker-hover-border: #3b1708;
  --finder-marker-selected-background: #3b1708;
  --finder-marker-selected-glyph: #ffffff;
  --finder-marker-selected-border: #ffffff;
}
.finder #at15s {
  top: auto !important;
  bottom: 35px;
  position: fixed !important;
}
.finder #background {
  background: #fff;
}
#newFinderTitle {
  font-size: 1px;
  position: absolute;
  right: 100%;
  bottom: 100%;
}
#newFinder {
  position: absolute;
  width: 100%;
  height: 100%;
  flex-direction: column;
  display: flex;
}
@media (min-width: 1221px) {
  #newFinder #headerBackground {
    min-height: 152px;
    flex-shrink: 0;
  }
}
.hasMobileNavOnDesktop #newFinder {
  position: relative;
  height: 100vh;
}
.preview.showPreviewToolbar #newFinder {
  height: calc(100% - 65px);
}
#newFinder .ui-widget {
  font-family: "Roboto", sans-serif;
}
#newFinder .ui-widget-header {
  font-family: inherit;
}
#newFinder .down-caret {
  content: "";
  width: 6px;
  height: 6px;
  transform: rotate(45deg);
  border-style: solid;
  border-width: 0px 1.5px 1.5px 0px;
  border-color: #8d8d8d;
  transition: transform 0.3s ease;
}
#newFinder #newFinderCore {
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  color: #444;
  display: flex;
  overflow: auto;
  flex-grow: 1;
  position: relative;
  z-index: 10;
}
#newFinder .group .distanceHolder,
#newFinder .group .nextMassHolder {
  margin-bottom: 4px;
  font-size: 13px;
}
#newFinder .group .title a {
  text-decoration: none;
}
#newFinder .group .title > div {
  font-size: 14px;
  color: #444;
  margin-bottom: 4px;
}
#newFinder .group .title > div a {
  font-size: 14px;
  color: #579cc9;
  text-decoration: none;
}
#newFinder .group .title > div a:hover {
  color: #444;
}
#newFinder .group .title .name {
  font-size: 14px;
}
#newFinder .group .thumbImage {
  max-width: 60px;
  display: block;
  margin: 5px 0px 10px 0px;
}
#newFinder .group .address,
#newFinder .group .distanceHolder,
#newFinder .group .nextMassHolder {
  color: #999;
}
#newFinder .group .distanceHolder span,
#newFinder .group .fax {
  white-space: nowrap;
}
#newFinder .group .address {
  display: block;
}
#newFinder .group .nextMassHolder {
  text-indent: -10px;
  margin-left: 10px;
}
#newFinder .group .nextMassHolder span {
  font-size: 11px;
}
#newFinder #newFinderContent {
  box-sizing: border-box;
  height: 100%;
  width: 100%;
  padding-top: 0px !important;
}
#newFinder #map {
  width: 100%;
  height: 100%;
}
#newFinder ul {
  list-style: none;
  padding: 0;
}
#newFinder .siteInfo {
  display: none;
}
#newFinder #newFinderBar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  float: left;
  flex-shrink: 0;
  height: 100%;
  width: 250px;
  z-index: 1;
  background-color: #fff;
  border-top: 0px !important;
  box-sizing: border-box;
}
#newFinder #newFinderBar.findMassTime #siteSearchContainer #advancedFinderButton {
  display: none;
}
#newFinder #newFinderBar.findMassTime #siteSearchContainer .nextMassHolder {
  display: block;
}
#newFinder #newFinderBar.findMassTime #searchResults .searchResult .hasImage .thumbImage {
  padding-bottom: 32px;
}
#newFinder #newFinderBar .nextMassHolder {
  display: none;
}
#newFinder #newFinderBar #siteSearchContainer {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding: 10px;
  border-bottom: 1px solid #d8d8d8;
  overflow: hidden;
  box-sizing: border-box;
}
#newFinder #newFinderBar #siteSearchContainer #siteSearch {
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  border: 1px solid #8d8d8d;
  border-radius: 2px;
  padding: 3px 7px;
  height: 36px;
  width: 100%;
  box-sizing: border-box;
}
#newFinder #newFinderBar #siteSearchContainer #siteSearch::placeholder {
  font-size: 12px;
  font-style: normal;
  color: #b9b9b9;
}
#newFinder #newFinderBar #siteSearchContainer #siteSearch:focus {
  border: 1px solid #8d8d8d;
  outline: 1px solid #8d8d8d;
}
#newFinder #newFinderBar #siteSearchContainer #siteSearch:last-child {
  margin-bottom: 8px;
}
#newFinder #newFinderBar #siteSearchContainer .button {
  margin-top: 10px;
  display: inline-block;
  font-size: 13px;
  color: #999;
  cursor: pointer;
}
#newFinder #newFinderBar #siteSearchContainer .button:hover {
  color: #666;
}
#newFinder #newFinderBar #siteSearchContainer #massFinderButton {
  float: right;
}
#newFinder #newFinderBar #siteSearchContainer #advancedFinderButton {
  display: flex;
  align-items: center;
  justify-content: start;
  gap: 5px;
  margin-left: 4px;
}
#newFinder #newFinderBar #siteSearchContainer #advancedFinderButton:before {
  content: "";
  width: 6px;
  height: 6px;
  transform: rotate(45deg);
  border-style: solid;
  border-width: 0px 1.5px 1.5px 0px;
  border-color: #8d8d8d;
  transition: transform 0.3s ease;
  margin-bottom: 3px;
}
#newFinder #newFinderBar #siteSearchContainer.expanded #advancedFinderButton:before {
  transform: rotate(225deg);
  margin-top: 5px;
}
#newFinder #newFinderBar #siteSearchContainer #advancedFinderOptions {
  max-height: 0px;
  min-width: 100%;
  position: relative;
  display: block;
  overflow: hidden;
  padding: 0px 8px;
  margin-left: -8px;
  margin-right: -8px;
  text-align: right;
  font-size: 0px;
  transition: max-height 0.5s;
  box-sizing: border-box;
}
#newFinder #newFinderBar #siteSearchContainer #advancedFinderOptions .inputHolder {
  padding-top: 2.5px;
  padding-bottom: 2.5px;
  height: 24px;
  font-size: 13px;
  transform: translateZ(0);
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#newFinder #newFinderBar #siteSearchContainer #advancedFinderOptions label {
  float: left;
  line-height: 22px;
}
#newFinder #newFinderBar #siteSearchContainer #advancedFinderOptions select {
  width: calc(100% - 72px);
  height: 24px;
  padding-left: 16px;
  padding-right: 25px;
  font-size: 12px;
  font-family: "Roboto", sans-serif;
  color: #444;
  border-radius: 4px;
  border: 1px solid #d8d8d8;
  background-color: #fff;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.08);
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}
#newFinder #newFinderBar #siteSearchContainer #advancedFinderOptions select:focus {
  border: 1px solid #444;
  outline: 1px solid #444;
}
#newFinder #newFinderBar #siteSearchContainer #advancedFinderOptions [id*="fieldGroup"] {
  position: relative;
}
#newFinder #newFinderBar #siteSearchContainer #advancedFinderOptions [id*="fieldGroup"]:before {
  content: "";
  width: 6px;
  height: 6px;
  transform: rotate(45deg);
  border-style: solid;
  border-width: 0px 1.5px 1.5px 0px;
  border-color: #8d8d8d;
  transition: transform 0.3s ease;
  position: absolute;
  top: 10px;
  right: 12px;
}
#newFinder #newFinderBar #siteSearchContainer #advancedFinderOptions [id*="fieldGroup"] label {
  font-size: 12px;
}
#newFinder #newFinderBar #siteSearchContainer #advancedFinderOptions [id*="fieldGroup"]:first-child {
  margin-top: 17px;
}
#newFinder #newFinderBar #siteSearchContainer.expanded #advancedFinderOptions {
  max-height: 140px;
  padding-bottom: 10px;
}
#newFinder #searchResults,
#newFinder #categories {
  overflow-y: auto;
  overflow-x: hidden;
  margin: 0px;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
#newFinder #searchResults .hideResult:not(.selected),
#newFinder #categories .hideResult:not(.selected) {
  display: none;
}
#newFinder #categories {
  border-top: 1px solid #d8d8d8;
}
#newFinder #categories .category .categoryName {
  border-radius: 0px;
  border-width: 0px;
  font-weight: normal;
  font-size: 14px;
  font-style: normal;
  margin: 0px;
  background-color: #fff;
  color: #444;
  height: 40px;
  padding: 11px 30px 11px 10px;
  box-sizing: border-box;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  border-bottom: 1px solid #d8d8d8;
}
#newFinder #categories .category .categoryName span {
  background: transparent;
  left: auto;
  right: 12px;
  width: 12px;
  height: 12px;
  margin-top: 0px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  justify-content: center;
  align-items: center;
}
#newFinder #categories .category .categoryName span:before {
  content: "";
  width: 6px;
  height: 6px;
  transform: rotate(45deg);
  border-style: solid;
  border-width: 0px 1.5px 1.5px 0px;
  border-color: #8d8d8d;
  transition: transform 0.3s ease;
  display: block;
  margin-top: -4px;
}
#newFinder #categories .category .categoryName.ui-state-active {
  background-color: #eee;
}
#newFinder #categories .category .categoryName.ui-state-active span:before {
  transform: rotate(225deg);
  margin-top: 4px;
}
#newFinder #categories .category:not(:first-child) .categoryName.ui-state-active {
  border-top: 1px solid #d8d8d8;
}
#newFinder #categories .category:not(:has(.categoryName.ui-state-active)) + :has(.categoryName.ui-state-active) {
  margin-top: -1px;
}
#newFinder #categories .category .sites {
  border-width: 0px;
  margin: 0px;
}
#newFinder #categories .category .sites .site {
  min-height: 59px;
  background-color: #fff;
  padding: 12px 10px;
  box-sizing: border-box;
}
#newFinder #categories .category .sites .site:nth-child(even) {
  background-color: #f6f6f6;
}
#newFinder #categories .category .sites .site.marker-hover {
  background-color: rgba(59, 23, 8, 0.15);
}
#newFinder #categories .category .sites .site.selected {
  background-color: #3b1708;
}
#newFinder #categories .category .sites .site.selected .name {
  color: #ffffff;
}
#newFinder #categories .category .sites .site.selected .city {
  color: #ffffff;
}
#newFinder #categories .category .sites .site .name {
  color: #3b1708;
}
#newFinder #categories .category .sites .site .city {
  color: #999;
  font-size: 13px;
}
#newFinder #searchResults[style*="none"] + #categories {
  border-top: 0px;
}
#newFinder #newFinderBarFooter {
  position: relative;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  height: 50px;
  border-top: 1px solid #ccc;
}
#newFinder #newFinderBarFooter > a {
  position: absolute;
  left: 20px;
  top: 10px;
}
#newFinder #newFinderBarFooter .brandLogo {
  width: 50px;
  float: left;
}
#newFinder #newFinderBarFooter .addthis_toolbox {
  position: absolute;
  right: 20px;
  top: 5px;
}
#newFinder #searchResults {
  bottom: 52px;
}
#newFinder #searchResults .searchResult {
  padding: 12px 10px;
  overflow: hidden;
}
#newFinder #searchResults .searchResult.marker-hover {
  background-color: rgba(59, 23, 8, 0.15);
}
#newFinder #searchResults .searchResult.selected {
  background-color: #3b1708;
}
#newFinder #searchResults .searchResult.selected .name {
  color: #ffffff;
}
#newFinder #searchResults .searchResult.selected .city,
#newFinder #searchResults .searchResult.selected .distanceHolder,
#newFinder #searchResults .searchResult.selected .nextMassHolder {
  color: #ffffff;
}
#newFinder #searchResults .searchResult .name {
  color: #3b1708;
  font-size: 14px;
}
#newFinder #searchResults .searchResult .city,
#newFinder #searchResults .searchResult .distanceHolder,
#newFinder #searchResults .searchResult .nextMassHolder,
#newFinder #searchResults .searchResult .address {
  color: #999;
  font-size: 13px;
}
#newFinder #searchResults .searchResult .address {
  margin-bottom: 4px;
}
#newFinder #searchResults .searchResult:nth-child(2n of :not(.hideResult)):not(.selected):not(.marker-hover) {
  background: #f6f6f6;
}
#newFinder #searchResults .siteInfoCloseButton,
#newFinder #searchResults .extendedInfo,
#newFinder #searchResults .phoneFaxHolder {
  display: none;
}
#newFinder:not(.siteSelected) #mapOverlay {
  display: none;
}
#newFinder #siteInfo {
  width: 380px;
  word-wrap: break-word;
  background-color: #fff;
  padding: 23px 24px 24px 26px;
  box-sizing: border-box;
}
#newFinder #siteInfo .main {
  position: relative;
}
#newFinder #siteInfo .main .siteInfoCloseButton {
  position: absolute;
  top: -24px;
  right: -24px;
  font-size: 0px;
  width: 12px;
  height: 12px;
  cursor: pointer;
  padding: 24px;
}
#newFinder #siteInfo .main .siteInfoCloseButton:hover:before,
#newFinder #siteInfo .main .siteInfoCloseButton:hover:after {
  background-color: #444;
}
#newFinder #siteInfo .main .siteInfoCloseButton:before,
#newFinder #siteInfo .main .siteInfoCloseButton:after {
  position: absolute;
  left: 29px;
  content: " ";
  height: 14px;
  width: 2px;
  background-color: #8d8d8d;
  border-radius: 2px;
  transition: background-color 0.3s ease;
}
#newFinder #siteInfo .main .siteInfoCloseButton:before {
  transform: rotate(45deg);
}
#newFinder #siteInfo .main .siteInfoCloseButton:after {
  transform: rotate(-45deg);
}
#newFinder #siteInfo .main .title .name {
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 8px;
}
#newFinder #siteInfo .main .address {
  color: #8d8d8d;
  margin-bottom: 16px;
  pointer-events: none;
}
#newFinder #siteInfo .main .address:after {
  content: "Get Directions";
  display: flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  height: 36px;
  line-height: 1;
  padding: 0 16px;
  margin-block: 10px;
  box-sizing: border-box;
  border-radius: 999px;
  border: 2px solid #3b1708;
  background-color: #3b1708;
  color: #fff;
  pointer-events: auto;
  cursor: pointer;
  transition: all 0.3s ease;
}
#newFinder #siteInfo .main .address:hover:after {
  border-color: #3b1708;
  background-color: #fff;
  color: #444;
}
#newFinder #siteInfo .info .thumbImage {
  max-width: 100%;
  margin-bottom: 10px;
}
#newFinder #siteInfo .info .website a,
#newFinder #siteInfo .info .email a {
  display: inline-block;
}
#newFinder .details ul,
#newFinder .details ol {
  padding-left: 40px;
}
#newFinder .details ul {
  list-style-type: disc;
}
#newFinder .extendedInfo .times,
#newFinder .extendedInfo .details {
  border-radius: 0px;
  background: none;
  border-width: 0px;
  font-size: 14px;
  padding: 10px 0px;
  color: #444;
}
#newFinder .extendedInfo .times img,
#newFinder .extendedInfo .details img {
  max-width: 100%;
}
#newFinder .extendedInfo > .details {
  padding-top: 0px;
}
#newFinder .extendedInfoTabs {
  font-family: "Inter", sans-serif;
  font-size: 12px;
  background: transparent;
  border: 0px;
  padding: 0px;
}
#newFinder .extendedInfoTabs .tabsContainer {
  overflow: hidden;
  border: 0px;
}
#newFinder .extendedInfoTabs .tabsContainer ul {
  float: left;
  background: transparent;
  border: 0px;
  border-radius: 0px;
  width: 100%;
}
#newFinder .extendedInfoTabs .tabsContainer ul:has(> li) {
  border-bottom: 1px solid #ddd;
  margin-top: 12px;
  margin-bottom: 16px;
}
#newFinder .extendedInfoTabs .tabsContainer ul li {
  border: 0px;
  background: transparent;
  margin: 0px;
  border-radius: 0px;
  margin-bottom: -1px;
}
#newFinder .extendedInfoTabs .tabsContainer ul li a {
  cursor: pointer;
  padding: 8px 17px;
  height: 32px;
  box-sizing: border-box;
  font-weight: normal;
  color: #333;
}
#newFinder .extendedInfoTabs .tabsContainer ul li a:hover {
  color: #333;
}
#newFinder .extendedInfoTabs .tabsContainer ul li.ui-state-active {
  border-bottom: 2px solid #579cc9;
}
#newFinder .extendedInfoTabs .times {
  padding: 0px;
}
#newFinder .extendedInfoTabs .times > ul {
  background: transparent;
  border: 1px solid #b9b9b9;
  border-radius: 99px;
  position: relative;
  overflow: visible;
  margin: 4px 4px 16px 4px;
}
#newFinder .extendedInfoTabs .times > ul > li {
  margin: 0px;
  border-radius: 0px;
  padding: 0px;
  background: transparent;
  border: 0;
  width: 33.3%;
  min-width: 80px;
  text-align: center;
  box-sizing: border-box;
}
#newFinder .extendedInfoTabs .times > ul > li a {
  width: 100%;
  cursor: pointer;
  padding: 7px 0px;
  font-weight: normal;
  color: #444;
  position: relative;
  z-index: 2;
}
#newFinder .extendedInfoTabs .times > ul > li:not(:last-child) {
  position: relative;
}
#newFinder .extendedInfoTabs .times > ul > li:not(:last-child):before {
  content: "";
  height: 10px;
  width: 1px;
  position: absolute;
  right: -0.5px;
  top: 50%;
  transform: translateY(-50%);
  background-color: #b9b9b9;
}
#newFinder .extendedInfoTabs .times > ul:before {
  content: "";
  display: block;
  position: absolute;
  width: 33.3%;
  height: calc(100% + 4px);
  border-radius: 99px;
  border: 2px solid #3297d6;
  background-color: #fff;
  box-sizing: border-box;
  overflow: hidden;
  box-shadow: 0 1.5px 4px 1px rgba(0, 0, 0, 0.15);
  top: 50%;
  left: -1px;
  transform: translateY(-50%);
  transition: left 0.3s ease;
  z-index: 1;
}
#newFinder .extendedInfoTabs .times > ul:has(li[class*="active"]:first-child):before {
  left: -1px;
}
#newFinder .extendedInfoTabs .times > ul:has(li[class*="active"]:nth-child(2)):before {
  left: 33.3%;
}
#newFinder .extendedInfoTabs .times > ul:has(li[class*="active"]:nth-child(3)):before {
  left: calc(66.6% + 1px);
}
#newFinder .extendedInfoTabs .times > ul:has(li:last-child:nth-child(2)) > li {
  width: 50%;
}
#newFinder .extendedInfoTabs .times > ul:has(li:last-child:nth-child(2)):before {
  width: 50%;
}
#newFinder .extendedInfoTabs .times > ul:has(li:last-child:nth-child(2)):has(li[class*="active"]:nth-child(2)):before {
  left: 50%;
}
#newFinder .extendedInfoTabs .times > ul:has(li:only-child) {
  border-color: transparent;
}
#newFinder .extendedInfoTabs .times > div {
  padding: 0px;
  color: #666;
}
#newFinder .extendedInfoTabs .times > div > ul {
  margin: 0px;
}
#newFinder .extendedInfoTabs .times > div .categoryName {
  font-weight: bold;
  font-size: 16px;
}
#newFinder .extendedInfoTabs .times > div .categoryName:not(:first-child) {
  margin-top: 25px;
}
#newFinder .extendedInfoTabs .times > div .dayName {
  display: block;
  padding-top: 8px;
  font-size: 14px;
  font-weight: bold;
  font-style: italic;
}
#newFinder .extendedInfoTabs .times > div .sacramentTimes:not(:first-child) {
  padding-left: 20px;
}
#newFinder .extendedInfoTabs .times > div .sacramentDay {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  align-items: start;
  border-bottom: 1px solid #d8d8d8;
  padding: 0px;
  overflow: visible;
}
#newFinder .extendedInfoTabs .times > div .sacramentDay .sacramentGroup {
  margin: 0px;
  max-width: 100%;
  overflow: visible;
}
#newFinder .extendedInfoTabs .times > div .sacramentTime {
  width: 100%;
  border-left-width: 0px;
  margin: 0px;
  padding: 8px 0px 6px 100px;
  font-size: 0px;
}
#newFinder .extendedInfoTabs .times > div .sacramentTime:not(:last-child) {
  border-bottom: 1px solid #d8d8d8;
}
#newFinder .extendedInfoTabs .times > div .sacramentTime .betweenTimes {
  margin: 0px 4px;
}
#newFinder .extendedInfoTabs .times > div .sacramentTime > span {
  font-size: 14px;
}
#newFinder .extendedInfoTabs .times > div .day {
  position: absolute;
  margin-top: 9px;
  margin-bottom: 7px;
  width: 100px;
  font-weight: 500;
}
#newFinder .extendedInfoTabs .times > div .day .addColon:after {
  content: "";
}
#newFinder .extendedInfoTabs .times > div .day .colon {
  display: none;
}
#newFinder .extendedInfoTabs .times > div .day.PERPETUAL {
  position: relative;
  padding: 0px;
}
#newFinder .extendedInfoTabs .times > div .day.PERPETUAL + .sacramentGroup .notes {
  width: 100%;
}
#newFinder .extendedInfoTabs .times > div .language,
#newFinder .extendedInfoTabs .times > div .nativeLanguage,
#newFinder .extendedInfoTabs .times > div .abbrLanguage,
#newFinder .extendedInfoTabs .times > div .notes,
#newFinder .extendedInfoTabs .times > div .separator {
  padding-left: 4px;
  color: #444;
  font-family: "Roboto", sans-serif;
  font-style: italic;
}
#newFinder .extendedInfoTabs .times > div .separator {
  display: inline;
}
#newFinder .extendedInfoTabs .times > div .videoIconLink {
  padding-left: 8px;
  align-self: normal;
}
#newFinder .extendedInfoTabs .times > div .videoIconLink a {
  color: #579cc9;
  text-decoration: none;
}
#newFinder .extendedInfoTabs .times > div .videoIconLink a:hover {
  color: #444;
}
@media (min-width: 1221px) {
  #newFinder #mapOverlay {
    position: absolute;
    z-index: 1;
    height: calc(100% - 20px);
  }
  #newFinder #mapOverlay .extendedInfoTabs,
  #newFinder #mapOverlay .times,
  #newFinder #mapOverlay details {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
  }
  #newFinder #mapOverlay .extendedInfoTabs > *:first-child,
  #newFinder #mapOverlay .times > *:first-child,
  #newFinder #mapOverlay details > *:first-child {
    flex-shrink: 0;
  }
  #newFinder #mapOverlay #siteInfo {
    margin: 10px;
    box-shadow: 0 0 6px 5px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    display: flex;
    flex-direction: column;
  }
  #newFinder #mapOverlay.fullHeight #siteInfo {
    height: 100%;
  }
  #newFinder #mapOverlay.fullHeight .scrollingContent {
    overflow: auto;
  }
}
@media (max-width: 1220px) {
  #newFinder,
  #newFinder #newFinderBar #siteSearchContainer .button,
  #newFinder #newFinderBar #siteSearchContainer #advancedFinderOptions .inputHolder {
    font-size: 16px;
  }
  #newFinder {
    display: flex;
    flex-direction: column;
  }
  #newFinder #newFinderNav {
    display: none;
  }
  #newFinder #newFinderBar {
    height: auto;
    width: 100%;
    top: 50px;
    border-top: 0px solid transparent;
    bottom: 0px;
    overflow-y: auto;
  }
  #newFinder #newFinderBar #searchResults,
  #newFinder #newFinderBar #categories {
    bottom: 0px;
  }
  #newFinder #newFinderBar #searchResults .categoryName,
  #newFinder #newFinderBar #categories .categoryName {
    font-size: 15px;
  }
  #newFinder #newFinderBar #searchResults .searchResult .title .name {
    font-size: 16px;
  }
  #newFinder #newFinderBar #newFinderBarFooter {
    display: none;
  }
  #newFinder #newFinderBar #siteSearchContainer #siteSearch {
    border-color: #d8d8d8;
    font-size: 16px;
    padding: 9px 15px;
    height: 46px;
  }
  #newFinder #newFinderBar #siteSearchContainer #siteSearch::placeholder {
    font-size: 16px;
  }
  #newFinder #newFinderBar #siteSearchContainer #advancedFinderOptions .inputHolder {
    height: 27px;
  }
  #newFinder #newFinderBar #siteSearchContainer #advancedFinderOptions [id*="fieldGroup"] label {
    font-size: 13px;
  }
  #newFinder #newFinderBar #siteSearchContainer #advancedFinderOptions select {
    width: calc(100% - 85px);
    height: 27px;
    font-size: 14px;
  }
  #newFinder #newFinderBar #siteSearchContainer.expanded #advancedFinderOptions {
    max-height: 153px;
  }
  #newFinder #newFinderCore {
    flex-direction: column;
  }
  #newFinder #newFinderContent {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    height: auto;
    padding-left: 0px;
    padding-top: 0px;
    bottom: 0px;
    border-top: 1px solid #d8d8d8;
    z-index: 1;
  }
  #newFinder #mapOverlay {
    margin-top: 10px;
    max-width: 90%;
    max-height: none;
    overflow: visible;
    height: auto;
  }
  #newFinder #mapOverlay #siteInfo {
    width: 100%;
    max-width: 100%;
    overflow: auto;
    max-height: 100%;
    margin-bottom: 0px;
    padding: 23px 20px;
  }
  #newFinder #mapOverlay #siteInfo .main .siteInfoCloseButton {
    position: relative;
    height: 42px;
    width: calc(100% + 40px);
    margin: -23px -20px 20px -20px;
    border-bottom: 1px solid #d8d8d8;
    display: flex;
    align-items: center;
    justify-content: start;
    padding: 0 20px 0 36px;
    box-sizing: border-box;
    font-size: 15px;
    right: 0;
    top: 0;
    z-index: 1;
  }
  #newFinder #mapOverlay #siteInfo .main .siteInfoCloseButton:before,
  #newFinder #mapOverlay #siteInfo .main .siteInfoCloseButton:after {
    top: 50%;
    left: 20px;
    height: 1.5px;
    width: 8px;
    transform-origin: left center;
    border-radius: 0px;
  }
  #newFinder #mapOverlay #siteInfo .main .siteInfoCloseButton:before {
    transform: rotate(-45deg) translateY(-50%);
  }
  #newFinder #mapOverlay #siteInfo .main .siteInfoCloseButton:after {
    transform: rotate(45deg) translateY(-50%);
  }
  #newFinder #mapOverlay #siteInfo .main .title > * {
    font-size: 16px;
  }
  #newFinder #mapOverlay #siteInfo .main .title > * a {
    font-size: 16px;
  }
  #newFinder #mapOverlay #siteInfo .main .title .name {
    font-size: 20px;
  }
  #newFinder #mapOverlay #siteInfo .main .title .address:after {
    width: 100%;
    height: 46px;
  }
  #newFinder #mapOverlay #siteInfo .extendedInfo .extendedInfoTabs {
    font-size: 14px;
  }
  #newFinder #mapOverlay #siteInfo .extendedInfo .extendedInfoTabs .tabsContainer {
    width: calc(100% + 40px);
    margin-inline: -20px;
  }
  #newFinder #mapOverlay #siteInfo .extendedInfo .times > ul > li > a {
    font-size: 16px;
    padding-block: 11px;
  }
  #newFinder #mapOverlay #siteInfo .extendedInfo .details {
    font-size: 16px;
  }
  #newFinder #map {
    width: calc(100% - 40px);
    height: auto;
    aspect-ratio: 1.80909091;
    margin: 0 20px 20px 20px;
    border: 1px solid #ccc;
  }
  #newFinder:not(.siteSelected) #map {
    margin-top: 20px;
  }
  #newFinder.siteSelected #newFinderBar {
    height: 67px;
    overflow-y: hidden;
  }
  #newFinder.siteSelected #mapOverlay {
    position: relative;
    margin: 0px;
    width: 100%;
    max-width: none;
    max-height: none;
  }
}
@media (min-width: 1221px) {
  #background {
    min-width: 1220px;
  }
}
#massModeButtonContainer {
  z-index: 1111;
  position: fixed;
  bottom: 15px;
  right: 15px;
  transition: right 0.5s ease;
}
#background.admin #massModeButtonContainer {
  margin-bottom: 60px;
}
.mobilePanelActive #massModeButtonContainer {
  right: -285px;
}
#massModeButton {
  display: flex;
  align-items: center;
  padding: 9px 20px;
  color: #fff;
  background: #3b1708;
  font-size: 16px;
  border-radius: 30px;
  cursor: pointer;
  box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.3);
}
#massModeButton .icon {
  margin-right: 7px;
  opacity: 0.5;
  display: flex;
}
#massModeButton a {
  display: block;
  overflow: hidden;
}
#massModeButton a .editButton {
  pointer-events: none;
}
#massModeButton:hover {
  color: #fff;
  background: #a14300;
}
#massModeButton:hover .icon {
  opacity: 1;
}
body.pageTypeHome #background:not(.admin) #massModeButton {
  animation: massModeAppear 1.25s ease-in-out;
  -webkit-animation: massModeAppear 1.25s ease-in-out;
}
body.pageTypeHome #background:not(.admin) #massModeButton::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  height: 100%;
  width: 100%;
  border: 4px solid rgba(0, 0, 0, 0.2);
  border-radius: 30px;
  animation: buttonRipple 3s cubic-bezier(0.65, 0, 0.34, 1) 1.5s 2;
  -webkit-animation: buttonRipple 3s cubic-bezier(0.65, 0, 0.34, 1) 1.5s 2;
  box-sizing: border-box;
  z-index: -1;
}
body.pageTypeHome #background:not(.admin) #massModeButton::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  height: 100%;
  width: 100%;
  border: 4px solid rgba(0, 0, 0, 0.2);
  border-radius: 30px;
  animation: buttonRipple 3s cubic-bezier(0.65, 0, 0.34, 1) 2s 2;
  -webkit-animation: buttonRipple 3s cubic-bezier(0.65, 0, 0.34, 1) 2s 2;
  box-sizing: border-box;
  z-index: -1;
}
body.pageTypeHome.massModeActive #background:not(.admin) #massModeButton {
  transform: scale(1) !important;
}
body.pageTypeHome.massModeActive #background:not(.admin) #massModeButton::after,
body.pageTypeHome.massModeActive #background:not(.admin) #massModeButton::before {
  visibility: hidden;
}
.massModeActive {
  overflow: hidden;
}
#massModeModal {
  font-size: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: 1111;
}
body:not(.massModeActive) #massModeModal {
  display: none;
  margin-top: -58px;
  top: 100%;
  overflow-y: hidden;
  box-shadow: 0px 0px 5px 0px #333;
}
body.preview.showPreviewToolbar.massModeActive #massModeModal {
  top: 65px;
  height: calc(100% - 65px);
}
#background.admin #massModeModal {
  top: 65px;
  height: calc(100% - 65px - 60px);
}
#massModeModalBackground {
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.75);
  z-index: -1;
}
#massModeContainer {
  width: 100%;
  height: 100%;
  background: transparent;
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
}
#massModeContainer,
#massModeContainer .massModeTabs {
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
#massModeContainer .massModeHeader {
  background-color: #3b1708;
  text-align: center;
  box-shadow: 0px 0px 3px 0px #000;
}
#massModeContainer .massModeTitle {
  color: #ffffff;
  padding: 20px 30px;
  position: relative;
  height: 58px;
  box-sizing: border-box;
}
#massModeContainer .massModeTitle .collapsibleIcon {
  width: 20px;
  height: 100%;
  padding-right: 30px;
  position: absolute;
  top: 0px;
  right: 0px;
  color: rgba(255, 255, 255, 0.5);
  display: flex;
  cursor: pointer;
}
#massModeContainer .massModeTitle .collapsibleIcon:hover {
  color: #ffffff;
}
#massModeContainer .massModeTitle .collapsibleIcon svg {
  width: 20px;
}
#massModeContainer .massModeTabs,
#massModeContainer .massModeTabList,
#massModeContainer .massModeTab,
#massModeContainer .massModeTab a,
#massModeContainer .massModeSacramentTimes {
  background: none;
  float: none;
  color: inherit;
  padding: 0;
  margin: 0;
  border: 0;
  border-radius: 0;
  font-family: inherit;
}
#massModeContainer .massModeTabList {
  flex-shrink: 0;
  display: flex;
  height: 46px;
  background-color: #3b1708;
  position: relative;
}
@media (max-width: 1220px) {
  #massModeContainer .massModeTabList:before {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    bottom: 0px;
    left: 0px;
    position: absolute;
    box-shadow: 0px 0px 3px 0px #000;
  }
  #massModeContainer .massModeTabList .massModeTab a {
    border-bottom: 3px solid transparent;
  }
  #massModeContainer .massModeTabList .massModeTab.ui-state-active a {
    border-bottom: 3px solid transparent;
  }
}
#massModeContainer .massModeTabList .massModeTab {
  flex-grow: 1;
  list-style: none;
  background-color: rgba(255, 255, 255, 0.1);
}
#massModeContainer .massModeTabList .massModeTab a {
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  color: rgba(255, 255, 255, 0.5);
  box-sizing: border-box;
}
#massModeContainer .massModeTabList .massModeTab.ui-state-active a {
  color: #ffffff;
}
#massModeContainer .massModeTabList .massModeTab:hover a {
  color: #ffffff;
}
#massModeContainer .activeDayName {
  margin-bottom: 8px;
  color: #000;
  font-size: 19px;
  font-weight: bold;
}
#massModeContainer .onlyHolyDay .activeDayName {
  color: #fff;
}
#massModeContainer .onlyHolyDay .day {
  display: none;
}
#massModeContainer .massModeTabContent {
  overflow-y: auto;
  padding: 20px 30px;
}
#massModeContainer .massModeSacramentTimes {
  font-size: 16px;
  height: auto !important;
}
#massModeContainer .massModeSacramentTimes.onlyHolyDay .sacramentTime {
  padding-left: 0px;
}
#massModeContainer .massModeSacramentTimes .categoryName {
  padding-bottom: 12px;
  border-bottom: 1px solid #ccc;
  font-weight: bold;
  font-size: 19px;
}
#massModeContainer .massModeSacramentTimes .categoryName:not(:first-child) {
  margin-top: 25px;
}
#massModeContainer .massModeSacramentTimes .dayName {
  display: block;
  padding-top: 8px;
  padding-left: 20px;
  font-size: 16px;
  font-weight: bold;
  font-style: italic;
}
#massModeContainer .massModeSacramentTimes .dayName + .sacramentTimes {
  border-left: 20px solid transparent;
}
#massModeContainer .massModeSacramentTimes .sacramentTimes:not(:first-child) {
  padding-left: 20px;
}
#massModeContainer .massModeSacramentTimes .sacramentDay {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  align-items: start;
  border-bottom: 1px solid #ccc;
  padding: 0px;
  overflow: visible;
}
#massModeContainer .massModeSacramentTimes .sacramentDay .sacramentGroup {
  margin: 0px;
  max-width: 100%;
  overflow: visible;
}
#massModeContainer .massModeSacramentTimes .sacramentTime {
  display: flex;
  align-items: baseline;
  width: 100%;
  border-left-width: 0px;
  margin: 0px;
  padding: 8px 0px 6px 120px;
}
#massModeContainer .massModeSacramentTimes .sacramentTime:not(:last-child) {
  border-bottom: 1px solid #ccc;
}
#massModeContainer .massModeSacramentTimes .sacramentTime .betweenTimes {
  margin: 0px 4px;
}
#massModeContainer .massModeSacramentTimes .sacramentTime:not(.hasEndTime) .startTime,
#massModeContainer .massModeSacramentTimes .sacramentTime.hasEndTime .endTime {
  flex-grow: 1;
}
#massModeContainer .massModeSacramentTimes .day {
  position: absolute;
  margin-top: 9px;
  margin-bottom: 7px;
  width: 120px;
  font-weight: normal;
}
#massModeContainer .massModeSacramentTimes .day .addColon:after {
  content: "";
}
#massModeContainer .massModeSacramentTimes .day .colon {
  display: none;
}
#massModeContainer .massModeSacramentTimes .day.PERPETUAL {
  position: relative;
  width: 0px;
  padding: 0px;
}
#massModeContainer .massModeSacramentTimes .day.PERPETUAL + .sacramentGroup .notes {
  width: 100%;
}
#massModeContainer .massModeSacramentTimes .language,
#massModeContainer .massModeSacramentTimes .nativeLanguage,
#massModeContainer .massModeSacramentTimes .abbrLanguage,
#massModeContainer .massModeSacramentTimes .notes,
#massModeContainer .massModeSacramentTimes .separator {
  padding-left: 4px;
}
#massModeContainer .massModeSacramentTimes .separator {
  display: inline;
}
#massModeContainer .massModeSacramentTimes .notes {
  text-align: right;
}
#massModeContainer .massModeSacramentTimes .videoIconLink {
  padding-left: 8px;
  align-self: normal;
}
#massModeContainer .massModeSacramentTimes .videoIconLink a {
  color: #3b1708;
}
#massModeContainer .massModeSacramentTimes .videoIconLink a:hover {
  color: #a14300;
}
#massModeContainer .massModeSacrament {
  color: #000;
}
#massModeContainer .massModeSacrament .massModeSacramentDay {
  color: #fff;
  margin-bottom: 7px;
}
#massModeContainer .massModeSacramentTime > span {
  font-style: italic;
  color: #666;
}
#massModeContainer .massModeSacramentTime .startTime,
#massModeContainer .massModeSacramentTime .endTime {
  font-size: 16px;
  color: #000;
  font-style: normal;
  white-space: nowrap;
}
#massModeContainer .massModeSacramentTime .startTime span,
#massModeContainer .massModeSacramentTime .endTime span {
  color: #666;
  font-size: 13px;
}
#massModeContainer .massModeFindAnotherTime {
  font-size: 16px;
  float: right;
  clear: right;
  display: block;
  text-align: center;
}
@media (max-width: 1220px) {
  #massModeContainer .massModeFindAnotherTime {
    width: 100%;
  }
}
@media (min-width: 1221px) {
  #massModeContainer .massModeFindAnotherTime {
    width: calc(50% + 30px / 2);
    margin-left: -10px;
    margin-right: -10px;
  }
}
#massModeContainer .massModeFindAnotherTime a {
  white-space: nowrap;
  text-decoration: underline;
}
#massModeContainer .massModeTimes,
#massModeContainer .massModeMap,
#massModeContainer .massModeButtons,
#massModeContainer .massModeFindAnotherTime {
  margin-bottom: 20px;
}
#massModeContainer .massModeText {
  color: #000;
  font-size: 13px;
  margin-top: 20px;
}
#massModeContainer .massModeMap {
  width: 100%;
  height: 170px;
  border: 1px solid #ccc;
  box-sizing: border-box;
}
#massModeContainer .massModeButtons {
  margin-left: -10px;
  margin-right: -10px;
  display: flex;
}
#massModeContainer .massModeButtons a {
  text-decoration: none;
  flex-grow: 1;
  text-align: center;
  color: #fff;
  background-color: #3b1708;
  margin-left: 10px;
  margin-right: 10px;
  padding: 10px 15px;
  border-radius: 30px;
}
#massModeContainer .massModeButtons a:hover {
  background: #a14300;
  color: #fff;
}
@media (min-width: 1221px) {
  #massModeContainer {
    width: 90%;
    max-width: 1170px;
    max-height: 90%;
  }
  #massModeContainer .massModeTabContent {
    padding: 30px 40px;
  }
  #massModeContainer .massModeTimes {
    float: left;
    width: calc(50% - 30px / 2);
    box-sizing: border-box;
  }
  #massModeContainer .massModeMap,
  #massModeContainer .massModeButtons {
    float: right;
    width: calc(50% - 30px / 2);
    clear: right;
  }
  #massModeContainer .massModeButtons {
    width: calc(50% + 30px / 2);
    margin-left: -15px;
    margin-right: -15px;
  }
  #massModeContainer .massModeButtons a {
    margin-left: 15px;
    margin-right: 15px;
  }
  #massModeContainer .massModeTabList .massModeTab.ui-state-active a {
    background-color: transparent;
    color: #fff;
  }
}
@keyframes massModeAppear {
  0% {
    transform: scale(0);
    -webkit-transform: scale(0);
  }
  80% {
    transform: scale(0);
    -webkit-transform: scale(0);
  }
  100% {
    transform: scale(1);
    -webkit-transform: scale(1);
  }
}
@keyframes buttonRipple {
  0% {
    opacity: 1;
    width: 95%;
    height: 95%;
    border-width: 4px;
    border-radius: 28.5px;
  }
  20% {
    opacity: 1;
    width: 95%;
    height: 95%;
    border-width: 4px;
    border-radius: 28.5px;
  }
  100% {
    opacity: 0;
    width: calc(100% + 80px);
    height: calc(100% + 80px);
    border-width: 8px;
    border-radius: 80px;
  }
}
#mobileNavBar {
  display: none;
}
@media (min-width: 1221px) {
  #mobilePanel {
    display: none;
  }
  #background #navicon {
    width: 0px;
  }
}
#mobileNavBar {
  height: 42px;
  padding-top: 8px;
  background-color: #000000;
}
#navicon {
  display: block;
  width: 50px;
  color: #000;
  height: 34px;
  background: url("https://cdn.ecatholic.com/1772471332/base-images/mobile/navicon.svg?svgNavIcon") center top no-repeat;
  background-size: 34px 34px;
  font-size: 0px;
}
#navicon svg {
  width: 100%;
  height: 100%;
}
#mobileIndicator {
  width: 0px;
}
#siteWidthIndicator {
  width: 1170px;
  position: fixed;
  top: -1px;
}
.mobilePanelActive #background {
  margin-left: 300px;
  width: 350px;
}
@media (min-width: 1221px) {
  .mobilePanelActive #background {
    width: unset;
    margin-left: 0;
  }
}
.mobilePanelActive #massModeContainer {
  margin-left: 300px;
  width: 350px;
}
.mobilePanelActive #mobilePanel {
  width: 300px;
}
#mobilePanel {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  background: rgba(26, 10, 4, 0.94);
  overflow: hidden;
  transition: all 0.5s ease;
}
#mobilePanel ul,
#mobilePanel li {
  margin: 0;
  padding: 0;
  white-space: normal;
}
#mobilePanel a,
#mobilePanel .navName {
  display: block;
  width: 100%;
  box-sizing: border-box;
  padding: 10px 20px;
  border-bottom: 1px solid transparent;
  color: #fff;
  font-size: 16px;
  text-decoration: none;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
#mobilePanel a:hover,
#mobilePanel a:active {
  background-color: transparent;
  color: #e7bf52;
}
#mobilePanel a:hover .collapsibleIcon,
#mobilePanel a:active .collapsibleIcon {
  color: #e7bf52;
}
#mobileQuickLinks:before,
#mobileNav:before {
  display: block;
  width: 300px;
  max-width: 100%;
  padding: 3px 0;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  color: #fff;
  font-size: 12px;
  text-transform: uppercase;
  text-align: center;
}
#mobileQuickLinks {
  width: 300px;
  max-width: 100%;
}
#mobileQuickLinks:before {
  content: "Quick Links";
}
#mobileNav {
  width: 300px;
  max-width: 100%;
  overflow: hidden;
}
#mobileNav ul ul .navName {
  font-size: 14px;
  padding-left: 26px;
}
#mobileNav ul ul ul .navName {
  padding-left: 32px;
}
#mobileNav ul ul ul ul .navName {
  padding-left: 38px;
}
#mobileNav ul ul ul ul ul .navName {
  padding-left: 44px;
}
#mobileNav .sideNavSelected > .navName {
  font-weight: bold;
}
#mobileNav .sideNavCurrent > .navName {
  background-color: transparent;
  color: #e7bf52;
}
#mobileNav .sideNavCurrent > .navName .collapsibleIcon {
  color: #e7bf52;
}
@media (min-width: 1221px) {
  #mobileNav .navFirstLevelGroup.navCollapsible > a {
    cursor: default;
  }
}
#mobileNav .navElement.navGroup > .navName {
  color: #fff;
}
#mobileNav .navCollapsible > .navName {
  padding-right: 46px;
}
#mobileNav .navCollapsible > .navName:before {
  display: none;
}
#mobileNav .navCollapsible .collapsibleIcon {
  width: 16px;
  height: 100%;
  padding-left: 10px;
  padding-right: 20px;
  position: absolute;
  top: 0px;
  right: 0px;
  color: #fff;
  display: flex;
  align-items: center;
}
#mobileNav .navCollapsible .collapsibleIcon svg {
  width: 16px;
}
#mobileNav .navCollapsible .expandedIcon {
  display: block;
}
#mobileNav .navCollapsible .collapsedIcon {
  display: none;
}
#mobileNav .navCollapsible.navCollapsed .expandedIcon {
  display: none;
}
#mobileNav .navCollapsible.navCollapsed .collapsedIcon {
  display: block;
}
#mobileNav:before {
  content: "Menu";
}
@media (max-width: 1220px) {
  #mobileNavBar {
    display: block;
  }
  #mobileIndicator {
    position: fixed;
    left: -1px;
    width: 1px;
  }
  body {
    width: 650px;
    max-width: 100%;
  }
  #background {
    width: 650px;
    transition: all 0.5s ease;
    background-image: none;
  }
  #header {
    width: 650px;
    height: auto;
    background-image: none;
    overflow: hidden;
  }
  #pageImage {
    display: none;
    margin-left: auto;
    margin-right: auto;
    left: 0px;
    right: 0px;
  }
  #siteLogo,
  #siteName,
  .hasHeaderText .headerText {
    position: relative;
    float: left;
    top: auto;
    bottom: auto;
    left: auto;
    right: auto;
    margin-top: 25px;
    max-height: none;
    text-align: left;
  }
  #siteLogo {
    width: 75px;
    height: 23.6px;
    margin-left: 25px;
  }
  #siteLogo.logoOnly {
    width: 325px;
    height: 118px;
    top: auto;
    left: auto;
  }
  #siteLogo.logoOnly img {
    max-width: 325px;
    max-height: 118px;
  }
  #siteLogo img {
    max-height: 23.6px;
    max-width: 75px;
    left: 50% !important;
    top: 50% !important;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    object-fit: contain;
  }
  #header #socialMedia {
    position: absolute;
    top: 8px;
    right: 10px;
    width: auto;
    margin: 0;
    text-align: right;
    transition: left 0.5s ease, right 0.5s ease;
  }
  #socialMedia a {
    color: #000;
  }
  #socialMedia a:hover {
    color: #fff;
  }
  #search {
    display: none;
  }
  .hasHeaderText .headerText {
    width: 600px;
    height: auto;
    margin-left: 25px;
    clear: both;
  }
  #quickLinks {
    display: none;
  }
  #nav {
    display: none;
  }
  #navBackground {
    display: none;
  }
  #background #core {
    padding-left: 0;
    padding-right: 0;
  }
  #core {
    clear: both;
    width: 600px;
    margin-left: 25px;
    padding-top: 25px;
  }
  #core.photoAlbum #content1 {
    overflow: auto;
    zoom: 1;
  }
  #core.duo {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
  }
  #core.duo #interiorHeader {
    order: -1;
  }
  #core.duo #content1 {
    order: 1;
  }
  #core.duo #content2 {
    order: 2;
  }
  #addthisWrapper {
    margin-bottom: 10px;
  }
  #background #core #featureSlideshow,
  #background #core #featureRegion,
  #background #core #horizontal1,
  #background #core #horizontal2,
  #background #core #horizontal3,
  #background #core #horizontal4,
  #background #core #bottomHorizontal1,
  #background #core #bottomHorizontal2,
  #background #core #interiorHeader,
  #background #core #content1,
  #background #core #content2,
  #background #core #content3,
  #background #core #section1 {
    float: none;
    clear: both;
  }
  #background #core #featureSlideshow,
  #background #core:not(.standard):not(.standardvideo) #featureRegion,
  #background #core #interiorHeader,
  #background #core #content1,
  #background #core #content2,
  #background #core #content3,
  #background #core #section1 {
    width: 600px;
  }
  #background #core #content1,
  #background #core #content2,
  #background #core #content3,
  #background #core #section1 {
    padding-left: 0px;
    padding-right: 0px;
  }
  .region > li {
    margin-bottom: 25px;
  }
  .embedModule .moduleBody,
  .embedModule .moduleBody iframe {
    max-height: 500px;
  }
  .sideNavModule {
    display: none;
  }
  .hideMobileColumn {
    display: none;
  }
  .table-responsive {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }
  .table-responsive table {
    width: 100%;
    max-width: 100%;
  }
  #featureSlideshow {
    height: 300px;
    margin-bottom: 25px;
  }
  #featureSlideshow.featureCustom {
    height: 265.625px;
  }
  #featureSlideshow.hasCallToActionSlide {
    box-sizing: initial;
    border-bottom: 40px solid transparent;
  }
  #featureSlideshow.hasCallToActionSlide .slideshowModule {
    padding-bottom: 40px;
    overflow: hidden;
  }
  #featureSlideshow.hasCallToActionSlide #rotator,
  #featureSlideshow.hasCallToActionSlide .caption {
    overflow: visible;
  }
  #featureSlideshow.hasCallToActionSlide .callToAction {
    bottom: -40px;
    height: 40px;
    width: 100%;
    max-width: none;
    right: 0px;
    box-sizing: border-box;
    border-radius: 0px;
    margin: 0px;
    padding: 0px;
    line-height: 40px;
    z-index: 1;
    text-align: center;
  }
  #featureSlideshow.hasCallToActionSlide .callToAction .callToActionArrow {
    position: static;
    display: inline-block;
    vertical-align: middle;
    margin-left: 4px;
  }
  #featureSlideshow.hasCallToActionSlide .captionPositioner {
    z-index: 1;
  }
  #featureSlideshow.hasCallToActionSlide .slideshowImageWrapper:before {
    content: "";
    width: 100%;
    height: 40px;
    bottom: -40px;
    left: 0px;
    background-color: #3b1708;
    position: absolute;
    z-index: 1;
  }
  .slideshowModule .pauseBtn,
  .moduleBody .pauseBtn {
    top: 5%;
    margin: 0;
  }
  .slideshowModule .backBtn,
  .moduleBody .backBtn,
  .slideshowModule .fwdBtn,
  .moduleBody .fwdBtn {
    display: none;
    top: 5%;
    margin: 0;
  }
  .slideshowModule.vimeoMode.captionOn .captionPositioner {
    pointer-events: none;
  }
  .slideshowModule.vimeoMode.captionOn .captionPositioner .callToAction {
    pointer-events: all;
  }
  .slideshowModule.videoMode.captionOn .caption .captionContent {
    max-height: 6ex;
    -webkit-line-clamp: 2;
  }
  #background #core #content1,
  #background #core #content2,
  #background #core #content3,
  #background #core #section1 {
    margin: 0;
  }
  .bulletinName img {
    max-width: 100%;
  }
  .photoAlbum.infinite-item {
    padding-left: 4px;
    padding-right: 4px;
  }
  .formStyling select {
    white-space: nowrap;
  }
  .formStyling .firstLastNameField > div:first-child,
  .formStyling .duoField > div:first-child,
  .formStyling .cityStateZipField > div:first-child {
    margin-bottom: 15px;
  }
  #background #footer {
    padding-left: 0;
    padding-right: 0;
  }
  #footer {
    width: 600px;
    margin-left: 25px;
  }
}
@media (max-width: 1220px) and (max-width: 1220px) and (min-width: 501px) {
  .formStyling .cityStateZipField > div:first-child {
    float: none;
  }
  .formStyling .cityStateZipField > div:not(:first-child) input,
  .formStyling .cityStateZipField > div:not(:first-child) select,
  .formStyling .cityStateZipField > div:not(:first-child) textarea {
    width: 170px;
  }
  .formStyling .fieldGroup .cityStateZipField > div:not(:first-child) input,
  .formStyling .fieldGroup .cityStateZipField > div:not(:first-child) select,
  .formStyling .fieldGroup .cityStateZipField > div:not(:first-child) textarea {
    width: 170px;
  }
}
@media (max-width: 1220px) {
  #headerBackground {
    padding-top: 50px;
  }
  #mobileNavBar {
    position: fixed;
    top: 0px;
    width: 650px;
    left: 0px;
    z-index: 200;
    transition: all 0.5s ease;
  }
  #background #socialMedia {
    position: fixed;
    z-index: 201;
  }
  #mobilePanel {
    min-height: 100%;
    position: fixed;
  }
  body.mobilePanelActive {
    position: absolute;
    overflow: hidden;
  }
  body.mobilePanelActive #mobileNavBar {
    left: 300px;
  }
  body.mobilePanelActive #mobilePanel {
    bottom: 0px;
    z-index: 1000;
    overflow: auto;
  }
  body.mobilePanelActive #background #socialMedia {
    right: -290px;
    transition: none;
  }
  body:not(.preview) .admin #header #socialMedia {
    margin-top: 65px;
  }
  .preview.showPreviewToolbar #mobilePanel {
    top: 65px;
  }
  .preview.showPreviewToolbar #mobileNavBar,
  .preview.showPreviewToolbar #background #socialMedia {
    margin-top: 65px;
  }
  .admin #mobilePanel {
    top: 65px;
  }
  .admin #mobileNavBar,
  .admin #background #socialMedia {
    margin-top: 65px;
  }
}
@media (max-width: 500px) {
  #mobileNavBar {
    width: 375px;
  }
}
@media (max-width: 1220px) and (min-width: 501px) and (min-width: 651px) {
  .mobilePanelActive #background {
    width: calc(100% - 300px);
  }
  .mobilePanelActive #background #core,
  .mobilePanelActive #background #footer {
    margin-left: 25px;
  }
  #background #core,
  #background #footer {
    margin-left: auto;
    margin-right: auto;
  }
  body,
  #background,
  #mobileNavBar {
    width: 100%;
  }
}
@media (max-width: 500px) {
  .mobilePanelActive #background {
    width: 75px;
  }
  body {
    width: 375px;
  }
  #background {
    width: 375px;
  }
  #header {
    width: 375px;
  }
  #siteLogo,
  #siteName,
  .hasHeaderText .headerText {
    margin-top: 25px;
  }
  #siteLogo {
    width: 65px;
    height: 23.6px;
    margin-left: 25px;
  }
  #siteLogo.logoOnly {
    width: 325px;
    height: 118px;
    float: none;
    margin-left: auto;
    margin-right: auto;
  }
  #siteLogo.logoOnly img {
    max-width: 325px;
    max-height: 118px;
  }
  #siteLogo img {
    max-height: 23.6px;
    max-width: 65px;
  }
  .hasHeaderText .headerText {
    width: 325px;
    margin-left: 25px;
  }
  #core {
    width: 325px;
    margin-left: 25px;
    padding-top: 25px;
  }
  #background #core:not(.standard):not(.standardvideo) #featureRegion,
  #background #core:not(.standard):not(.standardvideo) #featureRegion .buttonLabelContainer,
  #background #core #interiorHeader,
  #background #core #content1,
  #background #core #content2,
  #background #core #content3,
  #background #core #section1 {
    width: 325px;
  }
  .region > li {
    margin-bottom: 25px;
  }
  .calendar .calendarEvent,
  .calendar .calendarEvent > span {
    display: none;
  }
  .calendar .day {
    text-align: center;
  }
  .calendar .hasEvents .dateNumber + .calendarEvent {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-top: 3px;
    border-radius: 20px;
    background-color: #ddd;
  }
  #calendarPageSelection {
    max-width: 180px;
  }
  .formStyling input,
  .formStyling textarea {
    width: 270px;
  }
  .formStyling select {
    width: 270px;
  }
  .formStyling .cityStateZipField > div:not(:last-child) {
    margin-bottom: 15px;
  }
  .formStyling .fieldGroup input,
  .formStyling .fieldGroup textarea,
  .formStyling .fieldGroup select {
    width: 270px;
  }
  #featureSlideshow {
    height: 214px;
    margin-left: -51.5px;
    margin-bottom: 25px;
  }
  #background #core #featureSlideshow {
    width: 428px;
  }
  #featureSlideshow .moduleInner .backBtn,
  #featureSlideshow .moduleInner .fwdBtn,
  #featureSlideshow .moduleInner .pauseBtn {
    display: none;
  }
  #featureSlideshow .title,
  #featureSlideshow .captionContent {
    max-width: 325px;
  }
  #featureSlideshow.featureCustom {
    margin-left: -79.19411765px;
    height: 214px;
  }
  #background #core #featureSlideshow.featureCustom {
    width: 483.38823529px;
  }
  #rotator .caption .title {
    margin-top: 5px;
    font-size: 18px;
  }
  #rotator .caption .captionContent {
    height: 16px;
    margin-top: 2px;
    font-size: 12px;
  }
  #rotator .caption > div.captionContent:first-child {
    margin-top: 103px;
  }
  .slideshowModule.videoMode.captionOn .caption .title {
    font-size: 18px;
  }
  .slideshowModule.videoMode.captionOn .caption .captionContent {
    font-size: 12px;
  }
  .galleryModule .rotator .caption {
    height: 12ex;
  }
  .galleryModule .rotator .caption .captionContent {
    height: 6ex;
    -webkit-line-clamp: 2;
  }
  #shieldLogin #shieldPassword {
    width: 270px;
  }
  .photoAlbum.infinite-item {
    padding-left: 14px;
    padding-right: 14px;
  }
  #footer {
    width: 325px;
    margin-left: 25px;
  }
}
@media (max-width: 500px) and (min-width: 376px) {
  .mobilePanelActive #background {
    width: calc(100% - 300px);
  }
  .mobilePanelActive #background #core,
  .mobilePanelActive #background #footer {
    margin-left: 25px;
  }
  #background #core,
  #background #footer {
    margin-left: auto;
    margin-right: auto;
  }
  body,
  #background,
  #mobileNavBar {
    width: 100%;
  }
}
#resetPassword {
  width: 400px;
  margin: 50px auto;
  padding: 25px;
  background-color: #fff;
  color: #646a6d;
  font-family: "PillGothic300mg-Light", Tahoma, Arial, sans-serif, "Pill Gothic", Arial, sans-serif;
  font-size: 16px;
  border-radius: 8px;
}
#resetPassword form {
  padding: 0 15px;
}
#resetPassword .formTitle {
  margin-bottom: 15px;
  padding-bottom: 2px;
  border-bottom: 1px dashed #d4d4d4;
  font-size: 24px;
  text-align: center;
}
#resetPassword .inputHolder {
  margin-top: 15px;
}
#resetPassword .fieldLabel {
  display: block;
  color: #646a6d;
}
#resetPassword .required {
  font-size: 10px;
}
#resetPassword input {
  width: 200px;
  border: 1px solid #738bb9;
  padding: 5px 10px;
  background: #f8f8f8;
  font-size: 16px;
  outline: none;
}
#resetPassword input:focus {
  border: 1px solid #646a6d;
  background: #fff7f3;
}
#resetPassword #loginError {
  color: #e60505;
}
#resetPassword .requiredErrorText,
#resetPassword .validateErrorText {
  display: none;
}
#resetPassword #passwordMeter {
  width: 220px;
  height: 4px;
  margin: 4px 1px;
  background: url("https://cdn.ecatholic.com/1772471332/images/admin/pw_security.png") no-repeat;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  display: block;
}
#resetPassword #passwordMeter::-ms-expand {
  display: none;
}
#resetPassword #passwordMeter #passwordStrength #passwordStrengthLabel {
  color: #eee;
}
#resetPassword #passwordMeter[value="0"] {
  background-position-y: 0px;
}
#resetPassword #passwordMeter[value="0"] + #passwordStrength #passwordStrengthLabel {
  color: #b84238;
}
#resetPassword #passwordMeter[value="1"] {
  background-position-y: -4px;
}
#resetPassword #passwordMeter[value="1"] + #passwordStrength #passwordStrengthLabel {
  color: #b84238;
}
#resetPassword #passwordMeter[value="2"] {
  background-position-y: -8px;
}
#resetPassword #passwordMeter[value="2"] + #passwordStrength #passwordStrengthLabel {
  color: #edb02e;
}
#resetPassword #passwordMeter[value="3"] {
  background-position-y: -12px;
}
#resetPassword #passwordMeter[value="3"] + #passwordStrength #passwordStrengthLabel {
  color: #e87722;
}
#resetPassword #passwordMeter[value="4"] {
  background-position-y: -16px;
}
#resetPassword #passwordMeter[value="4"] + #passwordStrength #passwordStrengthLabel {
  color: #009c4b;
}
#resetPassword #passwordStrength {
  font-size: 12px;
  font-weight: bold;
  margin: 0 0 3px;
}
#resetPassword #passwordStrengthLabel {
  font-weight: normal;
}
#resetPassword #passwordSuggestions.warning p {
  font-size: 11px;
  color: #999;
  margin: 0 0 5px;
}
body.preview #adminToolbar {
  display: none;
}
body.preview.showPreviewToolbar {
  position: relative;
}
body.preview.showPreviewToolbar #background {
  border-top: solid 65px transparent !important;
}
body.preview.showPreviewToolbar #mobilePanel {
  top: 65px;
}
body.preview.showPreviewToolbar #adminToolbar {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.ui-widget {
  font-family: "PillGothic300mg-Light", Tahoma, Arial, sans-serif, "Pill Gothic", Arial, sans-serif;
}
.ui-widget-header {
  color: #fff;
  font-family: "PillGothic300mg-Light", Tahoma, Arial, sans-serif, "Pill Gothic", Arial, sans-serif;
}
.ui-widget-header .ui-icon {
  background-image: url("https://cdn.ecatholic.com/1772471332/images/admin/ui-icons_ffffff_256x240.png");
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
  background-image: url("https://cdn.ecatholic.com/1772471332/images/admin/ui-icons_ef8c08_256x240.png");
}
.ui-datepicker {
  width: 230px;
  border: 0px;
  padding: 0px;
  background: #fff;
  border-radius: 4px;
  box-shadow: 0px 0px 3px 1px #aaa;
}
.ui-datepicker .ui-datepicker-header {
  background: #1b365d;
  border-radius: 0px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border: 0px;
  padding-top: 5px;
  padding-bottom: 1px;
  font-weight: normal;
  font-size: 15px;
}
.ui-datepicker .ui-datepicker-header .ui-icon {
  width: 6px;
  height: 8px;
  top: 14px;
}
.ui-datepicker .ui-datepicker-header a.ui-state-hover {
  border: 0px;
  background: none;
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 0px;
}
.ui-datepicker .ui-datepicker-header .ui-corner-all {
  width: 26px;
  height: 20px;
  top: 6px;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev {
  left: 4px;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev .ui-icon {
  left: 17px;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-next {
  right: 4px;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-next .ui-icon {
  left: 19px;
}
.ui-datepicker .ui-state-default {
  background: #fff;
  color: #333;
  border: 0px;
}
.ui-datepicker .ui-state-default.ui-state-highlight {
  background: #dedede;
}
.ui-datepicker .ui-state-default.ui-state-hover {
  background: #e87722;
  color: #fff;
}
.ui-datepicker .ui-state-default.ui-state-active {
  background: #e87722;
  color: #fff;
  outline: 1px solid #32466e;
}
.ui-datepicker .ui-datepicker-other-month .ui-state-default {
  color: #ccc;
}
.ui-datepicker .ui-datepicker-calendar {
  margin-bottom: 3px;
}
.ui-datepicker th {
  font-weight: normal;
  font-size: 12px;
  color: #32466e;
}
.ui-datepicker td {
  font-size: 12px;
}
.ui-datepicker td span,
.ui-datepicker td a {
  width: 25px;
  text-align: center;
  padding: 4.5px 0px 2.5px;
}
.ui-datepicker .ui-datepicker-week-end:first-of-type {
  padding-left: 10px;
}
.ui-datepicker .ui-datepicker-week-end:last-of-type {
  padding-right: 10px;
}
.ui-datepicker .ui-datepicker-prev {
  top: 2px;
  left: 2px;
}
.ui-datepicker .ui-datepicker-prev .ui-icon {
  background: url("https://cdn.ecatholic.com/1772471332/images/admin/sprites/png_sprite.png") no-repeat;
  background-size: 150px;
  background-position: 0px -350px;
}
.ui-datepicker .ui-datepicker-next {
  top: 2px;
  right: 2px;
}
.ui-datepicker .ui-datepicker-next .ui-icon {
  background: url("https://cdn.ecatholic.com/1772471332/images/admin/sprites/png_sprite.png") no-repeat;
  background-size: 150px;
  background-position: 0px -300px;
}
.admin #featureSlideshow .slideshowModuleEmpty {
  background: url("https://cdn.ecatholic.com/1772471332/base-images/slideshow/image-rotator-bg.png") no-repeat center center;
  background-color: #32466e;
}
.admin #featureSlideshow .slideshowModuleEmpty.videoModeAvailable {
  background: url("https://cdn.ecatholic.com/1772471332/base-images/slideshow/imagevideo-rotator-bg.png") no-repeat center center;
  background-color: #32466e;
}
.admin #featureSlideshow .slideshowModuleEmpty .editBar {
  opacity: 1 !important;
  display: block;
}
.admin #featureSlideshow .slideshowModuleEmpty .editBar:before {
  content: "";
  position: absolute;
  width: 137px;
  height: 87px;
  background: url("https://cdn.ecatholic.com/1772471332/base-images/slideshow/image-rotator-arrow.png") no-repeat center center;
  right: 40px;
  top: 40px;
  opacity: 0.665;
}
.admin #featureSlideshow .slideshowModuleEmpty .editButton {
  opacity: 0 !important;
}
.admin #featureSlideshow .slideshowModuleEmpty:hover .editButton {
  opacity: 1 !important;
}
.admin #featureSlideshow .slideshowModuleEmpty:not(:hover) .editBar {
  box-shadow: none;
}
.admin #featureSlideshow.featureMediumVideo .slideshowModuleEmpty {
  background-size: cover;
}
#statusMessage {
  display: block;
  position: fixed;
  top: 0;
  width: 100%;
  padding: 18px 25px;
  background-color: #bc2222;
  color: #fff;
  font-family: "Roboto", Arial, sans-serif;
  font-size: 17px;
  text-align: center;
  text-decoration: none;
  z-index: 9999;
  box-sizing: border-box;
}
#statusMessage .statusLink {
  text-decoration: underline;
}
.admin #statusMessage {
  top: 65px;
}
#statusMessage ~ #sideTabHeader {
  top: 43px;
}
#statusMessage ~ #sideTabNav {
  top: 190px;
}
.editable .moveHandleItem + .editBar,
.editable #onlineFormFields .editBar {
  right: 20px;
}
.editable .moveHandle,
.editable .moveHandleSection,
.editable .moveHandleItem,
.editable .moveHandleField,
.editable .moveButton {
  width: 20px;
}
.editable .moveHandle {
  left: -21px;
}
.editable .moveHandleSection,
.editable .moveButton {
  right: -21px;
}
.editable .moveHandleItem,
.editable .moveHandleField {
  right: 0;
}
.admin #onlineForm #saveOnlineForm {
  float: left;
  width: 350px;
  max-width: 100%;
}
.admin #onlineForm .ofField {
  min-width: 200px;
  max-width: 100%;
}
.admin #onlineForm .ofField .ofField {
  width: auto;
}
.admin #onlineForm .ofField .ofField {
  margin-right: 21px;
}
@media (min-width: 1520px) {
  .sidePanel {
    left: calc(100% + 20px);
  }
}
#adminLogin .requiredErrorText,
#adminLogin .validateErrorText,
#adminLogin .required {
  display: none;
}
body#wysiwygEmailStyling {
  font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
  font-size: 16px;
  line-height: 150%;
  word-break: break-word;
  color: #646464;
  text-align: left;
}
body#wysiwygEmailStyling .wysiwygColor1,
body#wysiwygEmailStyling .wysiwygColor2,
body#wysiwygEmailStyling .wysiwygColor3,
body#wysiwygEmailStyling .wysiwygColor4 {
  color: inherit;
}
body#wysiwygEmailStyling a:not(.htmlButton) {
  color: #e87722;
  font-weight: normal;
  text-decoration: none;
}
body#wysiwygEmailStyling a:hover {
  text-decoration: underline;
}
body#wysiwygEmailStyling p {
  display: block;
  margin-block-start: 1em;
  margin-block-end: 1em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
}
body#wysiwygEmailStyling h1,
body#wysiwygEmailStyling h2,
body#wysiwygEmailStyling h3 {
  color: inherit;
  font-family: inherit;
  text-transform: none;
  text-align: left;
  display: block;
  font-size: 2em;
  margin-block-start: 0.67em;
  margin-block-end: 0.67em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  font-weight: bold;
  letter-spacing: normal;
}
body#wysiwygEmailStyling h2 {
  font-size: 1.5em;
  margin-block-start: 0.83em;
  margin-block-end: 0.83em;
}
body#wysiwygEmailStyling h3 {
  font-size: 20px;
  line-height: 125%;
}
body#wysiwygEmailStyling .htmlButton {
  min-width: unset;
  padding: 15px;
  border-radius: 3px;
  background-color: #e87722;
  font-weight: bold;
  letter-spacing: normal;
  line-height: 100%;
  text-align: center;
  text-decoration: none;
  color: #ffffff;
  display: inline-block;
  margin-top: 10px;
  margin-bottom: 10px;
  border: 0;
}
body#wysiwygEmailStyling .htmlButton2 {
  background-color: #1b365d;
}
/* bebas-neue-regular - latin */
/* sorts-mill-goudy-regular - latin */
@font-face {
  font-family: "custom-payment-field-icons";
  src: url(https://cdn.ecatholic.com/1772471332/paymentMinimal/icons/custom-payment-field-icons.woff2) format("woff2")   , url(https://cdn.ecatholic.com/1772471332/paymentMinimal/icons/custom-payment-field-icons.ttf) format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "custom-payment-field-icons";
  src: url(https://cdn.ecatholic.com/1772471332/paymentMinimal/icons/custom-payment-field-icons.woff2) format("woff2")   , url(https://cdn.ecatholic.com/1772471332/paymentMinimal/icons/custom-payment-field-icons.ttf) format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "custom-payment-title-icons";
  src: url(https://cdn.ecatholic.com/1772471332/paymentMinimal/icons/custom-payment-title-icons-100.woff2) format("woff2")   , url(https://cdn.ecatholic.com/1772471332/paymentMinimal/icons/custom-payment-title-icons-100.ttf) format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "custom-payment-title-icons";
  src: url(https://cdn.ecatholic.com/1772471332/paymentMinimal/icons/custom-payment-title-icons-100.woff2) format("woff2")   , url(https://cdn.ecatholic.com/1772471332/paymentMinimal/icons/custom-payment-title-icons-100.ttf) format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "custom-payment-title-icons";
  src: url(https://cdn.ecatholic.com/1772471332/paymentMinimal/icons/custom-payment-title-icons-300.woff2) format("woff2")   , url(https://cdn.ecatholic.com/1772471332/paymentMinimal/icons/custom-payment-title-icons-300.ttf) format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "custom-payment-title-icons";
  src: url(https://cdn.ecatholic.com/1772471332/paymentMinimal/icons/custom-payment-title-icons-300.woff2) format("woff2")   , url(https://cdn.ecatholic.com/1772471332/paymentMinimal/icons/custom-payment-title-icons-300.ttf) format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "custom-payment-title-icons";
  src: url(https://cdn.ecatholic.com/1772471332/paymentMinimal/icons/custom-payment-title-icons-400.woff2) format("woff2")   , url(https://cdn.ecatholic.com/1772471332/paymentMinimal/icons/custom-payment-title-icons-400.ttf) format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "custom-payment-title-icons";
  src: url(https://cdn.ecatholic.com/1772471332/paymentMinimal/icons/custom-payment-title-icons-400.woff2) format("woff2")   , url(https://cdn.ecatholic.com/1772471332/paymentMinimal/icons/custom-payment-title-icons-400.ttf) format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "custom-payment-title-icons";
  src: url(https://cdn.ecatholic.com/1772471332/paymentMinimal/icons/custom-payment-title-icons-900.woff2) format("woff2")   , url(https://cdn.ecatholic.com/1772471332/paymentMinimal/icons/custom-payment-title-icons-900.ttf) format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "custom-payment-title-icons";
  src: url(https://cdn.ecatholic.com/1772471332/paymentMinimal/icons/custom-payment-title-icons-900.woff2) format("woff2")   , url(https://cdn.ecatholic.com/1772471332/paymentMinimal/icons/custom-payment-title-icons-900.ttf) format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
.flex-column {
  display: flex;
  flex-direction: column;
}
.full-cover-pseudo {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.full-cover-image-module .modulePosition:has(.imageModule) > li,
.full-cover-image-module .modulePosition:has(.imageModule) .imageModule,
.full-cover-image-module .modulePosition:has(.imageModule) .moduleBody,
.full-cover-image-module .modulePosition:has(.imageModule) .focusPointImageArea,
.full-cover-image-module .modulePosition:has(.imageModule) .focusPointImagePositioner,
.full-cover-image-module .modulePosition:has(.imageModule) .focusPointImageHolder {
  width: 100% !important;
  height: 100% !important;
}
.full-cover-image-module .modulePosition:has(.imageModule) .focusPointImageHolder {
  object-fit: cover !important;
}
:root {
  --custom-copper-filter: brightness(0) saturate(100%) invert(25%) sepia(42%) saturate(4242%) hue-rotate(25deg) brightness(91%) contrast(104%);
  --wysiwygColor1: #a14300;
  --wysiwygColor2: #3b1708;
  --wysiwygColor3: #000;
  --wysiwygColor4: #bb7d3b;
  --primary-text-color: #000;
  --headings-color: #1d1a1a;
  --pre-color: #000;
  --site-link-color: #3b1708;
  --site-link-color-hover: #a14300;
  --blockquote-border-color: transparent;
  --blockquote-bg-color: #a14300;
  --blockquote-color: #fff;
  --blockquote-link: #ffd190;
  --blockquote-link-hover: #fff;
  --primary-btn-color: #fff;
  --primary-btn-bg-color: #3b1708;
  --primary-btn-border-color: #3b1708;
  --primary-btn-color-hover: #fff;
  --primary-btn-bg-color-hover: #a14300;
  --primary-btn-border-color-hover: #a14300;
  --secondary-btn-color: #000;
  --secondary-btn-bg-color: transparent;
  --secondary-btn-border-color: #000;
  --secondary-btn-color-hover: #fff;
  --secondary-btn-bg-color-hover: #a14300;
  --secondary-btn-border-color-hover: #a14300;
  --hr-color: #333;
  --section-title-color: #000;
  --section-subtitle-color: #000;
  --module-title-color: #303030;
  --module-subtitle-color: #303030;
  --aggregate-name-color: #000;
  --aggregate-name-color-hover: #a14300;
  --aggregate-info-color: #4f547b;
  --aggregate-summary-color: #303030;
  --aggregate-footer-more-color: #000;
  --aggregate-footer-more-color-hover: #a14300;
  --rss-icon-bg-color: transparent;
  --rss-icon-color: #000;
  --rss-icon-bg-color-hover: transparent;
  --rss-icon-color-hover: #a14300;
  --calendar-icon-color: #000;
  --calendar-icon-color-hover: #a14300;
  --tabs-tab-color: #fff;
  --tabs-tab-color-hover: #fff;
  --tabs-tab-color-active: #000;
  --tabs-tab-bg-color: #3b1708;
  --tabs-tab-bg-color-hover: #a14300;
  --tabs-tab-bg-color-active: transparent;
  --tabs-tab-border-color: #3b1708;
  --tabs-tab-border-color-hover: #a14300;
  --tabs-tab-border-color-active: #000;
  --tabs-collapsible-icon-color: #fff;
  --tabs-collapsible-icon-color-hover: #fff;
  --tabs-collapsible-icon-color-active: #1c2936⁨;
  --tabs-tab-content-border-color: #000;
  --accordion-tab-content-border-color: transparent;
  --accordion-tab-content-border-color-hover: transparent;
  --accordion-tab-content-border-color-active: #000;
  --button-section-button-row-gap: 24px;
  --button-section-button-row-2-margin-top: 26px;
  --button-module-max-width: 295px;
  --button-module-height: 320px;
  --button-module-bg-color: #ffd190;
  --button-module-placeholder-img-size: 95px;
  --button-module-placeholder-img-position: center top 40px;
  --button-module-hover-overlay-img: url("/39006/design/x-white-solg.svg");
  --button-module-hover-overlay-bg-color: #a14300;
  --button-module-label-center-justify-content: center;
  --button-module-label-center-flex-align-items: start;
  --button-module-label-center-padding-top: 10px;
  --button-module-label-center-padding-bottom: 10px;
  --button-module-label-center-padding-inline: 0px;
  --button-module-label-center-height: 90px;
  --button-module-label-center-height-hover: 100%;
  --button-module-label-center-bg-color: #a14300;
  --button-module-label-max-width: 100%;
  --button-module-label-line-clamp-limit: 2;
  --button-module-label-font-size: 24px;
  --button-module-label-font-weight: 700;
  --button-module-label-line-height: 1.2;
  --button-module-label-text-align: center;
  --button-module-label-text-transform: uppercase;
  --button-module-label-color: #fff;
  --button-module-icon-top: 50px;
  --button-module-icon-left: 50%;
  --button-module-icon-width: 80px;
  --button-module-icon-height: 70px;
  --button-module-icon-color: #000;
  --button-module-icon-color-hover: #000;
  --button-module-custom-icon-top: 55px;
  --button-module-custom-icon-width: 56px;
  --button-module-custom-icon-height: 56px;
  --calendar-box-shadow: 2px 4px 8px rgba(0, 0, 0, 0.1);
  --calendar-month-bg-gradient: radial-gradient(circle at bottom center, #a14300 0%, #3b1708 48% 100%);
  --calendar-month-title-bg-color: #a14300;
  --calendar-month-day-name-border-color: rgba(255, 255, 255, 0.2);
  --calendar-month-day-name-color: #fff;
  --calendar-month-day-name-bg-color: #a14300;
  --event-item-date-bg-color: #3b1708;
  --event-item-date-bg-color-hover: #a14300;
  --event-item-date-color-hover: #fff;
  --event-item-name-color: #000;
  --event-item-name-color-hover: #3b1708;
  --event-item-summary-color: #303030;
  --event-item-border-bottom-color: #bbb;
  --news-item-border-color: #000;
  --news-item-border-color-hover: #000;
  --news-item-bg-color: #fff;
  --news-item-bg-color-hover: #a14300;
  --news-item-name-color: #000;
  --news-item-name-color-hover: #fff;
  --news-item-info-color: #4f547b;
  --news-item-info-color-hover: #fff;
  --rss-border-bottom: #000;
  --rss-name-color: #000;
  --rss-name-color-hover: #000;
  --rss-info-color: #000;
  --rss-summary-color: #000;
  --people-group-name-color: #fff;
  --person-border-color: transparent;
  --person-bg-color: #3b1708;
  --person-name-color: #fff;
  --person-name-color-hover: #ffd190;
  --person-role-color: #fff;
  --person-phone-color: #fff;
  --person-link-color: #fff;
  --person-link-color-hover: #ffd190;
  --person-social-media-border-color: #fff;
  --person-social-media-border-color-hover: #fff;
  --person-social-media-icon-color: #fff;
  --person-social-media-icon-color-hover: #000;
  --person-social-media-bg-color: transparent;
  --person-social-media-bg-color-hover: #fff;
  --person-thumb-placeholder-bg-color: #fff0db;
  --person-alternate-bg-color: #ffd190;
  --person-alternate-name-color: #000;
  --person-alternate-name-color-hover: #a14300;
  --person-alternate-role-color: #000;
  --person-alternate-phone-color: #000;
  --person-alternate-link-color: #000;
  --person-alternate-link-color-hover: #a14300;
  --person-alternate-social-media-border-color: #000;
  --person-alternate-social-media-border-color-hover: #3b1708;
  --person-alternate-social-media-icon-color: #000;
  --person-alternate-social-media-icon-color-hover: #fff;
  --person-alternate-social-media-bg-color: transparent;
  --person-alternate-social-media-bg-color-hover: #3b1708;
  --links-module-border-color: #000;
  --links-module-border-color-hover: #a14300;
  --links-module-bg-color: transparent;
  --links-module-bg-color-hover: #a14300;
  --links-module-color: #000;
  --links-module-color-hover: #fff;
  --photo-album-name-color: #000;
  --photo-album-name-color-hover: #a14300;
  --form-label-color: #000;
  --form-error-text-color: #e60505;
  --form-field-border-color: #888;
  --form-field-padding-inline: 20px;
  --form-field-color: #000;
  --form-field-bg-color: #fff;
  --form-field-placeholder-color: #777;
  --payment-form-btn-border-color: #000;
  --payment-form-btn-bg-color: #fff;
  --payment-form-btn-selected-color: #fff;
  --payment-form-btn-selected-bg-color: #3b1708;
  --payment-form-btn-selected-border-color: #3b1708;
  --progress-bar-bg-color: #eee;
  --progress-bar-progress-color: #a14300;
  --progress-bar-goal-percent-color: #a14300;
  --campaign-fb-button-icon-color: brightness(0) saturate(100%);
  --campaign-fb-button-icon-color-hover: brightness(7.5);
  --sacrament-times-module-notes-color: #000;
  --sacrament-times-module-day-border-bottom-color: #000;
  --sacrament-times-module-day-color: #a14300;
  --sacrament-times-module-video-icon-color-hover: #a14300;
}
html {
  width: 100%;
}
body {
  width: 100%;
  overflow-x: clip !important;
}
#background #core #interiorHeader {
  width: 100%;
}
@media (max-width: 1220px) {
  #background {
    width: 100%;
  }
  #header,
  #core,
  #footer {
    width: calc(100% - 2 * 40px);
  }
  #core,
  #footer {
    margin-inline: auto;
  }
  #background #core #interiorHeader,
  #background #core #content1,
  #background #core #content2,
  #background #core #section1 {
    width: 100%;
  }
  .sectionInner .modulePosition {
    flex-grow: 1;
  }
  #siteLogo,
  #siteName,
  .hasHeaderText .headerText {
    float: none;
    margin-inline: auto;
    max-width: 100%;
  }
}
@media (min-width: 801px) and (max-width: 1220px) {
  #header,
  #core,
  #footer {
    width: calc(100% - 2 * (40px + 50px));
  }
}
.wysiwygColor1 {
  color: var(--wysiwygColor1, #a14300);
}
.wysiwygColor2 {
  color: var(--wysiwygColor2, #3b1708);
}
.wysiwygColor3 {
  color: var(--wysiwygColor3, #000);
}
.wysiwygColor4 {
  color: var(--wysiwygColor4, #bb7d3b);
}
p:not(blockquote p),
.region .moduleBody p:not(blockquote p),
.region .moduleBody,
.ui-widget-content,
.personGroup.group .name,
.formStyling .groupName,
.paymentCurrencyLabel,
.paymentModule .moduleBody :is(p, .fieldLabel),
.progressBarModule .moduleBody :is(.currentAmount, .currentPercent, .progressBarText),
.headlineSection:is(.half, .textOnly) .sectionBody {
  color: var(--primary-text-color);
}
@font-face {
  font-family: 'Belleza';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/belleza/v18/0nkoC9_pNeMfhX4BtcY.ttf) format('truetype');
}
@font-face {
  font-family: 'MonteCarlo';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montecarlo/v13/buEzpo6-f9X01GadLA0G0Co.ttf) format('truetype');
}
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUFjIg1_i6t8kCHKm459Wx7xQYXK0vOoz6jq6R8aX8.ttf) format('truetype');
}
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 200;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUFjIg1_i6t8kCHKm459Wx7xQYXK0vOoz6jqyR9aX8.ttf) format('truetype');
}
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUFjIg1_i6t8kCHKm459Wx7xQYXK0vOoz6jq_p9aX8.ttf) format('truetype');
}
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUFjIg1_i6t8kCHKm459Wx7xQYXK0vOoz6jq6R9aX8.ttf) format('truetype');
}
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUFjIg1_i6t8kCHKm459Wx7xQYXK0vOoz6jq5Z9aX8.ttf) format('truetype');
}
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUFjIg1_i6t8kCHKm459Wx7xQYXK0vOoz6jq3p6aX8.ttf) format('truetype');
}
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUFjIg1_i6t8kCHKm459Wx7xQYXK0vOoz6jq0N6aX8.ttf) format('truetype');
}
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUFjIg1_i6t8kCHKm459Wx7xQYXK0vOoz6jqyR6aX8.ttf) format('truetype');
}
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUFjIg1_i6t8kCHKm459Wx7xQYXK0vOoz6jqw16aX8.ttf) format('truetype');
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCtr6Uw-.ttf) format('truetype');
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCvr6Ew-.ttf) format('truetype');
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCs16Ew-.ttf) format('truetype');
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCtr6Ew-.ttf) format('truetype');
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCtZ6Ew-.ttf) format('truetype');
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCu170w-.ttf) format('truetype');
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCuM70w-.ttf) format('truetype');
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCvr70w-.ttf) format('truetype');
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCvC70w-.ttf) format('truetype');
}
.region a:not([class]),
.formCaptchaInfo a {
  color: var(--site-link-color, #3b1708);
  transition: 0.3s;
}
.region a:not([class]):hover,
.formCaptchaInfo a:hover {
  color: var(--site-link-color-hover, #a14300);
}
#background:not(.admin) a > span[class*="wysiwygColor"],
#background:not(.admin) a[class*="wysiwygColor"] {
  color: var(--site-link-color, #3b1708);
  transition: 0.3s;
}
#background:not(.admin) a > span[class*="wysiwygColor"]:hover,
#background:not(.admin) a[class*="wysiwygColor"]:hover {
  color: var(--site-link-color-hover, #a14300);
}
.moduleInner a:hover {
  cursor: pointer;
}
#core h1:not(#pageTitle),
#footer h1:not(#pageTitle),
#core h2:not(.moduleName):not(.sectionName),
#footer h2:not(.moduleName):not(.sectionName),
#core h3,
#footer h3,
#core h4,
#footer h4,
#core h5,
#footer h5,
#core h6,
#footer h6 {
  color: var(--headings-color, #000);
}
#core pre,
#footer pre {
  color: var(--pre-color, #000);
}
#core hr,
#footer hr {
  color: var(--hr-color);
}
.fr-dropdown-menu[id*="dropdown-menu-paragraphFormat-"] li h1,
:where(.customText, .customModule, .footerTextBody, .summary) h1,
.fr-dropdown-menu[id*="dropdown-menu-paragraphFormat-"] li h2,
:where(.customText, .customModule, .footerTextBody, .summary) h2,
.fr-dropdown-menu[id*="dropdown-menu-paragraphFormat-"] li h3,
:where(.customText, .customModule, .footerTextBody, .summary) h3,
.fr-dropdown-menu[id*="dropdown-menu-paragraphFormat-"] li h4,
:where(.customText, .customModule, .footerTextBody, .summary) h4,
.fr-dropdown-menu[id*="dropdown-menu-paragraphFormat-"] li h5,
:where(.customText, .customModule, .footerTextBody, .summary) h5,
.fr-dropdown-menu[id*="dropdown-menu-paragraphFormat-"] li h6,
:where(.customText, .customModule, .footerTextBody, .summary) h6 {
  margin-block: max(0.1em, 10px);
}
.fr-dropdown-menu[id*="dropdown-menu-paragraphFormat-"] li h1,
:where(.customText, .customModule, .footerTextBody, .summary) h1,
.fr-dropdown-menu[id*="dropdown-menu-paragraphFormat-"] li h2,
:where(.customText, .customModule, .footerTextBody, .summary) h2,
.fr-dropdown-menu[id*="dropdown-menu-paragraphFormat-"] li h3,
:where(.customText, .customModule, .footerTextBody, .summary) h3,
.fr-dropdown-menu[id*="dropdown-menu-paragraphFormat-"] li h4,
:where(.customText, .customModule, .footerTextBody, .summary) h4,
.fr-dropdown-menu[id*="dropdown-menu-paragraphFormat-"] li h6,
:where(.customText, .customModule, .footerTextBody, .summary) h6 {
  font-family: "Belleza", "Times New Roman", Times, serif;
  font-weight: 400;
}
.fr-dropdown-menu[id*="dropdown-menu-paragraphFormat-"] li h1,
:where(.customText, .customModule, .footerTextBody, .summary) h1,
.fr-dropdown-menu[id*="dropdown-menu-paragraphFormat-"] li h2,
:where(.customText, .customModule, .footerTextBody, .summary) h2,
.fr-dropdown-menu[id*="dropdown-menu-paragraphFormat-"] li h3,
:where(.customText, .customModule, .footerTextBody, .summary) h3,
.fr-dropdown-menu[id*="dropdown-menu-paragraphFormat-"] li h5,
:where(.customText, .customModule, .footerTextBody, .summary) h5,
.fr-dropdown-menu[id*="dropdown-menu-paragraphFormat-"] li h6,
:where(.customText, .customModule, .footerTextBody, .summary) h6 {
  text-transform: uppercase;
}
.fr-dropdown-menu[id*="dropdown-menu-paragraphFormat-"] li h1,
:where(.customText, .customModule, .footerTextBody, .summary) h1 {
  font-size: 58px;
  line-height: 1;
}
@media (max-width: 1220px) and (min-width: 501px) {
  .fr-dropdown-menu[id*="dropdown-menu-paragraphFormat-"] li h1,
  :where(.customText, .customModule, .footerTextBody, .summary) h1 {
    font-size: 48px;
  }
}
@media (max-width: 500px) {
  .fr-dropdown-menu[id*="dropdown-menu-paragraphFormat-"] li h1,
  :where(.customText, .customModule, .footerTextBody, .summary) h1 {
    font-size: 38px;
  }
}
.fr-dropdown-menu[id*="dropdown-menu-paragraphFormat-"] li h2:not(.moduleName),
:where(.customText, .customModule, .footerTextBody, .summary) h2:not(.moduleName) {
  font-size: 42px;
  line-height: 1.2;
}
@media (max-width: 500px) {
  .fr-dropdown-menu[id*="dropdown-menu-paragraphFormat-"] li h2:not(.moduleName),
  :where(.customText, .customModule, .footerTextBody, .summary) h2:not(.moduleName) {
    font-size: 35px;
  }
}
.fr-dropdown-menu[id*="dropdown-menu-paragraphFormat-"] li h3,
:where(.customText, .customModule, .footerTextBody, .summary) h3 {
  font-size: 30px;
  line-height: normal;
  letter-spacing: 2px;
}
.fr-dropdown-menu[id*="dropdown-menu-paragraphFormat-"] li h4,
:where(.customText, .customModule, .footerTextBody, .summary) h4 {
  font-size: 24px;
  line-height: 1.3;
}
.fr-dropdown-menu[id*="dropdown-menu-paragraphFormat-"] li h5,
:where(.customText, .customModule, .footerTextBody, .summary) h5 {
  font-family: "Montserrat", "Roboto", "Helvetica", Arial, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 2px;
}
.fr-dropdown-menu[id*="dropdown-menu-paragraphFormat-"] li h6,
:where(.customText, .customModule, .footerTextBody, .summary) h6 {
  font-size: 18px;
  line-height: 1.2;
}
.fr-dropdown-menu[id*="dropdown-menu-paragraphFormat-"] li pre,
:where(.customText, .customModule, .footerTextBody, .summary) pre {
  margin-block: 25px;
  font-family: "MonteCarlo", cursive;
  font-size: 30px;
  line-height: 1.3;
}
.fr-popup .fr-link-insert-layer .fr-input-line select {
  padding-block: 10px 6px;
  font-size: 18px;
}
@media (min-width: 501px) {
  .normalCell .customModule h1,
  .tallCell .customModule h1,
  .rowSection.fourModule .modulePosition:not(.titlePosition) .customModule h1 {
    font-size: 40px;
  }
  .normalCell .customModule h2,
  .tallCell .customModule h2,
  .rowSection.fourModule .modulePosition:not(.titlePosition) .customModule h2 {
    font-size: 35px;
  }
}
input,
textarea {
  outline: none;
}
.region .moduleBody,
.eventDetails,
.newsDetails,
.bio {
  line-height: 1.9;
}
.adjust-blockquote {
  padding-inline: 32px;
}
#core .moduleInner:not(.mediaFormatting) :is(blockquote) {
  color: var(--blockquote-color, #fff);
  background-color: var(--blockquote-bg-color, #a14300);
}
#core .moduleInner:not(.mediaFormatting) :is(blockquote) a:not([class]) {
  color: var(--blockquote-link, #ffd190) !important;
}
#core .moduleInner:not(.mediaFormatting) :is(blockquote) a:not([class]):hover {
  color: var(--blockquote-link-hover, #fff) !important;
}
#core .moduleInner:not(.mediaFormatting) :is(blockquote) p,
#core .moduleInner:not(.mediaFormatting) :is(blockquote) span {
  color: var(--blockquote-color, #fff);
}
.moduleInner:not(.mediaFormatting) blockquote {
  position: relative;
  box-sizing: border-box;
  margin: 30px 0 30px 0;
  border: none;
  border-radius: 10px;
  padding-block: 28px 40px;
  padding-inline: 45px;
  font-size: 16px;
  line-height: 1.9;
}
.moduleInner:not(.mediaFormatting) blockquote p:first-child {
  margin-block: 4px 0;
}
@media (max-width: 500px) {
  .moduleInner:not(.mediaFormatting) blockquote {
    padding-inline: 32px;
  }
}
@media (min-width: 501px) {
  .normalCell .moduleInner:not(.mediaFormatting) blockquote,
  .tallCell .moduleInner:not(.mediaFormatting) blockquote,
  .rowSection.fourModule .modulePosition:not(.titlePosition) .moduleInner:not(.mediaFormatting) blockquote {
    padding-inline: 32px;
  }
}
@media (min-width: 1221px) {
  #content2 .moduleInner:not(.mediaFormatting) blockquote,
  .smallColumn .moduleInner:not(.mediaFormatting) blockquote,
  .rowSection.threeModule .modulePosition:not(.titlePosition) .moduleInner:not(.mediaFormatting) blockquote,
  .columnSection.trioColumn .modulePosition:not(.titlePosition) .moduleInner:not(.mediaFormatting) blockquote,
  .modulePosition.size4 .moduleInner:not(.mediaFormatting) blockquote {
    padding-inline: 32px;
  }
}
.primary-button-colors {
  color: var(--primary-btn-color);
  background-color: var(--primary-btn-bg-color);
  border-color: var(--primary-btn-border-color);
}
.primary-button-colors:hover {
  color: var(--primary-btn-color-hover);
  background-color: var(--primary-btn-bg-color-hover);
  border-color: var(--primary-btn-border-color-hover);
}
.secondary-button-colors {
  color: var(--secondary-btn-color);
  background-color: var(--secondary-btn-bg-color);
  border-color: var(--secondary-btn-border-color);
}
.secondary-button-colors:hover {
  color: var(--secondary-btn-color-hover);
  background-color: var(--secondary-btn-bg-color-hover);
  border-color: var(--secondary-btn-border-color-hover);
}
#core .htmlButton1,
#core .htmlButton2,
#core .formStyling .submitForm,
#core .moduleInner.paymentModule #paymentCustomForm #onlineFormFields .submitForm.paymentSubmit,
#core .progressBarModule :is(.buttonContainer a.button),
#core .progressBarModule :is(.buttonContainer .facebookButton),
#core .flocknoteSignupsModule button,
#core #flocknoteSignupsSubmit,
#core #shieldLogin .submit {
  position: relative;
  box-sizing: border-box;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  margin: 18px 18px 18px 0;
  border-radius: 3px;
  border-width: 1px;
  border-style: solid;
  padding-block: 20px;
  padding-inline: 50px;
  height: auto;
  font-family: "Montserrat", "Roboto", "Helvetica", Arial, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 3px;
  text-transform: uppercase;
  transition: 0.3s;
}
#core .region .htmlButton1,
#core .region .formStyling .submitForm,
#core .region .moduleInner.paymentModule #paymentCustomForm #onlineFormFields .submitForm.paymentSubmit,
#core .region .flocknoteSignupsModule button,
#core .region #flocknoteSignupsSubmit,
#core .region #shieldLogin .submit #featureSlideshow .callToAction {
  color: var(--primary-btn-color);
  background-color: var(--primary-btn-bg-color);
  border-color: var(--primary-btn-border-color);
}
#core .region .htmlButton1:hover,
#core .region .formStyling .submitForm:hover,
#core .region .moduleInner.paymentModule #paymentCustomForm #onlineFormFields .submitForm.paymentSubmit:hover,
#core .region .flocknoteSignupsModule button:hover,
#core .region #flocknoteSignupsSubmit:hover,
#core .region #shieldLogin .submit #featureSlideshow .callToAction:hover {
  color: var(--primary-btn-color-hover);
  background-color: var(--primary-btn-bg-color-hover);
  border-color: var(--primary-btn-border-color-hover);
}
#core .region .htmlButton2,
#core .region .progressBarModule :is(.buttonContainer a.button),
#core .region .progressBarModule :is(.buttonContainer .facebookButton) {
  color: var(--secondary-btn-color);
  background-color: var(--secondary-btn-bg-color);
  border-color: var(--secondary-btn-border-color);
}
#core .region .htmlButton2:hover,
#core .region .progressBarModule :is(.buttonContainer a.button):hover,
#core .region .progressBarModule :is(.buttonContainer .facebookButton):hover {
  color: var(--secondary-btn-color-hover);
  background-color: var(--secondary-btn-bg-color-hover);
  border-color: var(--secondary-btn-border-color-hover);
}
#footerBackground .footerConnectGroupModule .submitForm {
  position: relative;
  box-sizing: border-box;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  margin: 18px 18px 18px 0;
  border-radius: 3px;
  border-width: 1px;
  border-style: solid;
  padding-block: 20px;
  padding-inline: 50px;
  height: auto;
  font-family: "Montserrat", "Roboto", "Helvetica", Arial, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 3px;
  text-transform: uppercase;
  transition: 0.3s;
  color: var(--primary-btn-color);
  background-color: var(--primary-btn-bg-color);
  border-color: var(--primary-btn-border-color);
}
#footerBackground .footerConnectGroupModule .submitForm:hover {
  color: var(--primary-btn-color-hover);
  background-color: var(--primary-btn-bg-color-hover);
  border-color: var(--primary-btn-border-color-hover);
}
.aggregate .name :is(span) {
  color: var(--primary-text-color, #000);
}
.aggregate .name :is(a),
.aggregate .name:is(a) {
  color: var(--aggregate-name-color);
}
.aggregate .name :is(a):hover,
.aggregate .name:is(a):hover {
  color: var(--aggregate-name-color-hover);
}
.aggregate .photoAlbum a:is(.name),
.aggregate .document a:is(.name),
.aggregate .link a:is(.name) {
  color: var(--aggregate-name-color);
}
.aggregate .photoAlbum a:is(.name):hover,
.aggregate .document a:is(.name):hover,
.aggregate .link a:is(.name):hover {
  color: var(--aggregate-name-color-hover);
}
.aggregate .groupCover:hover ~ .name a,
.aggregate .groupCover:hover ~ a.name {
  color: var(--aggregate-name-color-hover);
}
.group :is(
            .date,
            .startDate,
            .endDate,
            .dayName,
            .author,
            .role,
            .time,
            .numberPhotos
        ),
.usccbReadingsModule :is(
            .date,
            .startDate,
            .endDate,
            .dayName,
            .author,
            .role,
            .time,
            .numberPhotos
        ),
.group :is(.sacramentTime) :is(.language, .nativeLanguage, .abbrLanguage, .notes, .separator),
.usccbReadingsModule :is(.sacramentTime) :is(.language, .nativeLanguage, .abbrLanguage, .notes, .separator) {
  color: var(--aggregate-info-color);
}
.group :is(.phone a, a.mail),
.usccbReadingsModule :is(.phone a, a.mail) {
  color: var(--person-contact-color);
}
.group :is(.phone a, a.mail):hover,
.usccbReadingsModule :is(.phone a, a.mail):hover {
  color: var(--person-contact-color-hover);
}
.group :is(.personSocialMedia a),
.usccbReadingsModule :is(.personSocialMedia a) {
  color: var(--person-social-media-icon-color);
}
.group :is(.personSocialMedia a):hover,
.usccbReadingsModule :is(.personSocialMedia a):hover {
  color: var(--person-social-media-icon-color-hover);
}
.group .summary,
.usccbReadingsModule .summary {
  color: var(--aggregate-summary-color);
}
.aggregate + .aggregateModuleFooter,
.aggregate + .aggregateSectionFooter {
  display: flex;
  align-items: center;
  gap: 10px;
}
.aggregate + .aggregateModuleFooter:after,
.aggregate + .aggregateSectionFooter:after {
  display: none;
}
.aggregate + .aggregateModuleFooter .calendarExportContainer,
.aggregate + .aggregateSectionFooter .calendarExportContainer,
.aggregate + .aggregateModuleFooter .rssLink,
.aggregate + .aggregateSectionFooter .rssLink {
  margin-left: 5px !important;
}
.aggregate + .aggregateModuleFooter .rssLink,
.aggregate + .aggregateSectionFooter .rssLink,
.aggregate + .aggregateModuleFooter .icalLink,
.aggregate + .aggregateSectionFooter .icalLink {
  margin-top: 0;
  width: 20px;
  transition: 0.2s;
}
.aggregate + .aggregateModuleFooter a[class*="more"],
.aggregate + .aggregateSectionFooter a[class*="more"] {
  order: -1;
  margin-top: 0;
  font-family: "Montserrat", "Roboto", "Helvetica", Arial, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: var(--aggregate-footer-more-color);
  transition: 0.2s;
}
.aggregate + .aggregateModuleFooter a[class*="more"]:hover,
.aggregate + .aggregateSectionFooter a[class*="more"]:hover {
  color: var(--aggregate-footer-more-color-hover);
}
.aggregate + .aggregateModuleFooter .calendarExportContainer,
.aggregate + .aggregateSectionFooter .calendarExportContainer {
  position: relative;
}
.aggregate + .aggregateModuleFooter .calendarExportContainer .exportCalendar,
.aggregate + .aggregateSectionFooter .calendarExportContainer .exportCalendar {
  margin-left: 0;
}
.aggregate + .aggregateModuleFooter .calendarExportContainer,
.aggregate + .aggregateSectionFooter .calendarExportContainer {
  flex-shrink: 0;
}
.aggregate + .aggregateModuleFooter .calendarExportContainer .fieldHelp,
.aggregate + .aggregateSectionFooter .calendarExportContainer .fieldHelp {
  top: 36px !important;
  right: unset !important;
  left: 10px !important;
  width: fit-content;
  background-color: #fff;
}
.aggregate + .aggregateModuleFooter .calendarExportContainer .fieldHelp a:hover,
.aggregate + .aggregateSectionFooter .calendarExportContainer .fieldHelp a:hover {
  background-color: #fff0db;
}
.aggregate + footer .exportCalendar {
  color: var(--calendar-icon-color);
}
.aggregate + footer .exportCalendar:hover {
  color: var(--calendar-icon-color-hover);
}
.aggregate + footer .rssLink {
  color: var(--rss-icon-color);
  background-color: var(--rss-icon-bg-color);
}
.aggregate + footer .rssLink:hover {
  color: var(--rss-icon-color-hover);
  background-color: var(--rss-icon-bg-color-hover);
}
#background .calendarExportContainer .fieldHelp a {
  color: #3b1708;
  transition: 0.2s;
}
#background .calendarExportContainer .fieldHelp a:hover {
  color: #3b1708;
  background-color: rgba(255, 168, 76, 0.2);
}
.region .sectionName,
.region .moduleName {
  display: flex;
  flex-direction: column;
}
.region .sectionName {
  align-items: center;
}
.region .sectionTitle {
  font-size: 42px;
  font-weight: 400;
  line-height: 1.2;
  text-transform: uppercase;
}
@media (max-width: 500px) {
  .region .sectionTitle {
    font-size: 35px;
  }
}
.region .moduleTitle {
  font-size: 42px;
  font-weight: 400;
  line-height: 1.2;
  text-transform: uppercase;
}
.region .sectionSubtitle,
.region .moduleSubtitle {
  order: -1;
  padding-bottom: 15px;
  font-family: "Montserrat", "Roboto", "Helvetica", Arial, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 3px;
  text-transform: uppercase;
}
.region .sectionInner .sectionTitle {
  color: var(--section-title-color);
}
.region .sectionInner .sectionSubtitle {
  color: var(--section-subtitle-color);
}
.region .moduleInner .moduleTitle {
  color: var(--module-title-color);
}
.region .moduleInner .moduleSubtitle {
  color: var(--module-subtitle-color);
}
@media (min-width: 501px) {
  .normalCell .moduleTitle,
  .tallCell .moduleTitle,
  .rowSection.fourModule .modulePosition:not(.titlePosition) .moduleTitle {
    font-size: 35px;
  }
}
.region .sectionInner .sectionTextModule .moduleBody ul,
.region .sectionInner .titlePosition .moduleBody ul,
.region .sectionInner .sectionTextModule .moduleBody ol,
.region .sectionInner .titlePosition .moduleBody ol {
  list-style-position: inside;
}
.region .sectionInner .modulePosition.titlePosition {
  margin-bottom: 30px;
}
.region .sectionInner .moduleName {
  padding-bottom: 20px;
}
.modulePosition > li:has(.moduleInner.markedDelete) {
  display: none;
}
#background #core {
  padding-top: 0;
}
@media (min-width: 1221px) {
  #background #core {
    min-width: 1170px;
    width: 90vw;
    max-width: 1720px;
  }
}
#background #section1 {
  margin-bottom: unset;
  width: 100%;
}
@media (min-width: 1221px) {
  #headerBackground {
    height: 152px;
    transition: 0.2s;
  }
}
@media (min-width: 1221px) {
  #header {
    position: fixed;
    display: grid;
    grid-template-areas: "logo . nav search langSwitch";
    grid-template-columns: min-content 1fr repeat(3, min-content);
    grid-template-rows: 1fr;
    align-items: center;
    grid-column-gap: 0;
    grid-row-gap: 0;
    box-sizing: border-box;
    padding-top: 10px;
    padding-inline: 45px 35px;
    transition: 0.1s;
    z-index: 200;
  }
  #header.quickLinksOn {
    grid-template-areas: "logo . nav search quickLinks langSwitch";
    grid-template-columns: min-content 1fr repeat(4, min-content);
  }
  #header #mobileIndicator {
    display: none;
  }
  #header.fixed {
    padding-block: 0;
    box-shadow: 2px 4px 8px rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 1221px) and (min-width: 2560px) {
  #header {
    padding-inline: 8vw;
  }
}
#siteLogo {
  transition: 0.2s;
}
#siteLogo img {
  left: 0 !important;
  top: 0 !important;
  width: 100%;
  height: 100%;
  object-fit: contain;
  image-rendering: -webkit-optimize-contrast;
  image-rendering: optimizequality;
  transform: unset;
}
@media (min-width: 1221px) {
  #siteLogo img {
    object-position: left center;
  }
}
@media (min-width: 1221px) {
  #siteLogo {
    position: static;
    grid-area: logo;
  }
}
@media (max-width: 1220px) {
  #siteLogo {
    float: unset;
    margin: 25px auto 25px auto;
  }
}
#searchPopup {
  grid-area: search;
  box-sizing: border-box;
  margin: 0;
  transition: 0.2s;
}
@media (min-width: 1221px) {
  #searchPopup {
    justify-self: center;
    margin-right: 5px;
    padding-block: 25px;
    padding-inline: 25px 0;
    width: 40px;
    height: 50px;
    background-color: transparent;
    background-position: center right;
  }
  #searchPopup:hover {
    filter: var(--custom-copper-filter);
  }
}
#search {
  width: 800px;
  height: 100px;
}
#search #searchField {
  box-sizing: border-box;
  border: 1px solid #fff;
  padding: 15px 60px 15px 24px;
  width: 100%;
  height: 100%;
  color: #000;
  font-size: 46px;
}
#search #searchField::placeholder {
  color: #ccc;
}
#search #searchSubmit {
  top: 0;
  box-sizing: border-box;
  padding: 10px;
  right: 24px;
  width: 70px;
  height: 70px;
  background-size: 40px;
  background-color: transparent;
  transition: 0.2s;
}
#search #searchSubmit:hover {
  filter: var(--custom-copper-filter);
}
#search #searchSubmit .icon {
  color: #000;
  transition: 0.3s;
}
#search #searchSubmit .icon:hover {
  color: #a14300;
  filter: var(--custom-copper-filter);
}
.quick-links-styles ul {
  display: flex;
  gap: 10px;
}
.quick-links-styles ul > li a {
  box-sizing: border-box;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  margin: 18px 18px 18px 0;
  border-radius: 3px;
  border-width: 1px;
  border-style: solid;
  padding-block: 20px;
  padding-inline: 50px;
  height: auto;
  font-family: "Montserrat", "Roboto", "Helvetica", Arial, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 3px;
  text-transform: uppercase;
  transition: 0.3s;
  position: relative;
  margin: 0;
  text-wrap: nowrap;
  transition: 0.2s;
}
@media (min-width: 1221px) {
  .quick-links-styles ul > li a {
    transition: 0.3s;
  }
}
.quick-links-styles ul > li a:hover {
  text-decoration: none;
}
.quick-links-styles ul > li:nth-child(1) a {
  border-color: #a14300;
  background-color: #a14300;
}
.quick-links-styles ul > li:nth-child(1) a:hover {
  border-color: #3b1708;
  background-color: #3b1708;
}
.quick-links-styles ul > li:nth-child(n + 2) {
  display: none;
}
#header #quickLinks ul,
#mobileQuickLinks ul {
  display: flex;
  gap: 10px;
}
#header #quickLinks ul > li a,
#mobileQuickLinks ul > li a {
  box-sizing: border-box;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  margin: 18px 18px 18px 0;
  border-radius: 3px;
  border-width: 1px;
  border-style: solid;
  padding-block: 20px;
  padding-inline: 50px;
  height: auto;
  font-family: "Montserrat", "Roboto", "Helvetica", Arial, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 3px;
  text-transform: uppercase;
  transition: 0.3s;
  position: relative;
  margin: 0;
  text-wrap: nowrap;
  transition: 0.2s;
}
@media (min-width: 1221px) {
  #header #quickLinks ul > li a,
  #mobileQuickLinks ul > li a {
    transition: 0.3s;
  }
}
#header #quickLinks ul > li a:hover,
#mobileQuickLinks ul > li a:hover {
  text-decoration: none;
}
#header #quickLinks ul > li:nth-child(1) a,
#mobileQuickLinks ul > li:nth-child(1) a {
  border-color: #a14300;
  background-color: #a14300;
}
#header #quickLinks ul > li:nth-child(1) a:hover,
#mobileQuickLinks ul > li:nth-child(1) a:hover {
  border-color: #3b1708;
  background-color: #3b1708;
}
#header #quickLinks ul > li:nth-child(n + 2),
#mobileQuickLinks ul > li:nth-child(n + 2) {
  display: none;
}
@media (min-width: 1221px) {
  #header #quickLinks {
    position: static;
    grid-area: quickLinks;
    justify-self: end;
    margin-left: 20px;
    width: fit-content;
    width: -moz-fit-content;
    height: auto;
    max-height: unset;
  }
}
#mobileQuickLinks ul > li:nth-child(1) a {
  border-color: #000;
}
#headerText {
  position: static;
  height: auto;
  width: auto;
  min-width: 50px;
}
#header #headerText {
  grid-area: langSwitch;
  justify-self: end;
  margin-left: 5px;
}
@media (min-width: 1221px) {
  #header #headerText {
    margin-left: 20px;
  }
}
#header #headerText a {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  border: 1px solid #000;
  width: 50px;
  height: 50px;
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 2px;
  text-transform: uppercase;
  text-decoration: none;
  transition: 0.3s;
}
#header #headerText a:hover {
  border-color: #3b1708;
  color: #fff;
  background-color: #3b1708;
}
#socialMedia {
  height: auto;
}
@media (min-width: 1221px) {
  #socialMedia {
    position: absolute;
    top: min(42vh, 420px);
    right: 36px;
    width: auto;
    height: auto;
  }
}
#socialMedia #socialMediaBody {
  display: flex;
  overflow: visible;
}
@media (min-width: 1221px) {
  #socialMedia #socialMediaBody {
    flex-direction: column;
    gap: 10px;
  }
}
@media (max-width: 1220px) {
  #socialMedia #socialMediaBody {
    gap: 5px;
  }
}
#socialMedia #socialMediaBody a {
  border-radius: 50%;
  transition: background-color 0.5s ease, color 0.5s ease, border-color 0.5s ease, opacity 0.5s ease;
  box-shadow: 2px 4px 8px rgba(0, 0, 0, 0.1);
}
#socialMedia #socialMediaBody a .icon {
  padding: 30%;
}
#socialMedia #socialMediaBody a:nth-child(n + 5) {
  display: none;
}
@media (min-width: 1221px) {
  #background.admin #header.fixed #socialMedia {
    display: none !important;
  }
}
@media (min-width: 1221px) and (max-width: 1600px) {
  #header {
    padding-left: 30px;
  }
  #header #siteLogo {
    width: 280px;
  }
  #header #nav > ul > li > a {
    font-size: 14px;
    letter-spacing: 1px;
  }
}
@media (min-width: 1221px) and (max-width: 1340px) {
  #header {
    padding-left: 20px;
  }
  #header #siteLogo {
    width: 260px;
  }
  #header #nav > ul > li > a {
    letter-spacing: 0.5px;
  }
}
@media (min-width: 1221px) and (max-width: 1460px) {
  #header.quickLinksOff {
    grid-template-areas: "logo . . search langSwitch" "logo . nav nav nav";
    grid-template-columns: min-content 1fr repeat(3, min-content);
  }
  #header.quickLinksOff #searchPopup,
  #header.quickLinksOff #headerText {
    margin-top: 10px;
  }
}
@media (min-width: 1221px) and (max-width: 1810px) {
  #header.quickLinksOn {
    grid-template-areas: "logo . . search quickLinks langSwitch" "logo . nav nav nav nav";
    grid-template-columns: min-content 1fr repeat(4, min-content);
  }
  #header.quickLinksOn.headerTextOff {
    grid-template-areas: "logo . . . . search quickLinks" "logo . nav nav nav nav nav";
    grid-template-columns: min-content 1fr repeat(5, min-content);
  }
  #header.quickLinksOn #searchPopup,
  #header.quickLinksOn #quickLinks,
  #header.quickLinksOn #headerText {
    margin-top: 10px;
  }
}
@media (min-width: 1221px) {
  #background #header.fixed {
    position: fixed;
    height: 106px;
    z-index: 150;
  }
  #background #header.fixed #siteLogo {
    position: relative;
    margin-top: -25px;
    height: 92px;
  }
}
@media (min-width: 1221px) and (min-width: 1221px) and (max-width: 1780px) {
  #background #header.fixed #searchPopup {
    padding-block: 15px;
    height: 40px;
  }
  #background #header.fixed #quickLinks a {
    padding-block: 8px;
  }
  #background #header.fixed #headerText a {
    width: 40px;
    height: 40px;
  }
  #background #header.fixed #nav {
    margin-top: 5px;
  }
  #background #header.fixed #nav > ul > li > a {
    padding-block: 10px 18px;
  }
}
#dialogDesign #megaMenuOption_smallMegaMenu + label {
  font-size: 0;
}
#dialogDesign #megaMenuOption_smallMegaMenu + label:before {
  content: "Mega Menu";
  font-size: 16px;
}
@media (min-width: 1221px) {
  #nav {
    position: static;
    grid-area: nav;
    display: flex;
    justify-content: center;
    margin-inline: auto;
    width: unset;
    max-width: 1120px;
  }
}
#nav > ul {
  position: relative;
  justify-content: space-between;
  min-width: unset !important;
}
#nav > ul > li {
  padding-inline: 12px;
  flex-grow: 0 !important;
}
#nav > ul > li > a {
  position: relative;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  text-decoration: none;
  transition: 0.3s;
}
#nav > ul > li > a:after {
  position: absolute;
  content: "";
  bottom: 18px;
  left: 50%;
  width: 100%;
  height: 1px;
  background-color: #303030;
  transform: translateX(-50%) scaleX(0);
  transform-origin: center;
  transition: 0.3s cubic-bezier(0.65, 0, 0.35, 1);
}
#nav > ul > li:hover > a:after,
#nav > ul > li.selected > a:after {
  transform: translateX(-50%) scaleX(1);
}
#nav > ul > li > ul.secondLevel {
  left: -18px;
  box-sizing: border-box;
  border-radius: 20px;
  padding: 26px 40px 20px 40px;
  background-color: #ffd190;
  box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
  max-height: 80vh;
  overflow-y: auto;
}
#nav > ul > li > ul.secondLevel .navGroup,
#nav > ul > li > ul.secondLevel .navPageGroup {
  padding-bottom: 24px;
}
#nav > ul > li > ul.secondLevel .navGroup > .groupName {
  box-sizing: border-box;
  border-bottom: none;
  padding-block: 10px 18px;
  font-family: "Montserrat", "Roboto", "Helvetica", Arial, sans-serif;
  font-size: 17px;
  font-weight: 700;
  line-height: 1.3;
  color: #a14300;
  text-transform: uppercase;
}
#nav > ul > li > ul.secondLevel .navLink,
#nav > ul > li > ul.secondLevel .navPage {
  box-sizing: border-box;
  transition: 0.2s;
}
#nav > ul > li > ul.secondLevel .navLink > a,
#nav > ul > li > ul.secondLevel .navPage > a {
  border-bottom: 1px solid #a26207;
  padding-block: 10px;
  font-weight: 500;
  line-height: 1.6;
  letter-spacing: 0;
  transition: 0.2s;
}
#nav > ul > li > ul.secondLevel .navLink:hover > a,
#nav > ul > li > ul.secondLevel .navPage:hover > a,
#nav > ul > li > ul.secondLevel .navLink.selected > a,
#nav > ul > li > ul.secondLevel .navPage.selected > a {
  color: #a14300;
}
#header.smallMegaMenu #nav > ul > li.megaMenu > ul.secondLevel {
  padding: 26px 42px 20px 54px;
  column-gap: 60px;
  background-color: #ffd190;
}
#header.smallMegaMenu #nav > ul > li.megaMenu > ul.secondLevel .navGroup,
#header.smallMegaMenu #nav > ul > li.megaMenu > ul.secondLevel .navPageGroup {
  padding-bottom: 34px;
}
@media (min-width: 1221px) and (max-width: 1400px) {
  #header.smallMegaMenu #nav > ul > li.megaMenu > ul.secondLevel {
    gap: 30px;
    padding-inline: 40px 30px;
  }
  #header.smallMegaMenu #nav > ul > li.megaMenu > ul.secondLevel > li {
    width: 200px;
  }
}
@keyframes navFadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
#nav > ul > li:hover {
  overflow: visible;
}
#nav > ul > li:hover > ul.secondLevel {
  animation: navFadeIn 0.5s cubic-bezier(0.65, 0, 0.35, 1);
}
.slideshow-cta-btn-1-colors {
  border-color: #a14300;
  color: #fff;
  background-color: #a14300;
}
.slideshow-cta-btn-1-colors:hover {
  border-color: #3b1708;
  color: #fff;
  background-color: #3b1708;
}
.slideshow-cta-btn-2-colors {
  border-color: #ffd190;
  color: #000;
  background-color: #ffd190;
}
.slideshow-cta-btn-2-colors:hover {
  border-color: #3b1708;
  color: #fff;
  background-color: #3b1708;
}
#dialogSlideshowSettings .slideshow-buttons {
  transform: scale(0.65);
  transform-origin: top left;
}
#dialogSlideshowSettings a.htmlButton {
  position: relative;
  box-sizing: border-box;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  margin: 18px 18px 18px 0;
  border-radius: 3px;
  border-width: 1px;
  border-style: solid;
  padding-block: 20px;
  padding-inline: 50px;
  height: auto;
  font-family: "Montserrat", "Roboto", "Helvetica", Arial, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 3px;
  text-transform: uppercase;
  transition: 0.3s;
}
#dialogSlideshowSettings a.htmlButton.slideshow-cta-btn-1 {
  border-color: #a14300;
  color: #fff;
  background-color: #a14300;
}
#dialogSlideshowSettings a.htmlButton.slideshow-cta-btn-1:hover {
  border-color: #3b1708;
  color: #fff;
  background-color: #3b1708;
}
#dialogSlideshowSettings a.htmlButton.slideshow-cta-btn-2 {
  border-color: #ffd190;
  color: #000;
  background-color: #ffd190;
}
#dialogSlideshowSettings a.htmlButton.slideshow-cta-btn-2:hover {
  border-color: #3b1708;
  color: #fff;
  background-color: #3b1708;
}
.slideshowModule .rotator > a picture img,
.slideshowModule .rotator > span picture img {
  object-fit: cover;
}
@media (min-width: 1920px) {
  .slideshowModule .rotator > a picture img,
  .slideshowModule .rotator > span picture img {
    margin-top: unset !important;
    height: 100% !important;
  }
}
#featureSlideshow.featureCustom {
  margin-bottom: 0;
  border-bottom: none;
  z-index: 10;
}
@media (min-width: 1221px) and (max-width: 1919px) {
  #featureSlideshow.featureCustom {
    left: 50%;
    transform: translateX(-50%);
    margin-left: 0;
  }
}
#featureSlideshow.featureCustom #backBtn,
#featureSlideshow.featureCustom #fwdBtn {
  transition: 0.2s;
}
@media (min-width: 1221px) {
  #featureSlideshow.featureCustom #backBtn,
  #featureSlideshow.featureCustom #fwdBtn {
    right: unset;
  }
}
@media (max-width: 1220px) and (min-width: 501px) {
  #featureSlideshow.featureCustom #backBtn,
  #featureSlideshow.featureCustom #fwdBtn {
    top: unset;
    bottom: 100px;
  }
}
@media (min-width: 1921px) {
  #featureSlideshow.featureCustom #backBtn,
  #featureSlideshow.featureCustom #fwdBtn {
    left: calc(50vw - 690px);
  }
}
@media (min-width: 1461px) and (max-width: 1920px) {
  #featureSlideshow.featureCustom #backBtn,
  #featureSlideshow.featureCustom #fwdBtn {
    left: calc(14vw + (1920px - 100vw) / 2);
  }
}
@media (min-width: 1281px) and (max-width: 1460px) {
  #featureSlideshow.featureCustom #backBtn,
  #featureSlideshow.featureCustom #fwdBtn {
    left: calc(9vw + (1920px - 100vw) / 2);
  }
}
@media (min-width: 1221px) and (max-width: 1280px) {
  #featureSlideshow.featureCustom #backBtn,
  #featureSlideshow.featureCustom #fwdBtn {
    left: calc(50px + (1920px - 100vw) / 2);
  }
}
@media (max-width: 1220px) and (min-width: 501px) {
  #featureSlideshow.featureCustom #backBtn,
  #featureSlideshow.featureCustom #fwdBtn {
    left: calc(50px + (1240px - 100vw) / 2);
  }
}
#featureSlideshow.featureCustom #fwdBtn {
  margin-left: 80px;
}
#featureSlideshow.featureCustom .slideshowModule {
  padding-bottom: 0;
}
#featureSlideshow.featureCustom .slideshowModule > .editBar {
  top: 1px;
}
#featureSlideshow.featureCustom .slideshowImageWrapper:after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.2);
}
#featureSlideshow.featureCustom .captionPositioner {
  z-index: 1;
}
#featureSlideshow.featureCustom .caption {
  position: static;
  box-sizing: border-box;
  height: 100%;
  background-image: none;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-inline: auto;
}
@media (min-width: 1221px) {
  #featureSlideshow.featureCustom .caption {
    padding-block: 120px;
    min-width: 1170px;
    width: 72vw;
    max-width: 1380px;
  }
}
@media (max-width: 1220px) {
  #featureSlideshow.featureCustom .caption {
    justify-content: center;
    padding-block: 100px 80px;
    max-width: calc(100vw - 100px);
  }
}
@media (max-width: 500px) {
  #featureSlideshow.featureCustom .caption {
    padding-block: 80px;
    max-width: calc(100vw - 80px);
  }
}
#featureSlideshow.featureCustom .title {
  margin: 0;
  padding-right: 0;
  max-width: 900px;
  -webkit-line-clamp: 4;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: normal;
  line-height: 1.1;
  text-transform: uppercase;
}
@media (min-width: 501px) and (max-width: 800px) {
  #featureSlideshow.featureCustom .title {
    font-size: 55px;
    -webkit-line-clamp: 5;
  }
}
@media (max-width: 500px) {
  #featureSlideshow.featureCustom .title {
    font-size: 40px;
    -webkit-line-clamp: 6;
  }
}
#featureSlideshow.featureCustom .captionContent {
  margin: 20px 0 0 0;
  padding-right: 0;
  height: unset;
  -webkit-line-clamp: 4;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: normal;
  font-size: 24px;
  text-transform: uppercase;
}
@media (max-width: 1220px) {
  #featureSlideshow.featureCustom .captionContent {
    -webkit-line-clamp: 5;
    font-size: 20px;
  }
}
#featureSlideshow.featureCustom .captionContent .slideshow-caption {
  margin-bottom: 25px;
}
#featureSlideshow.featureCustom .captionContent a {
  text-decoration: none;
}
#featureSlideshow.featureCustom .captionContent .htmlButton {
  position: relative;
  box-sizing: border-box;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  margin: 18px 18px 18px 0;
  border-radius: 3px;
  border-width: 1px;
  border-style: solid;
  padding-block: 20px;
  padding-inline: 50px;
  height: auto;
  font-family: "Montserrat", "Roboto", "Helvetica", Arial, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 3px;
  text-transform: uppercase;
  transition: 0.3s;
  margin-top: 0;
  height: fit-content;
}
#featureSlideshow.featureCustom .captionContent a.htmlButton.slideshow-cta-btn-1 {
  border-color: #a14300;
  color: #fff;
  background-color: #a14300;
}
#featureSlideshow.featureCustom .captionContent a.htmlButton.slideshow-cta-btn-1:hover {
  border-color: #3b1708;
  color: #fff;
  background-color: #3b1708;
}
#featureSlideshow.featureCustom .captionContent a.htmlButton.slideshow-cta-btn-2 {
  border-color: #ffd190;
  color: #000;
  background-color: #ffd190;
}
#featureSlideshow.featureCustom .captionContent a.htmlButton.slideshow-cta-btn-2:hover {
  border-color: #3b1708;
  color: #fff;
  background-color: #3b1708;
}
#featureSlideshow.featureCustom .caption .callToAction {
  position: static !important;
  right: unset;
  bottom: unset;
  margin-right: unset;
  width: fit-content;
  max-width: unset;
  position: relative;
  box-sizing: border-box;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  margin: 18px 18px 18px 0;
  border-radius: 3px;
  border-width: 1px;
  border-style: solid;
  padding-block: 20px;
  padding-inline: 50px;
  height: auto;
  font-family: "Montserrat", "Roboto", "Helvetica", Arial, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 3px;
  text-transform: uppercase;
  transition: 0.3s;
  margin-top: 30px;
  border-color: #ffd190;
  color: #000;
  background-color: #ffd190;
}
#featureSlideshow.featureCustom .caption .callToAction:hover {
  border-color: #3b1708;
  color: #fff;
  background-color: #3b1708;
}
#featureSlideshow.featureCustom .caption .callToAction .callToActionArrow {
  display: none;
}
#featureSlideshow.featureCustom.hasVideo .slideshowModule.videoMode .title,
#featureSlideshow.featureCustom.hasVideo .slideshowModule.videoMode .captionContent {
  text-align: left;
}
#dialogSectionSettings.columnSectionSettings #stylingClass option[value="whiteOverlay"],
#dialogSectionSettings.tabsSectionSettings #stylingClass option[value="whiteOverlay"] {
  display: none;
}
#dialogSectionSettings:not(.rowSectionSettings) #stylingClass option[value="heroImageWithCallout"],
#dialogSectionSettings:not(.rowSectionSettings) #stylingClass option[value="massTimes"],
#dialogSectionSettings:not(.rowSectionSettings) #stylingClass option[value="testimonials"],
#dialogSectionSettings:not(.rowSectionSettings) #stylingClass option[value="customFourModule"],
#dialogSectionSettings:not(.rowSectionSettings) #stylingClass option[value="sponsorLogos"],
#dialogSectionSettings:not(.rowSectionSettings) #stylingClass option[value="newsAndEvents"] {
  display: none;
}
#dialogSectionSettings:not(.buttonsSectionSettings) #stylingClass option[value="iconButtons"] {
  display: none;
}
.settingsStyling .headlineSectionSettings [id*="stylingClass"] option[value="whiteOverlay"],
.settingsStyling .headlineSectionSettings [id*="stylingClass"] option[value="heroImageWithCallout"],
.settingsStyling .headlineSectionSettings [id*="stylingClass"] option[value="massTimes"],
.settingsStyling .headlineSectionSettings [id*="stylingClass"] option[value="testimonials"],
.settingsStyling .headlineSectionSettings [id*="stylingClass"] option[value="customFourModule"],
.settingsStyling .headlineSectionSettings [id*="stylingClass"] option[value="sponsorLogos"],
.settingsStyling .headlineSectionSettings [id*="stylingClass"] option[value="newsAndEvents"],
.settingsStyling .headlineSectionSettings [id*="stylingClass"] option[value="iconButtons"] {
  display: none;
}
.sectionInner.sponsorLogos .sectionBackground {
  background-size: 0;
}
.sectionInner.whiteOverlay .sectionBackground,
.sectionInner.customNewsAndEvents .sectionBackground {
  width: 200vw;
  height: 100%;
  top: 0px;
  left: 50%;
  margin-left: -100vw;
  position: absolute;
  z-index: -1;
  pointer-events: none;
  width: 1920px;
  margin-left: -960px;
  background-color: #fff;
}
@media (min-width: 1920px) {
  .sectionInner.whiteOverlay .sectionBackground,
  .sectionInner.customNewsAndEvents .sectionBackground {
    width: 100vw;
    margin-left: -50vw;
  }
}
.sectionInner.whiteOverlay.hasBackgroundImage .sectionBackground,
.sectionInner.customNewsAndEvents.hasBackgroundImage .sectionBackground {
  box-shadow: inset 0 0 0 100vw rgba(255, 255, 255, 0.9);
}
.sectionInner.lightCopperBackground .sectionBackground,
.sectionInner.darkCopperBackground .sectionBackground,
.sectionInner.testimonials .sectionBackground,
.sectionInner.iconButtons .sectionBackground {
  width: 200vw;
  height: 100%;
  top: 0px;
  left: 50%;
  margin-left: -100vw;
  position: absolute;
  z-index: -1;
  pointer-events: none;
  width: 1920px;
  margin-left: -960px;
  background-color: transparent;
}
@media (min-width: 1920px) {
  .sectionInner.lightCopperBackground .sectionBackground,
  .sectionInner.darkCopperBackground .sectionBackground,
  .sectionInner.testimonials .sectionBackground,
  .sectionInner.iconButtons .sectionBackground {
    width: 100vw;
    margin-left: -50vw;
  }
}
.sectionInner.lightCopperBackground.hasBackgroundImage .sectionBackground,
.sectionInner.darkCopperBackground.hasBackgroundImage .sectionBackground,
.sectionInner.testimonials.hasBackgroundImage .sectionBackground,
.sectionInner.iconButtons.hasBackgroundImage .sectionBackground {
  box-shadow: inset 0 0 0 100vw rgba(0, 0, 0, 0);
}
.sectionInner.lightCopperBackground .sectionBackground,
.sectionInner.darkCopperBackground .sectionBackground,
.sectionInner.testimonials .sectionBackground,
.sectionInner.iconButtons .sectionBackground {
  filter: saturate(0);
}
.sectionInner.lightCopperBackground .additional-background-container,
.sectionInner.darkCopperBackground .additional-background-container,
.sectionInner.testimonials .additional-background-container,
.sectionInner.iconButtons .additional-background-container {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 200vw;
  height: 100%;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  z-index: -1;
}
.sectionInner.lightCopperBackground:not(:has(.additional-background-container)) .sectionBackground,
.sectionInner.darkCopperBackground:not(:has(.additional-background-container)) .sectionBackground,
.sectionInner.testimonials:not(:has(.additional-background-container)) .sectionBackground,
.sectionInner.iconButtons:not(:has(.additional-background-container)) .sectionBackground {
  filter: none;
}
.sectionInner.lightCopperBackground:not(:has(.additional-background-container)) .sectionBackground:after,
.sectionInner.darkCopperBackground:not(:has(.additional-background-container)) .sectionBackground:after,
.sectionInner.testimonials:not(:has(.additional-background-container)) .sectionBackground:after,
.sectionInner.iconButtons:not(:has(.additional-background-container)) .sectionBackground:after {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 200vw;
  height: 100%;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.sectionInner.lightCopperBackground .additional-background-container,
.sectionInner.iconButtons .additional-background-container {
  background-image: linear-gradient(to right, #ffd190, #ffd190);
}
.sectionInner.lightCopperBackground.hasBackgroundImage .additional-background-container,
.sectionInner.iconButtons.hasBackgroundImage .additional-background-container {
  opacity: 0.95;
}
.sectionInner.lightCopperBackground:not(:has(.additional-background-container)) .sectionBackground:after,
.sectionInner.iconButtons:not(:has(.additional-background-container)) .sectionBackground:after {
  background-image: linear-gradient(to right, #ffd190, #ffd190);
}
.sectionInner.sponsorLogos .sectionBackground {
  width: 200vw;
  height: 100%;
  top: 0px;
  left: 50%;
  margin-left: -100vw;
  position: absolute;
  z-index: -1;
  pointer-events: none;
  width: 1920px;
  margin-left: -960px;
  background-color: #ffd190;
}
@media (min-width: 1920px) {
  .sectionInner.sponsorLogos .sectionBackground {
    width: 100vw;
    margin-left: -50vw;
  }
}
.sectionInner.sponsorLogos.hasBackgroundImage .sectionBackground {
  box-shadow: inset 0 0 0 100vw rgba(255, 209, 144, 0);
}
.sectionInner.darkCopperBackground .additional-background-container,
.sectionInner.testimonials .additional-background-container {
  background-image: linear-gradient(to right, #a14300, #a14300);
}
.sectionInner.darkCopperBackground.hasBackgroundImage .additional-background-container,
.sectionInner.testimonials.hasBackgroundImage .additional-background-container {
  opacity: 0.95;
}
.sectionInner.darkCopperBackground:not(:has(.additional-background-container)) .sectionBackground:after,
.sectionInner.testimonials:not(:has(.additional-background-container)) .sectionBackground:after {
  background-image: linear-gradient(to right, #a14300, #a14300);
}
.rowSection .modulePosition {
  flex-grow: 1;
}
@media (min-width: 1221px) {
  .rowSection.twoModule .sectionBody {
    grid-gap: 100px;
  }
  .rowSection.threeModule .sectionBody {
    grid-gap: 60px;
  }
  .rowSection.fourModule .sectionBody {
    grid-gap: 40px;
  }
}
.rowSection.fourModule .sectionBody {
  column-gap: 40px;
}
@media (max-width: 1220px) and (min-width: 501px) {
  .rowSection.fourModule .sectionBody .modulePosition {
    min-width: 45%;
  }
}
.columnSection .modulePosition {
  flex-grow: 1;
}
@media (min-width: 1221px) {
  .columnSection.duoColumn .sectionBody,
  .columnSection.twinColumn .sectionBody {
    grid-gap: 100px;
  }
  .columnSection.trioColumn .sectionBody {
    grid-gap: 60px;
  }
}
.halfSection .modulePosition {
  flex-grow: 1;
}
@media (min-width: 1221px) {
  .halfSection {
    margin-inline: auto;
    max-width: 1170px;
  }
  .halfSection .sectionBody {
    column-gap: min(3.5vw, 60px);
    align-items: center;
  }
}
@media (max-width: 1220px) and (min-width: 501px) {
  .halfSection .modulePosition {
    flex-grow: 1;
  }
}
@media (min-width: 1221px) {
  .sectionInner.gridSection {
    margin-inline: auto;
    max-width: 1300px;
  }
  .sectionInner.gridSection .sectionBody {
    grid-template-columns: repeat(12, 1fr);
    width: 100%;
  }
}
@media (min-width: 801px) and (min-width: 1221px) {
  .sectionInner.gridSection .sectionBody {
    grid-auto-rows: 320px;
  }
}
@media (max-width: 1220px) and (min-width: 501px) {
  .sectionInner.gridSection .sectionBody {
    max-width: 900px;
    grid-template-columns: repeat(3, 1fr);
    width: 100%;
  }
}
@media (min-width: 501px) {
  body:not(.modalVisible) #core .sectionInner.gridSection:not(.clonedMobileSection) .imageModule:not(.fakeImage):not(.imageModuleEmpty),
  body:not(.modalVisible) #core .sectionInner.gridSection:not(.clonedMobileSection) .mediaFormatting,
  body:not(.modalVisible) #core .sectionInner.gridSection:not(.clonedMobileSection) .imageModule:not(.fakeImage):not(.imageModuleEmpty) .moduleInner,
  body:not(.modalVisible) #core .sectionInner.gridSection:not(.clonedMobileSection) .mediaFormatting .moduleInner {
    position: absolute !important;
    width: 100% !important;
    height: 100% !important;
  }
  body:not(.modalVisible) #core .sectionInner.gridSection:not(.clonedMobileSection) .imageModule:not(.fakeImage):not(.imageModuleEmpty) .moduleBody,
  body:not(.modalVisible) #core .sectionInner.gridSection:not(.clonedMobileSection) .mediaFormatting .moduleBody {
    height: 100% !important;
  }
  body:not(.modalVisible) .sectionInner.gridSection:not(.clonedMobileSection) .focusPointImage .focusPointImageArea {
    height: 100%;
  }
  body:not(.modalVisible) .sectionInner.gridSection:not(.clonedMobileSection) .imageModule img,
  body:not(.modalVisible) .sectionInner.gridSection:not(.clonedMobileSection) .imageModule a {
    height: 100% !important;
    object-fit: cover;
    object-position: center;
  }
}
.sectionInner.headlineSection .title {
  font-size: 60px;
  line-height: normal;
  text-transform: uppercase;
}
@media (max-width: 1220px) {
  .sectionInner.headlineSection .title {
    font-size: 40px;
  }
}
.sectionInner.headlineSection .caption {
  font-family: "Montserrat", "Roboto", "Helvetica", Arial, sans-serif;
  font-size: 20px;
  line-height: 1.9;
}
.sectionInner.headlineSection .callToActionButtons .ctaButtonsModule .aggregate {
  align-items: baseline;
}
.sectionInner.headlineSection .callToActionButtons .ctaButtonsModule .aggregate .link a {
  margin-bottom: 15px;
}
@media (min-width: 501px) {
  .sectionInner.headlineSection.half .ctaButtonsModule .aggregate.moduleBody:not(:has(.markedDelete)):has(li:nth-child(4)),
  .sectionInner.headlineSection .sectionBody.horizontalAlignmentCenter .ctaButtonsModule .aggregate.moduleBody:not(:has(.markedDelete)):has(li:nth-child(4)) {
    display: grid;
    grid-template-columns: max-content max-content;
    justify-content: center;
  }
  .sectionInner.headlineSection.half .ctaButtonsModule .aggregate.moduleBody:not(:has(.markedDelete)):has(li:nth-child(4)) > li:nth-child(2n + 1),
  .sectionInner.headlineSection .sectionBody.horizontalAlignmentCenter .ctaButtonsModule .aggregate.moduleBody:not(:has(.markedDelete)):has(li:nth-child(4)) > li:nth-child(2n + 1) {
    justify-self: end;
  }
}
.sectionInner.headlineSection.full:is(.hasOverlay) :is(.overlayColorDark, .overlayColorPrimary),
.sectionInner.headlineSection.twoThirds:is(.hasOverlay) :is(.overlayColorDark, .overlayColorPrimary) {
  --primary-btn-color: #000;
  --primary-btn-bg-color: #ffd190;
  --primary-btn-border-color: #ffd190;
  --primary-btn-color-hover: #000;
  --primary-btn-bg-color-hover: #fff;
  --primary-btn-border-color-hover: #fff;
  --secondary-btn-color: #fff;
  --secondary-btn-border-color: #fff;
  --secondary-btn-color-hover: #000;
  --secondary-btn-bg-color-hover: #fff;
  --secondary-btn-border-color-hover: #fff;
}
.sectionInner.headlineSection.full:is(.hasOverlay) :is(.ctaButtonsModule) :is(.htmlButton.linkName):is(.htmlButton1),
.sectionInner.headlineSection.twoThirds:is(.hasOverlay) :is(.ctaButtonsModule) :is(.htmlButton.linkName):is(.htmlButton1) {
  color: var(--primary-btn-color) !important;
  background-color: var(--primary-btn-bg-color) !important;
  border-color: var(--primary-btn-border-color) !important;
}
.sectionInner.headlineSection.full:is(.hasOverlay) :is(.ctaButtonsModule) :is(.htmlButton.linkName):is(.htmlButton1):hover,
.sectionInner.headlineSection.twoThirds:is(.hasOverlay) :is(.ctaButtonsModule) :is(.htmlButton.linkName):is(.htmlButton1):hover {
  color: var(--primary-btn-color-hover) !important;
  background-color: var(--primary-btn-bg-color-hover) !important;
  border-color: var(--primary-btn-border-color-hover) !important;
}
.sectionInner.headlineSection.full:is(.hasOverlay) :is(.ctaButtonsModule) :is(.htmlButton.linkName):is(.htmlButton2),
.sectionInner.headlineSection.twoThirds:is(.hasOverlay) :is(.ctaButtonsModule) :is(.htmlButton.linkName):is(.htmlButton2) {
  color: var(--secondary-btn-color) !important;
  background-color: var(--secondary-btn-bg-color) !important;
  border-color: var(--secondary-btn-border-color) !important;
}
.sectionInner.headlineSection.full:is(.hasOverlay) :is(.ctaButtonsModule) :is(.htmlButton.linkName):is(.htmlButton2):hover,
.sectionInner.headlineSection.twoThirds:is(.hasOverlay) :is(.ctaButtonsModule) :is(.htmlButton.linkName):is(.htmlButton2):hover {
  color: var(--secondary-btn-color-hover) !important;
  background-color: var(--secondary-btn-bg-color-hover) !important;
  border-color: var(--secondary-btn-border-color-hover) !important;
}
#core .tabsSection .tabArea {
  background-color: transparent;
}
#core .tabsSection .tab {
  background-color: var(--tabs-tab-bg-color);
  transition: background-color 0.2s, border-color 0.2s;
}
#core .tabsSection .tab a {
  color: var(--tabs-tab-color);
}
#core .tabsSection .tab:hover a {
  color: var(--tabs-tab-color-hover);
}
#core .tabsSection .tab.ui-state-active a {
  color: var(--tabs-tab-color-active);
}
#core .tabsSection .tab:hover {
  background-color: var(--tabs-tab-bg-color-hover);
}
#core .tabsSection .tab.ui-state-active {
  background-color: var(--tabs-tab-bg-color-active);
}
#core .tabsSection .tab.ui-accordion-header-collapsed .collapsibleIcon,
#core .tabsSection .tab:not(.ui-accordion-header-active) .collapsibleIcon {
  color: var(--tabs-collapsible-icon-color);
}
#core .tabsSection .tab.ui-accordion-header-collapsed:hover .collapsibleIcon,
#core .tabsSection .tab:not(.ui-accordion-header-active):hover .collapsibleIcon {
  color: var(--tabs-collapsible-icon-color-hover);
}
#core .tabsSection .tab.ui-accordion-header-active .collapsibleIcon {
  color: var(--tabs-collapsible-icon-color-active);
}
#core .tabsSection .tabContent:has(.ui-accordion-header-active):has(.ui-accordion-header-active) {
  border: 1px solid var(--accordion-tab-content-border-color-active) !important;
}
@media (min-width: 1221px) {
  .tabsSection {
    margin-inline: auto;
    max-width: 1170px;
  }
}
.tabsSection .tab .name {
  text-transform: uppercase;
  letter-spacing: 2px;
}
.tabsSection .tab .collapsibleIcon {
  display: flex;
  align-items: center;
  width: 0;
  padding-right: 44px !important;
}
.tabsSection .tab .collapsibleIcon svg[class*="Icon"] {
  display: none !important;
}
.tabsSection .tab .collapsibleIcon:before {
  content: "\f0d7";
  display: flex;
  align-items: center;
  font-family: "Font Awesome 7 Solid";
  font-size: 14px;
  transition: 0.2s;
}
.tabsSection .tab.ui-accordion-header-active .collapsibleIcon:before {
  transform: rotate(-180deg);
}
.tabsSection .ui-accordion-header {
  border-radius: 20px !important;
  padding-right: 80px;
  line-height: 1.4;
  overflow: hidden;
}
@media (max-width: 500px) {
  .tabsSection .ui-accordion-header {
    padding-left: 24px;
    padding-right: 60px;
  }
}
@media (max-width: 1220px) and (min-width: 501px) {
  .tabsSection .ui-accordion-content {
    padding-inline: 40px !important;
  }
}
@media (max-width: 500px) {
  .tabsSection .ui-accordion-content {
    padding-inline: 30px !important;
  }
}
@media (min-width: 1221px) {
  .tabsSection.tabsView .sectionBody {
    gap: 0;
  }
  .tabsSection.tabsView .tabArea {
    flex-grow: 1;
    display: flex;
    gap: 2px;
    border: none;
  }
  .tabsSection.tabsView .tab {
    border-width: 1px !important;
    border-style: solid;
    border-color: var(--tabs-tab-border-color);
    overflow: hidden;
    transition: 0.2s;
  }
  .tabsSection.tabsView .tab a {
    transition: 0.2s;
  }
  .tabsSection.tabsView .tab.ui-tabs-active {
    border-color: var(--tabs-tab-border-color-active);
  }
  .tabsSection.tabsView .tab:not(.ui-tabs-active):hover {
    border-color: var(--tabs-tab-border-color-hover);
  }
  .tabsSection.tabsView .tabContent {
    flex-grow: 1;
    border-width: 1px;
    border-style: solid;
    border-color: var(--tabs-tab-content-border-color);
    background-color: transparent;
  }
  .tabsSection.tabsView.horizontalTabs .tab a {
    justify-content: flex-start;
  }
  .tabsSection.tabsView.horizontalTabs .tab:first-child a {
    padding-left: 40px;
  }
  .tabsSection.tabsView.horizontalTabs.topTabs .tab:first-child {
    border-top-left-radius: 20px;
  }
  .tabsSection.tabsView.horizontalTabs.topTabs .tab:last-child {
    border-top-right-radius: 20px;
  }
  .tabsSection.tabsView.horizontalTabs.topTabs .tabContent {
    margin-top: 0;
    border-top-width: 0;
  }
  .tabsSection.tabsView.horizontalTabs.topTabs .tabArea .tab.ui-tabs-active {
    border-bottom-color: inherit;
  }
  .tabsSection.tabsView.horizontalTabs.bottomTabs .tab:first-child {
    border-bottom-left-radius: 20px;
  }
  .tabsSection.tabsView.horizontalTabs.bottomTabs .tab:last-child {
    border-bottom-right-radius: 20px;
  }
  .tabsSection.tabsView.horizontalTabs.bottomTabs .tabContent {
    margin-bottom: 0;
    border-bottom-width: 0;
  }
  .tabsSection.tabsView.horizontalTabs.bottomTabs .tabArea .tab.ui-tabs-active {
    border-top-color: inherit;
  }
  .tabsSection.tabsView.verticalTabs .sectionBody {
    flex-wrap: nowrap;
  }
  .tabsSection.tabsView.verticalTabs .tabArea {
    flex-direction: column;
  }
  .tabsSection.tabsView.verticalTabs .tab a {
    padding-left: 30px;
  }
  .tabsSection.tabsView.verticalTabs .tabContent {
    height: auto !important;
  }
  .tabsSection.tabsView.verticalTabs.leftTabs .tab a {
    padding-left: 40px;
  }
  .tabsSection.tabsView.verticalTabs.leftTabs .tab:first-child {
    border-top-left-radius: 20px;
  }
  .tabsSection.tabsView.verticalTabs.leftTabs .tab:last-child {
    border-bottom-left-radius: 20px;
  }
  .tabsSection.tabsView.verticalTabs.leftTabs .tabContent {
    margin-left: 1px;
    border-left-width: 1px;
  }
  .tabsSection.tabsView.verticalTabs.rightTabs .tabArea {
    margin-left: -1px;
  }
  .tabsSection.tabsView.verticalTabs.rightTabs .tab:first-child {
    border-top-right-radius: 20px;
  }
  .tabsSection.tabsView.verticalTabs.rightTabs .tab:last-child {
    border-bottom-right-radius: 20px;
  }
  .tabsSection.tabsView.verticalTabs.rightTabs .tabContent {
    border-right-width: 1px;
  }
}
@media (max-width: 1220px) {
  .tabsSection.tabsView .sectionBody {
    gap: 20px;
    border: none;
  }
  .tabsSection.tabsView .tabContent {
    display: flex;
    flex-direction: column;
    gap: 0;
    border-radius: 20px !important;
    border: 1px solid var(--accordion-tab-content-border-color);
  }
  .tabsSection.tabsView .tabContent .ui-accordion-content {
    padding-bottom: 40px;
  }
}
.tabsSection.accordionView .sectionBody {
  border: none;
}
.tabsSection.accordionView .sectionBody > ul.sortable {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.tabsSection.accordionView .sectionBody .tabContent {
  display: flex;
  flex-direction: column;
  gap: 0;
  border-radius: 20px !important;
  border: 1px solid var(--accordion-tab-content-border-color);
}
@media (min-width: 1221px) {
  .tabsSection.accordionView .sectionBody .tab a {
    font-size: 18px;
  }
}
.sectionInner.buttonsSection:not(.iconButtons) {
  margin-inline: auto;
  padding-block: 40px;
  max-width: 1200px;
}
@media (min-width: 1221px) {
  .sectionInner.buttonsSection:not(.iconButtons) .sectionName {
    margin-bottom: 70px;
  }
}
.sectionInner.buttonsSection:not(.iconButtons) .titlePosition {
  margin-bottom: 50px;
  text-align: center;
}
.sectionInner.buttonsSection:not(.iconButtons) .buttonRow {
  justify-content: center;
  gap: var(--button-section-button-row-gap);
}
.sectionInner.buttonsSection:not(.iconButtons) .buttonRow.buttonRow2 {
  margin-top: var(--button-section-button-row-2-margin-top);
}
@media (min-width: 501px) and (max-width: 1220px) {
  .sectionInner.buttonsSection:not(.iconButtons) .buttonPosition {
    flex-grow: 0;
  }
}
@media (max-width: 1220px) {
  .sectionInner.buttonsSection:not(.iconButtons) .sectionButtonModule {
    margin-left: 0 !important;
  }
}
@media (min-width: 1221px) {
  .sectionInner.buttonsSection:not(.iconButtons).threeAcross {
    display: grid;
    grid-template-areas: "header . button-row-1" "header . button-row-1" "footer footer footer";
    grid-template-columns: 1fr 40px min-content;
    padding-top: 140px;
  }
  .sectionInner.buttonsSection:not(.iconButtons).threeAcross.twoRow {
    grid-template-areas: "header . button-row-1" "header . button-row-2" "footer footer footer";
  }
  .sectionInner.buttonsSection:not(.iconButtons).threeAcross > header {
    grid-area: header;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-block: 40px;
  }
  .sectionInner.buttonsSection:not(.iconButtons).threeAcross > header .sectionName {
    margin-bottom: 0;
  }
  .sectionInner.buttonsSection:not(.iconButtons).threeAcross .sectionBody {
    grid-area: sectionBody;
    justify-self: end;
  }
  .sectionInner.buttonsSection:not(.iconButtons).threeAcross > footer {
    grid-area: footer;
    padding-bottom: 140px;
  }
  .sectionInner.buttonsSection:not(.iconButtons).threeAcross .sectionBody {
    display: contents;
  }
  .sectionInner.buttonsSection:not(.iconButtons).threeAcross .sectionBody .titlePosition {
    display: none;
    grid-area: additional-text;
    margin-bottom: 0px;
  }
  .sectionInner.buttonsSection:not(.iconButtons).threeAcross .sectionBody .buttonRow {
    justify-self: end;
  }
  .sectionInner.buttonsSection:not(.iconButtons).threeAcross .sectionBody .buttonRow1 {
    grid-area: button-row-1;
  }
  .sectionInner.buttonsSection:not(.iconButtons).threeAcross .sectionBody .buttonRow2 {
    grid-area: button-row-2;
  }
}
@media (min-width: 1221px) and (min-width: 1221px) {
  .sectionInner.buttonsSection:not(.iconButtons).threeAcross > header .sectionName {
    align-items: start;
  }
}
@media (min-width: 1221px) {
  .eventsSection .event.group {
    grid-template-areas: "date . . ." "date . name ." "date . summary ." "date . . .";
    grid-template-columns: min-content 20px 1fr 13%;
    grid-template-rows: 1fr min-content min-content 1fr;
    flex-basis: calc(50% - 16px);
  }
  .eventsSection .event.group .name {
    transform: translateY(-10px);
  }
}
@media (max-width: 1220px) and (min-width: 501px) {
  .eventsSection .event.group {
    grid-template-areas: "date . . ." "date . name ." "date . summary ." "date . . .";
    grid-template-columns: min-content 20px 1fr 10%;
    grid-template-rows: 1fr min-content min-content 1fr;
  }
  .eventsSection .event.group .name {
    transform: translateY(-10px);
  }
}
@media (max-width: 500px) {
  .eventsSection .event.group {
    grid-template-areas: "date ." ". ." "name name" "summary summary";
    grid-template-columns: min-content 1fr;
    grid-template-rows: min-content 20px repeat(2, min-content);
  }
}
.eventsSection .sectionBody {
  flex-wrap: wrap;
}
.sectionInner.newsSection .sectionBody {
  justify-content: center;
  gap: 30px;
}
.sectionInner.newsSection .news.group {
  overflow: unset;
}
.sectionInner.newsSection .news.group:nth-child(n + 5) {
  display: none;
}
.sectionInner.newsSection > footer {
  padding-top: 30px;
  display: flex;
  justify-content: center;
}
#core .customModule img,
#core .pagePicture {
  border-radius: 20px;
}
#core.section .sectionInner:not(.galleryStrip) .imageModule:not(.imageModuleEmpty) .moduleBody {
  border-radius: 20px;
  overflow: hidden;
}
#core.duo .imageModule:not(.imageModuleEmpty) .moduleBody {
  border-radius: 20px;
  overflow: hidden;
}
#core:not(#features) .sectionInner .moduleInner.mediaFormatting:not(.flocknoteModule) .moduleBody {
  border-radius: 20px;
  overflow: hidden;
}
#core:not(#features).duo .moduleInner.mediaFormatting:not(.flocknoteModule) .moduleBody {
  border-radius: 20px;
  overflow: hidden;
}
#dialogButtonSettings .fieldLabel[for*="button1Subtext"] {
  display: block;
  font-size: 0px;
  white-space: pre-wrap;
  line-height: 1.5;
}
#dialogButtonSettings .fieldLabel[for*="button1Subtext"]:after {
  font-size: 16px;
  content: "Adding the Custom Icon:\A" "- Add an empty \003Cspan class='custom-icon'\003E\003C/span\003E tag with the class 'custom-icon' and the desired icon class.\A" "- Icon class list: clock, eucharist, parking\A" "- e.g.: \003Cspan class='custom-icon clock'\003E\003C/span\003E";
}
#background:not(.admin) .sectionInner.buttonsSection .buttonPosition:has(.buttonModuleEmpty) {
  display: none;
}
@media (max-width: 1220px) {
  .sectionInner:not(.gridSection) .buttonPosition,
  .sectionInner:not(.gridSection) .modulePosition:has(.buttonModule) {
    margin-bottom: 0 !important;
  }
}
.region .sectionInner .buttonPosition.modulePosition {
  height: var(--button-module-height);
}
.sectionInner .moduleInner.buttonModule .moduleBody {
  overflow: visible;
}
.sectionInner .moduleInner.buttonModule a.buttonModuleButton {
  height: var(--button-module-height);
  background-color: var(--button-module-bg-color);
}
.sectionInner .moduleInner.buttonModule a.buttonModuleButton .buttonBackground {
  position: relative;
  display: flex;
  flex-direction: column;
  transition: 0.2s;
}
.sectionInner .moduleInner.buttonModule a.buttonModuleButton .buttonBackground:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: 0.2s;
}
.sectionInner .moduleInner.buttonModule a.buttonModuleButton .buttonLabelContainer {
  position: relative;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: end;
  height: 100%;
  min-height: unset;
  background-color: transparent !important;
}
.sectionInner .moduleInner.buttonModule a.buttonModuleButton .buttonLabelCenter {
  display: flex;
  flex-direction: column;
  justify-content: var(--button-module-label-center-justify-content);
  align-items: var(--button-module-label-center-flex-align-items);
  box-sizing: border-box;
  padding-top: var(--button-module-label-center-padding-top);
  padding-bottom: var(--button-module-label-center-padding-bottom);
  padding-inline: var(--button-module-label-center-padding-inline);
  height: var(--button-module-label-center-height);
  width: 100%;
  background-color: var(--button-module-label-center-bg-color);
  transition: 0.25s;
}
.sectionInner .moduleInner.buttonModule a.buttonModuleButton .buttonLabel {
  position: relative;
  display: inline-flex;
  align-items: center;
  margin-bottom: 0;
  margin-inline: auto;
  padding-inline: 20px;
  min-height: unset;
  -webkit-line-clamp: var(--button-module-label-line-clamp-limit);
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: normal;
  font-family: "Montserrat", "Roboto", "Helvetica", Arial, sans-serif;
  font-size: var(--button-module-label-font-size);
  font-weight: var(--button-module-label-font-weight);
  line-height: var(--button-module-label-line-height);
  text-align: var(--button-module-label-text-align);
  text-transform: var(--button-module-label-text-transform);
  color: var(--button-module-label-color);
  transition: 0.15s;
}
.sectionInner .moduleInner.buttonModule a.buttonModuleButton .buttonSubtext {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  font-size: 0;
  opacity: 1;
  transition: 0.1s 0.05s;
}
.sectionInner:not(.gridSection):not(.halfSection) .moduleInner.buttonModule a.buttonModuleButton {
  margin-inline: auto;
}
@media (min-width: 501px) {
  .sectionInner:not(.gridSection):not(.halfSection) .moduleInner.buttonModule a.buttonModuleButton {
    max-width: var(--button-module-max-width);
  }
}
.sectionInner .moduleInner.buttonModule a.buttonModuleButton.customButton .focusPointImageArea {
  position: absolute;
  inset: 0;
}
.sectionInner .moduleInner.buttonModule a.buttonModuleButton.customButton .focusPointImageArea:after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.sectionInner .moduleInner.buttonModule a.buttonModuleButton.customButton .focusPointImageArea .focusPointImageHolder {
  transform-origin: center;
  transition: 0.3s;
}
.sectionInner .moduleInner.buttonModule a.buttonModuleButton.customButton.hasImage:not(.hasLabel) {
  --button-module-label-center-padding-bottom: 0;
  --button-module-label-center-padding-top: 0;
  --button-module-label-center-height: 0;
}
.sectionInner .moduleInner.buttonModule a.buttonModuleButton.customButton:not(.hasImage):not(:has(.clock)):not(:has(.eucharist)):not( :has(.parking)) .buttonBackground {
  background-image: url("/39006/design/logo-mary-solg.png");
  background-position: var(--button-module-placeholder-img-position);
  background-size: var(--button-module-placeholder-img-size);
  background-repeat: no-repeat;
}
.sectionInner .moduleInner.buttonModule a.buttonModuleButton.customButton:has(.custom-icon) .custom-icon {
  position: absolute;
  top: var(--button-module-custom-icon-top);
  left: 50%;
  transform: translateX(-50%);
  width: var(--button-module-custom-icon-width);
  height: var(--button-module-custom-icon-height);
}
.sectionInner .moduleInner.buttonModule a.buttonModuleButton.customButton:has(.custom-icon) .custom-icon:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  transition: 0.2s;
}
.sectionInner .moduleInner.buttonModule a.buttonModuleButton.customButton:has(.custom-icon) .custom-icon.clock:before {
  background-image: url("/39006/design/icon-clock-solg.svg");
}
.sectionInner .moduleInner.buttonModule a.buttonModuleButton.customButton:has(.custom-icon) .custom-icon.eucharist:before {
  background-image: url("/39006/design/icon-eucharist-solg.svg");
}
.sectionInner .moduleInner.buttonModule a.buttonModuleButton.customButton:has(.custom-icon) .custom-icon.parking:before {
  background-image: url("/39006/design/icon-parking-solg.svg");
}
.sectionInner .moduleInner.buttonModule a.buttonModuleButton.nonCustomButton .buttonLabelContainer .icon {
  position: absolute;
  top: var(--button-module-icon-top);
  left: var(--button-module-icon-left);
  transform: translateX(-50%);
  width: var(--button-module-icon-width);
  max-width: 100px;
  max-height: unset !important;
  height: var(--button-module-icon-height);
  color: var(--button-module-icon-color);
  transition: 0.2s;
}
.sectionInner:not(.iconButtons) .moduleInner.buttonModule a.buttonModuleButton:hover .buttonBackground:before {
  opacity: 1;
  z-index: 2;
}
.sectionInner:not(.iconButtons) .moduleInner.buttonModule a.buttonModuleButton:hover .buttonLabelCenter {
  height: 100%;
}
.sectionInner:not(.iconButtons) .moduleInner.buttonModule a.buttonModuleButton:hover .focusPointImageHolder {
  transform: scale(1.1) !important;
}
.sectionInner:not(.iconButtons) .moduleInner.buttonModule a.buttonModuleButton:hover .buttonSubtext {
  z-index: -1;
}
.sectionInner:not(.iconButtons) .moduleInner.buttonModule a.buttonModuleButton:hover .icon {
  color: transparent !important;
  z-index: -1;
}
.sectionInner:not(.iconButtons) .moduleInner.buttonModule a.buttonModuleButton:hover.hasImage:not(.hasLabel):not(:has(.custom-icon)) .buttonLabelCenter {
  opacity: 0.6;
}
@media (max-width: 1220px) {
  .rowSection.fourModule .modulePosition:has(.buttonModule),
  .rowSection.fourModule .sectionButtonModule {
    width: 100% !important;
  }
  .rowSection.fourModule .sectionButtonModule {
    height: fit-content !important;
  }
}
@media (max-width: 1220px) {
  .sectionInner.halfSection .sectionButtonModule {
    height: fit-content !important;
  }
}
.sectionInner.halfSection .buttonModuleButton {
  margin-block: 40px;
}
.sectionInner.gridSection:not(.buttonsGrid) .normalCell,
.sectionInner.gridSection:not(.buttonsGrid) .wideCell {
  --button-module-height: 100%;
  --button-module-placeholder-img-size: 80px;
  --button-module-icon-top: 40px;
  --button-module-icon-left: 50%;
}
.sectionInner.gridSection:not(.buttonsGrid) .normalCell .buttonLabel,
.sectionInner.gridSection:not(.buttonsGrid) .wideCell .buttonLabel {
  -webkit-line-clamp: 2 !important;
}
.sectionInner.gridSection:not(.buttonsGrid) .normalCell .hasSubtext .buttonLabel,
.sectionInner.gridSection:not(.buttonsGrid) .wideCell .hasSubtext .buttonLabel {
  -webkit-line-clamp: 1 !important;
}
.sectionInner.gridSection:not(.buttonsGrid) .normalCell .buttonSubtext,
.sectionInner.gridSection:not(.buttonsGrid) .wideCell .buttonSubtext {
  -webkit-line-clamp: 1;
}
@media (max-width: 500px) {
  .sectionInner.gridSection:not(.buttonsGrid) .normalCell:has(.buttonModule),
  .sectionInner.gridSection:not(.buttonsGrid) .wideCell:has(.buttonModule) {
    flex-basis: 100%;
  }
}
.sectionInner.gridSection:not(.buttonsGrid) .normalCell .buttonModuleButton:not(.hasImage) .buttonSubtext,
.sectionInner.gridSection:not(.buttonsGrid) .wideCell .buttonModuleButton:not(.hasImage) .buttonSubtext {
  -webkit-line-clamp: 1 !important;
}
@media (max-width: 500px) {
  .sectionInner.gridSection:not(.buttonsGrid) .normalCell,
  .sectionInner.gridSection:not(.buttonsGrid) .tallCell {
    flex-grow: 1;
  }
  .sectionInner.gridSection:not(.buttonsGrid) .normalCell .sectionButtonModule,
  .sectionInner.gridSection:not(.buttonsGrid) .tallCell .sectionButtonModule,
  .sectionInner.gridSection:not(.buttonsGrid) .normalCell .buttonModule,
  .sectionInner.gridSection:not(.buttonsGrid) .tallCell .buttonModule {
    width: unset !important;
  }
}
.sectionInner.gridSection:not(.buttonsGrid) .tallCell,
.sectionInner.gridSection:not(.buttonsGrid) .wideTallCell {
  --button-module-height: 100%;
  --button-module-placeholder-img-position: center top 80px;
  --button-module-icon-top: 80px;
}
.calendarModule.calendarView .monthCalendar {
  border-radius: 10px;
  overflow: hidden;
  box-shadow: var(--calendar-box-shadow);
}
.calendarModule.calendarView .monthCalendar .calendarMonthTitle {
  font-weight: 500;
}
.calendarModule.calendarView .monthCalendar .dayName {
  border-color: var(--calendar-month-day-name-border-color);
  font-weight: 600;
  color: var(--calendar-month-day-name-color);
  background-color: var(--calendar-month-day-name-bg-color);
}
.calendarModule.calendarView .calendarExportContainer {
  transform: translateX(-8px);
  z-index: 1 !important;
}
.calendarModule.calendarView .calendarExportContainer .fieldHelp {
  left: unset !important;
  right: 0 !important;
  top: 56px !important;
}
.calendarModule.calendarView table.calendar {
  border-collapse: separate;
  border-spacing: 0;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  background-color: #fff;
}
.calendarModule.calendarView table.calendar tr.week:last-child td.day:first-child {
  border-bottom-left-radius: 10px;
}
.calendarModule.calendarView table.calendar tr.week:last-child td.day:last-child {
  border-bottom-right-radius: 10px;
}
.calendarModule.calendarView .calendarMonthTitle,
.calendarModule.calendarView .dayCalendarTitle {
  background-color: transparent;
  background-image: var(--calendar-month-bg-gradient);
}
.calendarModule.calendarView .calendarMonthTitle .lastButton,
.calendarModule.calendarView .calendarMonthTitle .nextButton {
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
}
.calendarModule.calendarView .calendarMonthTitle .lastButton {
  border-right-width: 17px;
}
.calendarModule.calendarView .calendarMonthTitle .nextButton {
  border-left-width: 17px;
}
.calendarModule.calendarView .calendarEvent {
  color: #4f547b;
}
.calendarModule.calendarView .dateTitle {
  font-family: "Belleza", "Times New Roman", Times, serif;
  font-weight: 600;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
}
.calendarModule.calendarView .dateNumber {
  color: #000;
}
.calendarModule.calendarView .day {
  transition: 0.3s;
}
@media (min-width: 1221px) {
  .rowSection.oneModule .moduleInner.calendarModule.calendarView,
  .columnSection.soloColumn .moduleInner.calendarModule.calendarView {
    max-width: 988px;
    margin-inline: auto;
  }
}
@media (min-width: 501px) {
  .gridSection:not(.clonedMobileSection) :is(.normalCell, .tallCell) .calendarModule.calendarView .calendarMonthTitle .dateTitle,
  .rowSection.fourModule .calendarModule.calendarView .calendarMonthTitle .dateTitle,
  #content2 .calendarModule.calendarView .calendarMonthTitle .dateTitle,
  .duoColumn .calendarModule.calendarView .calendarMonthTitle .dateTitle {
    min-width: 160px;
    font-size: 16px;
  }
  .gridSection:not(.clonedMobileSection) :is(.normalCell, .tallCell) .calendarModule.calendarView .calendarMonthTitle .lastButton,
  .rowSection.fourModule .calendarModule.calendarView .calendarMonthTitle .lastButton,
  #content2 .calendarModule.calendarView .calendarMonthTitle .lastButton,
  .duoColumn .calendarModule.calendarView .calendarMonthTitle .lastButton {
    border-right-width: 14px;
  }
  .gridSection:not(.clonedMobileSection) :is(.normalCell, .tallCell) .calendarModule.calendarView .calendarMonthTitle .nextButton,
  .rowSection.fourModule .calendarModule.calendarView .calendarMonthTitle .nextButton,
  #content2 .calendarModule.calendarView .calendarMonthTitle .nextButton,
  .duoColumn .calendarModule.calendarView .calendarMonthTitle .nextButton {
    border-left-width: 14px;
  }
  .gridSection:not(.clonedMobileSection) :is(.normalCell, .tallCell) .calendarModule.calendarView .dayName,
  .rowSection.fourModule .calendarModule.calendarView .dayName,
  #content2 .calendarModule.calendarView .dayName,
  .duoColumn .calendarModule.calendarView .dayName {
    font-size: 15px;
    font-weight: 500;
  }
  .gridSection:not(.clonedMobileSection) :is(.normalCell, .tallCell) .calendarModule.calendarView .dateNumber,
  .rowSection.fourModule .calendarModule.calendarView .dateNumber,
  #content2 .calendarModule.calendarView .dateNumber,
  .duoColumn .calendarModule.calendarView .dateNumber {
    font-size: 15px;
  }
}
.event.group {
  position: relative;
  box-sizing: border-box;
  margin-right: 0 !important;
  margin-bottom: 25px !important;
  border-bottom: 1px dotted var(--event-item-border-bottom-color);
  padding-bottom: 25px;
  background-color: transparent;
  transition: 0.2s;
}
.event.group .dayName,
.event.group .time,
.event.group .year,
.event.group .comma,
.event.group .dash,
.event.group .thumb {
  display: none;
}
.event.group .name a {
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: normal;
  font-family: "Belleza", "Times New Roman", Times, serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 1.3;
  text-decoration: none;
  color: var(--event-item-name-color);
  transition: 0.2s;
}
.event.group .summary {
  margin-top: 5px;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: normal;
  font-size: 16px;
  color: var(--event-item-summary-color);
}
.event.group .date {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: start;
  box-sizing: border-box;
  border-radius: 5px;
  padding-top: 5px;
  padding-inline: 15px;
  width: fit-content;
  min-width: 84px;
  height: 84px;
  background-color: var(--event-item-date-bg-color);
  transition: 0.2s;
}
.event.group .date .month:before,
.event.group .date .day {
  color: #fff;
}
.event.group .month {
  font-size: 0;
}
.event.group .month:before {
  content: "";
  font-size: 16px;
}
.event.group .month.january:before {
  content: "Jan";
}
.event.group .month.february:before {
  content: "Feb";
}
.event.group .month.march:before {
  content: "Mar";
}
.event.group .month.april:before {
  content: "Apr";
}
.event.group .month.may:before {
  content: "May";
}
.event.group .month.june:before {
  content: "Jun";
}
.event.group .month.july:before {
  content: "Jul";
}
.event.group .month.august:before {
  content: "Aug";
}
.event.group .month.september:before {
  content: "Sep";
}
.event.group .month.october:before {
  content: "Oct";
}
.event.group .month.november:before {
  content: "Nov";
}
.event.group .month.december:before {
  content: "Dec";
}
.event.group .startDate,
.event.group .endDate {
  display: flex;
  flex-direction: column;
  align-items: center;
  box-sizing: border-box;
  transition: 0.2s;
}
.event.group .startDate .month:before,
.event.group .endDate .month:before {
  font-family: "Belleza", "Times New Roman", Times, serif;
  font-weight: 400;
  line-height: normal;
  text-transform: uppercase;
  transition: 0.2s;
}
.event.group .startDate .day,
.event.group .endDate .day {
  order: -1;
  font-family: "Belleza", "Times New Roman", Times, serif;
  font-size: 40px;
  font-weight: 400;
  line-height: normal;
  transition: 0.2s;
}
.event.group.hasEndDate .date:before {
  content: "";
  order: 2;
  margin: 26px 2px 0 2px;
  height: 2px;
  width: 10px;
  transition: 0.2s;
  background-color: #fff;
}
.event.group.hasEndDate .date .startDate {
  order: 1;
}
.event.group.hasEndDate .date .endDate {
  order: 3;
}
.event.group:hover .name a {
  text-decoration: underline;
}
.event.group:hover .date {
  background-color: var(--event-item-date-bg-color-hover);
}
.event.group:hover .day,
.event.group:hover .month:before {
  color: var(--event-item-date-color-hover);
}
.event.group:hover.hasEndDate .date:before {
  background-color: var(--event-item-date-color-hover);
}
.event.group {
  display: grid;
}
.event.group .info {
  display: contents;
}
.event.group .date {
  grid-area: date;
}
.event.group .name {
  grid-area: name;
}
.event.group .summary {
  grid-area: summary;
}
.event-item-vertical-layout {
  grid-template-areas: "date ." ". ." "name name" "summary summary";
  grid-template-columns: min-content 1fr;
  grid-template-rows: min-content 20px repeat(2, min-content);
}
@media (max-width: 500px) {
  .calendarModule .event.group {
    grid-template-areas: "date ." ". ." "name name" "summary summary";
    grid-template-columns: min-content 1fr;
    grid-template-rows: min-content 20px repeat(2, min-content);
    margin-bottom: 25px !important;
  }
}
.calendarModule .aggregateModuleFooter {
  padding-top: 20px;
}
@media (min-width: 1221px) {
  .rowSection.oneModule .calendarModule .event.group,
  .columnSection.soloColumn .calendarModule .event.group {
    grid-template-areas: "date . . ." "date . name ." "date . summary ." "date . . .";
    grid-template-columns: min-content 20px 1fr 15%;
    grid-template-rows: 1fr min-content min-content 1fr;
  }
  .rowSection.oneModule .calendarModule .event.group .name,
  .columnSection.soloColumn .calendarModule .event.group .name {
    transform: translateY(-10px);
  }
}
@media (max-width: 1220px) and (min-width: 501px) {
  .rowSection.oneModule .calendarModule .event.group,
  .columnSection.soloColumn .calendarModule .event.group {
    grid-template-areas: "date . . ." "date . name ." "date . summary ." "date . . .";
    grid-template-columns: min-content 20px 1fr 15px;
    grid-template-rows: 1fr min-content min-content 1fr;
  }
  .rowSection.oneModule .calendarModule .event.group .name,
  .columnSection.soloColumn .calendarModule .event.group .name {
    transform: translateY(-10px);
  }
}
@media (min-width: 501px) {
  .duoColumn .largeColumn .calendarModule .event.group,
  .tabContent .modulePosition .calendarModule .event.group,
  .modulePosition.size8 .calendarModule .event.group,
  #content1 .calendarModule .event.group,
  .rowSection.twoModule .calendarModule .event.group,
  .halfColumn .calendarModule .event.group,
  .wideCell .calendarModule .event.group,
  .wideTallCell .calendarModule .event.group,
  .modulePosition.size6 .calendarModule .event.group {
    grid-template-areas: "date . . ." "date . name ." "date . summary ." "date . . .";
    grid-template-columns: min-content 20px 1fr 15px;
    grid-template-rows: 1fr min-content min-content 1fr;
  }
  .duoColumn .largeColumn .calendarModule .event.group .name,
  .tabContent .modulePosition .calendarModule .event.group .name,
  .modulePosition.size8 .calendarModule .event.group .name,
  #content1 .calendarModule .event.group .name,
  .rowSection.twoModule .calendarModule .event.group .name,
  .halfColumn .calendarModule .event.group .name,
  .wideCell .calendarModule .event.group .name,
  .wideTallCell .calendarModule .event.group .name,
  .modulePosition.size6 .calendarModule .event.group .name {
    transform: translateY(-10px);
  }
}
@media (min-width: 1221px) {
  #content2 .calendarModule .event.group,
  .smallColumn .calendarModule .event.group,
  .rowSection.threeModule .modulePosition:not(.titlePosition) .calendarModule .event.group,
  .columnSection.trioColumn .modulePosition:not(.titlePosition) .calendarModule .event.group,
  .modulePosition.size4 .calendarModule .event.group {
    grid-template-areas: "date . . ." "date . name ." "date . summary ." "date . . .";
    grid-template-columns: min-content 20px 1fr 0;
    grid-template-rows: 1fr min-content min-content 1fr;
  }
  #content2 .calendarModule .event.group .name,
  .smallColumn .calendarModule .event.group .name,
  .rowSection.threeModule .modulePosition:not(.titlePosition) .calendarModule .event.group .name,
  .columnSection.trioColumn .modulePosition:not(.titlePosition) .calendarModule .event.group .name,
  .modulePosition.size4 .calendarModule .event.group .name {
    transform: translateY(-10px);
  }
}
@media (max-width: 1220px) and (min-width: 501px) {
  #content2 .calendarModule .event.group,
  .smallColumn .calendarModule .event.group,
  .rowSection.threeModule .modulePosition:not(.titlePosition) .calendarModule .event.group,
  .columnSection.trioColumn .modulePosition:not(.titlePosition) .calendarModule .event.group,
  .modulePosition.size4 .calendarModule .event.group {
    grid-template-areas: "date . . ." "date . name ." "date . summary ." "date . . .";
    grid-template-columns: min-content 20px 1fr 15px;
    grid-template-rows: 1fr min-content min-content 1fr;
  }
  #content2 .calendarModule .event.group .name,
  .smallColumn .calendarModule .event.group .name,
  .rowSection.threeModule .modulePosition:not(.titlePosition) .calendarModule .event.group .name,
  .columnSection.trioColumn .modulePosition:not(.titlePosition) .calendarModule .event.group .name,
  .modulePosition.size4 .calendarModule .event.group .name {
    transform: translateY(-10px);
  }
}
@media (min-width: 501px) {
  .normalCell .calendarModule .event.group,
  .tallCell .calendarModule .event.group,
  .rowSection.fourModule .modulePosition:not(.titlePosition) .calendarModule .event.group {
    grid-template-areas: "date ." ". ." "name name" "summary summary";
    grid-template-columns: min-content 1fr;
    grid-template-rows: min-content 20px repeat(2, min-content);
  }
}
.news.group {
  box-sizing: border-box;
  margin: 0 !important;
  border-radius: 20px !important;
  border: 1px solid var(--news-item-border-color);
  padding-top: 205px;
  max-width: 305px;
  height: 375px;
  background-color: var(--news-item-bg-color);
  transition: 0.2s;
}
.news.group .summary {
  display: none;
}
.news.group .name a {
  -webkit-line-clamp: 3;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: normal;
  font-family: "Belleza", "Times New Roman", Times, serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 1.3;
  color: var(--news-item-name-color);
  transition: 0.2s;
}
.news.group .info,
.news.group .info :is(.author, .date),
.news.group .author,
.news.group .date {
  font-family: "Poppins", "Roboto", "Helvetica", Arial, sans-serif;
  font-size: 12px;
  font-weight: 400;
  font-style: normal;
  line-height: 1.9;
  color: var(--news-item-info-color) !important;
  transition: 0.2s;
}
.news.group .info {
  width: fit-content;
  -webkit-line-clamp: 1;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: normal;
}
.news.group .thumb,
.news.group:not(.hasThumb):before {
  position: absolute;
  top: -2px;
  left: -1px;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  width: calc(100% + 2px);
  height: 205px;
  overflow: hidden;
}
.news.group .thumb {
  margin: 0;
  overflow: hidden;
}
.news.group .thumb img,
.news.group .thumb .dynamicThumbImage {
  height: 205px;
  object-fit: cover;
  transform: scale(1);
  transition: 0.2s;
}
.news.group:not(.hasThumb):before {
  content: "";
  background-image: url("/39006/design/logo-solg.png");
  background-position: center;
  background-size: 180px;
  background-repeat: no-repeat;
  background-color: #fff0db;
  transition: background-size 0.2s;
}
.news.group:hover {
  background-color: var(--news-item-bg-color-hover);
}
.news.group:hover .name a {
  color: var(--news-item-name-color-hover);
}
.news.group:hover .info,
.news.group:hover .info :is(.author, .date),
.news.group:hover .author,
.news.group:hover .date {
  color: var(--news-item-info-color-hover) !important;
}
.news.group:hover .thumb img,
.news.group:hover .thumb .dynamicThumbImage {
  transform: scale(1.1);
}
.news.group:hover:not(.hasThumb):before {
  background-size: 190px;
}
.news.group {
  display: grid;
  grid-template-areas: ". . ." ". name ." ". . ." ". info ." ". . .";
  grid-template-columns: 30px 1fr 30px;
  grid-template-rows: 20px min-content 10px min-content 1fr;
}
.news.group .name {
  grid-area: name;
}
.news.group .info {
  grid-area: info;
}
.newsModule .moduleName {
  padding-bottom: 32px;
}
.newsModule .moduleBody {
  display: flex;
  flex-wrap: wrap;
  gap: 25px;
  padding-top: 0;
}
.newsModule .aggregateModuleFooter {
  padding-top: 30px;
}
@media (max-width: 1220px) and (min-width: 501px) {
  .rowSection.oneModule .newsModule .news.group,
  .columnSection.soloColumn .newsModule .news.group,
  .duoColumn .largeColumn .newsModule .news.group,
  .tabContent .modulePosition .newsModule .news.group,
  .modulePosition.size8 .newsModule .news.group,
  #content1 .newsModule .news.group,
  .rowSection.twoModule .newsModule .news.group,
  .halfColumn .newsModule .news.group,
  .wideCell .newsModule .news.group,
  .wideTallCell .newsModule .news.group,
  .modulePosition.size6 .newsModule .news.group,
  #content2 .newsModule .news.group,
  .smallColumn .newsModule .news.group,
  .rowSection.threeModule .modulePosition:not(.titlePosition) .newsModule .news.group,
  .columnSection.trioColumn .modulePosition:not(.titlePosition) .newsModule .news.group,
  .modulePosition.size4 .newsModule .news.group {
    flex-basis: 46%;
  }
}
@media (min-width: 1221px) {
  .rowSection.twoModule .newsModule .news.group,
  .halfColumn .newsModule .news.group,
  .wideCell .newsModule .news.group,
  .wideTallCell .newsModule .news.group,
  .modulePosition.size6 .newsModule .news.group {
    flex-basis: 46%;
  }
}
@media (min-width: 1221px) {
  #content2 .newsModule .news.group,
  .smallColumn .newsModule .news.group,
  .rowSection.threeModule .modulePosition:not(.titlePosition) .newsModule .news.group,
  .columnSection.trioColumn .modulePosition:not(.titlePosition) .newsModule .news.group,
  .modulePosition.size4 .newsModule .news.group {
    grid-template-columns: 20px 1fr 20px;
  }
}
@media (min-width: 501px) {
  .normalCell .newsModule .news.group,
  .tallCell .newsModule .news.group,
  .rowSection.fourModule .modulePosition:not(.titlePosition) .newsModule .news.group {
    grid-template-columns: 20px 1fr 20px;
  }
}
.rssModule .rssContent,
.rss .rssContent,
.usccbReadingsModule .rssContent {
  overflow: hidden;
  transition: 0.3s;
  box-sizing: border-box;
  margin-bottom: 40px !important;
  border-bottom: 1px solid var(--rss-border-bottom);
  padding-bottom: 20px;
}
.rssModule .rssContent .thumb,
.rss .rssContent .thumb,
.usccbReadingsModule .rssContent .thumb {
  margin: 0 22px 10px 0;
  border-radius: 6px;
  aspect-ratio: 1.3;
  max-width: 160px;
  overflow: hidden;
}
.rssModule .rssContent .thumb img,
.rss .rssContent .thumb img,
.usccbReadingsModule .rssContent .thumb img {
  max-width: unset;
  height: 100%;
  object-fit: cover;
  transform: scale(1);
  transition: 0.2s;
}
.rssModule .rssContent .name,
.rss .rssContent .name,
.usccbReadingsModule .rssContent .name {
  margin-bottom: 5px;
}
.rssModule .rssContent .name a,
.rss .rssContent .name a,
.usccbReadingsModule .rssContent .name a {
  color: var(--rss-name-color);
  -webkit-line-clamp: 3;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: normal;
  font-family: "Belleza", "Times New Roman", Times, serif;
  font-size: 22px;
  font-weight: 700;
  text-decoration: none;
  line-height: normal;
}
.rssModule .rssContent .date,
.rss .rssContent .date,
.usccbReadingsModule .rssContent .date,
.rssModule .rssContent .author,
.rss .rssContent .author,
.usccbReadingsModule .rssContent .author {
  font-size: 12px;
  color: var(--rss-info-color);
}
.rssModule .rssContent .summary,
.rss .rssContent .summary,
.usccbReadingsModule .rssContent .summary {
  color: var(--rss-summary-color);
}
.rssModule .rssContent:hover .name a,
.rss .rssContent:hover .name a,
.usccbReadingsModule .rssContent:hover .name a {
  color: var(--rss-name-color-hover);
  text-decoration: underline;
}
.rssModule .rssContent:hover .thumb img,
.rss .rssContent:hover .thumb img,
.usccbReadingsModule .rssContent:hover .thumb img {
  transform: scale(1.1);
}
.person-alternate-colors {
  background-color: var(--person-alternate-bg-color);
}
.person-alternate-colors .name span,
.person-alternate-colors .name a {
  color: var(--person-alternate-name-color);
}
.person-alternate-colors .name a:hover {
  color: var(--person-alternate-name-color-hover);
}
.person-alternate-colors .role {
  color: var(--person-alternate-role-color);
}
.person-alternate-colors .phone a {
  color: var(--person-alternate-phone-color);
}
.person-alternate-colors .phone a:hover {
  color: var(--person-alternate-link-color-hover);
}
.person-alternate-colors .mail {
  color: var(--person-alternate-link-color);
}
.person-alternate-colors .mail:hover {
  color: var(--person-alternate-link-color-hover);
}
.person-alternate-colors .personSocialMedia a {
  border-color: var(--person-alternate-social-media-border-color);
  color: var(--person-alternate-social-media-icon-color);
  background-color: var(--person-alternate-social-media-bg-color);
}
.person-alternate-colors .personSocialMedia a:hover {
  border-color: var(--person-alternate-social-media-border-color-hover);
  color: var(--person-alternate-social-media-icon-color-hover);
  background-color: var(--person-alternate-social-media-bg-color-hover);
}
.peopleModule.moduleInner .aggregate {
  grid-column-gap: 15px;
}
.peopleModule.moduleInner .aggregate .personGroup.group {
  margin-bottom: 20px;
  font-family: "Belleza", "Times New Roman", Times, serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 1.3;
}
.peopleModule.moduleInner .aggregate .person.group {
  position: relative;
  display: grid;
  box-sizing: border-box;
  margin-bottom: 16px !important;
  border-radius: 20px !important;
  border: none;
  padding: 25px;
  min-width: 220px;
  font-family: "Montserrat", "Roboto", "Helvetica", Arial, sans-serif;
  text-align: left;
  background-color: var(--person-bg-color);
  overflow: hidden;
}
@media (max-width: 500px) {
  .peopleModule.moduleInner .aggregate .person.group {
    margin-left: 0;
  }
}
.peopleModule.moduleInner .aggregate .person.group .name {
  grid-area: name;
  margin-bottom: 2px;
  line-height: 1.3;
}
.peopleModule.moduleInner .aggregate .person.group .name span {
  opacity: 0.75;
}
.peopleModule.moduleInner .aggregate .person.group .name a,
.peopleModule.moduleInner .aggregate .person.group .name span {
  -webkit-line-clamp: 4;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: normal;
  font-family: "Figtree", "Roboto", "Helvetica", Arial, sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.5;
  color: var(--person-name-color);
}
.peopleModule.moduleInner .aggregate .person.group .name a {
  transition: 0.2s;
}
.peopleModule.moduleInner .aggregate .person.group .name a:hover {
  color: var(--person-name-color-hover);
}
.peopleModule.moduleInner .aggregate .person.group .info {
  display: contents;
}
.peopleModule.moduleInner .aggregate .person.group .role {
  grid-area: role;
  font-family: "Montserrat", "Roboto", "Helvetica", Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.8;
  color: var(--person-role-color);
}
.peopleModule.moduleInner .aggregate .person.group .phone a {
  color: var(--person-phone-color);
  transition: 0.2s;
}
.peopleModule.moduleInner .aggregate .person.group .phone a:hover {
  color: var(--person-link-color-hover);
}
.peopleModule.moduleInner .aggregate .person.group .mail {
  color: var(--person-link-color);
  transition: 0.2s;
}
.peopleModule.moduleInner .aggregate .person.group .mail:hover {
  color: var(--person-link-color-hover);
}
.peopleModule.moduleInner .aggregate .person.group .phone,
.peopleModule.moduleInner .aggregate .person.group .phone a,
.peopleModule.moduleInner .aggregate .person.group .mail {
  font-family: "Montserrat", "Roboto", "Helvetica", Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.8;
  text-decoration: none;
}
.peopleModule.moduleInner .aggregate .person.group .phone {
  grid-area: phone;
}
.peopleModule.moduleInner .aggregate .person.group a.mail {
  grid-area: mail;
}
.peopleModule.moduleInner .aggregate .person.group .personSocialMedia {
  position: absolute;
  display: flex;
  align-items: center;
  gap: 7px;
  box-sizing: border-box;
  margin-top: 0;
}
.peopleModule.moduleInner .aggregate .person.group .personSocialMedia a {
  flex-shrink: 0;
  border-width: 1px;
  border-style: solid;
  border-color: var(--person-social-media-border-color);
  border-radius: 50%;
  padding: 7px;
  width: 14px;
  height: 14px;
  color: var(--person-social-media-icon-color);
  background-color: var(--person-social-media-bg-color);
}
.peopleModule.moduleInner .aggregate .person.group .personSocialMedia a:hover {
  border-color: var(--person-social-media-border-color-hover);
  color: var(--person-social-media-icon-color-hover);
  background-color: var(--person-social-media-bg-color-hover);
}
.peopleModule.moduleInner .aggregate .person.group .personSocialMedia a.facebookSocialMedia .icon {
  padding-block: 1px;
}
.peopleModule.moduleInner .aggregate .person.group .personSocialMedia a:nth-child(n + 4) {
  display: none;
}
.peopleModule.moduleInner .aggregate .person.group .thumb,
.peopleModule.moduleInner .aggregate .person.group:not(.hasThumb):before {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.peopleModule.moduleInner .aggregate .person.group .thumb {
  margin: 0;
  overflow: hidden;
}
.peopleModule.moduleInner .aggregate .person.group .thumb picture {
  display: block;
  width: 100%;
  height: 100%;
}
.peopleModule.moduleInner .aggregate .person.group .thumb img {
  max-width: unset;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.peopleModule.moduleInner .aggregate .person.group .thumb img.thumbImage:not(.dynamicThumb) {
  max-width: unset;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.peopleModule.moduleInner .aggregate .person.group a.thumb img {
  transform: scale(1);
  transition: 0.2s;
}
.peopleModule.moduleInner .aggregate .person.group a.thumb:hover img {
  transform: scale(1.1);
}
.peopleModule.moduleInner .aggregate .person.group:not(.hasThumb)::before {
  content: "";
  background-image: url("/39006/design/logo-solg-footer.png");
  background-position: center;
  background-size: 100px;
  background-repeat: no-repeat;
  background-color: var(--person-thumb-placeholder-bg-color);
}
.peopleModule.moduleInner .aggregate .person.group:nth-child(odd) {
  background-color: var(--person-alternate-bg-color);
}
.peopleModule.moduleInner .aggregate .person.group:nth-child(odd) .name span,
.peopleModule.moduleInner .aggregate .person.group:nth-child(odd) .name a {
  color: var(--person-alternate-name-color);
}
.peopleModule.moduleInner .aggregate .person.group:nth-child(odd) .name a:hover {
  color: var(--person-alternate-name-color-hover);
}
.peopleModule.moduleInner .aggregate .person.group:nth-child(odd) .role {
  color: var(--person-alternate-role-color);
}
.peopleModule.moduleInner .aggregate .person.group:nth-child(odd) .phone a {
  color: var(--person-alternate-phone-color);
}
.peopleModule.moduleInner .aggregate .person.group:nth-child(odd) .phone a:hover {
  color: var(--person-alternate-link-color-hover);
}
.peopleModule.moduleInner .aggregate .person.group:nth-child(odd) .mail {
  color: var(--person-alternate-link-color);
}
.peopleModule.moduleInner .aggregate .person.group:nth-child(odd) .mail:hover {
  color: var(--person-alternate-link-color-hover);
}
.peopleModule.moduleInner .aggregate .person.group:nth-child(odd) .personSocialMedia a {
  border-color: var(--person-alternate-social-media-border-color);
  color: var(--person-alternate-social-media-icon-color);
  background-color: var(--person-alternate-social-media-bg-color);
}
.peopleModule.moduleInner .aggregate .person.group:nth-child(odd) .personSocialMedia a:hover {
  border-color: var(--person-alternate-social-media-border-color-hover);
  color: var(--person-alternate-social-media-icon-color-hover);
  background-color: var(--person-alternate-social-media-bg-color-hover);
}
.person-item-vertical-layout {
  grid-template-columns: 1fr;
  grid-auto-rows: min-content;
  grid-template-areas: "name" "role" "phone" "mail";
  padding-top: 200px;
  padding-bottom: 75px;
  max-width: 340px;
}
.person-item-vertical-layout:has(.personSocialMedia) .personSocialMedia {
  bottom: 0;
  left: 0;
  padding-left: 135px;
  justify-content: start;
  padding-inline: 22px;
  width: 100%;
  height: 75px;
}
.person-item-vertical-layout .thumb,
.person-item-vertical-layout:not(.hasThumb):before {
  width: 100%;
  height: 170px;
}
@media ((max-width: 500px)) {
  .rowSection.oneModule .peopleModule .person.group,
  .columnSection.soloColumn .peopleModule .person.group,
  .duoColumn .largeColumn .peopleModule .person.group,
  .tabContent .modulePosition .peopleModule .person.group,
  .modulePosition.size8 .peopleModule .person.group,
  #content1 .peopleModule .person.group,
  .rowSection.twoModule .peopleModule .person.group,
  .halfColumn .peopleModule .person.group,
  .wideCell .peopleModule .person.group,
  .wideTallCell .peopleModule .person.group,
  .modulePosition.size6 .peopleModule .person.group,
  #content2 .peopleModule .person.group,
  .smallColumn .peopleModule .person.group,
  .rowSection.threeModule .modulePosition:not(.titlePosition) .peopleModule .person.group,
  .columnSection.trioColumn .modulePosition:not(.titlePosition) .peopleModule .person.group,
  .modulePosition.size4 .peopleModule .person.group,
  .normalCell .peopleModule .person.group,
  .tallCell .peopleModule .person.group,
  .rowSection.fourModule .modulePosition:not(.titlePosition) .peopleModule .person.group {
    grid-template-columns: 1fr;
    grid-auto-rows: min-content;
    grid-template-areas: "name" "role" "phone" "mail";
    padding-top: 200px;
    padding-bottom: 75px;
    max-width: 340px;
    margin-inline: auto;
  }
  .rowSection.oneModule .peopleModule .person.group:has(.personSocialMedia) .personSocialMedia,
  .columnSection.soloColumn .peopleModule .person.group:has(.personSocialMedia) .personSocialMedia,
  .duoColumn .largeColumn .peopleModule .person.group:has(.personSocialMedia) .personSocialMedia,
  .tabContent .modulePosition .peopleModule .person.group:has(.personSocialMedia) .personSocialMedia,
  .modulePosition.size8 .peopleModule .person.group:has(.personSocialMedia) .personSocialMedia,
  #content1 .peopleModule .person.group:has(.personSocialMedia) .personSocialMedia,
  .rowSection.twoModule .peopleModule .person.group:has(.personSocialMedia) .personSocialMedia,
  .halfColumn .peopleModule .person.group:has(.personSocialMedia) .personSocialMedia,
  .wideCell .peopleModule .person.group:has(.personSocialMedia) .personSocialMedia,
  .wideTallCell .peopleModule .person.group:has(.personSocialMedia) .personSocialMedia,
  .modulePosition.size6 .peopleModule .person.group:has(.personSocialMedia) .personSocialMedia,
  #content2 .peopleModule .person.group:has(.personSocialMedia) .personSocialMedia,
  .smallColumn .peopleModule .person.group:has(.personSocialMedia) .personSocialMedia,
  .rowSection.threeModule .modulePosition:not(.titlePosition) .peopleModule .person.group:has(.personSocialMedia) .personSocialMedia,
  .columnSection.trioColumn .modulePosition:not(.titlePosition) .peopleModule .person.group:has(.personSocialMedia) .personSocialMedia,
  .modulePosition.size4 .peopleModule .person.group:has(.personSocialMedia) .personSocialMedia,
  .normalCell .peopleModule .person.group:has(.personSocialMedia) .personSocialMedia,
  .tallCell .peopleModule .person.group:has(.personSocialMedia) .personSocialMedia,
  .rowSection.fourModule .modulePosition:not(.titlePosition) .peopleModule .person.group:has(.personSocialMedia) .personSocialMedia {
    bottom: 0;
    left: 0;
    padding-left: 135px;
    justify-content: start;
    padding-inline: 22px;
    width: 100%;
    height: 75px;
  }
  .rowSection.oneModule .peopleModule .person.group .thumb,
  .columnSection.soloColumn .peopleModule .person.group .thumb,
  .duoColumn .largeColumn .peopleModule .person.group .thumb,
  .tabContent .modulePosition .peopleModule .person.group .thumb,
  .modulePosition.size8 .peopleModule .person.group .thumb,
  #content1 .peopleModule .person.group .thumb,
  .rowSection.twoModule .peopleModule .person.group .thumb,
  .halfColumn .peopleModule .person.group .thumb,
  .wideCell .peopleModule .person.group .thumb,
  .wideTallCell .peopleModule .person.group .thumb,
  .modulePosition.size6 .peopleModule .person.group .thumb,
  #content2 .peopleModule .person.group .thumb,
  .smallColumn .peopleModule .person.group .thumb,
  .rowSection.threeModule .modulePosition:not(.titlePosition) .peopleModule .person.group .thumb,
  .columnSection.trioColumn .modulePosition:not(.titlePosition) .peopleModule .person.group .thumb,
  .modulePosition.size4 .peopleModule .person.group .thumb,
  .normalCell .peopleModule .person.group .thumb,
  .tallCell .peopleModule .person.group .thumb,
  .rowSection.fourModule .modulePosition:not(.titlePosition) .peopleModule .person.group .thumb,
  .rowSection.oneModule .peopleModule .person.group:not(.hasThumb):before,
  .columnSection.soloColumn .peopleModule .person.group:not(.hasThumb):before,
  .duoColumn .largeColumn .peopleModule .person.group:not(.hasThumb):before,
  .tabContent .modulePosition .peopleModule .person.group:not(.hasThumb):before,
  .modulePosition.size8 .peopleModule .person.group:not(.hasThumb):before,
  #content1 .peopleModule .person.group:not(.hasThumb):before,
  .rowSection.twoModule .peopleModule .person.group:not(.hasThumb):before,
  .halfColumn .peopleModule .person.group:not(.hasThumb):before,
  .wideCell .peopleModule .person.group:not(.hasThumb):before,
  .wideTallCell .peopleModule .person.group:not(.hasThumb):before,
  .modulePosition.size6 .peopleModule .person.group:not(.hasThumb):before,
  #content2 .peopleModule .person.group:not(.hasThumb):before,
  .smallColumn .peopleModule .person.group:not(.hasThumb):before,
  .rowSection.threeModule .modulePosition:not(.titlePosition) .peopleModule .person.group:not(.hasThumb):before,
  .columnSection.trioColumn .modulePosition:not(.titlePosition) .peopleModule .person.group:not(.hasThumb):before,
  .modulePosition.size4 .peopleModule .person.group:not(.hasThumb):before,
  .normalCell .peopleModule .person.group:not(.hasThumb):before,
  .tallCell .peopleModule .person.group:not(.hasThumb):before,
  .rowSection.fourModule .modulePosition:not(.titlePosition) .peopleModule .person.group:not(.hasThumb):before {
    width: 100%;
    height: 170px;
  }
}
@media (min-width: 501px) and (max-width: 800px) {
  .rowSection.oneModule .peopleModule.onePerLine .person.group,
  .columnSection.soloColumn .peopleModule.onePerLine .person.group {
    grid-template-columns: 1fr;
    grid-template-rows: 1fr repeat(4, min-content) 1fr;
    grid-template-areas: "." "name" "role" "phone" "mail" ".";
    padding-left: 180px;
    padding-right: 80px;
    max-width: 800px;
    min-height: 170px;
  }
  .rowSection.oneModule .peopleModule.onePerLine .person.group:has(.personSocialMedia) .personSocialMedia,
  .columnSection.soloColumn .peopleModule.onePerLine .person.group:has(.personSocialMedia) .personSocialMedia {
    top: 0;
    right: 0;
    flex-direction: column;
    justify-content: center;
    width: 70px;
    height: 100%;
  }
  .rowSection.oneModule .peopleModule.onePerLine .person.group .thumb,
  .columnSection.soloColumn .peopleModule.onePerLine .person.group .thumb,
  .rowSection.oneModule .peopleModule.onePerLine .person.group:not(.hasThumb):before,
  .columnSection.soloColumn .peopleModule.onePerLine .person.group:not(.hasThumb):before {
    width: calc(180px - 35px);
    height: 100%;
  }
}
@media (min-width: 801px) {
  .rowSection.oneModule .peopleModule.onePerLine .person.group,
  .columnSection.soloColumn .peopleModule.onePerLine .person.group {
    grid-template-columns: 1fr;
    grid-template-rows: 1fr repeat(4, min-content) 1fr;
    grid-template-areas: "." "name" "role" "phone" "mail" ".";
    padding-left: 315px;
    padding-right: 80px;
    max-width: 800px;
    min-height: 170px;
  }
  .rowSection.oneModule .peopleModule.onePerLine .person.group:has(.personSocialMedia) .personSocialMedia,
  .columnSection.soloColumn .peopleModule.onePerLine .person.group:has(.personSocialMedia) .personSocialMedia {
    top: 0;
    right: 0;
    flex-direction: column;
    justify-content: center;
    width: 70px;
    height: 100%;
  }
  .rowSection.oneModule .peopleModule.onePerLine .person.group .thumb,
  .columnSection.soloColumn .peopleModule.onePerLine .person.group .thumb,
  .rowSection.oneModule .peopleModule.onePerLine .person.group:not(.hasThumb):before,
  .columnSection.soloColumn .peopleModule.onePerLine .person.group:not(.hasThumb):before {
    width: calc(315px - 35px);
    height: 100%;
  }
}
@media (min-width: 501px) and (max-width: 600px) {
  .rowSection.oneModule .peopleModule.twoPerLine .person.group,
  .columnSection.soloColumn .peopleModule.twoPerLine .person.group {
    grid-template-columns: 1fr;
    grid-template-rows: 1fr repeat(4, min-content) 1fr;
    grid-template-areas: "." "name" "role" "phone" "mail" ".";
    padding-left: 180px;
    padding-right: 80px;
    max-width: 800px;
    min-height: 170px;
    margin-left: 0;
    width: 100%;
  }
  .rowSection.oneModule .peopleModule.twoPerLine .person.group:has(.personSocialMedia) .personSocialMedia,
  .columnSection.soloColumn .peopleModule.twoPerLine .person.group:has(.personSocialMedia) .personSocialMedia {
    top: 0;
    right: 0;
    flex-direction: column;
    justify-content: center;
    width: 70px;
    height: 100%;
  }
  .rowSection.oneModule .peopleModule.twoPerLine .person.group .thumb,
  .columnSection.soloColumn .peopleModule.twoPerLine .person.group .thumb,
  .rowSection.oneModule .peopleModule.twoPerLine .person.group:not(.hasThumb):before,
  .columnSection.soloColumn .peopleModule.twoPerLine .person.group:not(.hasThumb):before {
    width: calc(180px - 35px);
    height: 100%;
  }
}
@media (min-width: 601px) and (max-width: 1000px) {
  .rowSection.oneModule .peopleModule.twoPerLine .person.group,
  .columnSection.soloColumn .peopleModule.twoPerLine .person.group {
    grid-template-columns: 1fr;
    grid-auto-rows: min-content;
    grid-template-areas: "name" "role" "phone" "mail";
    padding-top: 200px;
    padding-bottom: 75px;
    max-width: 340px;
  }
  .rowSection.oneModule .peopleModule.twoPerLine .person.group:has(.personSocialMedia) .personSocialMedia,
  .columnSection.soloColumn .peopleModule.twoPerLine .person.group:has(.personSocialMedia) .personSocialMedia {
    bottom: 0;
    left: 0;
    padding-left: 135px;
    justify-content: start;
    padding-inline: 22px;
    width: 100%;
    height: 75px;
  }
  .rowSection.oneModule .peopleModule.twoPerLine .person.group .thumb,
  .columnSection.soloColumn .peopleModule.twoPerLine .person.group .thumb,
  .rowSection.oneModule .peopleModule.twoPerLine .person.group:not(.hasThumb):before,
  .columnSection.soloColumn .peopleModule.twoPerLine .person.group:not(.hasThumb):before {
    width: 100%;
    height: 170px;
  }
}
@media (min-width: 1001px) and (max-width: 1340px) {
  .rowSection.oneModule .peopleModule.twoPerLine .person.group,
  .columnSection.soloColumn .peopleModule.twoPerLine .person.group {
    grid-template-columns: 1fr;
    grid-template-rows: 1fr repeat(4, min-content) 1fr;
    grid-template-areas: "." "name" "role" "phone" "mail" ".";
    padding-left: 180px;
    padding-right: 80px;
    max-width: 800px;
    min-height: 170px;
  }
  .rowSection.oneModule .peopleModule.twoPerLine .person.group:has(.personSocialMedia) .personSocialMedia,
  .columnSection.soloColumn .peopleModule.twoPerLine .person.group:has(.personSocialMedia) .personSocialMedia {
    top: 0;
    right: 0;
    flex-direction: column;
    justify-content: center;
    width: 70px;
    height: 100%;
  }
  .rowSection.oneModule .peopleModule.twoPerLine .person.group .thumb,
  .columnSection.soloColumn .peopleModule.twoPerLine .person.group .thumb,
  .rowSection.oneModule .peopleModule.twoPerLine .person.group:not(.hasThumb):before,
  .columnSection.soloColumn .peopleModule.twoPerLine .person.group:not(.hasThumb):before {
    width: calc(180px - 35px);
    height: 100%;
  }
}
@media (min-width: 1341px) {
  .rowSection.oneModule .peopleModule.twoPerLine .person.group,
  .columnSection.soloColumn .peopleModule.twoPerLine .person.group {
    grid-template-columns: 1fr;
    grid-template-rows: 1fr repeat(4, min-content) 1fr;
    grid-template-areas: "." "name" "role" "phone" "mail" ".";
    padding-left: 315px;
    padding-right: 80px;
    max-width: 800px;
    min-height: 170px;
  }
  .rowSection.oneModule .peopleModule.twoPerLine .person.group:has(.personSocialMedia) .personSocialMedia,
  .columnSection.soloColumn .peopleModule.twoPerLine .person.group:has(.personSocialMedia) .personSocialMedia {
    top: 0;
    right: 0;
    flex-direction: column;
    justify-content: center;
    width: 70px;
    height: 100%;
  }
  .rowSection.oneModule .peopleModule.twoPerLine .person.group .thumb,
  .columnSection.soloColumn .peopleModule.twoPerLine .person.group .thumb,
  .rowSection.oneModule .peopleModule.twoPerLine .person.group:not(.hasThumb):before,
  .columnSection.soloColumn .peopleModule.twoPerLine .person.group:not(.hasThumb):before {
    width: calc(315px - 35px);
    height: 100%;
  }
}
.rowSection.oneModule .peopleModule.grid .person.group,
.columnSection.soloColumn .peopleModule.grid .person.group {
  grid-template-columns: 1fr;
  grid-auto-rows: min-content;
  grid-template-areas: "name" "role" "phone" "mail";
  padding-top: 200px;
  padding-bottom: 75px;
  max-width: 340px;
}
.rowSection.oneModule .peopleModule.grid .person.group:has(.personSocialMedia) .personSocialMedia,
.columnSection.soloColumn .peopleModule.grid .person.group:has(.personSocialMedia) .personSocialMedia {
  bottom: 0;
  left: 0;
  padding-left: 135px;
  justify-content: start;
  padding-inline: 22px;
  width: 100%;
  height: 75px;
}
.rowSection.oneModule .peopleModule.grid .person.group .thumb,
.columnSection.soloColumn .peopleModule.grid .person.group .thumb,
.rowSection.oneModule .peopleModule.grid .person.group:not(.hasThumb):before,
.columnSection.soloColumn .peopleModule.grid .person.group:not(.hasThumb):before {
  width: 100%;
  height: 170px;
}
@media (min-width: 501px) and (max-width: 600px) {
  .rowSection.oneModule .peopleModule.grid .person.group,
  .columnSection.soloColumn .peopleModule.grid .person.group {
    width: 100%;
    margin-inline: auto;
  }
}
@media (min-width: 601px) and (max-width: 800px) {
  .rowSection.oneModule .peopleModule.grid .person.group,
  .columnSection.soloColumn .peopleModule.grid .person.group {
    flex-basis: 46%;
  }
}
@media (min-width: 801px) and (max-width: 1340px) {
  .rowSection.oneModule .peopleModule.grid .person.group,
  .columnSection.soloColumn .peopleModule.grid .person.group {
    width: calc((100% - 30px) / 3);
    min-width: unset;
  }
}
@media (min-width: 1341px) {
  .rowSection.oneModule .peopleModule.grid .person.group,
  .columnSection.soloColumn .peopleModule.grid .person.group {
    width: calc((100% - 45px) / 4) !important;
  }
}
@media (min-width: 501px) and (max-width: 800px) {
  .duoColumn .largeColumn .peopleModule.onePerLine .person.group,
  .tabContent .modulePosition .peopleModule.onePerLine .person.group,
  .modulePosition.size8 .peopleModule.onePerLine .person.group,
  #content1 .peopleModule.onePerLine .person.group {
    grid-template-columns: 1fr;
    grid-template-rows: 1fr repeat(4, min-content) 1fr;
    grid-template-areas: "." "name" "role" "phone" "mail" ".";
    padding-left: 180px;
    padding-right: 80px;
    max-width: 800px;
    min-height: 170px;
  }
  .duoColumn .largeColumn .peopleModule.onePerLine .person.group:has(.personSocialMedia) .personSocialMedia,
  .tabContent .modulePosition .peopleModule.onePerLine .person.group:has(.personSocialMedia) .personSocialMedia,
  .modulePosition.size8 .peopleModule.onePerLine .person.group:has(.personSocialMedia) .personSocialMedia,
  #content1 .peopleModule.onePerLine .person.group:has(.personSocialMedia) .personSocialMedia {
    top: 0;
    right: 0;
    flex-direction: column;
    justify-content: center;
    width: 70px;
    height: 100%;
  }
  .duoColumn .largeColumn .peopleModule.onePerLine .person.group .thumb,
  .tabContent .modulePosition .peopleModule.onePerLine .person.group .thumb,
  .modulePosition.size8 .peopleModule.onePerLine .person.group .thumb,
  #content1 .peopleModule.onePerLine .person.group .thumb,
  .duoColumn .largeColumn .peopleModule.onePerLine .person.group:not(.hasThumb):before,
  .tabContent .modulePosition .peopleModule.onePerLine .person.group:not(.hasThumb):before,
  .modulePosition.size8 .peopleModule.onePerLine .person.group:not(.hasThumb):before,
  #content1 .peopleModule.onePerLine .person.group:not(.hasThumb):before {
    width: calc(180px - 35px);
    height: 100%;
  }
}
@media (min-width: 801px) {
  .duoColumn .largeColumn .peopleModule.onePerLine .person.group,
  .tabContent .modulePosition .peopleModule.onePerLine .person.group,
  .modulePosition.size8 .peopleModule.onePerLine .person.group,
  #content1 .peopleModule.onePerLine .person.group {
    grid-template-columns: 1fr;
    grid-template-rows: 1fr repeat(4, min-content) 1fr;
    grid-template-areas: "." "name" "role" "phone" "mail" ".";
    padding-left: 315px;
    padding-right: 80px;
    max-width: 800px;
    min-height: 170px;
  }
  .duoColumn .largeColumn .peopleModule.onePerLine .person.group:has(.personSocialMedia) .personSocialMedia,
  .tabContent .modulePosition .peopleModule.onePerLine .person.group:has(.personSocialMedia) .personSocialMedia,
  .modulePosition.size8 .peopleModule.onePerLine .person.group:has(.personSocialMedia) .personSocialMedia,
  #content1 .peopleModule.onePerLine .person.group:has(.personSocialMedia) .personSocialMedia {
    top: 0;
    right: 0;
    flex-direction: column;
    justify-content: center;
    width: 70px;
    height: 100%;
  }
  .duoColumn .largeColumn .peopleModule.onePerLine .person.group .thumb,
  .tabContent .modulePosition .peopleModule.onePerLine .person.group .thumb,
  .modulePosition.size8 .peopleModule.onePerLine .person.group .thumb,
  #content1 .peopleModule.onePerLine .person.group .thumb,
  .duoColumn .largeColumn .peopleModule.onePerLine .person.group:not(.hasThumb):before,
  .tabContent .modulePosition .peopleModule.onePerLine .person.group:not(.hasThumb):before,
  .modulePosition.size8 .peopleModule.onePerLine .person.group:not(.hasThumb):before,
  #content1 .peopleModule.onePerLine .person.group:not(.hasThumb):before {
    width: calc(315px - 35px);
    height: 100%;
  }
}
@media (min-width: 501px) and (max-width: 600px) {
  .duoColumn .largeColumn .peopleModule.twoPerLine .person.group,
  .tabContent .modulePosition .peopleModule.twoPerLine .person.group,
  .modulePosition.size8 .peopleModule.twoPerLine .person.group,
  #content1 .peopleModule.twoPerLine .person.group {
    grid-template-columns: 1fr;
    grid-template-rows: 1fr repeat(4, min-content) 1fr;
    grid-template-areas: "." "name" "role" "phone" "mail" ".";
    padding-left: 180px;
    padding-right: 80px;
    max-width: 800px;
    min-height: 170px;
    margin-left: 0;
    width: 100%;
  }
  .duoColumn .largeColumn .peopleModule.twoPerLine .person.group:has(.personSocialMedia) .personSocialMedia,
  .tabContent .modulePosition .peopleModule.twoPerLine .person.group:has(.personSocialMedia) .personSocialMedia,
  .modulePosition.size8 .peopleModule.twoPerLine .person.group:has(.personSocialMedia) .personSocialMedia,
  #content1 .peopleModule.twoPerLine .person.group:has(.personSocialMedia) .personSocialMedia {
    top: 0;
    right: 0;
    flex-direction: column;
    justify-content: center;
    width: 70px;
    height: 100%;
  }
  .duoColumn .largeColumn .peopleModule.twoPerLine .person.group .thumb,
  .tabContent .modulePosition .peopleModule.twoPerLine .person.group .thumb,
  .modulePosition.size8 .peopleModule.twoPerLine .person.group .thumb,
  #content1 .peopleModule.twoPerLine .person.group .thumb,
  .duoColumn .largeColumn .peopleModule.twoPerLine .person.group:not(.hasThumb):before,
  .tabContent .modulePosition .peopleModule.twoPerLine .person.group:not(.hasThumb):before,
  .modulePosition.size8 .peopleModule.twoPerLine .person.group:not(.hasThumb):before,
  #content1 .peopleModule.twoPerLine .person.group:not(.hasThumb):before {
    width: calc(180px - 35px);
    height: 100%;
  }
}
@media (min-width: 601px) and (max-width: 1000px) {
  .duoColumn .largeColumn .peopleModule.twoPerLine .person.group,
  .tabContent .modulePosition .peopleModule.twoPerLine .person.group,
  .modulePosition.size8 .peopleModule.twoPerLine .person.group,
  #content1 .peopleModule.twoPerLine .person.group {
    grid-template-columns: 1fr;
    grid-auto-rows: min-content;
    grid-template-areas: "name" "role" "phone" "mail";
    padding-top: 200px;
    padding-bottom: 75px;
    max-width: 340px;
  }
  .duoColumn .largeColumn .peopleModule.twoPerLine .person.group:has(.personSocialMedia) .personSocialMedia,
  .tabContent .modulePosition .peopleModule.twoPerLine .person.group:has(.personSocialMedia) .personSocialMedia,
  .modulePosition.size8 .peopleModule.twoPerLine .person.group:has(.personSocialMedia) .personSocialMedia,
  #content1 .peopleModule.twoPerLine .person.group:has(.personSocialMedia) .personSocialMedia {
    bottom: 0;
    left: 0;
    padding-left: 135px;
    justify-content: start;
    padding-inline: 22px;
    width: 100%;
    height: 75px;
  }
  .duoColumn .largeColumn .peopleModule.twoPerLine .person.group .thumb,
  .tabContent .modulePosition .peopleModule.twoPerLine .person.group .thumb,
  .modulePosition.size8 .peopleModule.twoPerLine .person.group .thumb,
  #content1 .peopleModule.twoPerLine .person.group .thumb,
  .duoColumn .largeColumn .peopleModule.twoPerLine .person.group:not(.hasThumb):before,
  .tabContent .modulePosition .peopleModule.twoPerLine .person.group:not(.hasThumb):before,
  .modulePosition.size8 .peopleModule.twoPerLine .person.group:not(.hasThumb):before,
  #content1 .peopleModule.twoPerLine .person.group:not(.hasThumb):before {
    width: 100%;
    height: 170px;
  }
}
@media (min-width: 1001px) and (max-width: 1340px) {
  .duoColumn .largeColumn .peopleModule.twoPerLine .person.group,
  .tabContent .modulePosition .peopleModule.twoPerLine .person.group,
  .modulePosition.size8 .peopleModule.twoPerLine .person.group,
  #content1 .peopleModule.twoPerLine .person.group {
    grid-template-columns: 1fr;
    grid-template-rows: 1fr repeat(4, min-content) 1fr;
    grid-template-areas: "." "name" "role" "phone" "mail" ".";
    padding-left: 180px;
    padding-right: 80px;
    max-width: 800px;
    min-height: 170px;
  }
  .duoColumn .largeColumn .peopleModule.twoPerLine .person.group:has(.personSocialMedia) .personSocialMedia,
  .tabContent .modulePosition .peopleModule.twoPerLine .person.group:has(.personSocialMedia) .personSocialMedia,
  .modulePosition.size8 .peopleModule.twoPerLine .person.group:has(.personSocialMedia) .personSocialMedia,
  #content1 .peopleModule.twoPerLine .person.group:has(.personSocialMedia) .personSocialMedia {
    top: 0;
    right: 0;
    flex-direction: column;
    justify-content: center;
    width: 70px;
    height: 100%;
  }
  .duoColumn .largeColumn .peopleModule.twoPerLine .person.group .thumb,
  .tabContent .modulePosition .peopleModule.twoPerLine .person.group .thumb,
  .modulePosition.size8 .peopleModule.twoPerLine .person.group .thumb,
  #content1 .peopleModule.twoPerLine .person.group .thumb,
  .duoColumn .largeColumn .peopleModule.twoPerLine .person.group:not(.hasThumb):before,
  .tabContent .modulePosition .peopleModule.twoPerLine .person.group:not(.hasThumb):before,
  .modulePosition.size8 .peopleModule.twoPerLine .person.group:not(.hasThumb):before,
  #content1 .peopleModule.twoPerLine .person.group:not(.hasThumb):before {
    width: calc(180px - 35px);
    height: 100%;
  }
}
@media (min-width: 1341px) {
  .duoColumn .largeColumn .peopleModule.twoPerLine .person.group,
  .tabContent .modulePosition .peopleModule.twoPerLine .person.group,
  .modulePosition.size8 .peopleModule.twoPerLine .person.group,
  #content1 .peopleModule.twoPerLine .person.group {
    grid-template-columns: 1fr;
    grid-template-rows: 1fr repeat(4, min-content) 1fr;
    grid-template-areas: "." "name" "role" "phone" "mail" ".";
    padding-left: 180px;
    padding-right: 80px;
    max-width: 800px;
    min-height: 170px;
  }
  .duoColumn .largeColumn .peopleModule.twoPerLine .person.group:has(.personSocialMedia) .personSocialMedia,
  .tabContent .modulePosition .peopleModule.twoPerLine .person.group:has(.personSocialMedia) .personSocialMedia,
  .modulePosition.size8 .peopleModule.twoPerLine .person.group:has(.personSocialMedia) .personSocialMedia,
  #content1 .peopleModule.twoPerLine .person.group:has(.personSocialMedia) .personSocialMedia {
    top: 0;
    right: 0;
    flex-direction: column;
    justify-content: center;
    width: 70px;
    height: 100%;
  }
  .duoColumn .largeColumn .peopleModule.twoPerLine .person.group .thumb,
  .tabContent .modulePosition .peopleModule.twoPerLine .person.group .thumb,
  .modulePosition.size8 .peopleModule.twoPerLine .person.group .thumb,
  #content1 .peopleModule.twoPerLine .person.group .thumb,
  .duoColumn .largeColumn .peopleModule.twoPerLine .person.group:not(.hasThumb):before,
  .tabContent .modulePosition .peopleModule.twoPerLine .person.group:not(.hasThumb):before,
  .modulePosition.size8 .peopleModule.twoPerLine .person.group:not(.hasThumb):before,
  #content1 .peopleModule.twoPerLine .person.group:not(.hasThumb):before {
    width: calc(180px - 35px);
    height: 100%;
  }
}
.duoColumn .largeColumn .peopleModule.grid .person.group,
.tabContent .modulePosition .peopleModule.grid .person.group,
.modulePosition.size8 .peopleModule.grid .person.group,
#content1 .peopleModule.grid .person.group {
  grid-template-columns: 1fr;
  grid-auto-rows: min-content;
  grid-template-areas: "name" "role" "phone" "mail";
  padding-top: 200px;
  padding-bottom: 75px;
  max-width: 340px;
}
.duoColumn .largeColumn .peopleModule.grid .person.group:has(.personSocialMedia) .personSocialMedia,
.tabContent .modulePosition .peopleModule.grid .person.group:has(.personSocialMedia) .personSocialMedia,
.modulePosition.size8 .peopleModule.grid .person.group:has(.personSocialMedia) .personSocialMedia,
#content1 .peopleModule.grid .person.group:has(.personSocialMedia) .personSocialMedia {
  bottom: 0;
  left: 0;
  padding-left: 135px;
  justify-content: start;
  padding-inline: 22px;
  width: 100%;
  height: 75px;
}
.duoColumn .largeColumn .peopleModule.grid .person.group .thumb,
.tabContent .modulePosition .peopleModule.grid .person.group .thumb,
.modulePosition.size8 .peopleModule.grid .person.group .thumb,
#content1 .peopleModule.grid .person.group .thumb,
.duoColumn .largeColumn .peopleModule.grid .person.group:not(.hasThumb):before,
.tabContent .modulePosition .peopleModule.grid .person.group:not(.hasThumb):before,
.modulePosition.size8 .peopleModule.grid .person.group:not(.hasThumb):before,
#content1 .peopleModule.grid .person.group:not(.hasThumb):before {
  width: 100%;
  height: 170px;
}
@media (min-width: 501px) and (max-width: 600px) {
  .duoColumn .largeColumn .peopleModule.grid .person.group,
  .tabContent .modulePosition .peopleModule.grid .person.group,
  .modulePosition.size8 .peopleModule.grid .person.group,
  #content1 .peopleModule.grid .person.group {
    width: 100%;
    margin-inline: auto;
  }
}
@media (min-width: 601px) and (max-width: 800px) {
  .duoColumn .largeColumn .peopleModule.grid .person.group,
  .tabContent .modulePosition .peopleModule.grid .person.group,
  .modulePosition.size8 .peopleModule.grid .person.group,
  #content1 .peopleModule.grid .person.group {
    flex-basis: 46%;
  }
}
@media (min-width: 801px) and (max-width: 1340px) {
  .duoColumn .largeColumn .peopleModule.grid .person.group,
  .tabContent .modulePosition .peopleModule.grid .person.group,
  .modulePosition.size8 .peopleModule.grid .person.group,
  #content1 .peopleModule.grid .person.group {
    width: calc((100% - 30px) / 3) !important;
    min-width: unset;
  }
}
@media (min-width: 1341px) {
  .duoColumn .largeColumn .peopleModule.grid .person.group,
  .tabContent .modulePosition .peopleModule.grid .person.group,
  .modulePosition.size8 .peopleModule.grid .person.group,
  #content1 .peopleModule.grid .person.group {
    width: calc((100% - 45px) / 3) !important;
  }
}
@media (min-width: 501px) and (max-width: 800px) {
  .rowSection.twoModule .peopleModule.onePerLine .person.group,
  .halfColumn .peopleModule.onePerLine .person.group,
  .wideCell .peopleModule.onePerLine .person.group,
  .wideTallCell .peopleModule.onePerLine .person.group,
  .modulePosition.size6 .peopleModule.onePerLine .person.group {
    grid-template-columns: 1fr;
    grid-template-rows: 1fr repeat(4, min-content) 1fr;
    grid-template-areas: "." "name" "role" "phone" "mail" ".";
    padding-left: 180px;
    padding-right: 80px;
    max-width: 800px;
    min-height: 170px;
  }
  .rowSection.twoModule .peopleModule.onePerLine .person.group:has(.personSocialMedia) .personSocialMedia,
  .halfColumn .peopleModule.onePerLine .person.group:has(.personSocialMedia) .personSocialMedia,
  .wideCell .peopleModule.onePerLine .person.group:has(.personSocialMedia) .personSocialMedia,
  .wideTallCell .peopleModule.onePerLine .person.group:has(.personSocialMedia) .personSocialMedia,
  .modulePosition.size6 .peopleModule.onePerLine .person.group:has(.personSocialMedia) .personSocialMedia {
    top: 0;
    right: 0;
    flex-direction: column;
    justify-content: center;
    width: 70px;
    height: 100%;
  }
  .rowSection.twoModule .peopleModule.onePerLine .person.group .thumb,
  .halfColumn .peopleModule.onePerLine .person.group .thumb,
  .wideCell .peopleModule.onePerLine .person.group .thumb,
  .wideTallCell .peopleModule.onePerLine .person.group .thumb,
  .modulePosition.size6 .peopleModule.onePerLine .person.group .thumb,
  .rowSection.twoModule .peopleModule.onePerLine .person.group:not(.hasThumb):before,
  .halfColumn .peopleModule.onePerLine .person.group:not(.hasThumb):before,
  .wideCell .peopleModule.onePerLine .person.group:not(.hasThumb):before,
  .wideTallCell .peopleModule.onePerLine .person.group:not(.hasThumb):before,
  .modulePosition.size6 .peopleModule.onePerLine .person.group:not(.hasThumb):before {
    width: calc(180px - 35px);
    height: 100%;
  }
}
@media (min-width: 801px) {
  .rowSection.twoModule .peopleModule.onePerLine .person.group,
  .halfColumn .peopleModule.onePerLine .person.group,
  .wideCell .peopleModule.onePerLine .person.group,
  .wideTallCell .peopleModule.onePerLine .person.group,
  .modulePosition.size6 .peopleModule.onePerLine .person.group {
    grid-template-columns: 1fr;
    grid-template-rows: 1fr repeat(4, min-content) 1fr;
    grid-template-areas: "." "name" "role" "phone" "mail" ".";
    padding-left: 315px;
    padding-right: 80px;
    max-width: 800px;
    min-height: 170px;
  }
  .rowSection.twoModule .peopleModule.onePerLine .person.group:has(.personSocialMedia) .personSocialMedia,
  .halfColumn .peopleModule.onePerLine .person.group:has(.personSocialMedia) .personSocialMedia,
  .wideCell .peopleModule.onePerLine .person.group:has(.personSocialMedia) .personSocialMedia,
  .wideTallCell .peopleModule.onePerLine .person.group:has(.personSocialMedia) .personSocialMedia,
  .modulePosition.size6 .peopleModule.onePerLine .person.group:has(.personSocialMedia) .personSocialMedia {
    top: 0;
    right: 0;
    flex-direction: column;
    justify-content: center;
    width: 70px;
    height: 100%;
  }
  .rowSection.twoModule .peopleModule.onePerLine .person.group .thumb,
  .halfColumn .peopleModule.onePerLine .person.group .thumb,
  .wideCell .peopleModule.onePerLine .person.group .thumb,
  .wideTallCell .peopleModule.onePerLine .person.group .thumb,
  .modulePosition.size6 .peopleModule.onePerLine .person.group .thumb,
  .rowSection.twoModule .peopleModule.onePerLine .person.group:not(.hasThumb):before,
  .halfColumn .peopleModule.onePerLine .person.group:not(.hasThumb):before,
  .wideCell .peopleModule.onePerLine .person.group:not(.hasThumb):before,
  .wideTallCell .peopleModule.onePerLine .person.group:not(.hasThumb):before,
  .modulePosition.size6 .peopleModule.onePerLine .person.group:not(.hasThumb):before {
    width: calc(315px - 35px);
    height: 100%;
  }
}
@media (min-width: 501px) and (max-width: 600px) {
  .rowSection.twoModule .peopleModule.twoPerLine .person.group,
  .halfColumn .peopleModule.twoPerLine .person.group,
  .wideCell .peopleModule.twoPerLine .person.group,
  .wideTallCell .peopleModule.twoPerLine .person.group,
  .modulePosition.size6 .peopleModule.twoPerLine .person.group {
    grid-template-columns: 1fr;
    grid-template-rows: 1fr repeat(4, min-content) 1fr;
    grid-template-areas: "." "name" "role" "phone" "mail" ".";
    padding-left: 180px;
    padding-right: 80px;
    max-width: 800px;
    min-height: 170px;
    margin-left: 0;
    width: 100%;
  }
  .rowSection.twoModule .peopleModule.twoPerLine .person.group:has(.personSocialMedia) .personSocialMedia,
  .halfColumn .peopleModule.twoPerLine .person.group:has(.personSocialMedia) .personSocialMedia,
  .wideCell .peopleModule.twoPerLine .person.group:has(.personSocialMedia) .personSocialMedia,
  .wideTallCell .peopleModule.twoPerLine .person.group:has(.personSocialMedia) .personSocialMedia,
  .modulePosition.size6 .peopleModule.twoPerLine .person.group:has(.personSocialMedia) .personSocialMedia {
    top: 0;
    right: 0;
    flex-direction: column;
    justify-content: center;
    width: 70px;
    height: 100%;
  }
  .rowSection.twoModule .peopleModule.twoPerLine .person.group .thumb,
  .halfColumn .peopleModule.twoPerLine .person.group .thumb,
  .wideCell .peopleModule.twoPerLine .person.group .thumb,
  .wideTallCell .peopleModule.twoPerLine .person.group .thumb,
  .modulePosition.size6 .peopleModule.twoPerLine .person.group .thumb,
  .rowSection.twoModule .peopleModule.twoPerLine .person.group:not(.hasThumb):before,
  .halfColumn .peopleModule.twoPerLine .person.group:not(.hasThumb):before,
  .wideCell .peopleModule.twoPerLine .person.group:not(.hasThumb):before,
  .wideTallCell .peopleModule.twoPerLine .person.group:not(.hasThumb):before,
  .modulePosition.size6 .peopleModule.twoPerLine .person.group:not(.hasThumb):before {
    width: calc(180px - 35px);
    height: 100%;
  }
}
@media (min-width: 601px) and (max-width: 1000px) {
  .rowSection.twoModule .peopleModule.twoPerLine .person.group,
  .halfColumn .peopleModule.twoPerLine .person.group,
  .wideCell .peopleModule.twoPerLine .person.group,
  .wideTallCell .peopleModule.twoPerLine .person.group,
  .modulePosition.size6 .peopleModule.twoPerLine .person.group {
    grid-template-columns: 1fr;
    grid-auto-rows: min-content;
    grid-template-areas: "name" "role" "phone" "mail";
    padding-top: 200px;
    padding-bottom: 75px;
    max-width: 340px;
  }
  .rowSection.twoModule .peopleModule.twoPerLine .person.group:has(.personSocialMedia) .personSocialMedia,
  .halfColumn .peopleModule.twoPerLine .person.group:has(.personSocialMedia) .personSocialMedia,
  .wideCell .peopleModule.twoPerLine .person.group:has(.personSocialMedia) .personSocialMedia,
  .wideTallCell .peopleModule.twoPerLine .person.group:has(.personSocialMedia) .personSocialMedia,
  .modulePosition.size6 .peopleModule.twoPerLine .person.group:has(.personSocialMedia) .personSocialMedia {
    bottom: 0;
    left: 0;
    padding-left: 135px;
    justify-content: start;
    padding-inline: 22px;
    width: 100%;
    height: 75px;
  }
  .rowSection.twoModule .peopleModule.twoPerLine .person.group .thumb,
  .halfColumn .peopleModule.twoPerLine .person.group .thumb,
  .wideCell .peopleModule.twoPerLine .person.group .thumb,
  .wideTallCell .peopleModule.twoPerLine .person.group .thumb,
  .modulePosition.size6 .peopleModule.twoPerLine .person.group .thumb,
  .rowSection.twoModule .peopleModule.twoPerLine .person.group:not(.hasThumb):before,
  .halfColumn .peopleModule.twoPerLine .person.group:not(.hasThumb):before,
  .wideCell .peopleModule.twoPerLine .person.group:not(.hasThumb):before,
  .wideTallCell .peopleModule.twoPerLine .person.group:not(.hasThumb):before,
  .modulePosition.size6 .peopleModule.twoPerLine .person.group:not(.hasThumb):before {
    width: 100%;
    height: 170px;
  }
}
@media (min-width: 1001px) and (max-width: 1220px) {
  .rowSection.twoModule .peopleModule.twoPerLine .person.group,
  .halfColumn .peopleModule.twoPerLine .person.group,
  .wideCell .peopleModule.twoPerLine .person.group,
  .wideTallCell .peopleModule.twoPerLine .person.group,
  .modulePosition.size6 .peopleModule.twoPerLine .person.group {
    grid-template-columns: 1fr;
    grid-template-rows: 1fr repeat(4, min-content) 1fr;
    grid-template-areas: "." "name" "role" "phone" "mail" ".";
    padding-left: 180px;
    padding-right: 80px;
    max-width: 800px;
    min-height: 170px;
  }
  .rowSection.twoModule .peopleModule.twoPerLine .person.group:has(.personSocialMedia) .personSocialMedia,
  .halfColumn .peopleModule.twoPerLine .person.group:has(.personSocialMedia) .personSocialMedia,
  .wideCell .peopleModule.twoPerLine .person.group:has(.personSocialMedia) .personSocialMedia,
  .wideTallCell .peopleModule.twoPerLine .person.group:has(.personSocialMedia) .personSocialMedia,
  .modulePosition.size6 .peopleModule.twoPerLine .person.group:has(.personSocialMedia) .personSocialMedia {
    top: 0;
    right: 0;
    flex-direction: column;
    justify-content: center;
    width: 70px;
    height: 100%;
  }
  .rowSection.twoModule .peopleModule.twoPerLine .person.group .thumb,
  .halfColumn .peopleModule.twoPerLine .person.group .thumb,
  .wideCell .peopleModule.twoPerLine .person.group .thumb,
  .wideTallCell .peopleModule.twoPerLine .person.group .thumb,
  .modulePosition.size6 .peopleModule.twoPerLine .person.group .thumb,
  .rowSection.twoModule .peopleModule.twoPerLine .person.group:not(.hasThumb):before,
  .halfColumn .peopleModule.twoPerLine .person.group:not(.hasThumb):before,
  .wideCell .peopleModule.twoPerLine .person.group:not(.hasThumb):before,
  .wideTallCell .peopleModule.twoPerLine .person.group:not(.hasThumb):before,
  .modulePosition.size6 .peopleModule.twoPerLine .person.group:not(.hasThumb):before {
    width: calc(180px - 35px);
    height: 100%;
  }
}
@media (min-width: 1221px) {
  .rowSection.twoModule .peopleModule.twoPerLine .person.group,
  .halfColumn .peopleModule.twoPerLine .person.group,
  .wideCell .peopleModule.twoPerLine .person.group,
  .wideTallCell .peopleModule.twoPerLine .person.group,
  .modulePosition.size6 .peopleModule.twoPerLine .person.group {
    grid-template-columns: 1fr;
    grid-auto-rows: min-content;
    grid-template-areas: "name" "role" "phone" "mail";
    padding-top: 200px;
    padding-bottom: 75px;
    max-width: 340px;
  }
  .rowSection.twoModule .peopleModule.twoPerLine .person.group:has(.personSocialMedia) .personSocialMedia,
  .halfColumn .peopleModule.twoPerLine .person.group:has(.personSocialMedia) .personSocialMedia,
  .wideCell .peopleModule.twoPerLine .person.group:has(.personSocialMedia) .personSocialMedia,
  .wideTallCell .peopleModule.twoPerLine .person.group:has(.personSocialMedia) .personSocialMedia,
  .modulePosition.size6 .peopleModule.twoPerLine .person.group:has(.personSocialMedia) .personSocialMedia {
    bottom: 0;
    left: 0;
    padding-left: 135px;
    justify-content: start;
    padding-inline: 22px;
    width: 100%;
    height: 75px;
  }
  .rowSection.twoModule .peopleModule.twoPerLine .person.group .thumb,
  .halfColumn .peopleModule.twoPerLine .person.group .thumb,
  .wideCell .peopleModule.twoPerLine .person.group .thumb,
  .wideTallCell .peopleModule.twoPerLine .person.group .thumb,
  .modulePosition.size6 .peopleModule.twoPerLine .person.group .thumb,
  .rowSection.twoModule .peopleModule.twoPerLine .person.group:not(.hasThumb):before,
  .halfColumn .peopleModule.twoPerLine .person.group:not(.hasThumb):before,
  .wideCell .peopleModule.twoPerLine .person.group:not(.hasThumb):before,
  .wideTallCell .peopleModule.twoPerLine .person.group:not(.hasThumb):before,
  .modulePosition.size6 .peopleModule.twoPerLine .person.group:not(.hasThumb):before {
    width: 100%;
    height: 170px;
  }
}
.rowSection.twoModule .peopleModule.grid .person.group,
.halfColumn .peopleModule.grid .person.group,
.wideCell .peopleModule.grid .person.group,
.wideTallCell .peopleModule.grid .person.group,
.modulePosition.size6 .peopleModule.grid .person.group {
  grid-template-columns: 1fr;
  grid-auto-rows: min-content;
  grid-template-areas: "name" "role" "phone" "mail";
  padding-top: 200px;
  padding-bottom: 75px;
  max-width: 340px;
}
.rowSection.twoModule .peopleModule.grid .person.group:has(.personSocialMedia) .personSocialMedia,
.halfColumn .peopleModule.grid .person.group:has(.personSocialMedia) .personSocialMedia,
.wideCell .peopleModule.grid .person.group:has(.personSocialMedia) .personSocialMedia,
.wideTallCell .peopleModule.grid .person.group:has(.personSocialMedia) .personSocialMedia,
.modulePosition.size6 .peopleModule.grid .person.group:has(.personSocialMedia) .personSocialMedia {
  bottom: 0;
  left: 0;
  padding-left: 135px;
  justify-content: start;
  padding-inline: 22px;
  width: 100%;
  height: 75px;
}
.rowSection.twoModule .peopleModule.grid .person.group .thumb,
.halfColumn .peopleModule.grid .person.group .thumb,
.wideCell .peopleModule.grid .person.group .thumb,
.wideTallCell .peopleModule.grid .person.group .thumb,
.modulePosition.size6 .peopleModule.grid .person.group .thumb,
.rowSection.twoModule .peopleModule.grid .person.group:not(.hasThumb):before,
.halfColumn .peopleModule.grid .person.group:not(.hasThumb):before,
.wideCell .peopleModule.grid .person.group:not(.hasThumb):before,
.wideTallCell .peopleModule.grid .person.group:not(.hasThumb):before,
.modulePosition.size6 .peopleModule.grid .person.group:not(.hasThumb):before {
  width: 100%;
  height: 170px;
}
@media (min-width: 501px) and (max-width: 600px) {
  .rowSection.twoModule .peopleModule.grid .person.group,
  .halfColumn .peopleModule.grid .person.group,
  .wideCell .peopleModule.grid .person.group,
  .wideTallCell .peopleModule.grid .person.group,
  .modulePosition.size6 .peopleModule.grid .person.group {
    width: 100%;
    margin-inline: auto;
  }
}
@media (min-width: 601px) and (max-width: 800px) {
  .rowSection.twoModule .peopleModule.grid .person.group,
  .halfColumn .peopleModule.grid .person.group,
  .wideCell .peopleModule.grid .person.group,
  .wideTallCell .peopleModule.grid .person.group,
  .modulePosition.size6 .peopleModule.grid .person.group {
    flex-basis: 46%;
  }
}
@media (min-width: 801px) and (max-width: 1220px) {
  .rowSection.twoModule .peopleModule.grid .person.group,
  .halfColumn .peopleModule.grid .person.group,
  .wideCell .peopleModule.grid .person.group,
  .wideTallCell .peopleModule.grid .person.group,
  .modulePosition.size6 .peopleModule.grid .person.group {
    width: calc((100% - 30px) / 3) !important;
    min-width: unset;
  }
}
@media (min-width: 1221px) {
  .rowSection.twoModule .peopleModule.grid .person.group,
  .halfColumn .peopleModule.grid .person.group,
  .wideCell .peopleModule.grid .person.group,
  .wideTallCell .peopleModule.grid .person.group,
  .modulePosition.size6 .peopleModule.grid .person.group {
    width: calc((100% - 45px) / 2) !important;
  }
}
@media (min-width: 501px) and (max-width: 1220px) {
  #content2 .peopleModule.onePerLine .person.group,
  .smallColumn .peopleModule.onePerLine .person.group,
  .rowSection.threeModule .modulePosition:not(.titlePosition) .peopleModule.onePerLine .person.group,
  .columnSection.trioColumn .modulePosition:not(.titlePosition) .peopleModule.onePerLine .person.group,
  .modulePosition.size4 .peopleModule.onePerLine .person.group {
    grid-template-columns: 1fr;
    grid-template-rows: 1fr repeat(4, min-content) 1fr;
    grid-template-areas: "." "name" "role" "phone" "mail" ".";
    padding-left: 180px;
    padding-right: 80px;
    max-width: 800px;
    min-height: 170px;
  }
  #content2 .peopleModule.onePerLine .person.group:has(.personSocialMedia) .personSocialMedia,
  .smallColumn .peopleModule.onePerLine .person.group:has(.personSocialMedia) .personSocialMedia,
  .rowSection.threeModule .modulePosition:not(.titlePosition) .peopleModule.onePerLine .person.group:has(.personSocialMedia) .personSocialMedia,
  .columnSection.trioColumn .modulePosition:not(.titlePosition) .peopleModule.onePerLine .person.group:has(.personSocialMedia) .personSocialMedia,
  .modulePosition.size4 .peopleModule.onePerLine .person.group:has(.personSocialMedia) .personSocialMedia {
    top: 0;
    right: 0;
    flex-direction: column;
    justify-content: center;
    width: 70px;
    height: 100%;
  }
  #content2 .peopleModule.onePerLine .person.group .thumb,
  .smallColumn .peopleModule.onePerLine .person.group .thumb,
  .rowSection.threeModule .modulePosition:not(.titlePosition) .peopleModule.onePerLine .person.group .thumb,
  .columnSection.trioColumn .modulePosition:not(.titlePosition) .peopleModule.onePerLine .person.group .thumb,
  .modulePosition.size4 .peopleModule.onePerLine .person.group .thumb,
  #content2 .peopleModule.onePerLine .person.group:not(.hasThumb):before,
  .smallColumn .peopleModule.onePerLine .person.group:not(.hasThumb):before,
  .rowSection.threeModule .modulePosition:not(.titlePosition) .peopleModule.onePerLine .person.group:not(.hasThumb):before,
  .columnSection.trioColumn .modulePosition:not(.titlePosition) .peopleModule.onePerLine .person.group:not(.hasThumb):before,
  .modulePosition.size4 .peopleModule.onePerLine .person.group:not(.hasThumb):before {
    width: calc(180px - 35px);
    height: 100%;
  }
}
@media (min-width: 1221px) and (max-width: 1440px) {
  #content2 .peopleModule.onePerLine .person.group,
  .smallColumn .peopleModule.onePerLine .person.group,
  .rowSection.threeModule .modulePosition:not(.titlePosition) .peopleModule.onePerLine .person.group,
  .columnSection.trioColumn .modulePosition:not(.titlePosition) .peopleModule.onePerLine .person.group,
  .modulePosition.size4 .peopleModule.onePerLine .person.group {
    grid-template-columns: 1fr;
    grid-auto-rows: min-content;
    grid-template-areas: "name" "role" "phone" "mail";
    padding-top: 200px;
    padding-bottom: 75px;
    max-width: 340px;
  }
  #content2 .peopleModule.onePerLine .person.group:has(.personSocialMedia) .personSocialMedia,
  .smallColumn .peopleModule.onePerLine .person.group:has(.personSocialMedia) .personSocialMedia,
  .rowSection.threeModule .modulePosition:not(.titlePosition) .peopleModule.onePerLine .person.group:has(.personSocialMedia) .personSocialMedia,
  .columnSection.trioColumn .modulePosition:not(.titlePosition) .peopleModule.onePerLine .person.group:has(.personSocialMedia) .personSocialMedia,
  .modulePosition.size4 .peopleModule.onePerLine .person.group:has(.personSocialMedia) .personSocialMedia {
    bottom: 0;
    left: 0;
    padding-left: 135px;
    justify-content: start;
    padding-inline: 22px;
    width: 100%;
    height: 75px;
  }
  #content2 .peopleModule.onePerLine .person.group .thumb,
  .smallColumn .peopleModule.onePerLine .person.group .thumb,
  .rowSection.threeModule .modulePosition:not(.titlePosition) .peopleModule.onePerLine .person.group .thumb,
  .columnSection.trioColumn .modulePosition:not(.titlePosition) .peopleModule.onePerLine .person.group .thumb,
  .modulePosition.size4 .peopleModule.onePerLine .person.group .thumb,
  #content2 .peopleModule.onePerLine .person.group:not(.hasThumb):before,
  .smallColumn .peopleModule.onePerLine .person.group:not(.hasThumb):before,
  .rowSection.threeModule .modulePosition:not(.titlePosition) .peopleModule.onePerLine .person.group:not(.hasThumb):before,
  .columnSection.trioColumn .modulePosition:not(.titlePosition) .peopleModule.onePerLine .person.group:not(.hasThumb):before,
  .modulePosition.size4 .peopleModule.onePerLine .person.group:not(.hasThumb):before {
    width: 100%;
    height: 170px;
  }
}
@media (min-width: 1441px) {
  #content2 .peopleModule.onePerLine .person.group,
  .smallColumn .peopleModule.onePerLine .person.group,
  .rowSection.threeModule .modulePosition:not(.titlePosition) .peopleModule.onePerLine .person.group,
  .columnSection.trioColumn .modulePosition:not(.titlePosition) .peopleModule.onePerLine .person.group,
  .modulePosition.size4 .peopleModule.onePerLine .person.group {
    grid-template-columns: 1fr;
    grid-template-rows: 1fr repeat(4, min-content) 1fr;
    grid-template-areas: "." "name" "role" "phone" "mail" ".";
    padding-left: 180px;
    padding-right: 80px;
    max-width: 800px;
    min-height: 170px;
  }
  #content2 .peopleModule.onePerLine .person.group:has(.personSocialMedia) .personSocialMedia,
  .smallColumn .peopleModule.onePerLine .person.group:has(.personSocialMedia) .personSocialMedia,
  .rowSection.threeModule .modulePosition:not(.titlePosition) .peopleModule.onePerLine .person.group:has(.personSocialMedia) .personSocialMedia,
  .columnSection.trioColumn .modulePosition:not(.titlePosition) .peopleModule.onePerLine .person.group:has(.personSocialMedia) .personSocialMedia,
  .modulePosition.size4 .peopleModule.onePerLine .person.group:has(.personSocialMedia) .personSocialMedia {
    top: 0;
    right: 0;
    flex-direction: column;
    justify-content: center;
    width: 70px;
    height: 100%;
  }
  #content2 .peopleModule.onePerLine .person.group .thumb,
  .smallColumn .peopleModule.onePerLine .person.group .thumb,
  .rowSection.threeModule .modulePosition:not(.titlePosition) .peopleModule.onePerLine .person.group .thumb,
  .columnSection.trioColumn .modulePosition:not(.titlePosition) .peopleModule.onePerLine .person.group .thumb,
  .modulePosition.size4 .peopleModule.onePerLine .person.group .thumb,
  #content2 .peopleModule.onePerLine .person.group:not(.hasThumb):before,
  .smallColumn .peopleModule.onePerLine .person.group:not(.hasThumb):before,
  .rowSection.threeModule .modulePosition:not(.titlePosition) .peopleModule.onePerLine .person.group:not(.hasThumb):before,
  .columnSection.trioColumn .modulePosition:not(.titlePosition) .peopleModule.onePerLine .person.group:not(.hasThumb):before,
  .modulePosition.size4 .peopleModule.onePerLine .person.group:not(.hasThumb):before {
    width: calc(180px - 35px);
    height: 100%;
  }
}
@media (min-width: 501px) and (max-width: 600px) {
  #content2 .peopleModule.twoPerLine .person.group,
  .smallColumn .peopleModule.twoPerLine .person.group,
  .rowSection.threeModule .modulePosition:not(.titlePosition) .peopleModule.twoPerLine .person.group,
  .columnSection.trioColumn .modulePosition:not(.titlePosition) .peopleModule.twoPerLine .person.group,
  .modulePosition.size4 .peopleModule.twoPerLine .person.group {
    grid-template-columns: 1fr;
    grid-template-rows: 1fr repeat(4, min-content) 1fr;
    grid-template-areas: "." "name" "role" "phone" "mail" ".";
    padding-left: 180px;
    padding-right: 80px;
    max-width: 800px;
    min-height: 170px;
    margin-left: 0;
    width: 100%;
  }
  #content2 .peopleModule.twoPerLine .person.group:has(.personSocialMedia) .personSocialMedia,
  .smallColumn .peopleModule.twoPerLine .person.group:has(.personSocialMedia) .personSocialMedia,
  .rowSection.threeModule .modulePosition:not(.titlePosition) .peopleModule.twoPerLine .person.group:has(.personSocialMedia) .personSocialMedia,
  .columnSection.trioColumn .modulePosition:not(.titlePosition) .peopleModule.twoPerLine .person.group:has(.personSocialMedia) .personSocialMedia,
  .modulePosition.size4 .peopleModule.twoPerLine .person.group:has(.personSocialMedia) .personSocialMedia {
    top: 0;
    right: 0;
    flex-direction: column;
    justify-content: center;
    width: 70px;
    height: 100%;
  }
  #content2 .peopleModule.twoPerLine .person.group .thumb,
  .smallColumn .peopleModule.twoPerLine .person.group .thumb,
  .rowSection.threeModule .modulePosition:not(.titlePosition) .peopleModule.twoPerLine .person.group .thumb,
  .columnSection.trioColumn .modulePosition:not(.titlePosition) .peopleModule.twoPerLine .person.group .thumb,
  .modulePosition.size4 .peopleModule.twoPerLine .person.group .thumb,
  #content2 .peopleModule.twoPerLine .person.group:not(.hasThumb):before,
  .smallColumn .peopleModule.twoPerLine .person.group:not(.hasThumb):before,
  .rowSection.threeModule .modulePosition:not(.titlePosition) .peopleModule.twoPerLine .person.group:not(.hasThumb):before,
  .columnSection.trioColumn .modulePosition:not(.titlePosition) .peopleModule.twoPerLine .person.group:not(.hasThumb):before,
  .modulePosition.size4 .peopleModule.twoPerLine .person.group:not(.hasThumb):before {
    width: calc(180px - 35px);
    height: 100%;
  }
}
@media (min-width: 601px) and (max-width: 1000px) {
  #content2 .peopleModule.twoPerLine .person.group,
  .smallColumn .peopleModule.twoPerLine .person.group,
  .rowSection.threeModule .modulePosition:not(.titlePosition) .peopleModule.twoPerLine .person.group,
  .columnSection.trioColumn .modulePosition:not(.titlePosition) .peopleModule.twoPerLine .person.group,
  .modulePosition.size4 .peopleModule.twoPerLine .person.group {
    grid-template-columns: 1fr;
    grid-auto-rows: min-content;
    grid-template-areas: "name" "role" "phone" "mail";
    padding-top: 200px;
    padding-bottom: 75px;
    max-width: 340px;
  }
  #content2 .peopleModule.twoPerLine .person.group:has(.personSocialMedia) .personSocialMedia,
  .smallColumn .peopleModule.twoPerLine .person.group:has(.personSocialMedia) .personSocialMedia,
  .rowSection.threeModule .modulePosition:not(.titlePosition) .peopleModule.twoPerLine .person.group:has(.personSocialMedia) .personSocialMedia,
  .columnSection.trioColumn .modulePosition:not(.titlePosition) .peopleModule.twoPerLine .person.group:has(.personSocialMedia) .personSocialMedia,
  .modulePosition.size4 .peopleModule.twoPerLine .person.group:has(.personSocialMedia) .personSocialMedia {
    bottom: 0;
    left: 0;
    padding-left: 135px;
    justify-content: start;
    padding-inline: 22px;
    width: 100%;
    height: 75px;
  }
  #content2 .peopleModule.twoPerLine .person.group .thumb,
  .smallColumn .peopleModule.twoPerLine .person.group .thumb,
  .rowSection.threeModule .modulePosition:not(.titlePosition) .peopleModule.twoPerLine .person.group .thumb,
  .columnSection.trioColumn .modulePosition:not(.titlePosition) .peopleModule.twoPerLine .person.group .thumb,
  .modulePosition.size4 .peopleModule.twoPerLine .person.group .thumb,
  #content2 .peopleModule.twoPerLine .person.group:not(.hasThumb):before,
  .smallColumn .peopleModule.twoPerLine .person.group:not(.hasThumb):before,
  .rowSection.threeModule .modulePosition:not(.titlePosition) .peopleModule.twoPerLine .person.group:not(.hasThumb):before,
  .columnSection.trioColumn .modulePosition:not(.titlePosition) .peopleModule.twoPerLine .person.group:not(.hasThumb):before,
  .modulePosition.size4 .peopleModule.twoPerLine .person.group:not(.hasThumb):before {
    width: 100%;
    height: 170px;
  }
}
@media (min-width: 1001px) and (max-width: 1220px) {
  #content2 .peopleModule.twoPerLine .person.group,
  .smallColumn .peopleModule.twoPerLine .person.group,
  .rowSection.threeModule .modulePosition:not(.titlePosition) .peopleModule.twoPerLine .person.group,
  .columnSection.trioColumn .modulePosition:not(.titlePosition) .peopleModule.twoPerLine .person.group,
  .modulePosition.size4 .peopleModule.twoPerLine .person.group {
    grid-template-columns: 1fr;
    grid-template-rows: 1fr repeat(4, min-content) 1fr;
    grid-template-areas: "." "name" "role" "phone" "mail" ".";
    padding-left: 180px;
    padding-right: 80px;
    max-width: 800px;
    min-height: 170px;
  }
  #content2 .peopleModule.twoPerLine .person.group:has(.personSocialMedia) .personSocialMedia,
  .smallColumn .peopleModule.twoPerLine .person.group:has(.personSocialMedia) .personSocialMedia,
  .rowSection.threeModule .modulePosition:not(.titlePosition) .peopleModule.twoPerLine .person.group:has(.personSocialMedia) .personSocialMedia,
  .columnSection.trioColumn .modulePosition:not(.titlePosition) .peopleModule.twoPerLine .person.group:has(.personSocialMedia) .personSocialMedia,
  .modulePosition.size4 .peopleModule.twoPerLine .person.group:has(.personSocialMedia) .personSocialMedia {
    top: 0;
    right: 0;
    flex-direction: column;
    justify-content: center;
    width: 70px;
    height: 100%;
  }
  #content2 .peopleModule.twoPerLine .person.group .thumb,
  .smallColumn .peopleModule.twoPerLine .person.group .thumb,
  .rowSection.threeModule .modulePosition:not(.titlePosition) .peopleModule.twoPerLine .person.group .thumb,
  .columnSection.trioColumn .modulePosition:not(.titlePosition) .peopleModule.twoPerLine .person.group .thumb,
  .modulePosition.size4 .peopleModule.twoPerLine .person.group .thumb,
  #content2 .peopleModule.twoPerLine .person.group:not(.hasThumb):before,
  .smallColumn .peopleModule.twoPerLine .person.group:not(.hasThumb):before,
  .rowSection.threeModule .modulePosition:not(.titlePosition) .peopleModule.twoPerLine .person.group:not(.hasThumb):before,
  .columnSection.trioColumn .modulePosition:not(.titlePosition) .peopleModule.twoPerLine .person.group:not(.hasThumb):before,
  .modulePosition.size4 .peopleModule.twoPerLine .person.group:not(.hasThumb):before {
    width: calc(180px - 35px);
    height: 100%;
  }
}
@media (min-width: 1221px) and (max-width: 1440px) {
  #content2 .peopleModule.twoPerLine .person.group,
  .smallColumn .peopleModule.twoPerLine .person.group,
  .rowSection.threeModule .modulePosition:not(.titlePosition) .peopleModule.twoPerLine .person.group,
  .columnSection.trioColumn .modulePosition:not(.titlePosition) .peopleModule.twoPerLine .person.group,
  .modulePosition.size4 .peopleModule.twoPerLine .person.group {
    grid-template-columns: 1fr;
    grid-auto-rows: min-content;
    grid-template-areas: "name" "role" "phone" "mail";
    padding-top: 200px;
    padding-bottom: 75px;
    max-width: 340px;
    width: 100%;
  }
  #content2 .peopleModule.twoPerLine .person.group:has(.personSocialMedia) .personSocialMedia,
  .smallColumn .peopleModule.twoPerLine .person.group:has(.personSocialMedia) .personSocialMedia,
  .rowSection.threeModule .modulePosition:not(.titlePosition) .peopleModule.twoPerLine .person.group:has(.personSocialMedia) .personSocialMedia,
  .columnSection.trioColumn .modulePosition:not(.titlePosition) .peopleModule.twoPerLine .person.group:has(.personSocialMedia) .personSocialMedia,
  .modulePosition.size4 .peopleModule.twoPerLine .person.group:has(.personSocialMedia) .personSocialMedia {
    bottom: 0;
    left: 0;
    padding-left: 135px;
    justify-content: start;
    padding-inline: 22px;
    width: 100%;
    height: 75px;
  }
  #content2 .peopleModule.twoPerLine .person.group .thumb,
  .smallColumn .peopleModule.twoPerLine .person.group .thumb,
  .rowSection.threeModule .modulePosition:not(.titlePosition) .peopleModule.twoPerLine .person.group .thumb,
  .columnSection.trioColumn .modulePosition:not(.titlePosition) .peopleModule.twoPerLine .person.group .thumb,
  .modulePosition.size4 .peopleModule.twoPerLine .person.group .thumb,
  #content2 .peopleModule.twoPerLine .person.group:not(.hasThumb):before,
  .smallColumn .peopleModule.twoPerLine .person.group:not(.hasThumb):before,
  .rowSection.threeModule .modulePosition:not(.titlePosition) .peopleModule.twoPerLine .person.group:not(.hasThumb):before,
  .columnSection.trioColumn .modulePosition:not(.titlePosition) .peopleModule.twoPerLine .person.group:not(.hasThumb):before,
  .modulePosition.size4 .peopleModule.twoPerLine .person.group:not(.hasThumb):before {
    width: 100%;
    height: 170px;
  }
}
@media (min-width: 1441px) and (max-width: 1650px) {
  #content2 .peopleModule.twoPerLine .person.group,
  .smallColumn .peopleModule.twoPerLine .person.group,
  .rowSection.threeModule .modulePosition:not(.titlePosition) .peopleModule.twoPerLine .person.group,
  .columnSection.trioColumn .modulePosition:not(.titlePosition) .peopleModule.twoPerLine .person.group,
  .modulePosition.size4 .peopleModule.twoPerLine .person.group {
    grid-template-columns: 1fr;
    grid-template-rows: 1fr repeat(4, min-content) 1fr;
    grid-template-areas: "." "name" "role" "phone" "mail" ".";
    padding-left: 180px;
    padding-right: 80px;
    max-width: 800px;
    min-height: 170px;
    width: 100%;
  }
  #content2 .peopleModule.twoPerLine .person.group:has(.personSocialMedia) .personSocialMedia,
  .smallColumn .peopleModule.twoPerLine .person.group:has(.personSocialMedia) .personSocialMedia,
  .rowSection.threeModule .modulePosition:not(.titlePosition) .peopleModule.twoPerLine .person.group:has(.personSocialMedia) .personSocialMedia,
  .columnSection.trioColumn .modulePosition:not(.titlePosition) .peopleModule.twoPerLine .person.group:has(.personSocialMedia) .personSocialMedia,
  .modulePosition.size4 .peopleModule.twoPerLine .person.group:has(.personSocialMedia) .personSocialMedia {
    top: 0;
    right: 0;
    flex-direction: column;
    justify-content: center;
    width: 70px;
    height: 100%;
  }
  #content2 .peopleModule.twoPerLine .person.group .thumb,
  .smallColumn .peopleModule.twoPerLine .person.group .thumb,
  .rowSection.threeModule .modulePosition:not(.titlePosition) .peopleModule.twoPerLine .person.group .thumb,
  .columnSection.trioColumn .modulePosition:not(.titlePosition) .peopleModule.twoPerLine .person.group .thumb,
  .modulePosition.size4 .peopleModule.twoPerLine .person.group .thumb,
  #content2 .peopleModule.twoPerLine .person.group:not(.hasThumb):before,
  .smallColumn .peopleModule.twoPerLine .person.group:not(.hasThumb):before,
  .rowSection.threeModule .modulePosition:not(.titlePosition) .peopleModule.twoPerLine .person.group:not(.hasThumb):before,
  .columnSection.trioColumn .modulePosition:not(.titlePosition) .peopleModule.twoPerLine .person.group:not(.hasThumb):before,
  .modulePosition.size4 .peopleModule.twoPerLine .person.group:not(.hasThumb):before {
    width: calc(180px - 35px);
    height: 100%;
  }
}
@media (min-width: 1651px) {
  #content2 .peopleModule.twoPerLine .person.group,
  .smallColumn .peopleModule.twoPerLine .person.group,
  .rowSection.threeModule .modulePosition:not(.titlePosition) .peopleModule.twoPerLine .person.group,
  .columnSection.trioColumn .modulePosition:not(.titlePosition) .peopleModule.twoPerLine .person.group,
  .modulePosition.size4 .peopleModule.twoPerLine .person.group {
    grid-template-columns: 1fr;
    grid-auto-rows: min-content;
    grid-template-areas: "name" "role" "phone" "mail";
    padding-top: 200px;
    padding-bottom: 75px;
    max-width: 340px;
  }
  #content2 .peopleModule.twoPerLine .person.group:has(.personSocialMedia) .personSocialMedia,
  .smallColumn .peopleModule.twoPerLine .person.group:has(.personSocialMedia) .personSocialMedia,
  .rowSection.threeModule .modulePosition:not(.titlePosition) .peopleModule.twoPerLine .person.group:has(.personSocialMedia) .personSocialMedia,
  .columnSection.trioColumn .modulePosition:not(.titlePosition) .peopleModule.twoPerLine .person.group:has(.personSocialMedia) .personSocialMedia,
  .modulePosition.size4 .peopleModule.twoPerLine .person.group:has(.personSocialMedia) .personSocialMedia {
    bottom: 0;
    left: 0;
    padding-left: 135px;
    justify-content: start;
    padding-inline: 22px;
    width: 100%;
    height: 75px;
  }
  #content2 .peopleModule.twoPerLine .person.group .thumb,
  .smallColumn .peopleModule.twoPerLine .person.group .thumb,
  .rowSection.threeModule .modulePosition:not(.titlePosition) .peopleModule.twoPerLine .person.group .thumb,
  .columnSection.trioColumn .modulePosition:not(.titlePosition) .peopleModule.twoPerLine .person.group .thumb,
  .modulePosition.size4 .peopleModule.twoPerLine .person.group .thumb,
  #content2 .peopleModule.twoPerLine .person.group:not(.hasThumb):before,
  .smallColumn .peopleModule.twoPerLine .person.group:not(.hasThumb):before,
  .rowSection.threeModule .modulePosition:not(.titlePosition) .peopleModule.twoPerLine .person.group:not(.hasThumb):before,
  .columnSection.trioColumn .modulePosition:not(.titlePosition) .peopleModule.twoPerLine .person.group:not(.hasThumb):before,
  .modulePosition.size4 .peopleModule.twoPerLine .person.group:not(.hasThumb):before {
    width: 100%;
    height: 170px;
  }
}
#content2 .peopleModule.grid .person.group,
.smallColumn .peopleModule.grid .person.group,
.rowSection.threeModule .modulePosition:not(.titlePosition) .peopleModule.grid .person.group,
.columnSection.trioColumn .modulePosition:not(.titlePosition) .peopleModule.grid .person.group,
.modulePosition.size4 .peopleModule.grid .person.group {
  grid-template-columns: 1fr;
  grid-auto-rows: min-content;
  grid-template-areas: "name" "role" "phone" "mail";
  padding-top: 200px;
  padding-bottom: 75px;
  max-width: 340px;
}
#content2 .peopleModule.grid .person.group:has(.personSocialMedia) .personSocialMedia,
.smallColumn .peopleModule.grid .person.group:has(.personSocialMedia) .personSocialMedia,
.rowSection.threeModule .modulePosition:not(.titlePosition) .peopleModule.grid .person.group:has(.personSocialMedia) .personSocialMedia,
.columnSection.trioColumn .modulePosition:not(.titlePosition) .peopleModule.grid .person.group:has(.personSocialMedia) .personSocialMedia,
.modulePosition.size4 .peopleModule.grid .person.group:has(.personSocialMedia) .personSocialMedia {
  bottom: 0;
  left: 0;
  padding-left: 135px;
  justify-content: start;
  padding-inline: 22px;
  width: 100%;
  height: 75px;
}
#content2 .peopleModule.grid .person.group .thumb,
.smallColumn .peopleModule.grid .person.group .thumb,
.rowSection.threeModule .modulePosition:not(.titlePosition) .peopleModule.grid .person.group .thumb,
.columnSection.trioColumn .modulePosition:not(.titlePosition) .peopleModule.grid .person.group .thumb,
.modulePosition.size4 .peopleModule.grid .person.group .thumb,
#content2 .peopleModule.grid .person.group:not(.hasThumb):before,
.smallColumn .peopleModule.grid .person.group:not(.hasThumb):before,
.rowSection.threeModule .modulePosition:not(.titlePosition) .peopleModule.grid .person.group:not(.hasThumb):before,
.columnSection.trioColumn .modulePosition:not(.titlePosition) .peopleModule.grid .person.group:not(.hasThumb):before,
.modulePosition.size4 .peopleModule.grid .person.group:not(.hasThumb):before {
  width: 100%;
  height: 170px;
}
@media (min-width: 501px) and (max-width: 600px) {
  #content2 .peopleModule.grid .person.group,
  .smallColumn .peopleModule.grid .person.group,
  .rowSection.threeModule .modulePosition:not(.titlePosition) .peopleModule.grid .person.group,
  .columnSection.trioColumn .modulePosition:not(.titlePosition) .peopleModule.grid .person.group,
  .modulePosition.size4 .peopleModule.grid .person.group {
    width: 100%;
    margin-inline: auto;
  }
}
@media (min-width: 601px) and (max-width: 800px) {
  #content2 .peopleModule.grid .person.group,
  .smallColumn .peopleModule.grid .person.group,
  .rowSection.threeModule .modulePosition:not(.titlePosition) .peopleModule.grid .person.group,
  .columnSection.trioColumn .modulePosition:not(.titlePosition) .peopleModule.grid .person.group,
  .modulePosition.size4 .peopleModule.grid .person.group {
    flex-basis: 46%;
  }
}
@media (min-width: 801px) and (max-width: 1220px) {
  #content2 .peopleModule.grid .person.group,
  .smallColumn .peopleModule.grid .person.group,
  .rowSection.threeModule .modulePosition:not(.titlePosition) .peopleModule.grid .person.group,
  .columnSection.trioColumn .modulePosition:not(.titlePosition) .peopleModule.grid .person.group,
  .modulePosition.size4 .peopleModule.grid .person.group {
    width: calc((100% - 30px) / 3) !important;
    min-width: unset;
  }
}
@media (min-width: 1221px) and (max-width: 1650px) {
  #content2 .peopleModule.grid .person.group,
  .smallColumn .peopleModule.grid .person.group,
  .rowSection.threeModule .modulePosition:not(.titlePosition) .peopleModule.grid .person.group,
  .columnSection.trioColumn .modulePosition:not(.titlePosition) .peopleModule.grid .person.group,
  .modulePosition.size4 .peopleModule.grid .person.group {
    width: 100% !important;
  }
}
@media (min-width: 1651px) {
  #content2 .peopleModule.grid .person.group,
  .smallColumn .peopleModule.grid .person.group,
  .rowSection.threeModule .modulePosition:not(.titlePosition) .peopleModule.grid .person.group,
  .columnSection.trioColumn .modulePosition:not(.titlePosition) .peopleModule.grid .person.group,
  .modulePosition.size4 .peopleModule.grid .person.group {
    width: calc((100% - 45px) / 2) !important;
  }
}
@media (min-width: 501px) and (max-width: 629px) {
  .normalCell .peopleModule.onePerLine .person.group,
  .tallCell .peopleModule.onePerLine .person.group,
  .rowSection.fourModule .modulePosition:not(.titlePosition) .peopleModule.onePerLine .person.group {
    grid-template-columns: 1fr;
    grid-template-rows: 1fr repeat(4, min-content) 1fr;
    grid-template-areas: "." "name" "role" "phone" "mail" ".";
    padding-left: 180px;
    padding-right: 80px;
    max-width: 800px;
    min-height: 170px;
  }
  .normalCell .peopleModule.onePerLine .person.group:has(.personSocialMedia) .personSocialMedia,
  .tallCell .peopleModule.onePerLine .person.group:has(.personSocialMedia) .personSocialMedia,
  .rowSection.fourModule .modulePosition:not(.titlePosition) .peopleModule.onePerLine .person.group:has(.personSocialMedia) .personSocialMedia {
    top: 0;
    right: 0;
    flex-direction: column;
    justify-content: center;
    width: 70px;
    height: 100%;
  }
  .normalCell .peopleModule.onePerLine .person.group .thumb,
  .tallCell .peopleModule.onePerLine .person.group .thumb,
  .rowSection.fourModule .modulePosition:not(.titlePosition) .peopleModule.onePerLine .person.group .thumb,
  .normalCell .peopleModule.onePerLine .person.group:not(.hasThumb):before,
  .tallCell .peopleModule.onePerLine .person.group:not(.hasThumb):before,
  .rowSection.fourModule .modulePosition:not(.titlePosition) .peopleModule.onePerLine .person.group:not(.hasThumb):before {
    width: calc(180px - 35px);
    height: 100%;
  }
}
@media (min-width: 630px) and (max-width: 1000px) {
  .normalCell .peopleModule.onePerLine .person.group,
  .tallCell .peopleModule.onePerLine .person.group,
  .rowSection.fourModule .modulePosition:not(.titlePosition) .peopleModule.onePerLine .person.group {
    grid-template-columns: 1fr;
    grid-auto-rows: min-content;
    grid-template-areas: "name" "role" "phone" "mail";
    padding-top: 200px;
    padding-bottom: 75px;
    max-width: 340px;
  }
  .normalCell .peopleModule.onePerLine .person.group:has(.personSocialMedia) .personSocialMedia,
  .tallCell .peopleModule.onePerLine .person.group:has(.personSocialMedia) .personSocialMedia,
  .rowSection.fourModule .modulePosition:not(.titlePosition) .peopleModule.onePerLine .person.group:has(.personSocialMedia) .personSocialMedia {
    bottom: 0;
    left: 0;
    padding-left: 135px;
    justify-content: start;
    padding-inline: 22px;
    width: 100%;
    height: 75px;
  }
  .normalCell .peopleModule.onePerLine .person.group .thumb,
  .tallCell .peopleModule.onePerLine .person.group .thumb,
  .rowSection.fourModule .modulePosition:not(.titlePosition) .peopleModule.onePerLine .person.group .thumb,
  .normalCell .peopleModule.onePerLine .person.group:not(.hasThumb):before,
  .tallCell .peopleModule.onePerLine .person.group:not(.hasThumb):before,
  .rowSection.fourModule .modulePosition:not(.titlePosition) .peopleModule.onePerLine .person.group:not(.hasThumb):before {
    width: 100%;
    height: 170px;
  }
}
@media (min-width: 1001px) and (max-width: 1220px) {
  .normalCell .peopleModule.onePerLine .person.group,
  .tallCell .peopleModule.onePerLine .person.group,
  .rowSection.fourModule .modulePosition:not(.titlePosition) .peopleModule.onePerLine .person.group {
    grid-template-columns: 1fr;
    grid-template-rows: 1fr repeat(4, min-content) 1fr;
    grid-template-areas: "." "name" "role" "phone" "mail" ".";
    padding-left: 180px;
    padding-right: 80px;
    max-width: 800px;
    min-height: 170px;
  }
  .normalCell .peopleModule.onePerLine .person.group:has(.personSocialMedia) .personSocialMedia,
  .tallCell .peopleModule.onePerLine .person.group:has(.personSocialMedia) .personSocialMedia,
  .rowSection.fourModule .modulePosition:not(.titlePosition) .peopleModule.onePerLine .person.group:has(.personSocialMedia) .personSocialMedia {
    top: 0;
    right: 0;
    flex-direction: column;
    justify-content: center;
    width: 70px;
    height: 100%;
  }
  .normalCell .peopleModule.onePerLine .person.group .thumb,
  .tallCell .peopleModule.onePerLine .person.group .thumb,
  .rowSection.fourModule .modulePosition:not(.titlePosition) .peopleModule.onePerLine .person.group .thumb,
  .normalCell .peopleModule.onePerLine .person.group:not(.hasThumb):before,
  .tallCell .peopleModule.onePerLine .person.group:not(.hasThumb):before,
  .rowSection.fourModule .modulePosition:not(.titlePosition) .peopleModule.onePerLine .person.group:not(.hasThumb):before {
    width: calc(180px - 35px);
    height: 100%;
  }
}
@media (min-width: 1221px) {
  .normalCell .peopleModule.onePerLine .person.group,
  .tallCell .peopleModule.onePerLine .person.group,
  .rowSection.fourModule .modulePosition:not(.titlePosition) .peopleModule.onePerLine .person.group {
    grid-template-columns: 1fr;
    grid-auto-rows: min-content;
    grid-template-areas: "name" "role" "phone" "mail";
    padding-top: 200px;
    padding-bottom: 75px;
    max-width: 340px;
  }
  .normalCell .peopleModule.onePerLine .person.group:has(.personSocialMedia) .personSocialMedia,
  .tallCell .peopleModule.onePerLine .person.group:has(.personSocialMedia) .personSocialMedia,
  .rowSection.fourModule .modulePosition:not(.titlePosition) .peopleModule.onePerLine .person.group:has(.personSocialMedia) .personSocialMedia {
    bottom: 0;
    left: 0;
    padding-left: 135px;
    justify-content: start;
    padding-inline: 22px;
    width: 100%;
    height: 75px;
  }
  .normalCell .peopleModule.onePerLine .person.group .thumb,
  .tallCell .peopleModule.onePerLine .person.group .thumb,
  .rowSection.fourModule .modulePosition:not(.titlePosition) .peopleModule.onePerLine .person.group .thumb,
  .normalCell .peopleModule.onePerLine .person.group:not(.hasThumb):before,
  .tallCell .peopleModule.onePerLine .person.group:not(.hasThumb):before,
  .rowSection.fourModule .modulePosition:not(.titlePosition) .peopleModule.onePerLine .person.group:not(.hasThumb):before {
    width: 100%;
    height: 170px;
  }
}
@media (min-width: 501px) and (max-width: 600px) {
  .normalCell .peopleModule.twoPerLine .person.group,
  .tallCell .peopleModule.twoPerLine .person.group,
  .rowSection.fourModule .modulePosition:not(.titlePosition) .peopleModule.twoPerLine .person.group {
    grid-template-columns: 1fr;
    grid-template-rows: 1fr repeat(4, min-content) 1fr;
    grid-template-areas: "." "name" "role" "phone" "mail" ".";
    padding-left: 180px;
    padding-right: 80px;
    max-width: 800px;
    min-height: 170px;
    margin-left: 0;
    width: 100%;
  }
  .normalCell .peopleModule.twoPerLine .person.group:has(.personSocialMedia) .personSocialMedia,
  .tallCell .peopleModule.twoPerLine .person.group:has(.personSocialMedia) .personSocialMedia,
  .rowSection.fourModule .modulePosition:not(.titlePosition) .peopleModule.twoPerLine .person.group:has(.personSocialMedia) .personSocialMedia {
    top: 0;
    right: 0;
    flex-direction: column;
    justify-content: center;
    width: 70px;
    height: 100%;
  }
  .normalCell .peopleModule.twoPerLine .person.group .thumb,
  .tallCell .peopleModule.twoPerLine .person.group .thumb,
  .rowSection.fourModule .modulePosition:not(.titlePosition) .peopleModule.twoPerLine .person.group .thumb,
  .normalCell .peopleModule.twoPerLine .person.group:not(.hasThumb):before,
  .tallCell .peopleModule.twoPerLine .person.group:not(.hasThumb):before,
  .rowSection.fourModule .modulePosition:not(.titlePosition) .peopleModule.twoPerLine .person.group:not(.hasThumb):before {
    width: calc(180px - 35px);
    height: 100%;
  }
}
@media (min-width: 601px) and (max-width: 1000px) {
  .normalCell .peopleModule.twoPerLine .person.group,
  .tallCell .peopleModule.twoPerLine .person.group,
  .rowSection.fourModule .modulePosition:not(.titlePosition) .peopleModule.twoPerLine .person.group {
    grid-template-columns: 1fr;
    grid-auto-rows: min-content;
    grid-template-areas: "name" "role" "phone" "mail";
    padding-top: 200px;
    padding-bottom: 75px;
    max-width: 340px;
    width: 100% !important;
  }
  .normalCell .peopleModule.twoPerLine .person.group:has(.personSocialMedia) .personSocialMedia,
  .tallCell .peopleModule.twoPerLine .person.group:has(.personSocialMedia) .personSocialMedia,
  .rowSection.fourModule .modulePosition:not(.titlePosition) .peopleModule.twoPerLine .person.group:has(.personSocialMedia) .personSocialMedia {
    bottom: 0;
    left: 0;
    padding-left: 135px;
    justify-content: start;
    padding-inline: 22px;
    width: 100%;
    height: 75px;
  }
  .normalCell .peopleModule.twoPerLine .person.group .thumb,
  .tallCell .peopleModule.twoPerLine .person.group .thumb,
  .rowSection.fourModule .modulePosition:not(.titlePosition) .peopleModule.twoPerLine .person.group .thumb,
  .normalCell .peopleModule.twoPerLine .person.group:not(.hasThumb):before,
  .tallCell .peopleModule.twoPerLine .person.group:not(.hasThumb):before,
  .rowSection.fourModule .modulePosition:not(.titlePosition) .peopleModule.twoPerLine .person.group:not(.hasThumb):before {
    width: 100%;
    height: 170px;
  }
}
@media (min-width: 1001px) and (max-width: 1220px) {
  .normalCell .peopleModule.twoPerLine .person.group,
  .tallCell .peopleModule.twoPerLine .person.group,
  .rowSection.fourModule .modulePosition:not(.titlePosition) .peopleModule.twoPerLine .person.group {
    grid-template-columns: 1fr;
    grid-template-rows: 1fr repeat(4, min-content) 1fr;
    grid-template-areas: "." "name" "role" "phone" "mail" ".";
    padding-left: 180px;
    padding-right: 80px;
    max-width: 800px;
    min-height: 170px;
    width: 100% !important;
  }
  .normalCell .peopleModule.twoPerLine .person.group:has(.personSocialMedia) .personSocialMedia,
  .tallCell .peopleModule.twoPerLine .person.group:has(.personSocialMedia) .personSocialMedia,
  .rowSection.fourModule .modulePosition:not(.titlePosition) .peopleModule.twoPerLine .person.group:has(.personSocialMedia) .personSocialMedia {
    top: 0;
    right: 0;
    flex-direction: column;
    justify-content: center;
    width: 70px;
    height: 100%;
  }
  .normalCell .peopleModule.twoPerLine .person.group .thumb,
  .tallCell .peopleModule.twoPerLine .person.group .thumb,
  .rowSection.fourModule .modulePosition:not(.titlePosition) .peopleModule.twoPerLine .person.group .thumb,
  .normalCell .peopleModule.twoPerLine .person.group:not(.hasThumb):before,
  .tallCell .peopleModule.twoPerLine .person.group:not(.hasThumb):before,
  .rowSection.fourModule .modulePosition:not(.titlePosition) .peopleModule.twoPerLine .person.group:not(.hasThumb):before {
    width: calc(180px - 35px);
    height: 100%;
  }
}
@media (min-width: 1221px) {
  .normalCell .peopleModule.twoPerLine .person.group,
  .tallCell .peopleModule.twoPerLine .person.group,
  .rowSection.fourModule .modulePosition:not(.titlePosition) .peopleModule.twoPerLine .person.group {
    grid-template-columns: 1fr;
    grid-auto-rows: min-content;
    grid-template-areas: "name" "role" "phone" "mail";
    padding-top: 200px;
    padding-bottom: 75px;
    max-width: 340px;
    width: 100%;
  }
  .normalCell .peopleModule.twoPerLine .person.group:has(.personSocialMedia) .personSocialMedia,
  .tallCell .peopleModule.twoPerLine .person.group:has(.personSocialMedia) .personSocialMedia,
  .rowSection.fourModule .modulePosition:not(.titlePosition) .peopleModule.twoPerLine .person.group:has(.personSocialMedia) .personSocialMedia {
    bottom: 0;
    left: 0;
    padding-left: 135px;
    justify-content: start;
    padding-inline: 22px;
    width: 100%;
    height: 75px;
  }
  .normalCell .peopleModule.twoPerLine .person.group .thumb,
  .tallCell .peopleModule.twoPerLine .person.group .thumb,
  .rowSection.fourModule .modulePosition:not(.titlePosition) .peopleModule.twoPerLine .person.group .thumb,
  .normalCell .peopleModule.twoPerLine .person.group:not(.hasThumb):before,
  .tallCell .peopleModule.twoPerLine .person.group:not(.hasThumb):before,
  .rowSection.fourModule .modulePosition:not(.titlePosition) .peopleModule.twoPerLine .person.group:not(.hasThumb):before {
    width: 100%;
    height: 170px;
  }
}
.normalCell .peopleModule.grid .person.group,
.tallCell .peopleModule.grid .person.group,
.rowSection.fourModule .modulePosition:not(.titlePosition) .peopleModule.grid .person.group {
  grid-template-columns: 1fr;
  grid-auto-rows: min-content;
  grid-template-areas: "name" "role" "phone" "mail";
  padding-top: 200px;
  padding-bottom: 75px;
  max-width: 340px;
}
.normalCell .peopleModule.grid .person.group:has(.personSocialMedia) .personSocialMedia,
.tallCell .peopleModule.grid .person.group:has(.personSocialMedia) .personSocialMedia,
.rowSection.fourModule .modulePosition:not(.titlePosition) .peopleModule.grid .person.group:has(.personSocialMedia) .personSocialMedia {
  bottom: 0;
  left: 0;
  padding-left: 135px;
  justify-content: start;
  padding-inline: 22px;
  width: 100%;
  height: 75px;
}
.normalCell .peopleModule.grid .person.group .thumb,
.tallCell .peopleModule.grid .person.group .thumb,
.rowSection.fourModule .modulePosition:not(.titlePosition) .peopleModule.grid .person.group .thumb,
.normalCell .peopleModule.grid .person.group:not(.hasThumb):before,
.tallCell .peopleModule.grid .person.group:not(.hasThumb):before,
.rowSection.fourModule .modulePosition:not(.titlePosition) .peopleModule.grid .person.group:not(.hasThumb):before {
  width: 100%;
  height: 170px;
}
@media (min-width: 501px) and (max-width: 600px) {
  .normalCell .peopleModule.grid .person.group,
  .tallCell .peopleModule.grid .person.group,
  .rowSection.fourModule .modulePosition:not(.titlePosition) .peopleModule.grid .person.group {
    width: 100%;
    margin-inline: auto;
  }
}
@media (min-width: 601px) and (max-width: 800px) {
  .normalCell .peopleModule.grid .person.group,
  .tallCell .peopleModule.grid .person.group,
  .rowSection.fourModule .modulePosition:not(.titlePosition) .peopleModule.grid .person.group {
    flex-basis: 46%;
  }
}
@media (min-width: 801px) and (max-width: 1220px) {
  .normalCell .peopleModule.grid .person.group,
  .tallCell .peopleModule.grid .person.group,
  .rowSection.fourModule .modulePosition:not(.titlePosition) .peopleModule.grid .person.group {
    width: calc((100% - 30px) / 3) !important;
    min-width: unset;
  }
}
@media (min-width: 1221px) {
  .normalCell .peopleModule.grid .person.group,
  .tallCell .peopleModule.grid .person.group,
  .rowSection.fourModule .modulePosition:not(.titlePosition) .peopleModule.grid .person.group {
    width: 100% !important;
  }
}
.moduleInner.documentsModule a.name,
.moduleInner.linksModule a.name {
  position: relative;
  margin-bottom: 15px;
  border-radius: 20px;
  border: 1px solid var(--links-module-border-color);
  padding: 14px 35px 14px 35px;
  font-family: "Belleza", "Times New Roman", Times, serif;
  font-size: 30px;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: var(--links-module-color);
  background-color: transparent;
  overflow: hidden;
  transition: 0.2s;
}
.moduleInner.documentsModule a.name:hover,
.moduleInner.linksModule a.name:hover {
  border-color: var(--links-module-border-color-hover);
  color: var(--links-module-color-hover);
  background-color: var(--links-module-bg-color-hover);
}
@media (max-width: 1220px) {
  .moduleInner.documentsModule a.name,
  .moduleInner.linksModule a.name {
    font-size: 24px;
  }
}
#background .photoAlbum.group .name,
#background .photoAlbum.group .name a {
  font-family: "Belleza", "Times New Roman", Times, serif;
  font-weight: 600;
  color: var(--photo-album-name-color);
  transition: 0.3s;
}
#background .photoAlbum.group .thumb {
  margin-bottom: 10px;
  border-radius: 10px;
  overflow: hidden;
}
#background .photoAlbum.group .thumb img {
  transfrom: scale(1);
  transition: 0.2s;
}
#background .photoAlbum.group .thumb:not(:has(img)) {
  background-size: 50px 50px;
  transition: 0.2s;
}
#background .photoAlbum.group .numberPhotos {
  color: var(--primary-text-color);
  opacity: 0.7;
}
#background .photoAlbum.group:hover .name,
#background .photoAlbum.group:hover .name a {
  color: var(--photo-album-name-color-hover);
}
#background .photoAlbum.group:hover .thumb img {
  transform: scale(1.1);
}
#background .photoAlbum.group:hover .thumb:not(:has(img)) {
  background-size: 56px 56px;
}
.photoAlbumsModule {
  position: relative;
  padding-bottom: 20px;
}
.photoAlbumsModule .aggregate {
  border-bottom: none;
}
.photoAlbumsModule a.name {
  -webkit-line-clamp: 2 !important;
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  text-overflow: ellipsis !important;
  overflow: hidden !important;
  white-space: normal !important;
  font-size: 24px !important;
  font-family: "Belleza", "Times New Roman", Times, serif;
  line-height: normal;
}
.photoAlbumsModule .photoAlbum.group {
  text-align: left;
}
.photoAlbumsModule .photoAlbum.group .thumb {
  background-color: #ccc;
}
.photoAlbumsModule .photoAlbum.group .thumb img {
  object-fit: cover;
}
.photoAlbumsModule .numberPhotos {
  font-size: 12px;
}
.photoAlbumsModule .aggregateModuleFooter {
  display: flex;
}
.moduleInner .formStyling .moduleTitle,
.moduleInner.footerConnectGroupModule .moduleTitle,
.moduleInner.paymentModule .moduleTitle,
.moduleInner.onlineFormModule .moduleTitle,
.moduleInner.flocknoteSignupsModule .moduleTitle,
.moduleInner.connectGroupModule .moduleTitle,
.moduleInner #onlineForm2 .moduleTitle {
  color: var(--module-title-color) !important;
}
.moduleInner .formStyling .moduleTitle,
.moduleInner.footerConnectGroupModule .moduleTitle,
.moduleInner.paymentModule .moduleTitle,
.moduleInner.onlineFormModule .moduleTitle,
.moduleInner.flocknoteSignupsModule .moduleTitle,
.moduleInner.connectGroupModule .moduleTitle,
.moduleInner #onlineForm2 .moduleTitle {
  color: #303030;
}
.moduleInner .formStyling .legendCaption,
.moduleInner.footerConnectGroupModule .legendCaption,
.moduleInner.paymentModule .legendCaption,
.moduleInner.onlineFormModule .legendCaption,
.moduleInner.flocknoteSignupsModule .legendCaption,
.moduleInner.connectGroupModule .legendCaption,
.moduleInner #onlineForm2 .legendCaption,
.moduleInner .formStyling .fieldLabel,
.moduleInner.footerConnectGroupModule .fieldLabel,
.moduleInner.paymentModule .fieldLabel,
.moduleInner.onlineFormModule .fieldLabel,
.moduleInner.flocknoteSignupsModule .fieldLabel,
.moduleInner.connectGroupModule .fieldLabel,
.moduleInner #onlineForm2 .fieldLabel {
  font-family: "Montserrat", "Roboto", "Helvetica", Arial, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.7;
  color: var(--form-label-color) !important;
}
.moduleInner .formStyling .fieldLabel,
.moduleInner.footerConnectGroupModule .fieldLabel,
.moduleInner.paymentModule .fieldLabel,
.moduleInner.onlineFormModule .fieldLabel,
.moduleInner.flocknoteSignupsModule .fieldLabel,
.moduleInner.connectGroupModule .fieldLabel,
.moduleInner #onlineForm2 .fieldLabel {
  margin-block: 6px 8px;
}
.moduleInner .formStyling .ofFieldGroup .fieldGroup,
.moduleInner.footerConnectGroupModule .ofFieldGroup .fieldGroup,
.moduleInner.paymentModule .ofFieldGroup .fieldGroup,
.moduleInner.onlineFormModule .ofFieldGroup .fieldGroup,
.moduleInner.flocknoteSignupsModule .ofFieldGroup .fieldGroup,
.moduleInner.connectGroupModule .ofFieldGroup .fieldGroup,
.moduleInner #onlineForm2 .ofFieldGroup .fieldGroup {
  margin-left: 0;
}
.moduleInner .formStyling .requiredErrorText,
.moduleInner.footerConnectGroupModule .requiredErrorText,
.moduleInner.paymentModule .requiredErrorText,
.moduleInner.onlineFormModule .requiredErrorText,
.moduleInner.flocknoteSignupsModule .requiredErrorText,
.moduleInner.connectGroupModule .requiredErrorText,
.moduleInner #onlineForm2 .requiredErrorText {
  font-size: 15px;
  font-weight: 500;
  color: var(--form-error-text-color);
}
.moduleInner .formStyling input,
.moduleInner.footerConnectGroupModule input,
.moduleInner.paymentModule input,
.moduleInner.onlineFormModule input,
.moduleInner.flocknoteSignupsModule input,
.moduleInner.connectGroupModule input,
.moduleInner #onlineForm2 input,
.moduleInner .formStyling textarea,
.moduleInner.footerConnectGroupModule textarea,
.moduleInner.paymentModule textarea,
.moduleInner.onlineFormModule textarea,
.moduleInner.flocknoteSignupsModule textarea,
.moduleInner.connectGroupModule textarea,
.moduleInner #onlineForm2 textarea,
.moduleInner .formStyling select,
.moduleInner.footerConnectGroupModule select,
.moduleInner.paymentModule select,
.moduleInner.onlineFormModule select,
.moduleInner.flocknoteSignupsModule select,
.moduleInner.connectGroupModule select,
.moduleInner #onlineForm2 select {
  border-color: var(--form-field-border-color);
  padding-inline: var(--form-field-padding-inline);
  font-family: "Montserrat", "Roboto", "Helvetica", Arial, sans-serif;
  font-size: 14px;
  color: var(--form-field-color);
  background-color: var(--form-field-bg-color);
}
.moduleInner .formStyling input#PRESETOTHER,
.moduleInner.footerConnectGroupModule input#PRESETOTHER,
.moduleInner.paymentModule input#PRESETOTHER,
.moduleInner.onlineFormModule input#PRESETOTHER,
.moduleInner.flocknoteSignupsModule input#PRESETOTHER,
.moduleInner.connectGroupModule input#PRESETOTHER,
.moduleInner #onlineForm2 input#PRESETOTHER {
  box-shadow: none;
}
.moduleInner .formStyling select,
.moduleInner.footerConnectGroupModule select,
.moduleInner.paymentModule select,
.moduleInner.onlineFormModule select,
.moduleInner.flocknoteSignupsModule select,
.moduleInner.connectGroupModule select,
.moduleInner #onlineForm2 select {
  background-position: right 5px bottom 16px;
}
.moduleInner .formStyling input::placeholder,
.moduleInner.footerConnectGroupModule input::placeholder,
.moduleInner.paymentModule input::placeholder,
.moduleInner.onlineFormModule input::placeholder,
.moduleInner.flocknoteSignupsModule input::placeholder,
.moduleInner.connectGroupModule input::placeholder,
.moduleInner #onlineForm2 input::placeholder,
.moduleInner .formStyling textarea::placeholder,
.moduleInner.footerConnectGroupModule textarea::placeholder,
.moduleInner.paymentModule textarea::placeholder,
.moduleInner.onlineFormModule textarea::placeholder,
.moduleInner.flocknoteSignupsModule textarea::placeholder,
.moduleInner.connectGroupModule textarea::placeholder,
.moduleInner #onlineForm2 textarea::placeholder {
  font-family: "Montserrat", "Roboto", "Helvetica", Arial, sans-serif;
  font-size: 16px;
  color: var(--form-field-placeholder-color);
}
.moduleInner .formStyling textarea,
.moduleInner.footerConnectGroupModule textarea,
.moduleInner.paymentModule textarea,
.moduleInner.onlineFormModule textarea,
.moduleInner.flocknoteSignupsModule textarea,
.moduleInner.connectGroupModule textarea,
.moduleInner #onlineForm2 textarea {
  padding-block: 20px;
}
.moduleInner .formStyling .formStyling .submitForm[style*="display: none"],
.moduleInner.footerConnectGroupModule .formStyling .submitForm[style*="display: none"],
.moduleInner.paymentModule .formStyling .submitForm[style*="display: none"],
.moduleInner.onlineFormModule .formStyling .submitForm[style*="display: none"],
.moduleInner.flocknoteSignupsModule .formStyling .submitForm[style*="display: none"],
.moduleInner.connectGroupModule .formStyling .submitForm[style*="display: none"],
.moduleInner #onlineForm2 .formStyling .submitForm[style*="display: none"] {
  display: none !important;
}
.moduleInner .formStyling #flocknoteSignupsSubmit,
.moduleInner.footerConnectGroupModule #flocknoteSignupsSubmit,
.moduleInner.paymentModule #flocknoteSignupsSubmit,
.moduleInner.onlineFormModule #flocknoteSignupsSubmit,
.moduleInner.flocknoteSignupsModule #flocknoteSignupsSubmit,
.moduleInner.connectGroupModule #flocknoteSignupsSubmit,
.moduleInner #onlineForm2 #flocknoteSignupsSubmit {
  width: auto;
}
@media (max-width: 500px) {
  .moduleInner .formStyling .flocknoteSignupsInput,
  .moduleInner.footerConnectGroupModule .flocknoteSignupsInput,
  .moduleInner.paymentModule .flocknoteSignupsInput,
  .moduleInner.onlineFormModule .flocknoteSignupsInput,
  .moduleInner.flocknoteSignupsModule .flocknoteSignupsInput,
  .moduleInner.connectGroupModule .flocknoteSignupsInput,
  .moduleInner #onlineForm2 .flocknoteSignupsInput {
    max-width: unset;
  }
}
.moduleInner .formStyling #NumberOfChildren,
.moduleInner.footerConnectGroupModule #NumberOfChildren,
.moduleInner.paymentModule #NumberOfChildren,
.moduleInner.onlineFormModule #NumberOfChildren,
.moduleInner.flocknoteSignupsModule #NumberOfChildren,
.moduleInner.connectGroupModule #NumberOfChildren,
.moduleInner #onlineForm2 #NumberOfChildren {
  width: 163px;
}
.moduleInner .formStyling .presetAmountBlock.paymentFormButton.otherButton:focus-within .label,
.moduleInner.footerConnectGroupModule .presetAmountBlock.paymentFormButton.otherButton:focus-within .label,
.moduleInner.paymentModule .presetAmountBlock.paymentFormButton.otherButton:focus-within .label,
.moduleInner.onlineFormModule .presetAmountBlock.paymentFormButton.otherButton:focus-within .label,
.moduleInner.flocknoteSignupsModule .presetAmountBlock.paymentFormButton.otherButton:focus-within .label,
.moduleInner.connectGroupModule .presetAmountBlock.paymentFormButton.otherButton:focus-within .label,
.moduleInner #onlineForm2 .presetAmountBlock.paymentFormButton.otherButton:focus-within .label {
  display: none;
}
.moduleInner .formStyling #presetAmounts .otherButton.selected .label,
.moduleInner.footerConnectGroupModule #presetAmounts .otherButton.selected .label,
.moduleInner.paymentModule #presetAmounts .otherButton.selected .label,
.moduleInner.onlineFormModule #presetAmounts .otherButton.selected .label,
.moduleInner.flocknoteSignupsModule #presetAmounts .otherButton.selected .label,
.moduleInner.connectGroupModule #presetAmounts .otherButton.selected .label,
.moduleInner #onlineForm2 #presetAmounts .otherButton.selected .label {
  display: none;
}
.moduleInner.paymentModule .legendText {
  font-family: "Montserrat", "Roboto", "Helvetica", Arial, sans-serif;
  font-size: 21px;
  font-weight: 400;
}
.moduleInner.paymentModule #ach-disclaimer p {
  color: var(--form-label-color) !important;
}
.moduleInner.paymentModule #presetAmounts .otherButton.selected {
  border-color: var(--payment-form-btn-selected-border-color);
}
.moduleInner.paymentModule .paymentFormButton {
  border-color: var(--payment-form-btn-border-color);
  background-color: var(--payment-form-btn-bg-color);
}
.moduleInner.paymentModule .paymentFormButton:not(.otherButton).selected {
  border-color: var(--payment-form-btn-selected-border-color);
  color: var(--payment-form-btn-selected-color);
  background-color: var(--payment-form-btn-selected-bg-color);
}
@media (max-width: 500px) {
  .moduleInner.flocknoteSignupsModule form {
    width: unset;
  }
}
@media (min-width: 1221px) {
  .rowSection.oneModule .paymentModule .aggregate,
  .columnSection.soloColumn .paymentModule .aggregate,
  #core.solo .paymentModule .aggregate {
    grid-template-columns: unset !important;
  }
}
@media (min-width: 1241px) {
  .rowSection.oneModule .paymentModule .aggregate,
  .columnSection.soloColumn .paymentModule .aggregate,
  #core.solo .paymentModule .aggregate {
    grid-template-columns: 1fr minmax(230px, max-content) 1fr 500px 1fr !important;
  }
}
@media (min-width: 1221px) and (max-width: 1240px) {
  .rowSection.oneModule .paymentModule .aggregate .legendGroup,
  .columnSection.soloColumn .paymentModule .aggregate .legendGroup,
  #core.solo .paymentModule .aggregate .legendGroup {
    margin-right: 40px;
  }
}
@media (min-width: 1221px) {
  .formStyling input {
    width: 336px;
  }
}
.formStyling .checkboxContainer .optionContainer label {
  max-width: calc(100% - 30px);
}
.formStyling .iAgreeText ~ label {
  transform: translateY(-4px);
}
@media (min-width: 1221px) {
  .formStyling .cityStateZipField > div:first-child {
    width: 100%;
  }
  .formStyling .cityStateZipField > div:first-child input {
    width: 336px;
  }
  .formStyling .cityStateZipField div:not(:first-child),
  .formStyling .cityStateZipField div:not(:first-child) :is(input, select) {
    width: 163px;
  }
}
@media (min-width: 1221px) {
  .rowSection.twoModule .formStyling .fieldGroup .firstLastNameField .inputHolder,
  .halfColumn .formStyling .fieldGroup .firstLastNameField .inputHolder,
  .wideCell .formStyling .fieldGroup .firstLastNameField .inputHolder,
  .wideTallCell .formStyling .fieldGroup .firstLastNameField .inputHolder,
  .modulePosition.size6 .formStyling .fieldGroup .firstLastNameField .inputHolder {
    width: 163px;
  }
}
@media (min-width: 1221px) {
  .rowSection.twoModule .formStyling select,
  .halfColumn .formStyling select,
  .wideCell .formStyling select,
  .wideTallCell .formStyling select,
  .modulePosition.size6 .formStyling select,
  #content2 .formStyling select,
  .smallColumn .formStyling select,
  .rowSection.threeModule .modulePosition:not(.titlePosition) .formStyling select,
  .columnSection.trioColumn .modulePosition:not(.titlePosition) .formStyling select,
  .modulePosition.size4 .formStyling select,
  .normalCell .formStyling select,
  .tallCell .formStyling select,
  .rowSection.fourModule .modulePosition:not(.titlePosition) .formStyling select {
    width: 163px;
  }
}
@media (min-width: 1221px) {
  #content2 .formStyling .duoField :is(.inputHolder, input),
  .smallColumn .formStyling .duoField :is(.inputHolder, input),
  .rowSection.threeModule .modulePosition:not(.titlePosition) .formStyling .duoField :is(.inputHolder, input),
  .columnSection.trioColumn .modulePosition:not(.titlePosition) .formStyling .duoField :is(.inputHolder, input),
  .modulePosition.size4 .formStyling .duoField :is(.inputHolder, input),
  .normalCell .formStyling .duoField :is(.inputHolder, input),
  .tallCell .formStyling .duoField :is(.inputHolder, input),
  .rowSection.fourModule .modulePosition:not(.titlePosition) .formStyling .duoField :is(.inputHolder, input) {
    width: 100%;
    max-width: 350px;
  }
  #content2 #saveRegistrationForm .firstLastNameField :is(.inputHolder, input),
  .smallColumn #saveRegistrationForm .firstLastNameField :is(.inputHolder, input),
  .rowSection.threeModule .modulePosition:not(.titlePosition) #saveRegistrationForm .firstLastNameField :is(.inputHolder, input),
  .columnSection.trioColumn .modulePosition:not(.titlePosition) #saveRegistrationForm .firstLastNameField :is(.inputHolder, input),
  .modulePosition.size4 #saveRegistrationForm .firstLastNameField :is(.inputHolder, input),
  .normalCell #saveRegistrationForm .firstLastNameField :is(.inputHolder, input),
  .tallCell #saveRegistrationForm .firstLastNameField :is(.inputHolder, input),
  .rowSection.fourModule .modulePosition:not(.titlePosition) #saveRegistrationForm .firstLastNameField :is(.inputHolder, input) {
    width: 100%;
    max-width: 336px;
  }
  #content2 #saveRegistrationForm .duoField :is(.inputHolder, input),
  .smallColumn #saveRegistrationForm .duoField :is(.inputHolder, input),
  .rowSection.threeModule .modulePosition:not(.titlePosition) #saveRegistrationForm .duoField :is(.inputHolder, input),
  .columnSection.trioColumn .modulePosition:not(.titlePosition) #saveRegistrationForm .duoField :is(.inputHolder, input),
  .modulePosition.size4 #saveRegistrationForm .duoField :is(.inputHolder, input),
  .normalCell #saveRegistrationForm .duoField :is(.inputHolder, input),
  .tallCell #saveRegistrationForm .duoField :is(.inputHolder, input),
  .rowSection.fourModule .modulePosition:not(.titlePosition) #saveRegistrationForm .duoField :is(.inputHolder, input) {
    max-width: 336px;
  }
}
@media (min-width: 501px) {
  .normalCell #onlineForm .ofField,
  .tallCell #onlineForm .ofField,
  .rowSection.fourModule .modulePosition:not(.titlePosition) #onlineForm .ofField {
    min-width: 100%;
  }
  .normalCell .formStyling input,
  .tallCell .formStyling input,
  .rowSection.fourModule .modulePosition:not(.titlePosition) .formStyling input,
  .normalCell .formStyling textarea,
  .tallCell .formStyling textarea,
  .rowSection.fourModule .modulePosition:not(.titlePosition) .formStyling textarea {
    width: 100%;
    max-width: 100%;
  }
  .normalCell .formStyling .firstLastNameField > div,
  .tallCell .formStyling .firstLastNameField > div,
  .rowSection.fourModule .modulePosition:not(.titlePosition) .formStyling .firstLastNameField > div,
  .normalCell .formStyling .duoField > div,
  .tallCell .formStyling .duoField > div,
  .rowSection.fourModule .modulePosition:not(.titlePosition) .formStyling .duoField > div,
  .normalCell .formStyling .firstLastNameField input,
  .tallCell .formStyling .firstLastNameField input,
  .rowSection.fourModule .modulePosition:not(.titlePosition) .formStyling .firstLastNameField input,
  .normalCell .formStyling .duoField input,
  .tallCell .formStyling .duoField input,
  .rowSection.fourModule .modulePosition:not(.titlePosition) .formStyling .duoField input,
  .normalCell .formStyling .firstLastNameField select,
  .tallCell .formStyling .firstLastNameField select,
  .rowSection.fourModule .modulePosition:not(.titlePosition) .formStyling .firstLastNameField select,
  .normalCell .formStyling .duoField select,
  .tallCell .formStyling .duoField select,
  .rowSection.fourModule .modulePosition:not(.titlePosition) .formStyling .duoField select {
    width: 100%;
  }
}
.moduleInner.progressBarModule .moduleBody.goal .currentPercent {
  color: var(--progress-bar-goal-percent-color);
}
.moduleInner.progressBarModule .progressBarContainer .progressBar {
  background-color: var(--progress-bar-bg-color);
}
.moduleInner.progressBarModule .progressBarContainer .progress {
  background-color: var(--progress-bar-progress-color);
}
@media (max-width: 500px) {
  .moduleInner.progressBarModule .buttonContainer .button {
    margin-right: 0 !important;
  }
}
.moduleInner.progressBarModule :is(.buttonContainer .facebookButton) .fbIcon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  filter: var(--campaign-fb-button-icon-color);
}
.moduleInner.progressBarModule :is(.buttonContainer .facebookButton):hover .fbIcon {
  filter: var(--campaign-fb-button-icon-color-hover);
}
.moduleInner.sacramentTimesModule {
  max-width: 800px;
}
.moduleInner.sacramentTimesModule .moduleTitle {
  margin-bottom: 20px;
  font-size: 30px;
  letter-spacing: 2px;
}
.moduleInner.sacramentTimesModule .categoryName {
  border-top: none !important;
  font-family: "Belleza", "Times New Roman", Times, serif;
  font-weight: 600;
}
.moduleInner.sacramentTimesModule .dayName {
  padding-left: 0 !important;
  font-family: "Montserrat", "Roboto", "Helvetica", Arial, sans-serif;
  font-weight: 400;
  font-style: normal;
}
.moduleInner.sacramentTimesModule .sacramentDay {
  margin-bottom: 6px;
  border-bottom: 1px solid var(--sacrament-times-module-day-border-bottom-color);
  padding-left: 0 !important;
  padding-bottom: 12px;
}
.moduleInner.sacramentTimesModule .sacramentTimes {
  margin-bottom: 40px;
}
.moduleInner.sacramentTimesModule .sacramentTimes .firstWeekday {
  border-top: none;
}
.moduleInner.sacramentTimesModule .sacramentTimes .sacramentTime,
.moduleInner.sacramentTimesModule .sacramentTimes .day,
.moduleInner.sacramentTimesModule .sacramentTimes .notes,
.moduleInner.sacramentTimesModule .sacramentTimes .language {
  font-family: "Montserrat", "Roboto", "Helvetica", Arial, sans-serif;
}
.moduleInner.sacramentTimesModule .sacramentTimes .day {
  width: 180px;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: var(--sacrament-times-module-day-color);
}
.moduleInner.sacramentTimesModule .sacramentTimes .day .colon {
  display: none;
}
.moduleInner.sacramentTimesModule .sacramentTimes .sacramentGroup {
  flex-direction: column;
}
.moduleInner.sacramentTimesModule .sacramentTimes .sacramentTime {
  border-left: none;
  padding-bottom: 8px;
  font-weight: 400;
  line-height: 1.3;
}
.moduleInner.sacramentTimesModule .sacramentTimes .notes,
.moduleInner.sacramentTimesModule .sacramentTimes .language,
.moduleInner.sacramentTimesModule .sacramentTimes .abbrLanguage {
  font-family: "Montserrat", "Roboto", "Helvetica", Arial, sans-serif;
  font-size: inherit !important;
  font-weight: 400;
  font-style: normal;
}
.moduleInner.sacramentTimesModule .sacramentTimes .timePeriod {
  text-transform: lowercase;
}
.moduleInner.sacramentTimesModule .sacramentTimes .language {
  display: none;
}
.moduleInner.sacramentTimesModule .sacramentTimesNote {
  font-family: "Montserrat", "Roboto", "Helvetica", Arial, sans-serif;
  font-weight: 400;
  font-style: italic;
}
.moduleInner.sacramentTimesModule .notes,
.moduleInner.sacramentTimesModule .language,
.moduleInner.sacramentTimesModule .abbrLanguage,
.moduleInner.sacramentTimesModule .videoIconLink a,
.moduleInner.sacramentTimesModule .sacramentTimesNote {
  color: var(--sacrament-times-module-notes-color) !important;
}
.moduleInner.sacramentTimesModule .videoIconLink a:hover {
  color: var(--sacrament-times-module-video-icon-color-hover) !important;
}
#massModeButton {
  transition: 0.2s;
}
#massModeModal .massModeButtons a {
  font-weight: 600;
  transition: 0.2s;
}
#massModeContainer {
  background-color: #fff;
}
@media (max-width: 1220px) {
  #massModeContainer .massModeHeader {
    padding-top: 60px;
  }
}
#massModeContainer .massModeTabList .massModeTab a {
  color: rgba(255, 255, 255, 0.75);
}
#massModeContainer .massModeTabList .massModeTab.ui-state-active a {
  color: #fff;
}
.pageTypeInterior #core #interiorHeader {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: start;
  padding-block: 10px;
  width: 100% !important;
}
@media (max-width: 1220px) {
  .pageTypeInterior #core #interiorHeader {
    margin-bottom: 50px;
    padding-block: 15px 20px;
  }
  .pageTypeInterior #core #interiorHeader:has(#addthisWrapper) {
    margin-bottom: 60px;
  }
}
.pageTypeInterior #addthisWrapper {
  position: absolute;
  right: 0;
  margin: 0 !important;
}
@media (max-width: 1220px) {
  .pageTypeInterior #addthisWrapper {
    bottom: -50px;
  }
}
@media (min-width: 1221px) {
  .pageTypeInterior .hasPageTitle #core #interiorHeader {
    min-height: 98px;
  }
}
.pageTypeInterior .hasPageTitle #core #interiorHeader:before {
  position: absolute;
  content: "";
  top: 0;
  left: 50%;
  width: 200vw;
  height: 100%;
  transform: translateX(-50%);
  background-color: #a14300;
  box-shadow: 2px 4px 8px rgba(0, 0, 0, 0.1);
}
@media (min-width: 1221px) {
  .pageTypeInterior .hasPageTitle.hasPageImage #core #interiorHeader {
    max-height: 96px;
    margin-bottom: 230px;
  }
  .pageTypeInterior .hasPageTitle.hasPageImage #core #pageTitle .pageTitleWrapper {
    -webkit-line-clamp: 1;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: normal;
  }
  .pageTypeInterior .hasPageTitle.hasPageImage #core #addthisWrapper {
    bottom: -285px;
  }
}
@media (min-width: 1221px) {
  .pageTypeInterior .hasPageTitle.noPageImage #core #interiorHeader {
    padding-block: 15px 20px;
  }
  .pageTypeInterior .hasPageTitle.noPageImage #addthisWrapper {
    bottom: -80px;
  }
  .pageTypeInterior .hasPageTitle.noPageImage #core.duo #interiorHeader #addthisWrapper {
    bottom: -55px;
  }
}
@media (min-width: 1221px) {
  .pageTypeInterior .noPageTitle.hasPageImage #core #interiorHeader {
    margin-bottom: 230px;
  }
  .pageTypeInterior .noPageTitle.hasPageImage #addthisWrapper {
    bottom: -270px;
  }
}
.pageTypeInterior .noPageTitle.noPageImage #core #interiorHeader {
  padding-block: 0;
}
@media (min-width: 1221px) {
  .pageTypeInterior .noPageTitle.noPageImage #addthisWrapper {
    bottom: -80px;
  }
}
.pageTypeInterior #interiorHeader #pageTitle .pageTitleWrapper {
  text-transform: uppercase;
}
@media (max-width: 500px) {
  .pageTypeInterior #interiorHeader #pageTitle .pageTitleWrapper {
    font-size: 36px;
  }
}
@media (min-width: 1221px) {
  .pageTypeInterior .hasPageImage.hasPageTitle #pageImage {
    top: 248px;
  }
  .pageTypeInterior .hasPageImage.noPageTitle #pageImage {
    top: 152px;
  }
}
@media (max-width: 1220px) {
  .pageTypeInterior #background.hasSections #core #interiorHeader {
    margin-bottom: 0;
  }
}
@media (min-width: 1221px) {
  .pageTypeInterior #background.hasSections #core #addthisWrapper {
    transform: translateY(-25px);
  }
}
@media (max-width: 1220px) {
  .pageTypeInterior #background.hasSections #core #addthisWrapper {
    transform: translateY(-5px);
  }
}
.pageTypeInterior #background.hasSections #core #section1 > li:first-child .sectionInner.headlineSection {
  z-index: 1;
}
@media (min-width: 1221px) {
  .pageTypeInterior #background.hasSections #core #interiorHeader:has(#addthisWrapper) + #section1 > li:first-child .sectionInner:not(.headlineSection) > header {
    padding-top: 90px;
  }
}
@media (max-width: 1220px) {
  .pageTypeInterior #background.hasSections #core #interiorHeader:has(#addthisWrapper) + #section1 > li:first-child .sectionInner:not(.headlineSection) > header {
    padding-top: 70px;
  }
}
.pageTypeInterior #background:has(#core:not(.section)) {
  background-color: #fff8ee;
}
.pageTypeInterior #core.duo {
  --module-title-color: #000;
  margin-bottom: 40px;
  max-width: 1360px !important;
}
@media (min-width: 1221px) {
  .pageTypeInterior #core.duo #interiorHeader {
    float: unset;
    left: 50%;
    transform: translateX(-50%);
    min-width: 1170px;
    width: 90vw !important;
    max-width: 1720px;
  }
}
@media (min-width: 1221px) {
  .pageTypeInterior #core.duo #content1 {
    margin-top: 70px;
    padding-left: min(4vw, 70px);
    width: calc(100% - 365px);
  }
}
.pageTypeInterior #core.duo #content1 .moduleName {
  margin-bottom: 30px;
  padding-bottom: 15px;
  border-bottom: 1px solid #ccc;
}
.pageTypeInterior #core.duo #content1 > li:not(:first-child) .moduleName {
  padding-top: 30px;
}
.pageTypeInterior #core.duo #content2 .peopleModule .person.group {
  padding-top: 30px;
}
.pageTypeInterior #core.duo #content2 .peopleModule .person.group .thumb,
.pageTypeInterior #core.duo #content2 .peopleModule .person.group:not(.hasThumb):before {
  display: none;
}
@media (min-width: 1221px) {
  .pageTypeInterior #core.duo #content2 {
    margin-top: 30px;
  }
  .pageTypeInterior #core.duo #content2 > li {
    margin-bottom: 50px;
  }
}
#background #core.interior.person .moduleInner.content img,
#background #core.interior.news .moduleInner.content img,
#background #core.interior.event .moduleInner.content img {
  border-radius: 20px;
  padding: 0;
  margin-bottom: 20px;
}
@media (min-width: 1221px) {
  #background #core.interior.person .moduleInner.content img,
  #background #core.interior.news .moduleInner.content img,
  #background #core.interior.event .moduleInner.content img {
    margin-left: 20px;
  }
}
@media (max-width: 1220px) {
  #background #core.interior.person .moduleInner.content img,
  #background #core.interior.news .moduleInner.content img,
  #background #core.interior.event .moduleInner.content img {
    float: unset;
  }
}
@media (max-width: 500px) {
  #background #core.interior.person .moduleInner.content img,
  #background #core.interior.news .moduleInner.content img,
  #background #core.interior.event .moduleInner.content img {
    max-width: 100%;
  }
}
#background #core.interior.person .moduleInner.content .personSocialMedia,
#background #core.interior.news .moduleInner.content .personSocialMedia,
#background #core.interior.event .moduleInner.content .personSocialMedia {
  display: flex;
  align-items: center;
  gap: 7px;
  box-sizing: border-box;
  margin-top: 20px;
}
#background #core.interior.person .moduleInner.content .personSocialMedia a,
#background #core.interior.news .moduleInner.content .personSocialMedia a,
#background #core.interior.event .moduleInner.content .personSocialMedia a {
  flex-shrink: 0;
  border-width: 1px;
  border-style: solid;
  border-color: var(--person-social-media-border-color);
  border-radius: 50%;
  padding: 7px;
  width: 14px;
  height: 14px;
  color: var(--person-social-media-icon-color);
  background-color: var(--person-social-media-bg-color);
}
#background #core.interior.person .moduleInner.content .personSocialMedia a:hover,
#background #core.interior.news .moduleInner.content .personSocialMedia a:hover,
#background #core.interior.event .moduleInner.content .personSocialMedia a:hover {
  border-color: var(--person-social-media-border-color-hover);
  color: var(--person-social-media-icon-color-hover);
  background-color: var(--person-social-media-bg-color-hover);
}
#background #core.interior.person .moduleInner.content .personSocialMedia a.facebookSocialMedia .icon,
#background #core.interior.news .moduleInner.content .personSocialMedia a.facebookSocialMedia .icon,
#background #core.interior.event .moduleInner.content .personSocialMedia a.facebookSocialMedia .icon {
  padding-block: 1px;
}
#background #core.interior.person .moduleInner.content .personSocialMedia a:nth-child(n + 4),
#background #core.interior.news .moduleInner.content .personSocialMedia a:nth-child(n + 4),
#background #core.interior.event .moduleInner.content .personSocialMedia a:nth-child(n + 4) {
  display: none;
}
#background #core.interior.person .moduleInner.content .personSocialMedia a,
#background #core.interior.news .moduleInner.content .personSocialMedia a,
#background #core.interior.event .moduleInner.content .personSocialMedia a {
  border-color: var(--person-alternate-social-media-border-color);
  color: var(--person-alternate-social-media-icon-color);
  background-color: var(--person-alternate-social-media-bg-color);
}
#background #core.interior.person .moduleInner.content .personSocialMedia a:hover,
#background #core.interior.news .moduleInner.content .personSocialMedia a:hover,
#background #core.interior.event .moduleInner.content .personSocialMedia a:hover {
  border-color: var(--person-alternate-social-media-border-color-hover);
  color: var(--person-alternate-social-media-icon-color-hover);
  background-color: var(--person-alternate-social-media-bg-color-hover);
}
.pageTypeInterior #core.singleColumn #content1 {
  width: 100%;
}
@media (min-width: 1221px) {
  .pageTypeInterior #core.singleColumn #content1 {
    margin-top: 60px;
  }
}
@media (min-width: 1221px) and (max-width: 1280px) {
  .pageTypeInterior #core.singleColumn #content1 {
    padding-inline: 5%;
  }
}
.pageTypeInterior .hasPageTitle.noPageImage #core.singleColumn #addthisWrapper {
  bottom: -50px;
}
.side-nav-page-styles {
  box-sizing: border-box;
  transition: 0.2s;
}
.side-nav-page-styles > .navName {
  position: relative;
  border-bottom: 1px solid #a26207;
  padding-block: 0;
  font-family: "Montserrat", "Roboto", "Helvetica", Arial, sans-serif;
  font-weight: 500;
  line-height: 2.9;
  letter-spacing: 0;
  text-transform: none;
  color: #1d1a1a;
  transition: 0.2s;
}
.side-nav-page-styles > .navName:hover {
  text-decoration: none;
  color: #a14300;
}
.side-nav-page-styles.selected > .navName,
.side-nav-page-styles.sideNavSelected > .navName,
.side-nav-page-styles.featured > .navName {
  text-decoration: none;
  color: #a14300;
}
.side-nav-page-styles-aggregate {
  box-sizing: border-box;
  position: relative;
  border-bottom: 1px solid #a26207;
  padding-block: 0;
  font-family: "Montserrat", "Roboto", "Helvetica", Arial, sans-serif;
  font-weight: 500;
  line-height: 2.9;
  letter-spacing: 0;
  text-transform: none;
  transition: 0.2s;
}
.side-nav-page-styles-aggregate > .navName {
  transition: 0.2s;
}
.side-nav-page-styles-aggregate:hover > .navName {
  text-decoration: none;
  color: #a14300;
}
.side-nav-page-styles-aggregate.selected,
.side-nav-page-styles-aggregate.sideNavSelected,
.side-nav-page-styles-aggregate.featured {
  font-weight: 500;
  text-decoration: none;
  color: #a14300;
}
.side-nav-page-styles-aggregate.selected > .navName,
.side-nav-page-styles-aggregate.sideNavSelected > .navName,
.side-nav-page-styles-aggregate.featured > .navName {
  text-decoration: none;
  color: #a14300;
}
.pageTypeInterior div:not(#mobilePanel) #sideNav,
.pageTypeInterior div:not(#mobilePanel) .aggregateSideNav,
.pageTypeInterior div:not(#mobilePanel) .bulletinsSideNav,
.pageTypeInterior div:not(#mobilePanel) .pageTagsSideNav {
  position: relative;
  border-radius: 20px;
  padding: 40px 80px 40px 50px;
  background-color: #ffd190;
}
.pageTypeInterior div:not(#mobilePanel) #sideNav #topLink,
.pageTypeInterior div:not(#mobilePanel) .aggregateSideNav #topLink,
.pageTypeInterior div:not(#mobilePanel) .bulletinsSideNav #topLink,
.pageTypeInterior div:not(#mobilePanel) .pageTagsSideNav #topLink,
.pageTypeInterior div:not(#mobilePanel) [class*="SideNav"] #topLink,
.pageTypeInterior div:not(#mobilePanel) [class*="sideNav"] #topLink {
  border-bottom: none;
  padding-block: 4px 18px;
  font-family: "Montserrat", "Roboto", "Helvetica", Arial, sans-serif;
  font-size: 17px;
  font-style: normal;
  font-weight: 700;
  line-height: 1.3;
  text-transform: uppercase;
  color: #a14300;
}
.pageTypeInterior div:not(#mobilePanel) #sideNav li:has(#topLink),
.pageTypeInterior div:not(#mobilePanel) .aggregateSideNav li:has(#topLink),
.pageTypeInterior div:not(#mobilePanel) .bulletinsSideNav li:has(#topLink),
.pageTypeInterior div:not(#mobilePanel) .pageTagsSideNav li:has(#topLink),
.pageTypeInterior div:not(#mobilePanel) [class*="SideNav"] li:has(#topLink),
.pageTypeInterior div:not(#mobilePanel) [class*="sideNav"] li:has(#topLink) {
  border-top: none;
}
.pageTypeInterior div:not(#mobilePanel) #sideNav li:has(#topLink) > ul > li:first-child a,
.pageTypeInterior div:not(#mobilePanel) .aggregateSideNav li:has(#topLink) > ul > li:first-child a,
.pageTypeInterior div:not(#mobilePanel) .bulletinsSideNav li:has(#topLink) > ul > li:first-child a,
.pageTypeInterior div:not(#mobilePanel) .pageTagsSideNav li:has(#topLink) > ul > li:first-child a,
.pageTypeInterior div:not(#mobilePanel) [class*="SideNav"] li:has(#topLink) > ul > li:first-child a,
.pageTypeInterior div:not(#mobilePanel) [class*="sideNav"] li:has(#topLink) > ul > li:first-child a {
  border-top: none;
}
.pageTypeInterior div:not(#mobilePanel) #sideNav .navCollapsible,
.pageTypeInterior div:not(#mobilePanel) .aggregateSideNav .navCollapsible,
.pageTypeInterior div:not(#mobilePanel) .bulletinsSideNav .navCollapsible,
.pageTypeInterior div:not(#mobilePanel) .pageTagsSideNav .navCollapsible,
.pageTypeInterior div:not(#mobilePanel) [class*="SideNav"] .navCollapsible,
.pageTypeInterior div:not(#mobilePanel) [class*="sideNav"] .navCollapsible {
  box-sizing: border-box;
  transition: 0.2s;
}
.pageTypeInterior div:not(#mobilePanel) #sideNav .navCollapsible > .navName,
.pageTypeInterior div:not(#mobilePanel) .aggregateSideNav .navCollapsible > .navName,
.pageTypeInterior div:not(#mobilePanel) .bulletinsSideNav .navCollapsible > .navName,
.pageTypeInterior div:not(#mobilePanel) .pageTagsSideNav .navCollapsible > .navName,
.pageTypeInterior div:not(#mobilePanel) [class*="SideNav"] .navCollapsible > .navName,
.pageTypeInterior div:not(#mobilePanel) [class*="sideNav"] .navCollapsible > .navName {
  position: relative;
  border-bottom: 1px solid #a26207;
  padding-block: 0;
  font-family: "Montserrat", "Roboto", "Helvetica", Arial, sans-serif;
  font-weight: 500;
  line-height: 2.9;
  letter-spacing: 0;
  text-transform: none;
  color: #1d1a1a;
  transition: 0.2s;
}
.pageTypeInterior div:not(#mobilePanel) #sideNav .navCollapsible > .navName:hover,
.pageTypeInterior div:not(#mobilePanel) .aggregateSideNav .navCollapsible > .navName:hover,
.pageTypeInterior div:not(#mobilePanel) .bulletinsSideNav .navCollapsible > .navName:hover,
.pageTypeInterior div:not(#mobilePanel) .pageTagsSideNav .navCollapsible > .navName:hover,
.pageTypeInterior div:not(#mobilePanel) [class*="SideNav"] .navCollapsible > .navName:hover,
.pageTypeInterior div:not(#mobilePanel) [class*="sideNav"] .navCollapsible > .navName:hover {
  text-decoration: none;
  color: #a14300;
}
.pageTypeInterior div:not(#mobilePanel) #sideNav .navCollapsible.selected > .navName,
.pageTypeInterior div:not(#mobilePanel) .aggregateSideNav .navCollapsible.selected > .navName,
.pageTypeInterior div:not(#mobilePanel) .bulletinsSideNav .navCollapsible.selected > .navName,
.pageTypeInterior div:not(#mobilePanel) .pageTagsSideNav .navCollapsible.selected > .navName,
.pageTypeInterior div:not(#mobilePanel) [class*="SideNav"] .navCollapsible.selected > .navName,
.pageTypeInterior div:not(#mobilePanel) [class*="sideNav"] .navCollapsible.selected > .navName,
.pageTypeInterior div:not(#mobilePanel) #sideNav .navCollapsible.sideNavSelected > .navName,
.pageTypeInterior div:not(#mobilePanel) .aggregateSideNav .navCollapsible.sideNavSelected > .navName,
.pageTypeInterior div:not(#mobilePanel) .bulletinsSideNav .navCollapsible.sideNavSelected > .navName,
.pageTypeInterior div:not(#mobilePanel) .pageTagsSideNav .navCollapsible.sideNavSelected > .navName,
.pageTypeInterior div:not(#mobilePanel) [class*="SideNav"] .navCollapsible.sideNavSelected > .navName,
.pageTypeInterior div:not(#mobilePanel) [class*="sideNav"] .navCollapsible.sideNavSelected > .navName,
.pageTypeInterior div:not(#mobilePanel) #sideNav .navCollapsible.featured > .navName,
.pageTypeInterior div:not(#mobilePanel) .aggregateSideNav .navCollapsible.featured > .navName,
.pageTypeInterior div:not(#mobilePanel) .bulletinsSideNav .navCollapsible.featured > .navName,
.pageTypeInterior div:not(#mobilePanel) .pageTagsSideNav .navCollapsible.featured > .navName,
.pageTypeInterior div:not(#mobilePanel) [class*="SideNav"] .navCollapsible.featured > .navName,
.pageTypeInterior div:not(#mobilePanel) [class*="sideNav"] .navCollapsible.featured > .navName {
  text-decoration: none;
  color: #a14300;
}
.pageTypeInterior div:not(#mobilePanel) #sideNav .navCollapsible .navName:before,
.pageTypeInterior div:not(#mobilePanel) .aggregateSideNav .navCollapsible .navName:before,
.pageTypeInterior div:not(#mobilePanel) .bulletinsSideNav .navCollapsible .navName:before,
.pageTypeInterior div:not(#mobilePanel) .pageTagsSideNav .navCollapsible .navName:before,
.pageTypeInterior div:not(#mobilePanel) [class*="SideNav"] .navCollapsible .navName:before,
.pageTypeInterior div:not(#mobilePanel) [class*="sideNav"] .navCollapsible .navName:before {
  display: none;
}
.pageTypeInterior div:not(#mobilePanel) #sideNav .navCollapsible > .navName:after,
.pageTypeInterior div:not(#mobilePanel) .aggregateSideNav .navCollapsible > .navName:after,
.pageTypeInterior div:not(#mobilePanel) .bulletinsSideNav .navCollapsible > .navName:after,
.pageTypeInterior div:not(#mobilePanel) .pageTagsSideNav .navCollapsible > .navName:after,
.pageTypeInterior div:not(#mobilePanel) [class*="SideNav"] .navCollapsible > .navName:after,
.pageTypeInterior div:not(#mobilePanel) [class*="sideNav"] .navCollapsible > .navName:after {
  content: "\f0da";
  position: absolute;
  top: calc(50% - 10px);
  right: 3px;
  display: inline-block;
  padding-left: 5px;
  transition: 0.1s;
  font-family: "Font Awesome 7 Solid";
  font-size: 15px;
  font-weight: 400;
  line-height: 1;
  color: #a26207;
}
.pageTypeInterior div:not(#mobilePanel) #sideNav .navCollapsible > ul > li:last-child,
.pageTypeInterior div:not(#mobilePanel) .aggregateSideNav .navCollapsible > ul > li:last-child,
.pageTypeInterior div:not(#mobilePanel) .bulletinsSideNav .navCollapsible > ul > li:last-child,
.pageTypeInterior div:not(#mobilePanel) .pageTagsSideNav .navCollapsible > ul > li:last-child,
.pageTypeInterior div:not(#mobilePanel) [class*="SideNav"] .navCollapsible > ul > li:last-child,
.pageTypeInterior div:not(#mobilePanel) [class*="sideNav"] .navCollapsible > ul > li:last-child {
  margin-bottom: 15px;
}
.pageTypeInterior div:not(#mobilePanel) #sideNav .navCollapsible.navCollapsed > .navName:after,
.pageTypeInterior div:not(#mobilePanel) .aggregateSideNav .navCollapsible.navCollapsed > .navName:after,
.pageTypeInterior div:not(#mobilePanel) .bulletinsSideNav .navCollapsible.navCollapsed > .navName:after,
.pageTypeInterior div:not(#mobilePanel) .pageTagsSideNav .navCollapsible.navCollapsed > .navName:after,
.pageTypeInterior div:not(#mobilePanel) [class*="SideNav"] .navCollapsible.navCollapsed > .navName:after,
.pageTypeInterior div:not(#mobilePanel) [class*="sideNav"] .navCollapsible.navCollapsed > .navName:after {
  transform: rotate(0);
}
.pageTypeInterior div:not(#mobilePanel) #sideNav .navCollapsible > .navName:after,
.pageTypeInterior div:not(#mobilePanel) .aggregateSideNav .navCollapsible > .navName:after,
.pageTypeInterior div:not(#mobilePanel) .bulletinsSideNav .navCollapsible > .navName:after,
.pageTypeInterior div:not(#mobilePanel) .pageTagsSideNav .navCollapsible > .navName:after,
.pageTypeInterior div:not(#mobilePanel) [class*="SideNav"] .navCollapsible > .navName:after,
.pageTypeInterior div:not(#mobilePanel) [class*="sideNav"] .navCollapsible > .navName:after {
  transform: rotate(90deg);
}
.pageTypeInterior div:not(#mobilePanel) #sideNav > .moduleInner > ul > li > ul .navPage,
.pageTypeInterior div:not(#mobilePanel) .aggregateSideNav > .moduleInner > ul > li > ul .navPage,
.pageTypeInterior div:not(#mobilePanel) .bulletinsSideNav > .moduleInner > ul > li > ul .navPage,
.pageTypeInterior div:not(#mobilePanel) .pageTagsSideNav > .moduleInner > ul > li > ul .navPage,
.pageTypeInterior div:not(#mobilePanel) [class*="SideNav"] > .moduleInner > ul > li > ul .navPage,
.pageTypeInterior div:not(#mobilePanel) [class*="sideNav"] > .moduleInner > ul > li > ul .navPage,
.pageTypeInterior div:not(#mobilePanel) #sideNav > .moduleInner > ul > li > ul .navLink,
.pageTypeInterior div:not(#mobilePanel) .aggregateSideNav > .moduleInner > ul > li > ul .navLink,
.pageTypeInterior div:not(#mobilePanel) .bulletinsSideNav > .moduleInner > ul > li > ul .navLink,
.pageTypeInterior div:not(#mobilePanel) .pageTagsSideNav > .moduleInner > ul > li > ul .navLink,
.pageTypeInterior div:not(#mobilePanel) [class*="SideNav"] > .moduleInner > ul > li > ul .navLink,
.pageTypeInterior div:not(#mobilePanel) [class*="sideNav"] > .moduleInner > ul > li > ul .navLink {
  box-sizing: border-box;
  transition: 0.2s;
}
.pageTypeInterior div:not(#mobilePanel) #sideNav > .moduleInner > ul > li > ul .navPage > .navName,
.pageTypeInterior div:not(#mobilePanel) .aggregateSideNav > .moduleInner > ul > li > ul .navPage > .navName,
.pageTypeInterior div:not(#mobilePanel) .bulletinsSideNav > .moduleInner > ul > li > ul .navPage > .navName,
.pageTypeInterior div:not(#mobilePanel) .pageTagsSideNav > .moduleInner > ul > li > ul .navPage > .navName,
.pageTypeInterior div:not(#mobilePanel) [class*="SideNav"] > .moduleInner > ul > li > ul .navPage > .navName,
.pageTypeInterior div:not(#mobilePanel) [class*="sideNav"] > .moduleInner > ul > li > ul .navPage > .navName,
.pageTypeInterior div:not(#mobilePanel) #sideNav > .moduleInner > ul > li > ul .navLink > .navName,
.pageTypeInterior div:not(#mobilePanel) .aggregateSideNav > .moduleInner > ul > li > ul .navLink > .navName,
.pageTypeInterior div:not(#mobilePanel) .bulletinsSideNav > .moduleInner > ul > li > ul .navLink > .navName,
.pageTypeInterior div:not(#mobilePanel) .pageTagsSideNav > .moduleInner > ul > li > ul .navLink > .navName,
.pageTypeInterior div:not(#mobilePanel) [class*="SideNav"] > .moduleInner > ul > li > ul .navLink > .navName,
.pageTypeInterior div:not(#mobilePanel) [class*="sideNav"] > .moduleInner > ul > li > ul .navLink > .navName {
  position: relative;
  border-bottom: 1px solid #a26207;
  padding-block: 0;
  font-family: "Montserrat", "Roboto", "Helvetica", Arial, sans-serif;
  font-weight: 500;
  line-height: 2.9;
  letter-spacing: 0;
  text-transform: none;
  color: #1d1a1a;
  transition: 0.2s;
}
.pageTypeInterior div:not(#mobilePanel) #sideNav > .moduleInner > ul > li > ul .navPage > .navName:hover,
.pageTypeInterior div:not(#mobilePanel) .aggregateSideNav > .moduleInner > ul > li > ul .navPage > .navName:hover,
.pageTypeInterior div:not(#mobilePanel) .bulletinsSideNav > .moduleInner > ul > li > ul .navPage > .navName:hover,
.pageTypeInterior div:not(#mobilePanel) .pageTagsSideNav > .moduleInner > ul > li > ul .navPage > .navName:hover,
.pageTypeInterior div:not(#mobilePanel) [class*="SideNav"] > .moduleInner > ul > li > ul .navPage > .navName:hover,
.pageTypeInterior div:not(#mobilePanel) [class*="sideNav"] > .moduleInner > ul > li > ul .navPage > .navName:hover,
.pageTypeInterior div:not(#mobilePanel) #sideNav > .moduleInner > ul > li > ul .navLink > .navName:hover,
.pageTypeInterior div:not(#mobilePanel) .aggregateSideNav > .moduleInner > ul > li > ul .navLink > .navName:hover,
.pageTypeInterior div:not(#mobilePanel) .bulletinsSideNav > .moduleInner > ul > li > ul .navLink > .navName:hover,
.pageTypeInterior div:not(#mobilePanel) .pageTagsSideNav > .moduleInner > ul > li > ul .navLink > .navName:hover,
.pageTypeInterior div:not(#mobilePanel) [class*="SideNav"] > .moduleInner > ul > li > ul .navLink > .navName:hover,
.pageTypeInterior div:not(#mobilePanel) [class*="sideNav"] > .moduleInner > ul > li > ul .navLink > .navName:hover {
  text-decoration: none;
  color: #a14300;
}
.pageTypeInterior div:not(#mobilePanel) #sideNav > .moduleInner > ul > li > ul .navPage.selected > .navName,
.pageTypeInterior div:not(#mobilePanel) .aggregateSideNav > .moduleInner > ul > li > ul .navPage.selected > .navName,
.pageTypeInterior div:not(#mobilePanel) .bulletinsSideNav > .moduleInner > ul > li > ul .navPage.selected > .navName,
.pageTypeInterior div:not(#mobilePanel) .pageTagsSideNav > .moduleInner > ul > li > ul .navPage.selected > .navName,
.pageTypeInterior div:not(#mobilePanel) [class*="SideNav"] > .moduleInner > ul > li > ul .navPage.selected > .navName,
.pageTypeInterior div:not(#mobilePanel) [class*="sideNav"] > .moduleInner > ul > li > ul .navPage.selected > .navName,
.pageTypeInterior div:not(#mobilePanel) #sideNav > .moduleInner > ul > li > ul .navLink.selected > .navName,
.pageTypeInterior div:not(#mobilePanel) .aggregateSideNav > .moduleInner > ul > li > ul .navLink.selected > .navName,
.pageTypeInterior div:not(#mobilePanel) .bulletinsSideNav > .moduleInner > ul > li > ul .navLink.selected > .navName,
.pageTypeInterior div:not(#mobilePanel) .pageTagsSideNav > .moduleInner > ul > li > ul .navLink.selected > .navName,
.pageTypeInterior div:not(#mobilePanel) [class*="SideNav"] > .moduleInner > ul > li > ul .navLink.selected > .navName,
.pageTypeInterior div:not(#mobilePanel) [class*="sideNav"] > .moduleInner > ul > li > ul .navLink.selected > .navName,
.pageTypeInterior div:not(#mobilePanel) #sideNav > .moduleInner > ul > li > ul .navPage.sideNavSelected > .navName,
.pageTypeInterior div:not(#mobilePanel) .aggregateSideNav > .moduleInner > ul > li > ul .navPage.sideNavSelected > .navName,
.pageTypeInterior div:not(#mobilePanel) .bulletinsSideNav > .moduleInner > ul > li > ul .navPage.sideNavSelected > .navName,
.pageTypeInterior div:not(#mobilePanel) .pageTagsSideNav > .moduleInner > ul > li > ul .navPage.sideNavSelected > .navName,
.pageTypeInterior div:not(#mobilePanel) [class*="SideNav"] > .moduleInner > ul > li > ul .navPage.sideNavSelected > .navName,
.pageTypeInterior div:not(#mobilePanel) [class*="sideNav"] > .moduleInner > ul > li > ul .navPage.sideNavSelected > .navName,
.pageTypeInterior div:not(#mobilePanel) #sideNav > .moduleInner > ul > li > ul .navLink.sideNavSelected > .navName,
.pageTypeInterior div:not(#mobilePanel) .aggregateSideNav > .moduleInner > ul > li > ul .navLink.sideNavSelected > .navName,
.pageTypeInterior div:not(#mobilePanel) .bulletinsSideNav > .moduleInner > ul > li > ul .navLink.sideNavSelected > .navName,
.pageTypeInterior div:not(#mobilePanel) .pageTagsSideNav > .moduleInner > ul > li > ul .navLink.sideNavSelected > .navName,
.pageTypeInterior div:not(#mobilePanel) [class*="SideNav"] > .moduleInner > ul > li > ul .navLink.sideNavSelected > .navName,
.pageTypeInterior div:not(#mobilePanel) [class*="sideNav"] > .moduleInner > ul > li > ul .navLink.sideNavSelected > .navName,
.pageTypeInterior div:not(#mobilePanel) #sideNav > .moduleInner > ul > li > ul .navPage.featured > .navName,
.pageTypeInterior div:not(#mobilePanel) .aggregateSideNav > .moduleInner > ul > li > ul .navPage.featured > .navName,
.pageTypeInterior div:not(#mobilePanel) .bulletinsSideNav > .moduleInner > ul > li > ul .navPage.featured > .navName,
.pageTypeInterior div:not(#mobilePanel) .pageTagsSideNav > .moduleInner > ul > li > ul .navPage.featured > .navName,
.pageTypeInterior div:not(#mobilePanel) [class*="SideNav"] > .moduleInner > ul > li > ul .navPage.featured > .navName,
.pageTypeInterior div:not(#mobilePanel) [class*="sideNav"] > .moduleInner > ul > li > ul .navPage.featured > .navName,
.pageTypeInterior div:not(#mobilePanel) #sideNav > .moduleInner > ul > li > ul .navLink.featured > .navName,
.pageTypeInterior div:not(#mobilePanel) .aggregateSideNav > .moduleInner > ul > li > ul .navLink.featured > .navName,
.pageTypeInterior div:not(#mobilePanel) .bulletinsSideNav > .moduleInner > ul > li > ul .navLink.featured > .navName,
.pageTypeInterior div:not(#mobilePanel) .pageTagsSideNav > .moduleInner > ul > li > ul .navLink.featured > .navName,
.pageTypeInterior div:not(#mobilePanel) [class*="SideNav"] > .moduleInner > ul > li > ul .navLink.featured > .navName,
.pageTypeInterior div:not(#mobilePanel) [class*="sideNav"] > .moduleInner > ul > li > ul .navLink.featured > .navName {
  text-decoration: none;
  color: #a14300;
}
#background #core .aggregateSideNav > ul > li ul.aggregatePages .aggregateLabel:first-child > .navName,
#background #core .aggregateSideNav > ul > li ul.aggregateMonths .aggregateLabel:first-child > .navName {
  border-bottom: none;
  padding-block: 8px 8px;
  font-family: "Montserrat", "Roboto", "Helvetica", Arial, sans-serif;
  font-size: 17px;
  font-style: normal;
  font-weight: 700;
  line-height: 1.3;
  text-transform: uppercase;
  color: #a14300;
}
#background #core .aggregateSideNav > ul > li ul.aggregatePages .aggregatePage,
#background #core .aggregateSideNav > ul > li ul.aggregateMonths .aggregatePage {
  box-sizing: border-box;
  position: relative;
  border-bottom: 1px solid #a26207;
  padding-block: 0;
  font-family: "Montserrat", "Roboto", "Helvetica", Arial, sans-serif;
  font-weight: 500;
  line-height: 2.9;
  letter-spacing: 0;
  text-transform: none;
  transition: 0.2s;
}
#background #core .aggregateSideNav > ul > li ul.aggregatePages .aggregatePage > .navName,
#background #core .aggregateSideNav > ul > li ul.aggregateMonths .aggregatePage > .navName {
  transition: 0.2s;
}
#background #core .aggregateSideNav > ul > li ul.aggregatePages .aggregatePage:hover > .navName,
#background #core .aggregateSideNav > ul > li ul.aggregateMonths .aggregatePage:hover > .navName {
  text-decoration: none;
  color: #a14300;
}
#background #core .aggregateSideNav > ul > li ul.aggregatePages .aggregatePage.selected,
#background #core .aggregateSideNav > ul > li ul.aggregateMonths .aggregatePage.selected,
#background #core .aggregateSideNav > ul > li ul.aggregatePages .aggregatePage.sideNavSelected,
#background #core .aggregateSideNav > ul > li ul.aggregateMonths .aggregatePage.sideNavSelected,
#background #core .aggregateSideNav > ul > li ul.aggregatePages .aggregatePage.featured,
#background #core .aggregateSideNav > ul > li ul.aggregateMonths .aggregatePage.featured {
  font-weight: 500;
  text-decoration: none;
  color: #a14300;
}
#background #core .aggregateSideNav > ul > li ul.aggregatePages .aggregatePage.selected > .navName,
#background #core .aggregateSideNav > ul > li ul.aggregateMonths .aggregatePage.selected > .navName,
#background #core .aggregateSideNav > ul > li ul.aggregatePages .aggregatePage.sideNavSelected > .navName,
#background #core .aggregateSideNav > ul > li ul.aggregateMonths .aggregatePage.sideNavSelected > .navName,
#background #core .aggregateSideNav > ul > li ul.aggregatePages .aggregatePage.featured > .navName,
#background #core .aggregateSideNav > ul > li ul.aggregateMonths .aggregatePage.featured > .navName {
  text-decoration: none;
  color: #a14300;
}
#background #core .aggregateSideNav > ul > li ul.aggregatePages .aggregateMonth,
#background #core .aggregateSideNav > ul > li ul.aggregateMonths .aggregateMonth {
  box-sizing: border-box;
  position: relative;
  border-bottom: 1px solid #a26207;
  padding-block: 0;
  font-family: "Montserrat", "Roboto", "Helvetica", Arial, sans-serif;
  font-weight: 500;
  line-height: 2.9;
  letter-spacing: 0;
  text-transform: none;
  transition: 0.2s;
}
#background #core .aggregateSideNav > ul > li ul.aggregatePages .aggregateMonth > .navName,
#background #core .aggregateSideNav > ul > li ul.aggregateMonths .aggregateMonth > .navName {
  transition: 0.2s;
}
#background #core .aggregateSideNav > ul > li ul.aggregatePages .aggregateMonth:hover > .navName,
#background #core .aggregateSideNav > ul > li ul.aggregateMonths .aggregateMonth:hover > .navName {
  text-decoration: none;
  color: #a14300;
}
#background #core .aggregateSideNav > ul > li ul.aggregatePages .aggregateMonth.selected,
#background #core .aggregateSideNav > ul > li ul.aggregateMonths .aggregateMonth.selected,
#background #core .aggregateSideNav > ul > li ul.aggregatePages .aggregateMonth.sideNavSelected,
#background #core .aggregateSideNav > ul > li ul.aggregateMonths .aggregateMonth.sideNavSelected,
#background #core .aggregateSideNav > ul > li ul.aggregatePages .aggregateMonth.featured,
#background #core .aggregateSideNav > ul > li ul.aggregateMonths .aggregateMonth.featured {
  font-weight: 500;
  text-decoration: none;
  color: #a14300;
}
#background #core .aggregateSideNav > ul > li ul.aggregatePages .aggregateMonth.selected > .navName,
#background #core .aggregateSideNav > ul > li ul.aggregateMonths .aggregateMonth.selected > .navName,
#background #core .aggregateSideNav > ul > li ul.aggregatePages .aggregateMonth.sideNavSelected > .navName,
#background #core .aggregateSideNav > ul > li ul.aggregateMonths .aggregateMonth.sideNavSelected > .navName,
#background #core .aggregateSideNav > ul > li ul.aggregatePages .aggregateMonth.featured > .navName,
#background #core .aggregateSideNav > ul > li ul.aggregateMonths .aggregateMonth.featured > .navName {
  text-decoration: none;
  color: #a14300;
}
#background #core .aggregateSideNav > ul > li ul.aggregatePages .aggregateYear:last-child,
#background #core .aggregateSideNav > ul > li ul.aggregateMonths .aggregateYear:last-child,
#background #core .aggregateSideNav > ul > li ul.aggregatePages .aggregatePage:last-child,
#background #core .aggregateSideNav > ul > li ul.aggregateMonths .aggregatePage:last-child {
  margin-bottom: 20px;
}
#background #core .bulletinsSideNav .aggregateYear .bulletinName {
  box-sizing: border-box;
  position: relative;
  border-bottom: 1px solid #a26207;
  padding-block: 0;
  font-family: "Montserrat", "Roboto", "Helvetica", Arial, sans-serif;
  font-weight: 500;
  line-height: 2.9;
  letter-spacing: 0;
  text-transform: none;
  transition: 0.2s;
}
#background #core .bulletinsSideNav .aggregateYear .bulletinName > .navName {
  transition: 0.2s;
}
#background #core .bulletinsSideNav .aggregateYear .bulletinName:hover > .navName {
  text-decoration: none;
  color: #a14300;
}
#background #core .bulletinsSideNav .aggregateYear .bulletinName.selected,
#background #core .bulletinsSideNav .aggregateYear .bulletinName.sideNavSelected,
#background #core .bulletinsSideNav .aggregateYear .bulletinName.featured {
  font-weight: 500;
  text-decoration: none;
  color: #a14300;
}
#background #core .bulletinsSideNav .aggregateYear .bulletinName.selected > .navName,
#background #core .bulletinsSideNav .aggregateYear .bulletinName.sideNavSelected > .navName,
#background #core .bulletinsSideNav .aggregateYear .bulletinName.featured > .navName {
  text-decoration: none;
  color: #a14300;
}
#background #core .bulletinsSideNav .aggregateYear .bulletinName > .navName {
  font-family: "Figtree", "Roboto", "Helvetica", Arial, sans-serif;
  font-weight: 500;
}
#background #core .bulletinsSideNav .aggregateYear .bulletin.group:last-child {
  margin-bottom: 10px;
}
#background #core .pageTagsSideNav .pageTagLink {
  box-sizing: border-box;
  position: relative;
  border-bottom: 1px solid #a26207;
  padding-block: 0;
  font-family: "Montserrat", "Roboto", "Helvetica", Arial, sans-serif;
  font-weight: 500;
  line-height: 2.9;
  letter-spacing: 0;
  text-transform: none;
  transition: 0.2s;
}
#background #core .pageTagsSideNav .pageTagLink > .navName {
  transition: 0.2s;
}
#background #core .pageTagsSideNav .pageTagLink:hover > .navName {
  text-decoration: none;
  color: #a14300;
}
#background #core .pageTagsSideNav .pageTagLink.selected,
#background #core .pageTagsSideNav .pageTagLink.sideNavSelected,
#background #core .pageTagsSideNav .pageTagLink.featured {
  font-weight: 500;
  text-decoration: none;
  color: #a14300;
}
#background #core .pageTagsSideNav .pageTagLink.selected > .navName,
#background #core .pageTagsSideNav .pageTagLink.sideNavSelected > .navName,
#background #core .pageTagsSideNav .pageTagLink.featured > .navName {
  text-decoration: none;
  color: #a14300;
}
@media (max-width: 1220px) {
  #core.aggregate.events #content2,
  #core.aggregate.news #content2,
  #core.aggregate.photoalbums #content2,
  #core.aggregate.bulletins #content2 {
    order: 1;
  }
  #core.aggregate.events #content1,
  #core.aggregate.news #content1,
  #core.aggregate.photoalbums #content1,
  #core.aggregate.bulletins #content1 {
    margin-top: 0 !important;
  }
}
.aggregate.calendarPage #pageTitle {
  display: flex;
  column-gap: 20px;
  row-gap: 10px;
}
.aggregate.calendarPage #pageTitle .calendarViewToggle,
.aggregate.calendarPage #pageTitle #fieldGroup-calendarPageSelection {
  margin: 0;
}
@media (min-width: 1221px) {
  .aggregate.calendarPage #pageTitle {
    align-items: center;
    flex-wrap: wrap;
  }
}
@media (max-width: 1220px) {
  .aggregate.calendarPage #pageTitle {
    flex-direction: column;
    align-items: start;
    flex-wrap: nowrap;
  }
  .aggregate.calendarPage #pageTitle .pageTitleOnlyText {
    flex-basis: 100%;
  }
  .aggregate.calendarPage #pageTitle .calendarViewToggle {
    margin-bottom: 5px;
  }
}
.aggregate.calendarPage #pageTitle .calendarViewToggle {
  position: static;
  white-space: nowrap;
  color: #fff;
  transition: 0.3s;
}
.aggregate.calendarPage #pageTitle .calendarViewToggle:hover {
  color: #ffd190;
}
.aggregate.calendarPage #pageTitle #calendarPageSelection {
  border-color: #fff;
}
@media (max-width: 800px) {
  .aggregate.calendarPage #pageTitle #calendarPageSelection {
    margin-bottom: 15px;
  }
}
#core.aggregate.events #pageTitle {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  column-gap: 20px;
  row-gap: 10px;
}
#core.aggregate.events #pageTitle .calendarViewToggle,
#core.aggregate.events #pageTitle #fieldGroup-calendarPageSelection {
  margin: 0;
}
#core.aggregate.events #pageTitle .calendarViewToggle {
  position: static;
  white-space: nowrap;
}
#core.aggregate.events #pageTitle .calendarViewToggle,
#core.aggregate.events #pageTitle .exportCalendar {
  color: #fff;
  transition: 0.3s;
}
#core.aggregate.events #pageTitle .calendarViewToggle:hover,
#core.aggregate.events #pageTitle .exportCalendar:hover {
  color: #ffd190;
}
#core.aggregate.events #pageTitle .calendarExportContainer {
  position: relative;
  flex-shrink: 0;
}
#core.aggregate.events #pageTitle .calendarExportContainer .fieldHelp {
  top: 36px !important;
  right: unset !important;
  left: 10px !important;
  width: fit-content;
}
#core.aggregate.events #content1 {
  display: flex;
  gap: 5px 15px;
  flex-wrap: wrap;
}
@media (max-width: 1220px) {
  #core.aggregate.events #content1 {
    justify-content: center;
  }
}
#core.aggregate.events .event.group.infinite-item {
  flex-grow: 1;
  width: 100%;
}
@media (min-width: 501px) {
  #core.aggregate.events .event.group.infinite-item {
    grid-template-areas: "date . . ." "date . name ." "date . summary ." "date . . .";
    grid-template-columns: min-content 20px 1fr 40px;
    grid-template-rows: 1fr min-content min-content 1fr;
  }
  #core.aggregate.events .event.group.infinite-item .name {
    transform: translateY(-10px);
  }
}
@media (max-width: 500px) {
  #core.aggregate.events .event.group.infinite-item {
    grid-template-areas: "date ." ". ." "name name" "summary summary";
    grid-template-columns: min-content 1fr;
    grid-template-rows: min-content 20px repeat(2, min-content);
  }
}
#core.aggregate.events .event.group.infinite-item .time {
  display: none;
}
#core.aggregate.events .event.group.infinite-item:not(:has(.endDate .day)) .endDate .dash {
  display: none;
}
#core.event #content2 {
  margin-bottom: 0 !important;
}
#core.event #content1 .content .add-to-calendar-button {
  display: inline-block;
  margin-bottom: 15px;
}
#core.event #content1 .content img.pagePicture {
  float: unset;
  padding-left: unset;
}
@media (min-width: 1221px) {
  #core.event #content1 .content img.pagePicture {
    margin-left: 0 !important;
  }
}
#core.event #content1 .content .eventDetails {
  margin-top: 20px;
}
#core.aggregate.news #pageTitle {
  display: flex;
  align-items: center;
  gap: 20px;
}
#core.aggregate.news #pageTitle .rssLink {
  position: static;
  flex-shrink: 0;
  margin-top: 0;
  color: #fff;
  background-color: transparent;
}
#core.aggregate.news #pageTitle .rssLink:hover {
  color: #ffd190;
  text-decoration: none;
}
#core.aggregate.news #content1 {
  display: flex;
  column-gap: 25px;
  flex-wrap: wrap;
}
@media (max-width: 1220px) {
  #core.aggregate.news #content1 {
    justify-content: center;
  }
}
#core.aggregate.news .news.group.infinite-item {
  flex-grow: 1;
  grid-template-areas: ". ." "name name" ". ." "date author" ". .";
  grid-template-columns: auto 1fr;
  margin: 0 0 30px 0 !important;
  padding-inline: 30px;
}
@media (min-width: 1221px) {
  #core.aggregate.news .news.group.infinite-item {
    flex-basis: calc((100% - 60px) / 3);
  }
}
@media (min-width: 601px) and (max-width: 1220px) {
  #core.aggregate.news .news.group.infinite-item {
    flex-basis: 46%;
  }
}
@media (max-width: 600px) {
  #core.aggregate.news .news.group.infinite-item {
    width: 100%;
  }
}
#core.aggregate.news .news.group.infinite-item .date {
  grid-area: date;
  margin-right: 5px;
  margin-bottom: 0;
}
#core.aggregate.news .news.group.infinite-item .author {
  grid-area: author;
  height: 22px;
  -webkit-line-clamp: 1;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: normal;
}
#core.aggregate.news .news.group.infinite-item .comma,
#core.aggregate.news .news.group.infinite-item .year {
  display: none;
}
#core.aggregate.photoalbums .photoAlbumName {
  font-family: "Belleza", "Times New Roman", Times, serif;
}
#core.aggregate.photoalbums a.name {
  font-size: 22px;
  font-weight: 600;
  white-space: normal;
}
#core.aggregate.photoalbums img.thumb {
  object-fit: cover;
}
#core.aggregate.photoalbums .viewMore {
  margin-bottom: 10px;
  font-family: "Montserrat", "Roboto", "Helvetica", Arial, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: normal;
  color: #3b1708;
  transition: 0.2s;
}
#core.aggregate.photoalbums .viewMore:hover {
  text-decoration: underline;
  color: #a14300;
}
#core.aggregate.photoalbums .photoAlbum.group.infinite-item:not(:has(img)) {
  margin-bottom: 24px;
}
@media (max-width: 500px) {
  #core.aggregate.photoalbums .photoAlbum.group {
    grid-gap: 10px;
  }
  #core.aggregate.photoalbums .photoAlbum.group > a {
    flex-basis: 48%;
    padding: unset;
  }
  #core.aggregate.photoalbums .photoAlbum.group > a img.thumb {
    width: 100%;
  }
}
#core.aggregate.search #interiorHeader {
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: start;
  gap: 4px;
}
#core.aggregate.search #interiorHeader #coreSearch {
  margin-bottom: 15px !important;
}
#core.aggregate.search #interiorHeader #coreSearchField {
  border-radius: 10px;
  padding-inline: 10px 36px;
  width: 180px;
}
#core.aggregate.search #interiorHeader #searchSubmit {
  padding: 10px;
  width: 20px;
}
#core.aggregate.search #interiorHeader #searchSubmit .icon {
  color: #000;
  transition: 0.2s;
}
#core.aggregate.search #interiorHeader #searchSubmit:hover {
  filter: var(--custom-copper-filter);
}
#core.aggregate.search .group {
  padding-top: 15px;
}
#core.aggregate.search .group .recurringSchedule {
  margin-top: 5px;
}
#core.aggregate.search .group .date {
  font-weight: 400;
}
#core.aggregate.search .group .name {
  margin-bottom: 5px;
}
#core.aggregate.search .group .name a {
  line-height: 1.2;
}
#core.aggregate.search .group .name a:hover {
  text-decoration: underline;
}
#core.aggregate.search .searchPager {
  display: flex;
}
#core.aggregate.search .searchPager:has(.searchLast) .searchNext {
  padding-left: 8px;
}
#core.aggregate.search .searchNext,
#core.aggregate.search .searchLast {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
#core.aggregate.search .searchNext:before,
#core.aggregate.search .searchLast:before,
#core.aggregate.search .searchNext:after,
#core.aggregate.search .searchLast:after {
  position: static;
}
#core.aggregate.search .searchLast {
  margin-left: 0;
  border-color: #ccc;
}
@media (min-width: 1221px) {
  .pageTypeInterior .hasPageImage.hasPageTitle #core.aggregate.search #interiorHeader {
    flex-direction: row;
    align-items: center;
  }
  .pageTypeInterior .hasPageImage.hasPageTitle #core.aggregate.search #interiorHeader #coreSearch {
    margin-left: 40px;
    margin-block: 0 -3px;
  }
}
#core.aggregate.bulletins #content1 .bulletin .bulletinName a {
  font-weight: 700;
}
#core.aggregate.bulletins #content1 .bulletin .bulletinName a:hover {
  text-decoration: underline;
}
#core.aggregate.bulletins #content1 .bulletin .bulletinName a img {
  margin-top: 30px;
}
#footerBackground:before {
  position: absolute;
  content: "";
  top: 0;
  left: 50%;
  width: 200vw;
  height: 1px;
  transform: translateX(-50%);
  background-color: #000;
}
@media (min-width: 1221px) {
  .footerConnectGroupModule {
    padding-top: 80px;
  }
}
@media (max-width: 1220px) {
  .footerConnectGroupModule {
    padding-block: 60px;
  }
}
#footer {
  position: relative;
  z-index: 1;
}
@media (min-width: 1221px) {
  #footer {
    min-width: 1170px;
    width: 90vw;
    max-width: 1720px;
  }
}
#footer #footerText {
  text-align: left;
  line-height: 1.9;
}
#footer .footer-main-content {
  position: relative;
  display: flex;
  gap: 40px;
  padding-bottom: 90px;
}
@media (min-width: 1221px) {
  #footer .footer-main-content {
    padding-top: 50px;
    justify-content: space-between;
  }
}
@media (min-width: 601px) and (max-width: 1220px) {
  #footer .footer-main-content {
    display: grid;
    grid-template-areas: "col-1 col-2 col-5" "col-1 col-3 col-4";
    grid-row-gap: 80px;
  }
  #footer .footer-main-content .column-1 {
    grid-area: col-1;
  }
  #footer .footer-main-content .column-2 {
    grid-area: col-2;
  }
  #footer .footer-main-content .column-3 {
    grid-area: col-3;
  }
  #footer .footer-main-content .column-4 {
    grid-area: col-4;
  }
  #footer .footer-main-content .column-5 {
    grid-area: col-5;
  }
}
@media (min-width: 501px) and (max-width: 850px) {
  #footer .footer-main-content {
    grid-template-areas: "col-1 col-1" "col-2 col-5" "col-3 col-4";
    grid-row-gap: 40px;
  }
  #footer .footer-main-content .column-3,
  #footer .footer-main-content .column-4 {
    margin-top: 40px;
  }
}
@media (max-width: 850px) {
  #footer .footer-main-content {
    text-align: center !important;
  }
  #footer .footer-main-content .column-1,
  #footer .footer-main-content .cta-text {
    margin-inline: auto;
  }
  #footer .footer-main-content .cta-button {
    margin-right: 0;
  }
}
@media (max-width: 600px) {
  #footer .footer-main-content {
    flex-direction: column;
  }
}
#footer .footer-logo {
  flex-shrink: 0;
  width: 220px;
  height: 250px;
  overflow: visible;
  background-image: url("/39006/design/logo-solg-footer.png");
  background-position: left center;
  background-size: contain;
  background-repeat: no-repeat;
}
@media (min-width: 1221px) {
  #footer .footer-logo {
    transform: translateY(-25px);
  }
}
#footer .footer-logo .logo-link-wrapper {
  position: absolute;
  inset: 0;
}
#footer .footer-title {
  position: relative;
  display: inline-block;
  margin-bottom: 17px;
  font-family: "Belleza", "Times New Roman", Times, serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.2;
  text-transform: uppercase;
}
#footer address {
  font-style: normal;
}
#footer .footer-phone a,
#footer .footer-link a,
#footer .footer-mail a {
  transition: 0.3s;
}
#footer .cta-button.htmlButton {
  position: relative;
  box-sizing: border-box;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  margin: 18px 18px 18px 0;
  border-radius: 3px;
  border-width: 1px;
  border-style: solid;
  padding-block: 20px;
  padding-inline: 50px;
  height: auto;
  font-family: "Montserrat", "Roboto", "Helvetica", Arial, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 3px;
  text-transform: uppercase;
  transition: 0.3s;
  color: var(--primary-btn-color);
  background-color: var(--primary-btn-bg-color);
  border-color: var(--primary-btn-border-color);
  letter-spacing: 4px;
}
#footer .cta-button.htmlButton:hover {
  color: var(--primary-btn-color-hover);
  background-color: var(--primary-btn-bg-color-hover);
  border-color: var(--primary-btn-border-color-hover);
}
#footer .column-2 {
  display: flex;
  flex-direction: column;
  gap: 22px;
}
#footer .column-2 .footer-title {
  margin-block: 10px 6px;
}
#footer .column-2 span {
  font-weight: 700;
}
#footer .column-3 .footer-title span,
#footer .column-4 .footer-title span {
  display: block;
}
#footer .opening-hours-wrapper {
  display: flex;
  gap: 30px;
}
#footer .opening-hours {
  margin-bottom: 20px;
}
#footer .donate .cta-text {
  max-width: 250px;
}
#footer .register {
  padding-top: 70px;
}
#footer .register .footer-title {
  margin-bottom: 30px;
}
#footer .register .footer-link {
  margin-bottom: 5px;
}
@media (min-width: 1700px) {
  #footer .column-3 {
    padding-left: 50px;
  }
  #footer .column-4 {
    padding-right: 50px;
  }
  #footer .column-5 {
    padding-right: 100px;
  }
}
#footerSocialMediaBody {
  display: flex;
  gap: 10px;
  margin-top: 35px;
  margin-bottom: 28px;
}
#footerSocialMediaBody > a {
  margin: 0;
  border-radius: 50%;
  border: 1px solid #000;
  width: 35px;
  height: 35px;
  transition: 0.5s;
}
#footerSocialMediaBody > a:hover {
  border-color: #a14300;
}
#footerSocialMediaBody > a svg {
  background: none;
}
#footerSocialMediaBody > a .icon {
  padding: 10px;
}
#footerSocialMediaBody > a.facebookSocialMedia .icon {
  padding-block: 11px;
}
.footer-copy {
  position: relative;
  padding-top: 12px;
  padding-bottom: 12px;
  font-family: "Montserrat", "Roboto", "Helvetica", Arial, sans-serif;
  font-weight: 400;
  line-height: 1.9;
  z-index: 0;
}
.footer-copy:before {
  position: absolute;
  content: "";
  top: 0;
  left: 50%;
  width: 200vw;
  height: 1px;
  transform: translateX(-50%);
  background-color: #000;
}
.footer-copy:after {
  position: absolute;
  content: "";
  bottom: 0;
  left: 50%;
  width: 200vw;
  height: 1px;
  transform: translateX(-50%);
  background-color: #000;
}
@media (max-width: 850px) {
  .footer-copy {
    text-align: center;
  }
}
@media (max-width: 600px) {
  .footer-copy .all-rights-reserved {
    display: block;
  }
}
#footerGroup {
  min-width: 220px;
}
#footerGroup .adminLogout,
#footerGroup #login,
#footerGroup #footerBrand a {
  color: #000 !important;
  transition: 0.3s;
}
#footerGroup .adminLogout:hover,
#footerGroup #login:hover,
#footerGroup #footerBrand a:hover {
  color: #a14300 !important;
}
@media (min-width: 1221px) {
  #footer .footerConnectGroupModule .formStyling .firstLastNameField > div,
  #footer .footerConnectGroupModule .formStyling .duoField > div,
  #footer .footerConnectGroupModule .formStyling .firstLastNameField input,
  #footer .footerConnectGroupModule .formStyling .duoField input {
    width: 240px;
  }
}
.rowSection.fourModule.customFourModule > .editBar :is(.toggleTitleButton, .toggleSubtitleButton) {
  display: none;
}
.rowSection.fourModule.customFourModule > header {
  padding-top: 70px;
}
.rowSection.fourModule.customFourModule > footer {
  padding-bottom: 35px;
}
.rowSection.fourModule.customFourModule .sectionBody {
  display: grid;
  gap: 30px;
}
@media (min-width: 1221px) {
  .rowSection.fourModule.customFourModule .sectionBody {
    max-width: 1555px;
  }
}
@media (min-width: 1401px) {
  .rowSection.fourModule.customFourModule .sectionBody {
    grid-template-areas: "item-1 item-2 item-3 item-4";
    grid-template-columns: repeat(3, min-content) 1fr;
  }
}
@media (min-width: 901px) and (max-width: 1400px) {
  .rowSection.fourModule.customFourModule .sectionBody {
    grid-template-areas: ". item-4 item-4 item-4 ." ". item-1 item-2 item-3 .";
    grid-template-columns: 1fr repeat(3, auto) 1fr;
  }
}
@media (min-width: 1221px) and (max-width: 1400px) {
  .rowSection.fourModule.customFourModule .sectionBody {
    grid-template-columns: 1fr repeat(3, min-content) 1fr;
  }
}
@media (min-width: 901px) and (max-width: 1220px) {
  .rowSection.fourModule.customFourModule .sectionBody {
    grid-template-columns: min-content repeat(3, 1fr) min-content;
  }
}
@media (min-width: 701px) and (max-width: 900px) {
  .rowSection.fourModule.customFourModule .sectionBody {
    grid-template-areas: "item-4 item-4" "item-1 item-2" "item-3 item-3";
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 700px) {
  .rowSection.fourModule.customFourModule .sectionBody {
    grid-template-areas: "item-4" "item-1" "item-2" "item-3";
    grid-template-columns: 1fr;
  }
}
.rowSection.fourModule.customFourModule .modulePosition {
  width: unset;
}
.rowSection.fourModule.customFourModule .modulePosition:nth-child(1),
.rowSection.fourModule.customFourModule .modulePosition:nth-child(2),
.rowSection.fourModule.customFourModule .modulePosition:nth-child(3) {
  height: auto;
}
@media (min-width: 1001px) {
  .rowSection.fourModule.customFourModule .modulePosition:nth-child(1),
  .rowSection.fourModule.customFourModule .modulePosition:nth-child(2),
  .rowSection.fourModule.customFourModule .modulePosition:nth-child(3) {
    width: 295px;
  }
}
.rowSection.fourModule.customFourModule .modulePosition:nth-child(1) .sectionButtonModule,
.rowSection.fourModule.customFourModule .modulePosition:nth-child(2) .sectionButtonModule,
.rowSection.fourModule.customFourModule .modulePosition:nth-child(3) .sectionButtonModule,
.rowSection.fourModule.customFourModule .modulePosition:nth-child(1) .moduleBody,
.rowSection.fourModule.customFourModule .modulePosition:nth-child(2) .moduleBody,
.rowSection.fourModule.customFourModule .modulePosition:nth-child(3) .moduleBody {
  height: auto;
  margin: 0 !important;
}
@media (min-width: 1221px) {
  .rowSection.fourModule.customFourModule .modulePosition:nth-child(1),
  .rowSection.fourModule.customFourModule .modulePosition:nth-child(2),
  .rowSection.fourModule.customFourModule .modulePosition:nth-child(3) {
    align-self: center;
  }
}
@media (min-width: 901px) and (max-width: 1400px) {
  .rowSection.fourModule.customFourModule .modulePosition:nth-child(1),
  .rowSection.fourModule.customFourModule .modulePosition:nth-child(2),
  .rowSection.fourModule.customFourModule .modulePosition:nth-child(3) {
    justify-self: center;
  }
}
.rowSection.fourModule.customFourModule .modulePosition:nth-child(1) {
  grid-area: item-1;
}
.rowSection.fourModule.customFourModule .modulePosition:nth-child(2) {
  grid-area: item-2;
}
.rowSection.fourModule.customFourModule .modulePosition:nth-child(3) {
  grid-area: item-3;
}
.rowSection.fourModule.customFourModule .modulePosition:nth-child(4) {
  grid-area: item-4;
}
@media (min-width: 1221px) {
  .rowSection.fourModule.customFourModule .modulePosition:nth-child(4) {
    margin-left: auto;
  }
}
@media (min-width: 1401px) {
  .rowSection.fourModule.customFourModule .modulePosition:nth-child(4) {
    max-width: 475px;
  }
}
#core .rowSection.oneModule.heroImageWithCallout > .editBar :is(.toggleTitleButton, .toggleSubtitleButton) {
  display: none;
}
#core .rowSection.oneModule.heroImageWithCallout .sectionName,
#core .rowSection.oneModule.heroImageWithCallout .sectionTextModule {
  display: none;
}
@media (max-width: 1220px) {
  #core .rowSection.oneModule.heroImageWithCallout .sectionBackground {
    background-size: cover;
  }
}
@media (max-width: 1220px) and (min-width: 501px) {
  #core .rowSection.oneModule.heroImageWithCallout .sectionBackground {
    background-position: left 140px center;
  }
}
#core .rowSection.oneModule.heroImageWithCallout > header {
  padding-top: 180px;
}
@media (max-width: 500px) {
  #core .rowSection.oneModule.heroImageWithCallout > header {
    padding-top: 110px;
  }
}
#core .rowSection.oneModule.heroImageWithCallout > footer {
  padding-bottom: 110px;
}
#core .rowSection.oneModule.heroImageWithCallout .sectionBody {
  justify-content: end;
  margin-inline: auto;
  max-width: 1170px;
}
#core .rowSection.oneModule.heroImageWithCallout .modulePosition {
  flex-grow: 0;
  flex-shrink: 0;
  margin-top: 6px;
  margin-left: 10px;
}
@media (min-width: 1221px) {
  #core .rowSection.oneModule.heroImageWithCallout .modulePosition {
    width: 530px;
  }
}
@media (max-width: 1220px) and (min-width: 501px) {
  #core .rowSection.oneModule.heroImageWithCallout .modulePosition {
    flex-basis: 56%;
  }
}
#core .rowSection.oneModule.heroImageWithCallout .moduleInner {
  border-radius: 20px;
  padding-block: 65px 45px;
  padding-inline: 80px;
  overflow: hidden;
  background-color: #fff;
}
#core .rowSection.oneModule.heroImageWithCallout .moduleInner > .editBar {
  right: 20px;
}
#core .rowSection.oneModule.heroImageWithCallout .moduleInner.editable.hoverEditable {
  border-radius: 20px !important;
}
@media (max-width: 1220px) {
  #core .rowSection.oneModule.heroImageWithCallout .moduleInner {
    padding-top: 50px;
    padding-inline: 50px;
  }
}
#core .rowSection.oneModule.heroImageWithCallout .moduleInner .moduleName {
  padding-bottom: 15px;
}
#core .rowSection.oneModule.heroImageWithCallout .moduleInner .moduleName:after {
  content: "";
  display: block;
  margin-top: 15px;
  width: 60px;
  height: 2px;
  background-color: #d58f76;
}
#core .rowSection.oneModule.heroImageWithCallout .moduleInner .moduleTitle {
  font-size: 30px;
  letter-spacing: 2px;
  color: #000;
}
@media (min-width: 1221px) {
  #core .rowSection.oneModule.heroImageWithCallout > footer {
    padding-bottom: 108px;
  }
}
#core .rowSection.massTimes > .editBar :is(.toggleTitleButton, .toggleSubtitleButton) {
  display: none;
}
#core .rowSection.massTimes:not(.hasBackgroundImage) .sectionBackground:before {
  position: absolute;
  content: "";
  top: 0;
  left: 50%;
  width: 110vw;
  height: 100%;
  transform: translateX(-50%);
  background-image: url("/39006/design/mass-times-bg-img.jpg");
  background-position: top right;
  background-size: cover;
  background-repeat: no-repeat;
  z-index: -1;
}
@media (min-width: 1221px) and (max-width: 1920px) {
  #core .rowSection.massTimes:not(.hasBackgroundImage) .sectionBackground:before {
    background-position: center right -200px;
  }
}
@media (max-width: 1220px) {
  #core .rowSection.massTimes:not(.hasBackgroundImage) .sectionBackground:before {
    background-position: top right -520px;
  }
}
#core .rowSection.massTimes .sectionName,
#core .rowSection.massTimes .sectionTextModule {
  display: none;
}
@media (max-width: 1220px) {
  #core .rowSection.massTimes .sectionBackground {
    background-size: cover;
  }
}
#core .rowSection.massTimes > header {
  padding-top: 100px;
}
#core .rowSection.massTimes > footer {
  padding-bottom: 100px;
}
#core .rowSection.massTimes .sectionBody {
  gap: 60px;
  box-sizing: border-box;
  margin-right: auto;
  border-radius: 20px;
  max-width: 1120px;
  background-color: rgba(255, 255, 255, 0.6);
}
@media (min-width: 1221px) {
  #core .rowSection.massTimes .sectionBody {
    padding: 85px;
  }
}
@media (max-width: 1220px) and (min-width: 501px) {
  #core .rowSection.massTimes .sectionBody {
    padding: 50px;
    background-color: rgba(255, 255, 255, 0.8);
  }
}
@media (min-width: 701px) and (max-width: 1220px) {
  #core .rowSection.massTimes .sectionBody {
    max-width: 70%;
  }
}
@media (max-width: 500px) {
  #core .rowSection.massTimes .sectionBody {
    padding: 35px;
    background-color: rgba(255, 255, 255, 0.8);
  }
}
#core .rowSection.massTimes .modulePosition {
  max-width: 400px;
}
#core .rowSection.massTimes .moduleInner > .editBar {
  right: 20px;
}
@media (min-width: 1601px) {
  #core .rowSection.oneModule.testimonials {
    display: grid;
    padding-block: 130px 100px;
    grid-template-areas: "header . sectionBody" "textModule . sectionBody" ". . sectionBody" "footer footer footer";
    grid-template-columns: 27% 50px 1fr;
  }
  #core .rowSection.oneModule.testimonials > header {
    grid-area: header;
    padding-block: 0;
  }
  #core .rowSection.oneModule.testimonials > header .sectionName {
    margin-bottom: 30px;
  }
  #core .rowSection.oneModule.testimonials .sectionTextModule {
    grid-area: textModule;
  }
  #core .rowSection.oneModule.testimonials .sectionBody {
    grid-area: sectionBody;
    padding-block: 0;
  }
  #core .rowSection.oneModule.testimonials > footer {
    grid-area: footer;
    padding-block: 0;
  }
}
#core .rowSection.oneModule.testimonials .sectionName {
  align-items: start;
}
@media (min-width: 501px) {
  #core .rowSection.oneModule.testimonials .sectionTitle,
  #core .rowSection.oneModule.testimonials .moduleTitle {
    font-size: 58px;
  }
}
#core .rowSection.oneModule.testimonials .testimonials-slider {
  padding-bottom: 50px;
  max-width: 1060px;
}
@media (min-width: 1221px) {
  #core .rowSection.oneModule.testimonials .testimonials-slider {
    margin-left: auto;
  }
}
#core .rowSection.oneModule.testimonials article,
#core .rowSection.oneModule.testimonials .slick-slide {
  position: relative;
  display: flex;
  gap: min(4vw, 60px);
  box-sizing: border-box;
  max-width: 1060px;
  width: 100%;
}
@media (min-width: 1221px) {
  #core .rowSection.oneModule.testimonials article,
  #core .rowSection.oneModule.testimonials .slick-slide {
    width: 1060px;
  }
}
@media (max-width: 1000px) {
  #core .rowSection.oneModule.testimonials article,
  #core .rowSection.oneModule.testimonials .slick-slide {
    flex-direction: column;
  }
}
#core .rowSection.oneModule.testimonials .slide-text-container {
  position: relative;
  margin-top: 15px;
}
#core .rowSection.oneModule.testimonials .slide-text-container .testimonial-text {
  margin-block: 0 60px;
  font-family: "Montserrat", "Roboto", "Helvetica", Arial, sans-serif;
  font-size: 16px;
  line-height: 1.9;
}
#core .rowSection.oneModule.testimonials .slide-text-container .name {
  font-family: "Figtree", "Roboto", "Helvetica", Arial, sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.5;
}
#core .rowSection.oneModule.testimonials .slide-text-container .info {
  font-family: "Montserrat", "Roboto", "Helvetica", Arial, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.9;
}
@media (max-width: 1000px) {
  #core .rowSection.oneModule.testimonials .slide-video-container {
    order: -1;
    width: 100% !important;
  }
}
#core .rowSection.oneModule.testimonials .slide-img-container {
  position: relative;
  flex-shrink: 0;
  border-radius: 20px;
  max-width: 100%;
  width: 530px;
  aspect-ratio: 1.5;
  overflow: hidden;
  background-color: #fff0db;
}
@media (min-width: 1000px) and (max-width: 1221px) {
  #core .rowSection.oneModule.testimonials .slide-img-container {
    width: 450px;
  }
}
@media (max-width: 1000px) {
  #core .rowSection.oneModule.testimonials .slide-img-container {
    min-width: 100%;
  }
}
#core .rowSection.oneModule.testimonials .slide-img-container img {
  margin: 0 !important;
  border-radius: unset !important;
  width: 100% !important;
  height: 100%;
  object-fit: cover;
}
#background:not(.admin) .rowSection.oneModule.testimonials .testimonials-slider {
  padding-bottom: 50px;
  max-width: 1060px;
}
@media (min-width: 1221px) {
  #background:not(.admin) .rowSection.oneModule.testimonials .testimonials-slider {
    margin-left: auto;
  }
}
#background:not(.admin) .rowSection.oneModule.testimonials .slick-list {
  max-width: 1060px;
}
@media (max-width: 1000px) {
  #background:not(.admin) .rowSection.oneModule.testimonials .slick-list {
    padding-bottom: 20px;
  }
}
#background:not(.admin) .rowSection.oneModule.testimonials .slick-track {
  display: flex;
}
#background:not(.admin) .rowSection.oneModule.testimonials .slick-slide {
  width: 100%;
  height: auto !important;
}
#background:not(.admin) .rowSection.oneModule.testimonials .slick-slide .slide-video-container {
  position: relative;
}
#background:not(.admin) .rowSection.oneModule.testimonials .slick-slide .slide-video-container:has(a) {
  width: fit-content;
  height: fit-content;
}
#background:not(.admin) .rowSection.oneModule.testimonials .slick-slide .slide-video-container:has(a) .video-link-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#background:not(.admin) .rowSection.oneModule.testimonials .slick-slide .slide-video-container:has(a) a {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border: 1px solid rgba(255, 255, 255, 0.5);
  border-radius: 50%;
  width: 86px;
  height: 86px;
  font-size: 0;
  background-image: url("/39006/design/solg-play-icon.svg");
  background-position: center;
  background-size: 24px;
  background-repeat: no-repeat;
  background-color: rgba(48, 48, 48, 0.6);
  backdrop-filter: blur(2px);
  transition: 0.3s;
}
#background:not(.admin) .rowSection.oneModule.testimonials .slick-slide .slide-video-container:has(a) a:hover {
  background-color: rgba(48, 48, 48, 0.8);
}
#background:not(.admin) .rowSection.oneModule.testimonials .slick-slide .slide-img-container:not(:has(img)) {
  background-image: url("/39006/design/logo-solg-footer.png");
  background-position: center;
  background-size: 200px;
  background-repeat: no-repeat;
}
@media (max-width: 450px) {
  #background:not(.admin) .rowSection.oneModule.testimonials .slick-slide .slide-img-container:not(:has(img)) {
    background-size: 150px;
  }
}
#background:not(.admin) .rowSection.oneModule.testimonials .slick-slide .slide-img-container:has(img) img {
  position: absolute;
  top: 0;
}
#background:not(.admin) .rowSection.oneModule.testimonials .slick-arrow {
  top: unset !important;
  bottom: -10px;
  right: unset;
  left: 0;
  border-radius: 20px;
  border: 1px solid #fff;
  width: 32px;
  height: 32px;
  background-color: #fff;
  transition: 0.2s;
}
#background:not(.admin) .rowSection.oneModule.testimonials .slick-arrow:before {
  font-family: "Font Awesome 7 Regular";
  font-size: 16px;
  color: #000;
  opacity: 1;
}
#background:not(.admin) .rowSection.oneModule.testimonials .slick-arrow:hover {
  border-color: #3b1708;
  background-color: #3b1708;
}
#background:not(.admin) .rowSection.oneModule.testimonials .slick-arrow:hover:before {
  color: #fff;
}
#background:not(.admin) .rowSection.oneModule.testimonials .slick-arrow.slick-prev {
  z-index: 1;
}
#background:not(.admin) .rowSection.oneModule.testimonials .slick-arrow.slick-prev:before {
  content: "\f060";
}
#background:not(.admin) .rowSection.oneModule.testimonials .slick-arrow.slick-next {
  margin-left: 42px;
}
#background:not(.admin) .rowSection.oneModule.testimonials .slick-arrow.slick-next:before {
  content: "\f061";
}
#background.admin .rowSection.oneModule.testimonials .testimonials-slider {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
@media (max-width: 1000px) {
  #background.admin .rowSection.oneModule.testimonials .testimonials-slider {
    justify-content: space-around;
  }
}
#background.admin .rowSection.oneModule.testimonials article {
  padding-bottom: 20px;
  border: 1px dotted #aaa;
}
@media (min-width: 1221px) {
  #background.admin .rowSection.oneModule.testimonials article {
    margin-inline: auto 0 !important;
  }
}
#background.admin .rowSection.oneModule.testimonials article .slide-img-container:not(:has(img)):before {
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  width: 80%;
  height: fit-content;
  transform: translate(-50%, -50%);
  content: "\f03e";
  font-family: "Font Awesome 7 Solid";
  font-size: 40px;
  text-align: center;
  color: #777;
}
#background.admin .rowSection.oneModule.testimonials article .slide-img-container a {
  display: block;
}
#background.admin .rowSection.oneModule.testimonials article img {
  position: absolute;
  top: 0;
  left: 0;
  border-radius: unset !important;
}
#core .rowSection.oneModule.sponsorLogos .sectionTitle,
#core .rowSection.oneModule.sponsorLogos .moduleTitle {
  text-align: center;
}
#core .rowSection.oneModule.sponsorLogos > header {
  padding-top: 30px;
}
#core .rowSection.oneModule.sponsorLogos > footer {
  padding-bottom: 20px;
}
#core .rowSection.oneModule.sponsorLogos .logos-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 5px;
}
#core .rowSection.oneModule.sponsorLogos .logos-row {
  display: flex;
  justify-content: center;
  column-gap: 40px;
  row-gap: 5px;
}
@media (max-width: 1400px) {
  #core .rowSection.oneModule.sponsorLogos .logos-row {
    flex-wrap: wrap;
  }
}
@media (max-width: 500px) {
  #core .rowSection.oneModule.sponsorLogos .logos-row {
    flex-direction: column;
    margin-inline: auto;
    width: fit-content;
  }
}
#core .rowSection.oneModule.sponsorLogos .logo-img-container {
  position: relative;
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 160px;
  height: 100px;
  overflow: hidden;
}
#core .rowSection.oneModule.sponsorLogos .logo-img-container:has(img) img {
  margin-inline: auto;
  max-width: 150px;
  max-height: 90px;
  object-fit: contain;
  object-position: center;
}
#core .rowSection.oneModule.sponsorLogos img {
  border-radius: 0 !important;
}
#background.admin #core .rowSection.oneModule.sponsorLogos .logo-img-container:not(:has(img)):before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  font-family: PillGothic300mg-Light, Tahoma, Arial, sans-serif;
  font-size: 16px;
  color: #555;
  content: "Logo:\A Click to choose \Aor drag it here";
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border: 1px dashed #777;
  font-size: 13px;
  text-align: center;
  white-space: pre-line;
  line-height: 1.1;
}
#background:not(.admin) #core .rowSection.oneModule.sponsorLogos .logo-img-container:not(:has(img)) {
  display: none;
}
#core .rowSection.twoModule.newsAndEvents .sectionBody {
  position: relative;
  display: grid;
  grid-gap: 0;
}
#core .rowSection.twoModule.newsAndEvents .sectionBody:before {
  grid-area: divider;
  content: "";
  display: inline-block;
  background-color: #000;
}
@media (min-width: 1221px) {
  #core .rowSection.twoModule.newsAndEvents .sectionBody {
    grid-template-areas: "item1 . divider . item2";
  }
  #core .rowSection.twoModule.newsAndEvents .sectionBody:before {
    margin-top: 120px;
    width: 1px;
    height: calc(100% - 120px);
  }
}
@media (min-width: 1221px) {
  #core .rowSection.twoModule.newsAndEvents .sectionBody {
    grid-template-columns: 27% 5fr 1px 6fr 58%;
  }
}
@media (min-width: 801px) and (max-width: 1220px) {
  #core .rowSection.twoModule.newsAndEvents .sectionBody {
    max-width: 80%;
    margin-inline: auto;
  }
}
@media (max-width: 1220px) {
  #core .rowSection.twoModule.newsAndEvents .sectionBody {
    grid-template-areas: "item1" "." "divider" "." "item2";
    grid-template-columns: 1;
    grid-template-rows: min-content 70px 1px 80px min-content;
  }
  #core .rowSection.twoModule.newsAndEvents .sectionBody:before {
    height: 1;
    width: 100%;
  }
}
#core .rowSection.twoModule.newsAndEvents .modulePosition {
  width: unset;
}
#core .rowSection.twoModule.newsAndEvents .modulePosition:nth-child(1) {
  grid-area: item1;
}
#core .rowSection.twoModule.newsAndEvents .modulePosition:nth-child(2) {
  grid-area: item2;
}
@media (min-width: 1421px) {
  #core .rowSection.twoModule.newsAndEvents .modulePosition:nth-child(2) .news.group {
    flex-basis: calc((100% - 60px) / 3);
  }
}
#core .rowSection.twoModule.newsAndEvents .modulePosition > li {
  margin-bottom: 0;
}
@media (min-width: 501px) {
  #core .rowSection.twoModule.newsAndEvents .newsModule {
    display: grid;
    padding-block: 0;
    grid-template-areas: "header . footer" "moduleBody moduleBody moduleBody";
    grid-template-columns: "1fr 60px min-content";
  }
  #core .rowSection.twoModule.newsAndEvents .newsModule > header {
    grid-area: header;
    padding-block: 0 30px;
  }
  #core .rowSection.twoModule.newsAndEvents .newsModule .moduleBody {
    grid-area: moduleBody;
    padding-block: 0 0;
  }
  #core .rowSection.twoModule.newsAndEvents .newsModule > footer {
    grid-area: footer;
    padding-block: 0 0;
  }
  #core .rowSection.twoModule.newsAndEvents .newsModule .moduleName {
    padding-bottom: 0;
  }
  #core .rowSection.twoModule.newsAndEvents .newsModule .aggregateModuleFooter {
    justify-self: end;
    align-self: end;
    margin-right: 25px;
    padding-bottom: 35px;
  }
}
@media (min-width: 1221px) {
  #core .rowSection.twoModule.newsAndEvents .calendarModule.listView .moduleName {
    margin-top: 30px;
  }
  #core .rowSection.twoModule.newsAndEvents .calendarModule.listView .moduleBody {
    padding-top: 60px;
  }
}
#core .buttonsSection.iconButtons {
  --button-section-button-row-gap: 30px;
  --button-section-button-row-2-margin-top: 30px;
  --button-module-height: 190px;
  --button-module-placeholder-img-position: center top 4px;
  --button-module-hover-overlay-bg-color: transparent;
  --button-module-label-center-bg-color: transparent;
  --button-module-label-font-size: 16px;
  --button-module-label-font-weight: 600;
  --button-module-label-line-height: 1.2;
  --button-module-label-color: #303030;
  --button-module-icon-top: 25px;
  --button-module-icon-width: 80px;
  --button-module-icon-height: 80px;
  --button-module-icon-color-hover: #fff;
  --button-module-custom-icon-width: 45px;
  --button-module-custom-icon-height: 45px;
  --button-module-custom-icon-top: 33px;
}
#core .buttonsSection.iconButtons .apply-round-shape {
  left: 50%;
  transform: translateX(-50%);
  border-radius: 50%;
  width: 112px;
  height: 112px;
  background-color: #fff;
  opacity: 1;
}
#core .buttonsSection.iconButtons .titlePosition {
  display: none;
}
@media (max-width: 1220px) {
  #core .buttonsSection.iconButtons .sectionTitle {
    text-align: center;
  }
}
#core .buttonsSection.iconButtons .buttonPosition {
  margin-bottom: 25px !important;
  width: 270px;
  max-width: 270px;
  height: 190px;
}
#core .buttonsSection.iconButtons a.buttonModuleButton {
  --button-module-bg-color: transparent;
}
#core .buttonsSection.iconButtons a.buttonModuleButton .buttonBackground:before {
  background-image: none;
}
#core .buttonsSection.iconButtons a.buttonModuleButton .buttonLabelCenter {
  padding-inline: 0;
  background-color: transparent;
}
#core .buttonsSection.iconButtons a.buttonModuleButton .buttonLabel {
  max-width: 100%;
  letter-spacing: 3px;
}
#core .buttonsSection.iconButtons a.buttonModuleButton.customButton.hasImage .focusPointImageArea {
  margin-inline: auto;
  border-radius: 50%;
  width: 112px;
  height: 112px;
  overflow: hidden;
}
#core .buttonsSection.iconButtons a.buttonModuleButton.customButton.hasImage .focusPointImageArea:after {
  background-image: none;
  background-color: #3b1708;
  opacity: 0;
  transition: 0.3s;
}
#core .buttonsSection.iconButtons a.buttonModuleButton.customButton:not(.hasImage):not(:has(.custom-icon)) {
  background-image: none;
}
#core .buttonsSection.iconButtons a.buttonModuleButton.customButton:not(.hasImage):not(:has(.custom-icon)) .buttonBackground:before {
  left: 50%;
  transform: translateX(-50%);
  border-radius: 50%;
  width: 112px;
  height: 112px;
  background-color: #fff;
  opacity: 1;
  z-index: -1;
}
#core .buttonsSection.iconButtons a.buttonModuleButton.customButton:not(.hasImage):has(.custom-icon) .buttonBackground:before {
  left: 50%;
  transform: translateX(-50%);
  border-radius: 50%;
  width: 112px;
  height: 112px;
  background-color: #fff;
  opacity: 1;
}
#core .buttonsSection.iconButtons a.buttonModuleButton.customButton:not(.hasImage):has(.custom-icon) .buttonBackground:after {
  background-image: none;
}
#core .buttonsSection.iconButtons a.buttonModuleButton.nonCustomButton .buttonBackground {
  background-image: none;
}
#core .buttonsSection.iconButtons a.buttonModuleButton.nonCustomButton .buttonBackground:before {
  left: 50%;
  transform: translateX(-50%);
  border-radius: 50%;
  width: 112px;
  height: 112px;
  background-color: #fff;
  opacity: 1;
}
#core .buttonsSection.iconButtons a.buttonModuleButton.nonCustomButton .icon {
  max-height: 60px !important;
}
#core .buttonsSection.iconButtons a.buttonModuleButton.customButton:hover .buttonBackground:before,
#core .buttonsSection.iconButtons a.buttonModuleButton.nonCustomButton:hover .buttonBackground:before {
  background-color: #3b1708 !important;
}
#core .buttonsSection.iconButtons a.buttonModuleButton.customButton:hover .focusPointImageArea:after,
#core .buttonsSection.iconButtons a.buttonModuleButton.nonCustomButton:hover .focusPointImageArea:after {
  opacity: 0.6;
}
#core .buttonsSection.iconButtons a.buttonModuleButton.customButton:hover .icon,
#core .buttonsSection.iconButtons a.buttonModuleButton.nonCustomButton:hover .icon {
  color: #fff;
  transition: 0.3s;
}
#core .buttonsSection.iconButtons a.buttonModuleButton.customButton:hover .custom-icon:before,
#core .buttonsSection.iconButtons a.buttonModuleButton.nonCustomButton:hover .custom-icon:before {
  filter: brightness(7.5);
}
@media (min-width: 1221px) {
  #core .buttonsSection.iconButtons .sectionName {
    align-items: start;
  }
  #core .buttonsSection.iconButtons.oneAcross .buttonPosition,
  #core .buttonsSection.iconButtons.twoAcross .buttonPosition,
  #core .buttonsSection.iconButtons.threeAcross .buttonPosition {
    flex-shrink: 0;
  }
  #core .buttonsSection.iconButtons.fourAcross .buttonPosition {
    flex-shrink: 1;
    width: unset;
    min-width: 180px;
  }
  #core .buttonsSection.iconButtons.oneAcross,
  #core .buttonsSection.iconButtons.twoAcross,
  #core .buttonsSection.iconButtons.threeAcross,
  #core .buttonsSection.iconButtons.fourAcross {
    display: grid;
    grid-template-areas: "header . sectionBody" "header . sectionBody" "footer footer footer";
    padding-top: 70px;
  }
  #core .buttonsSection.iconButtons.oneAcross > header,
  #core .buttonsSection.iconButtons.twoAcross > header,
  #core .buttonsSection.iconButtons.threeAcross > header,
  #core .buttonsSection.iconButtons.fourAcross > header {
    grid-area: header;
    align-self: center;
    padding-block: 0 10px;
    max-width: 550px;
  }
  #core .buttonsSection.iconButtons.oneAcross .sectionBody,
  #core .buttonsSection.iconButtons.twoAcross .sectionBody,
  #core .buttonsSection.iconButtons.threeAcross .sectionBody,
  #core .buttonsSection.iconButtons.fourAcross .sectionBody {
    grid-area: sectionBody;
    justify-self: end;
  }
  #core .buttonsSection.iconButtons.oneAcross > footer,
  #core .buttonsSection.iconButtons.twoAcross > footer,
  #core .buttonsSection.iconButtons.threeAcross > footer,
  #core .buttonsSection.iconButtons.fourAcross > footer {
    grid-area: footer;
    padding-bottom: 10px;
  }
  #core .buttonsSection.iconButtons.oneAcross,
  #core .buttonsSection.iconButtons.twoAcross,
  #core .buttonsSection.iconButtons.threeAcross {
    grid-template-columns: minmax(240px, 1fr) 40px min-content;
  }
  #core .buttonsSection.iconButtons.fourAcross {
    grid-template-columns: minmax(160px, 320px) 20px 1fr;
  }
}
@media (min-width: 1221px) and (max-width: 1280px) {
  #core .buttonsSection.iconButtons.fourAcross {
    grid-template-columns: minmax(160px, 200px) 10px 1fr;
  }
}
.dark-copper-bg-wysiwyg-color-changes {
  --wysiwygColor1: #fff;
  --wysiwygColor3: #ffd190;
  --wysiwygColor4: #ffa84c;
  --primary-text-color: #fff;
  --headings-color: #fff;
  --pre-color: #fff;
  --site-link-color: #ffd190;
  --site-link-color-hover: #fff;
  --blockquote-bg-color: #3b1708;
  --primary-btn-color-hover: #000;
  --primary-btn-bg-color-hover: #fff;
  --primary-btn-border-color-hover: #fff;
  --primary-btn-color: #000;
  --primary-btn-bg-color: #ffd190;
  --primary-btn-border-color: #ffd190;
  --secondary-btn-color: #fff;
  --secondary-btn-border-color: #fff;
  --secondary-btn-color-hover: #000;
  --secondary-btn-bg-color-hover: #fff;
  --secondary-btn-border-color-hover: #fff;
  --hr-color: #fff;
}
.dark-copper-bg-color-changes {
  --section-title-color: #fff;
  --section-title-highlight-color: #fff;
  --section-subtitle-color: #fff;
  --module-title-color: #fff;
  --module-title-highlight-color: #fff;
  --module-subtitle-color: #fff;
  --aggregate-name-color: #fff;
  --aggregate-name-color-hover: #fff;
  --aggregate-info-color: #fff;
  --aggregate-summary-color: #fff;
  --aggregate-footer-more-color: #fff;
  --aggregate-footer-more-color-hover: #ffd190;
  --rss-icon-color: #fff;
  --rss-icon-color-hover: #ffd190;
  --calendar-icon-color: #fff;
  --calendar-icon-color-hover: #ffd190;
  --tabs-tab-color: #000;
  --tabs-tab-color-active: #fff;
  --tabs-tab-bg-color: #ffd190;
  --tabs-tab-bg-color-hover: #3b1708;
  --tabs-tab-border-color: #ffd190;
  --tabs-tab-border-color-hover: #3b1708;
  --tabs-tab-border-color-active: #fff;
  --tabs-collapsible-icon-color: #000;
  --tabs-collapsible-icon-color-active: #fff⁨;
  --tabs-tab-content-border-color: #fff;
  --accordion-tab-content-border-color-active: #fff;
  --button-module-bg-color: #fff0db;
  --button-module-hover-overlay-bg-color: #ffd190;
  --button-module-hover-overlay-img: url("/39006/design/x-black-solg.svg");
  --button-module-label-center-bg-color: #ffd190;
  --button-module-label-color: #000;
  --calendar-month-day-name-bg-color: #b06647;
  --event-item-border-bottom-color: #fff;
  --event-item-date-bg-color-hover: #b06647;
  --event-item-name-color: #fff;
  --event-item-name-color-hover: #fff;
  --event-item-summary-color: #fff;
  --news-item-border-color-hover: #000;
  --news-item-bg-color-hover: #3b1708;
  --rss-border-bottom: #fff;
  --rss-name-color: #fff;
  --rss-name-color-hover: #fff;
  --rss-info-color: #fff;
  --rss-summary-color: #fff;
  --links-module-border-color: #fff;
  --links-module-border-color-hover: #3b1708;
  --links-module-bg-color-hover: #3b1708;
  --links-module-color: #fff;
  --photo-album-name-color: #fff;
  --photo-album-name-color-hover: #ffd190;
  --form-label-color: #fff;
  --form-field-border-color: #fff;
  --form-error-text-color: #ffc4a0;
  --payment-form-btn-border-color: #fff;
  --progress-bar-progress-color: #3b1708;
  --progress-bar-goal-percent-color: #fff0db;
  --campaign-fb-button-icon-color: brightness(7.5);
  --campaign-fb-button-icon-color-hover: brightness(0) saturate(100%);
  --sacrament-times-module-notes-color: #fff;
  --sacrament-times-module-day-border-bottom-color: #fff;
  --sacrament-times-module-video-icon-color-hover: #ffd190;
}
#core .sectionInner.darkCopperBackground:not(.headlineSection),
#core .sectionInner.testimonials:not(.headlineSection) {
  --wysiwygColor1: #fff;
  --wysiwygColor3: #ffd190;
  --wysiwygColor4: #ffa84c;
  --primary-text-color: #fff;
  --headings-color: #fff;
  --pre-color: #fff;
  --site-link-color: #ffd190;
  --site-link-color-hover: #fff;
  --blockquote-bg-color: #3b1708;
  --primary-btn-color-hover: #000;
  --primary-btn-bg-color-hover: #fff;
  --primary-btn-border-color-hover: #fff;
  --primary-btn-color: #000;
  --primary-btn-bg-color: #ffd190;
  --primary-btn-border-color: #ffd190;
  --secondary-btn-color: #fff;
  --secondary-btn-border-color: #fff;
  --secondary-btn-color-hover: #000;
  --secondary-btn-bg-color-hover: #fff;
  --secondary-btn-border-color-hover: #fff;
  --hr-color: #fff;
  --section-title-color: #fff;
  --section-title-highlight-color: #fff;
  --section-subtitle-color: #fff;
  --module-title-color: #fff;
  --module-title-highlight-color: #fff;
  --module-subtitle-color: #fff;
  --aggregate-name-color: #fff;
  --aggregate-name-color-hover: #fff;
  --aggregate-info-color: #fff;
  --aggregate-summary-color: #fff;
  --aggregate-footer-more-color: #fff;
  --aggregate-footer-more-color-hover: #ffd190;
  --rss-icon-color: #fff;
  --rss-icon-color-hover: #ffd190;
  --calendar-icon-color: #fff;
  --calendar-icon-color-hover: #ffd190;
  --tabs-tab-color: #000;
  --tabs-tab-color-active: #fff;
  --tabs-tab-bg-color: #ffd190;
  --tabs-tab-bg-color-hover: #3b1708;
  --tabs-tab-border-color: #ffd190;
  --tabs-tab-border-color-hover: #3b1708;
  --tabs-tab-border-color-active: #fff;
  --tabs-collapsible-icon-color: #000;
  --tabs-collapsible-icon-color-active: #fff⁨;
  --tabs-tab-content-border-color: #fff;
  --accordion-tab-content-border-color-active: #fff;
  --button-module-bg-color: #fff0db;
  --button-module-hover-overlay-bg-color: #ffd190;
  --button-module-hover-overlay-img: url("/39006/design/x-black-solg.svg");
  --button-module-label-center-bg-color: #ffd190;
  --button-module-label-color: #000;
  --calendar-month-day-name-bg-color: #b06647;
  --event-item-border-bottom-color: #fff;
  --event-item-date-bg-color-hover: #b06647;
  --event-item-name-color: #fff;
  --event-item-name-color-hover: #fff;
  --event-item-summary-color: #fff;
  --news-item-border-color-hover: #000;
  --news-item-bg-color-hover: #3b1708;
  --rss-border-bottom: #fff;
  --rss-name-color: #fff;
  --rss-name-color-hover: #fff;
  --rss-info-color: #fff;
  --rss-summary-color: #fff;
  --links-module-border-color: #fff;
  --links-module-border-color-hover: #3b1708;
  --links-module-bg-color-hover: #3b1708;
  --links-module-color: #fff;
  --photo-album-name-color: #fff;
  --photo-album-name-color-hover: #ffd190;
  --form-label-color: #fff;
  --form-field-border-color: #fff;
  --form-error-text-color: #ffc4a0;
  --payment-form-btn-border-color: #fff;
  --progress-bar-progress-color: #3b1708;
  --progress-bar-goal-percent-color: #fff0db;
  --campaign-fb-button-icon-color: brightness(7.5);
  --campaign-fb-button-icon-color-hover: brightness(0) saturate(100%);
  --sacrament-times-module-notes-color: #fff;
  --sacrament-times-module-day-border-bottom-color: #fff;
  --sacrament-times-module-video-icon-color-hover: #ffd190;
}
#core .sectionInner.darkCopperBackground.headlineSection:is(.half, .textOnly),
#core .sectionInner.testimonials.headlineSection:is(.half, .textOnly) {
  --wysiwygColor1: #fff;
  --wysiwygColor3: #ffd190;
  --wysiwygColor4: #ffa84c;
  --primary-text-color: #fff;
  --headings-color: #fff;
  --pre-color: #fff;
  --site-link-color: #ffd190;
  --site-link-color-hover: #fff;
  --blockquote-bg-color: #3b1708;
  --primary-btn-color-hover: #000;
  --primary-btn-bg-color-hover: #fff;
  --primary-btn-border-color-hover: #fff;
  --primary-btn-color: #000;
  --primary-btn-bg-color: #ffd190;
  --primary-btn-border-color: #ffd190;
  --secondary-btn-color: #fff;
  --secondary-btn-border-color: #fff;
  --secondary-btn-color-hover: #000;
  --secondary-btn-bg-color-hover: #fff;
  --secondary-btn-border-color-hover: #fff;
  --hr-color: #fff;
  --section-title-color: #fff;
  --section-title-highlight-color: #fff;
  --section-subtitle-color: #fff;
  --module-title-color: #fff;
  --module-title-highlight-color: #fff;
  --module-subtitle-color: #fff;
  --aggregate-name-color: #fff;
  --aggregate-name-color-hover: #fff;
  --aggregate-info-color: #fff;
  --aggregate-summary-color: #fff;
  --aggregate-footer-more-color: #fff;
  --aggregate-footer-more-color-hover: #ffd190;
  --rss-icon-color: #fff;
  --rss-icon-color-hover: #ffd190;
  --calendar-icon-color: #fff;
  --calendar-icon-color-hover: #ffd190;
  --tabs-tab-color: #000;
  --tabs-tab-color-active: #fff;
  --tabs-tab-bg-color: #ffd190;
  --tabs-tab-bg-color-hover: #3b1708;
  --tabs-tab-border-color: #ffd190;
  --tabs-tab-border-color-hover: #3b1708;
  --tabs-tab-border-color-active: #fff;
  --tabs-collapsible-icon-color: #000;
  --tabs-collapsible-icon-color-active: #fff⁨;
  --tabs-tab-content-border-color: #fff;
  --accordion-tab-content-border-color-active: #fff;
  --button-module-bg-color: #fff0db;
  --button-module-hover-overlay-bg-color: #ffd190;
  --button-module-hover-overlay-img: url("/39006/design/x-black-solg.svg");
  --button-module-label-center-bg-color: #ffd190;
  --button-module-label-color: #000;
  --calendar-month-day-name-bg-color: #b06647;
  --event-item-border-bottom-color: #fff;
  --event-item-date-bg-color-hover: #b06647;
  --event-item-name-color: #fff;
  --event-item-name-color-hover: #fff;
  --event-item-summary-color: #fff;
  --news-item-border-color-hover: #000;
  --news-item-bg-color-hover: #3b1708;
  --rss-border-bottom: #fff;
  --rss-name-color: #fff;
  --rss-name-color-hover: #fff;
  --rss-info-color: #fff;
  --rss-summary-color: #fff;
  --links-module-border-color: #fff;
  --links-module-border-color-hover: #3b1708;
  --links-module-bg-color-hover: #3b1708;
  --links-module-color: #fff;
  --photo-album-name-color: #fff;
  --photo-album-name-color-hover: #ffd190;
  --form-label-color: #fff;
  --form-field-border-color: #fff;
  --form-error-text-color: #ffc4a0;
  --payment-form-btn-border-color: #fff;
  --progress-bar-progress-color: #3b1708;
  --progress-bar-goal-percent-color: #fff0db;
  --campaign-fb-button-icon-color: brightness(7.5);
  --campaign-fb-button-icon-color-hover: brightness(0) saturate(100%);
  --sacrament-times-module-notes-color: #fff;
  --sacrament-times-module-day-border-bottom-color: #fff;
  --sacrament-times-module-video-icon-color-hover: #ffd190;
}
#core .sectionInner.lightCopperBackground,
#core .sectionInner.sponsorLogos,
#core .sectionInner.iconButtons {
  --button-module-bg-color: #fff0db;
  --button-module-hover-overlay-bg-color: #a14300;
  --button-module-label-center-bg-color: #a14300;
  --event-item-border-bottom-color: #000;
  --person-alternate-bg-color: #fff;
}
@media (max-width: 1220px) {
  .pageTypeInterior #headerBackground,
  .pateTypeHome:not(.hasSlideshow) #headerBackground {
    background-color: #fff;
  }
  #mobileNavBar {
    z-index: 1202 !important;
  }
  #header {
    background-color: transparent;
  }
  #header #socialMedia {
    z-index: 1202;
  }
  #header #headerText {
    position: fixed;
    z-index: 1202;
    top: 0;
    left: 60px;
    margin-top: 5px;
  }
  #header #headerText .headerTextBody {
    overflow: visible;
  }
  #header #headerText a {
    background-color: #fff;
    border-color: #fff;
    box-shadow: 2px 4px 8px rgba(0, 0, 0, 0.2);
  }
  #navicon {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  #navicon svg {
    display: none;
  }
  #navicon .navicon-bar {
    position: relative;
    display: block;
    margin-top: -1px;
    width: 28px;
    height: 4px;
    background-color: #000;
    overflow: visible;
    transition: 0.2s;
  }
  #navicon .navicon-bar:before,
  #navicon .navicon-bar:after {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 4px;
    background-color: #000;
    transform-origin: center;
    transition: top 0.25s ease 0.15s, bottom 0.25s ease 0.15s, transform 0.35s ease 0s;
  }
  #navicon .navicon-bar:before {
    top: -10px;
  }
  #navicon .navicon-bar:after {
    bottom: -10px;
  }
}
body.mobilePanelActive #navicon .navicon-bar {
  background-color: transparent;
}
body.mobilePanelActive #navicon .navicon-bar:before {
  top: 0;
  transform: rotate(-45deg);
  transition: top 0.25s ease 0s, transform 0.35s ease 0.15s;
}
body.mobilePanelActive #navicon .navicon-bar:after {
  bottom: 0;
  transform: rotate(45deg);
  transition: bottom 0.25s ease 0s, transform 0.35s ease 0.15s;
}
body.mobilePanelActive #header #socialMedia {
  z-index: 1199;
}
@media (max-width: 1220px) {
  body.ecatholic:not(.preview):has(#adminToolbar) #header #headerText,
  body.ecatholic.preview.showPreviewToolbar #header #headerText {
    top: 65px;
  }
}
#background:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: 0;
  transition: opacity 0.5s ease;
}
body.mobilePanelActive #background:before {
  opacity: 0.45;
  z-index: 151;
}
#mobileNavBar {
  background-color: transparent;
}
#navicon {
  position: relative;
  transform: translate(5px, 5px);
}
#navicon:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  width: 100%;
  aspect-ratio: 1;
  background-color: #fff;
  box-shadow: 2px 4px 8px rgba(0, 0, 0, 0.2);
  z-index: -1;
}
#mobilePanel {
  left: 0;
  width: 300px;
  opacity: 0;
  transform: translateX(-100%);
  transition: transform 0.5s ease, opacity 0.5s ease;
  z-index: 1200 !important;
  box-sizing: border-box;
  padding-top: 65px;
  overflow-y: auto;
  scrollbar-gutter: stable;
  will-change: transform;
}
#mobilePanel #mobileQuickLinks {
  box-sizing: border-box;
  margin-bottom: 25px;
  padding-left: 20px;
}
#mobilePanel #mobileNav {
  padding-bottom: 100px;
}
#mobilePanel #mobileNav:before,
#mobilePanel #mobileQuickLinks:before {
  display: none;
}
#mobilePanel #mobileSearch {
  position: relative;
  margin-bottom: 25px;
  background-color: rgba(26, 10, 4, 0.94);
}
#mobilePanel #searchField {
  border-radius: 0;
  border: none;
  border-bottom: 1px solid #fff;
  padding-bottom: 5px;
  color: #fff;
  background-color: transparent;
}
#mobilePanel #searchField::placeholder {
  font-size: 0;
}
#mobilePanel .searchBoxSubmit {
  margin-right: 25px;
  filter: brightness(7.5);
  transition: 0.2s;
}
#mobilePanel .searchBoxSubmit:hover {
  filter: brightness(0) saturate(100%) invert(25%) sepia(42%) saturate(4242%) hue-rotate(25deg) brightness(91%) contrast(104%);
}
#mobilePanel .searchBoxSubmit .icon {
  width: 90%;
  height: 82%;
}
#mobilePanel #mobileQuickLinks {
  width: unset;
}
#mobilePanel #mobileQuickLinks ul {
  flex-direction: column;
}
#mobilePanel #mobileQuickLinks ul a {
  width: auto;
}
#mobilePanel #mobileQuickLinks ul a:hover {
  border-color: #a14300;
  color: #fff !important;
  background-color: #a14300;
}
#mobilePanel #mobileQuickLinks ul > li:nth-child(1) a:not(:hover) {
  border-color: #fff;
  background-color: transparent;
}
body.mobilePanelActive {
  overflow-y: auto;
}
body.mobilePanelActive #mobilePanel {
  opacity: 1;
  transform: translateX(0);
}
body.mobilePanelActive #mobileNavBar {
  left: 0;
  z-index: 1202;
  transition: all 0s;
}
body.mobilePanelActive #header > #socialMedia {
  right: 10px;
}
body.mobilePanelActive #massModeButtonContainer {
  right: 15px;
}
body.mobilePanelActive #background {
  margin-left: unset;
  width: unset;
}
body.mobilePanelActive #background #core,
body.mobilePanelActive #background #footer {
  margin-left: auto;
}
@media (max-width: 1220px) {
  #background #core #features #featureSlideshow.featureCustom {
    margin-left: 50% !important;
    transform: translateX(-50%);
  }
  #background #core #features #featureSlideshow.featureCustom .slideshowImageWrapper:before {
    display: none;
  }
  #background #core #features #featureSlideshow.featureCustom .video {
    height: 1000px !important;
    width: 1777.77777778px !important;
    min-height: unset;
  }
}
@media (max-width: 1220px) and (max-width: 1220px) and (min-width: 501px) {
  #background #core #features #featureSlideshow.featureCustom {
    width: 1220px;
    height: 1000px;
  }
}
@media (max-width: 1220px) and (max-width: 500px) {
  #background #core #features #featureSlideshow.featureCustom {
    width: 500px;
    height: 850px;
  }
}
@media (max-width: 1220px) {
  .headlineSection.sectionInner:not(.clonedMobileSection) .headlineImageHolder,
  .headlineSection:not(.clonedMobileSection) .focusPointImageHolder {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    left: 0 !important;
  }
  .headlineSection:not(.clonedMobileSection) .focusPointImageContainer {
    height: 100% !important;
  }
  .headlineSection:not(.clonedMobileSection) .focusPointImageContainer img {
    top: 0 !important;
  }
  .headlineSection:not(.clonedMobileSection) .title {
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .headlineSection:not(.clonedMobileSection) .ctaButtonsModule .moduleBody {
    grid-column-gap: 15px;
    grid-row-gap: 10px;
  }
  .headlineSection:not(.clonedMobileSection) .link.group {
    margin: unset !important;
    width: fit-content !important;
    width: -moz-fit-content !important;
  }
}
@media (max-width: 1220px) and (min-width: 501px) {
  .headlineSection.sectionHeightSmall .headlineImagePositioner,
  .headlineSection.sectionHeightSmall .focusPointImagePositioner,
  .headlineSection.sectionHeightSmall .focusPointImageHolder {
    min-height: 340px;
  }
  .headlineSection.sectionHeightLarge .headlineImagePositioner,
  .headlineSection.sectionHeightLarge .focusPointImagePositioner,
  .headlineSection.sectionHeightLarge .focusPointImageHolder {
    height: 480px;
  }
  .headlineSection.sectionHeightMedium .headlineImagePositioner,
  .headlineSection.sectionHeightMedium .focusPointImagePositioner,
  .headlineSection.sectionHeightMedium .focusPointImageHolder {
    height: 400px;
  }
}
@media (max-width: 500px) {
  .headlineSection.sectionHeightSmall .headlineImagePositioner,
  .headlineSection.sectionHeightSmall .focusPointImagePositioner,
  .headlineSection.sectionHeightSmall .focusPointImageHolder {
    min-height: 220px;
  }
  .headlineSection.sectionHeightLarge .headlineImagePositioner,
  .headlineSection.sectionHeightLarge .focusPointImagePositioner,
  .headlineSection.sectionHeightLarge .focusPointImageHolder {
    height: 290px;
  }
  .headlineSection.sectionHeightMedium .headlineImagePositioner,
  .headlineSection.sectionHeightMedium .focusPointImagePositioner,
  .headlineSection.sectionHeightMedium .focusPointImageHolder {
    height: 200px;
  }
  .sectionInner.headlineSection .headlineContentHolder .caption,
  .sectionInner.headlineSection .headlineContentHolder .title {
    margin-bottom: 30px !important;
  }
}
@media (max-width: 1220px) {
  .sectionButtonModule {
    transform: none !important;
    margin-top: 0 !important;
    max-width: 100%;
  }
}