@charset "UTF-8";

@font-face {
    font-family: "custom-payment-field-icons";
    src: url("custom-payment-field-icons.woff2") format("woff2"), url("custom-payment-field-icons.ttf") format("truetype");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: "custom-payment-title-icons";
    src: url("custom-payment-title-icons-100.woff2") format("woff2"), url("custom-payment-title-icons-100.ttf") format("truetype");
    font-weight: 100;
    font-style: normal
}

@font-face {
    font-family: "custom-payment-title-icons";
    src: url("custom-payment-title-icons-300.woff2") format("woff2"), url("custom-payment-title-icons-300.ttf") format("truetype");
    font-weight: 300;
    font-style: normal
}

@font-face {
    font-family: "custom-payment-title-icons";
    src: url("custom-payment-title-icons-400.woff2") format("woff2"), url("custom-payment-title-icons-400.ttf") format("truetype");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: "custom-payment-title-icons";
    src: url("custom-payment-title-icons-900.woff2") format("woff2"), url("custom-payment-title-icons-900.ttf") format("truetype");
    font-weight: 900;
    font-style: normal
}

#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: 700px;
    height: calc(100vh - 65px - 60px - 90px);
    margin-left: calc((100vw - 700px)/2)
}

#mobileFrame.tablet iframe {
    width: 700px
}

#mobileFrame.mobile {
    width: 428px;
    height: calc(100vh - 65px - 60px - 90px);
    margin-left: calc((100vw - 428px)/2)
}

#mobileFrame.mobile iframe {
    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
}

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: .67em 0
}

h2 {
    font-size: 1.5em;
    margin: .83em 0
}

h3 {
    font-size: 1.17em;
    margin: 1em 0
}

h4 {
    font-size: 1em;
    margin: 1.33em 0
}

h5 {
    font-size: .83em;
    margin: 1.67em 0
}

h6 {
    font-size: .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: .35em .625em .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
}

body .fr-view table td,
body .fr-view table th {
    border-color: #333
}

body .fr-view table.fr-no-border td,
body .fr-view table.fr-no-border th {
    border: #000 1px dotted
}

#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 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:not([border]):not(.fr-no-border) td,
.table-responsive table:not([border]):not(.fr-no-border) th {
    border: 1px solid #000
}

.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: "Roboto Light", Helvetica, Arial, sans-serif
}

.fr-dropdown-menu[id*="dropdown-menu-paragraphFormat-"] li a {
    color: inherit !important
}

.customModule .moduleBody>ul>li {
    list-style-type: disc
}

.customModule .moduleBody>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
}

@font-face {
    font-family: "Cinzel";
    src: url("Cinzel-Black.woff2") format("woff2"), url("Cinzel-Black.woff") format("woff"), url("Cinzel-Black.ttf") format("truetype");
    font-weight: 900;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Cinzel";
    src: url("Cinzel-Bold.woff2") format("woff2"), url("Cinzel-Bold.woff") format("woff"), url("Cinzel-Bold.ttf") format("truetype");
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Cinzel";
    src: url("Cinzel-ExtraBold.woff2") format("woff2"), url("Cinzel-ExtraBold.woff") format("woff"), url("Cinzel-ExtraBold.ttf") format("truetype");
    font-weight: 800;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Cinzel";
    src: url("Cinzel-Medium.woff2") format("woff2"), url("Cinzel-Medium.woff") format("woff"), url("Cinzel-Medium.ttf") format("truetype");
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Cinzel";
    src: url("Cinzel-Regular.woff2") format("woff2"), url("Cinzel-Regular.woff") format("woff"), url("Cinzel-Regular.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Cinzel";
    src: url("Cinzel-SemiBold.woff2") format("woff2"), url("Cinzel-SemiBold.woff") format("woff"), url("Cinzel-SemiBold.ttf") format("truetype");
    font-weight: 600;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Cinzel";
    src: url("Cinzel-Black.woff2") format("woff2"), url("Cinzel-Black.woff") format("woff"), url("Cinzel-Black.ttf") format("truetype");
    font-weight: 900;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Cinzel";
    src: url("Cinzel-Bold.woff2") format("woff2"), url("Cinzel-Bold.woff") format("woff"), url("Cinzel-Bold.ttf") format("truetype");
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Cinzel";
    src: url("Cinzel-ExtraBold.woff2") format("woff2"), url("Cinzel-ExtraBold.woff") format("woff"), url("Cinzel-ExtraBold.ttf") format("truetype");
    font-weight: 800;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Cinzel";
    src: url("Cinzel-Medium.woff2") format("woff2"), url("Cinzel-Medium.woff") format("woff"), url("Cinzel-Medium.ttf") format("truetype");
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Cinzel";
    src: url("Cinzel-Regular.woff2") format("woff2"), url("Cinzel-Regular.woff") format("woff"), url("Cinzel-Regular.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Cinzel";
    src: url("Cinzel-SemiBold.woff2") format("woff2"), url("Cinzel-SemiBold.woff") format("woff"), url("Cinzel-SemiBold.ttf") format("truetype");
    font-weight: 600;
    font-style: normal;
    font-display: swap
}

html {
    height: 100% !important;
    min-height: 100vh
}

body {
    margin: 0;
    padding: 0;
    height: 100% !important;
    font-family: "Roboto Light", Helvetica, Arial, sans-serif;
    font-size: 14px;
    color: #444;
    --currentYear: "";
    counter-reset: currentYear var(--currentYear)
}

a {
    color: #163765;
    text-decoration: none
}

a:hover {
    color: #3971be;
    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: 0;
    background: none;
    background-color: #fff;
    overflow: hidden
}

#__lpform_numberButtons {
    display: none
}

.hideLabel {
    display: none
}

.wysiwygColor1 {
    color: #163765
}

.wysiwygColor2 {
    color: #f5af00
}

.wysiwygColor3 {
    color: #2865b9
}

.wysiwygColor4 {
    color: #be1e2d
}

.htmlButton {
    align-items: center;
    text-align: center;
    justify-content: center;
    box-sizing: border-box;
    display: inline-flex;
    max-width: 300px;
    min-width: 150px;
    margin: 5px;
    padding: 10px 20px;
    border-radius: 5px;
    line-height: 1.5;
    color: #fff;
    background-color: #163765;
    border: 0 solid #163765;
    text-decoration: none
}

.htmlButton:hover {
    color: #fff;
    background-color: #040911;
    border-color: #163765;
    text-decoration: none
}

.htmlButton2 {
    background-color: #040911;
    color: #fff;
    border-color: #163765
}

.htmlButton2:hover {
    background-color: #163765;
    color: #fff;
    border-color: #163765
}

#headerBackground {
    background: #163765
}

#header {
    position: relative;
    width: 975px;
    height: 161px;
    margin: 0 auto 0 auto;
    border: 0 solid #fff;
    border-bottom: none;
    background-color: transparent;
    box-shadow: 0 0 0 0 #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: 161px;
    left: 50%;
    width: 1920px;
    height: 312px;
    margin-left: -960px
}

#siteLogo {
    position: absolute;
    width: 150px;
    height: 150px;
    top: 15px;
    left: 0
}

#siteLogo.logoOnly {
    width: 475px;
    height: 90px;
    top: 12px;
    left: 250px
}

#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
}

#siteName {
    position: absolute;
    width: 395px;
    height: 150px;
    top: 15px;
    left: 165px;
    font-family: "Roboto Light", Helvetica, Arial, sans-serif;
    font-size: 25px
}

#siteName.sitenameOnly {
    width: 475px;
    height: 114px;
    top: 0;
    left: 250px
}

#siteName .line1,
#siteName .line2 {
    margin: 0;
    width: 100%;
    white-space: nowrap;
    overflow: hidden
}

#siteName .line1.extraSmallFont,
#siteName .line2.extraSmallFont {
    font-size: 12.5px
}

#siteName .line1.smallFont,
#siteName .line2.smallFont {
    font-size: 16.5px
}

#siteName .line1.mediumFont,
#siteName .line2.mediumFont {
    font-size: 25px
}

#siteName .line1.largeFont,
#siteName .line2.largeFont {
    font-size: 33.25px
}

#siteName .line1.extraLargeFont,
#siteName .line2.extraLargeFont {
    font-size: 37.5px
}

#siteName .line1 a,
#siteName .line2 a {
    text-decoration: none;
    display: inline-block;
    width: auto
}

#siteName .line1 .editText,
#siteName .line2 .editText {
    display: inline-block;
    width: auto;
    min-height: 15px;
    min-width: 30px
}

#siteName .line1 {
    font-family: "Cinzel", Georgia, serif;
    margin-top: 0
}

#siteName .line1,
#siteName .line1 a {
    color: #fff
}

#siteName .line2 {
    margin-top: 0
}

#siteName .line2,
#siteName .line2 a {
    color: rgba(255, 255, 255, 0.4)
}

#siteNameBody {
    width: 100%;
    overflow: hidden
}

#socialMedia {
    float: right;
    position: relative;
    height: 18px;
    width: auto;
    margin-top: 15px;
    margin-left: 15px;
    margin-right: 0;
    text-align: right
}

@media (min-width: 701px) {
    #background:not(.hasSocialMedia) #socialMedia {
        display: none
    }
}

@media (max-width: 700px) {
    #background:not(.hasSocialMedia):not(.hasFooterSocialMedia) #socialMedia {
        display: none
    }
}

.moduleSocialMedia {
    font-size: 0
}

.moduleSocialMedia a {
    background-color: transparent;
    color: #bbb;
    transition: background-color .5s ease, color .5s ease, border-color .5s ease, opacity .5s ease;
    display: inline-block;
    width: 18px;
    height: 18px;
    border: 0 solid #fff;
    margin: 0 0 0 28px;
    background-size: 18px 18px;
    background-repeat: no-repeat;
    border-radius: 0;
    vertical-align: top
}

.moduleSocialMedia a:hover {
    background-color: transparent;
    color: #163765
}

.moduleSocialMedia a:first-child {
    margin-left: 0px
}

.moduleSocialMedia a.blogSocialMedia {
    background-image: url("socialMediaIcons.svg");
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://cdn.ecatholic.com/1731102801/base-images/social-media/socialMediaIcons.svg?svgBlog', sizingMethod='scale')
}

.moduleSocialMedia a.emailSocialMedia {
    background-image: url("socialMediaIcons.svg");
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://cdn.ecatholic.com/1731102801/base-images/social-media/socialMediaIcons.svg?svgEmail', sizingMethod='scale')
}

.moduleSocialMedia a.facebookSocialMedia {
    background-image: url("socialMediaIcons.svg");
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://cdn.ecatholic.com/1731102801/base-images/social-media/socialMediaIcons.svg?svgFacebook', sizingMethod='scale');
    width: 11.25px
}

.moduleSocialMedia a.twitterSocialMedia {
    background-image: url("socialMediaIcons.svg");
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://cdn.ecatholic.com/1731102801/base-images/social-media/socialMediaIcons.svg?svgTwitter', sizingMethod='scale')
}

.moduleSocialMedia a.flocknoteSocialMedia {
    background-image: url("socialMediaIcons.svg");
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://cdn.ecatholic.com/1731102801/base-images/social-media/socialMediaIcons.svg?svgFlocknote', sizingMethod='scale')
}

.moduleSocialMedia a.instagramSocialMedia {
    background-image: url("socialMediaIcons.svg");
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://cdn.ecatholic.com/1731102801/base-images/social-media/socialMediaIcons.svg?svgInstagram', sizingMethod='scale')
}

.moduleSocialMedia a.linkedinSocialMedia {
    background-image: url("socialMediaIcons.svg");
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://cdn.ecatholic.com/1731102801/base-images/social-media/socialMediaIcons.svg?svgLinkedIn', sizingMethod='scale')
}

.moduleSocialMedia a.phoneSocialMedia {
    background-image: url("socialMediaIcons.svg");
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://cdn.ecatholic.com/1731102801/base-images/social-media/socialMediaIcons.svg?svgPhone', sizingMethod='scale')
}

.moduleSocialMedia a.pinterestSocialMedia {
    background-image: url("socialMediaIcons.svg");
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://cdn.ecatholic.com/1731102801/base-images/social-media/socialMediaIcons.svg?svgPinterest', sizingMethod='scale')
}

.moduleSocialMedia a.rssSocialMedia {
    background-image: url("socialMediaIcons.svg");
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://cdn.ecatholic.com/1731102801/base-images/social-media/socialMediaIcons.svg?svgRss', sizingMethod='scale')
}

.moduleSocialMedia a.vimeoSocialMedia {
    background-image: url("socialMediaIcons.svg");
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://cdn.ecatholic.com/1731102801/base-images/social-media/socialMediaIcons.svg?svgVimeo', sizingMethod='scale')
}

.moduleSocialMedia a.youtubeSocialMedia {
    background-image: url("socialMediaIcons.svg");
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://cdn.ecatholic.com/1731102801/base-images/social-media/socialMediaIcons.svg?svgYouTube', sizingMethod='scale')
}

.moduleSocialMedia a.custom1SocialMedia {
    background-image: url("theme-0b8bba.css");
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='', sizingMethod='scale');
    display: none
}

.moduleSocialMedia a.custom2SocialMedia {
    background-image: url("theme-0b8bba.css");
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='', sizingMethod='scale');
    display: none
}

.moduleSocialMedia a.custom3SocialMedia {
    background-image: url("theme-0b8bba.css");
    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
}

.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: 164px;
    height: 32px;
    margin-top: 64px;
    margin-right: 0
}

#search .searchBox {
    font-size: 13px;
    width: 154px;
    height: 26px;
    padding: 3px 5px;
    border: 0 solid #ccc;
    outline: none;
    background-color: rgba(255, 255, 255, 0.15);
    color: rgba(255, 255, 255, 0.7)
}

#search .searchBox::-webkit-input-placeholder {
    color: transparent
}

#search .searchBox:-moz-placeholder {
    color: transparent
}

#search .searchBox::-moz-placeholder {
    color: transparent
}

#search .searchBox:-ms-input-placeholder {
    color: transparent
}

#search .searchBoxSubmit {
    display: none
}

#searchBody {
    width: 100%;
    height: 100%;
    overflow: hidden
}

#interiorHeader .searchBox {
    margin-top: 10px;
    width: 154px;
    height: 26px;
    padding: 3px 5px;
    border: 0 solid #ccc;
    outline: none;
    background-color: rgba(255, 255, 255, 0.15);
    color: rgba(255, 255, 255, 0.7)
}

#mobileSearch {
    position: -webkit-sticky;
    position: sticky;
    z-index: 1;
    top: 0px;
    height: 40px;
    padding: 10px 0 0 20px;
    background-color: #163765
}

#mobileSearch #searchField {
    width: 225px;
    height: 25px
}

#coreSearch.searchContainer {
    position: relative;
    display: inline-block;
    margin-top: 10px
}

#coreSearch.searchContainer .searchBox {
    margin-top: 0px
}

#background .searchBox {
    width: 128px;
    padding-right: 31px
}

#search .searchBoxSubmit {
    display: block
}

.searchBoxSubmit,
#searchPopup {
    display: block;
    color: #d1d1d1;
    background: url("search.svg") no-repeat center center;
    position: absolute;
    width: 15px;
    height: 16px;
    padding: 8px;
    transition: background-color .5s ease, color .5s ease, border-color .5s ease, opacity .5s ease;
    top: 0px;
    bottom: 0px;
    right: 0;
    cursor: pointer;
    margin: auto
}

.searchBoxSubmit .icon,
#searchPopup .icon {
    display: block;
    width: 100%;
    height: 100%;
    margin: auto
}

.searchBoxSubmit:hover,
#searchPopup:hover {
    color: #d1d1d1
}

#mobileSearch #searchField {
    width: 194px;
    padding-right: 31px
}

#mobileSearch .searchBoxSubmit {
    margin-right: 25px;
    padding: 7px
}

#searchPopup {
    display: none
}

.headerText {
    display: none
}

.hasHeaderText .headerText {
    position: absolute;
    text-align: right
}

.hasHeaderText .headerText p:first-child {
    margin-top: 0
}

.hasHeaderText .headerText1 {
    width: 250px;
    height: 50px;
    top: 50px;
    right: auto;
    display: block
}

.headerTextBody {
    width: 100%;
    height: 100%;
    overflow: hidden
}

#quickLinks {
    position: absolute;
    width: 250px;
    max-height: 21px;
    top: 17px;
    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 #444
}

#quickLinks ul li a {
    display: block;
    height: 19px;
    margin: 0;
    padding: 2px 10px 0 10px;
    color: rgba(255, 255, 255, 0.7);
    font-size: 13px;
    text-decoration: none
}

#quickLinks ul li a:hover {
    background-color: transparent;
    color: #f5af00;
    text-decoration: none
}

#quickLinks ul li:last-child a {
    padding-right: 10px
}

.ie7 #nav li,
.ie8 #nav li {
    float: left;
    display: block
}

#nav {
    position: absolute;
    top: 114px;
    left: 0;
    width: 975px
}

#nav ul {
    float: left;
    margin: 0;
    padding: 0;
    background: none;
    background-color: #f5af00;
    list-style: none;
    font-size: 0;
    white-space: nowrap
}

#nav li {
    position: relative;
    display: inline-block;
    z-index: 200
}

#nav li:hover {
    background-color: #efefef
}

#nav li:hover>a {
    color: #444
}

#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: 13px;
    padding-bottom: 13px;
    color: #444;
    font-family: "Roboto Light", Helvetica, Arial, sans-serif;
    font-size: 16px;
    line-height: 21px;
    text-decoration: none
}

#nav li a:hover {
    background-color: #efefef;
    color: #444
}

#nav li.selected>a {
    background-color: #efefef;
    color: #444
}

#nav li:hover ul {
    display: block
}

#nav li ul {
    position: absolute;
    display: none;
    width: 270px;
    white-space: normal
}

#nav li ul li {
    clear: both;
    width: 100%;
    background-color: #efefef
}

#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: #efefef;
    color: #444
}

#nav li ul li a {
    border-left: 0;
    border-right: 0;
    border-top: 0 solid #ccc;
    padding: 8px 15px;
    font-family: "Roboto Light", Helvetica, Arial, sans-serif;
    font-size: 16px;
    line-height: 21px;
    color: #666
}

#nav li ul li a:hover {
    background-color: #f5af00;
    color: #444
}

#nav .navGroup {
    background: transparent
}

#nav .navGroup ul {
    position: relative
}

#nav .navGroup ul li a {
    padding-left: 30px
}

#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: 4px 15px;
    background-color: #efefef;
    font-family: "Roboto Light", Helvetica, Arial, sans-serif;
    color: #888;
    font-size: 13px;
    line-height: 18px;
    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(0)
}

[class*="MegaMenu"] #nav .megaMenu ul .navGroup ul {
    background-color: transparent
}

[class*="MegaMenu"] #nav .megaMenu ul .groupName {
    display: block;
    border-top: 0 solid #ece8df;
    border-bottom: 1px solid #ece8df;
    padding: 4px 10px;
    background-color: transparent;
    color: #888;
    font-family: "Roboto Light", Helvetica, Arial, sans-serif;
    font-size: 13px;
    line-height: 18px
}

[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: #efefef;
    color: #444
}

[class*="MegaMenu"] #nav .megaMenu ul li a {
    border-top: 0 solid #ece8df;
    padding: 4px 10px;
    font-family: "Roboto Light", Helvetica, Arial, sans-serif;
    font-size: 16px;
    line-height: 21px;
    color: #666
}

[class*="MegaMenu"] #nav .megaMenu ul li a:hover {
    background-color: #f5af00;
    color: #444
}

[class*="MegaMenu"] #nav .megaMenu>ul {
    border-top: 0 solid #ece8df;
    border-bottom: 0 solid #ece8df;
    border-left: 0 solid #ece8df;
    border-right: 0 solid #ece8df;
    background-color: #efefef;
    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: 15px
}

[class*="MegaMenu"] #nav .megaMenu>ul li,
[class*="MegaMenu"] #nav .megaMenu>ul ul {
    width: 200px;
    display: inline-block
}

[class*="MegaMenu"] #nav .megaMenu:hover:before {
    content: "";
    display: block;
    width: 100%;
    height: 0;
    position: absolute;
    left: 0px;
    bottom: -1px;
    background-color: #efefef;
    border-right: 0 solid #ece8df;
    box-sizing: border-box;
    z-index: 1
}

[class*="MegaMenu"] #nav .megaMenu.selected:hover:before {
    background-color: #efefef
}

[class*="MegaMenu"] #nav .megaMenu:first-child:hover:before {
    border-left: 0 solid #ece8df
}

.smallMegaMenu #nav .megaMenu>ul {
    width: auto;
    -moz-column-count: 3;
    -webkit-column-count: 3;
    column-count: 3;
    column-gap: 30px;
    -webkit-column-gap: 30px;
    -moz-column-gap: 30px;
    -ms-column-gap: 30px;
    -o-column-gap: 30px;
    padding: 15px 30px 0 30px
}

.largeMegaMenu #nav .megaMenu>ul {
    border-width: 0px;
    background-color: transparent;
    width: 940px;
    -webkit-column-width: 200px;
    -moz-column-width: 200px;
    column-width: 200px;
    padding: 15px 0 0 35px
}

.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: #efefef;
    border-top: 0 solid #ece8df;
    border-bottom: 0 solid #ece8df;
    border-left: 0 solid #ece8df;
    border-right: 0 solid #ece8df
}

@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: 114px;
    width: 100%;
    height: 47px;
    background: none;
    background-color: #f5af00
}

#navBackground {
    z-index: 150
}

@media (max-width:1000px) and (min-width:701px) {
    #nav[style*="fixed"] {
        left: 0px !important;
        margin-left: 0px !important;
        right: 0px;
        width: 100%
    }

    #nav[style*="fixed"]>ul {
        width: 100%;
        position: relative
    }

    #nav[style*="fixed"]>ul>li {
        min-width: 0
    }

    #nav[style*="fixed"]>ul>li>a {
        overflow: hidden
    }
}

@media (min-width: 701px) {
    .anchor:target {
        padding-top: 67px;
        display: inline-block
    }

    @supports (scroll-snap-align) {
        .anchor:target {
            padding-top: 0;
            display: inline
        }

        html {
            -ms-scroll-padding-top: 67px;
            -webkit-scroll-padding-top: 67px;
            scroll-padding-top: 67px
        }
    }
}

@media (max-width: 700px) {
    .anchor:target {
        padding-top: 67px;
        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: 114px !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: 975px;
    margin: 0 auto 0 auto;
    padding: 0 0 0 0;
    border-left: 0 solid #fff;
    border-right: 0 solid #fff;
    background-color: transparent;
    box-shadow: 0 0 0 0 #000, 0 0 0 0 #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: 700px) {
    .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.editable .editBar .toggleSubtitleButton {
    display: none
}

.sectionInner.editable>.editBar .toggleSubtitleButton {
    display: none
}

.moduleInner:not(.mediaFormatting) blockquote {
    background: transparent;
    background-color: transparent;
    font-family: inherit;
    color: inherit;
    margin: 1em 40px;
    margin-left: 40px;
    padding: 0 0;
    padding-left: 0;
    text-align: inherit
}

.moduleInner:not(.mediaFormatting) blockquote a {
    color:
}

.moduleInner:not(.mediaFormatting) blockquote a:hover {
    color:
}

.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: 3px 0 3px 0;
    border-bottom: 1px solid #ccc;
    background: none;
    background-color: transparent;
    font-family: "Cinzel", Georgia, serif;
    font-size: 24px;
    font-weight: normal;
    color: #444
}

.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: 14px;
    height: 14px;
    margin-left: 10px;
    background-image: url("socialMediaIcons.svg");
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://cdn.ecatholic.com/1731102801/base-images/social-media/socialMediaIcons.svg?svgRss', sizingMethod='scale');
    background-repeat: no-repeat;
    background-size: 14px 14px;
    background-color: default;
    color: #fff;
    border-radius: 3px;
    transition: background-color .5s ease, color .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 .dynamicThumbContainer {
    padding-bottom: 100%
}

.aggregate li.event .thumb .dynamicThumbContainer {
    padding-bottom: 100%
}

.aggregate li.person .thumb .dynamicThumbContainer {
    padding-bottom: 100%
}

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: 16px;
    height: 16px;
    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: #163765
}

#background .calendarExportContainer .fieldHelp a:hover {
    color: #3971be;
    background: #d9d9d9
}

.calendarExportContainer .fieldHelp a:not(:last-child) {
    border-bottom: 1px solid #666
}

#pageTitle .exportCalendar {
    color: #163765
}

#pageTitle .exportCalendar:hover {
    color: #3971be
}

@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: 700px) 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: 701px) {

    .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
    }

    .twin #content1 .peopleModule.grid .moduleBody,
    .twin #content2 .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
    }

    .twin #content1 .peopleModule.grid .person,
    .twin #content2 .peopleModule.grid .person,
    .twin #content1 .peopleModule.grid .regionSortableHighlight,
    .twin #content2 .peopleModule.grid .regionSortableHighlight {
        width: 33.33333333%;
        box-sizing: border-box
    }

    .twin #content1 .peopleModule.grid .person:last-child,
    .twin #content2 .peopleModule.grid .person:last-child {
        margin-bottom: 15px
    }

    .twin #content1 .peopleModule.grid .personGroup,
    .twin #content2 .peopleModule.grid .personGroup {
        width: 100%
    }

    .twin #content1 .peopleModule.grid .personGroup~li:not(.personGroup),
    .twin #content2 .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
}

img[style="float: left;"] {
    margin: 15px 15px 15px 0
}

img[style="float: right;"] {
    margin: 15px 0 15px 15px
}

.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: 46px;
    margin-left: 0;
    margin-right: 0
}

.sectionRegion .sectionInner>footer {
    clear: both;
    padding-bottom: 46px
}

.sectionRegion .sectionName {
    padding: 0 0 15px 0;
    border-bottom: 1px solid #ccc;
    margin: 0 0 20px;
    background: none;
    background-color: transparent;
    font-family: "Cinzel", Georgia, serif;
    font-size: 29.4px;
    font-weight: normal;
    color: #444
}

.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: 46px
}

@media (max-width: 700px) {
    .sectionInner .sectionTextModule .modulePosition.titlePosition {
        margin-bottom: 20px
    }
}

.sectionInner .mediaFormatting iframe {
    max-width: 100%
}

.sectionInner.hasFixedHeight {
    display: flex;
    flex-direction: column
}

.sectionInner.hasFixedHeight .sectionBody {
    min-height: 0
}

@media (min-width: 701px) {
    .sectionInner.hasFixedHeight .sectionBody {
        flex-basis: 100%
    }
}

@media (max-width: 700px) {
    .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
}

.sectionInner.hasFixedHeight .modulePosition .moduleBody {
    overflow-y: auto
}

.sectionInner.hasFixedHeight .modulePosition .imageModule .moduleBody {
    overflow: hidden;
    display: flex
}

@media (max-width: 700px) {
    .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: 1440px;
    margin-left: -720px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 1440px auto;
    background-size: cover
}

@media (min-width:1440px) {
    .sectionInner.hasBackgroundImage .sectionBackground {
        width: 100vw;
        margin-left: -50vw
    }
}

@media (max-width: 700px) {
    .sectionInner:not(.clonedMobileSection)>header {
        padding-top: 25px
    }

    .sectionInner:not(.clonedMobileSection)>footer {
        padding-bottom: 25px
    }

    .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: 464.5px
}

.rowSection.threeModule .modulePosition {
    width: 294.33333333px
}

.rowSection.fourModule .modulePosition {
    width: 209.25px
}

.rowSection.fiveModule .modulePosition {
    width: 158.2px
}

.rowSection.sixModule .modulePosition {
    width: 124.16666667px
}

@media (max-width: 700px) {
    .rowSection:not(.clonedMobileSection) .sectionBody .modulePosition:not(:last-child)>li {
        margin-bottom: 20px
    }

    .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: 464.5px
    }

    .rowSection.threeModule .modulePosition .sectionButtonModule {
        width: 294.33333333px
    }

    .rowSection.fourModule .modulePosition .sectionButtonModule {
        width: 209.25px
    }

    .rowSection.fiveModule .modulePosition .sectionButtonModule {
        width: 158.2px
    }

    .rowSection.sixModule .modulePosition .sectionButtonModule {
        width: 124.16666667px
    }
}

@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: 46px
}

@media (min-width: 701px) {
    .columnSection .content1 {
        width: 639px
    }

    .columnSection .content2,
    .columnSection .content3 {
        width: 290px
    }

    .columnSection.trioColumn .content1 {
        width: 290px
    }

    .columnSection.soloColumn .content1 {
        width: 975px
    }

    .columnSection.twinColumn .content1,
    .columnSection.twinColumn .content2 {
        width: 460px
    }
}

@media (max-width: 700px) {
    .columnSection .modulePosition {
        width: 100%
    }

    .columnSection:not(.clonedMobileSection) .sectionBody .modulePositionColumn:not(:last-child),
    .columnSection:not(.clonedMobileSection) .sectionBody .modulePositionColumn>li:not(:last-child) {
        margin-bottom: 20px
    }
}

.buttonsSection .sectionBody {
    flex-wrap: wrap
}

.buttonsSection .titlePosition {
    width: 100%;
    margin-bottom: 22px
}

@media (max-width: 700px) {
    .buttonsSection .titlePosition {
        margin-bottom: 20px
    }
}

.buttonsSection .buttonRow {
    width: 100%;
    display: flex;
    justify-content: space-between
}

@media (max-width: 700px) {
    .buttonsSection .buttonRow {
        flex-wrap: wrap;
        justify-content: space-around
    }

    .buttonsSection .buttonRow .buttonPosition:not(:last-child) {
        margin-bottom: 20px
    }
}

.buttonsSection .buttonPosition {
    height: 200px;
    width: 100%
}

.buttonsSection .buttonPosition>li {
    height: 100%
}

.buttonsSection.twoAcross .buttonPosition {
    width: 476.5px
}

.buttonsSection.threeAcross .buttonPosition {
    width: 310.33333333px
}

.buttonsSection.fourAcross .buttonPosition {
    width: 227.25px
}

.buttonsSection.fiveAcross .buttonPosition {
    width: 177.4px
}

.buttonsSection.sixAcross .buttonPosition {
    width: 144.16666667px
}

.buttonsSection.twoRow .buttonRow1 {
    margin-bottom: 22px
}

@media (max-width: 700px) {
    .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: 701px) {
    .gridSection .sectionBody {
        width: 975px
    }
}

.gridSection.hasFixedHeight .sectionBody {
    flex-basis: auto
}

.gridSection .sectionBody {
    display: -ms-grid;
    -ms-grid-columns: 85.08333333px 85.08333333px 85.08333333px 85.08333333px 85.08333333px 85.08333333px 85.08333333px 85.08333333px 85.08333333px 85.08333333px 85.08333333px 85.08333333px;
    -ms-grid-rows: 255.25px 255.25px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    overflow: hidden;
    display: grid;
    grid-template-columns: repeat(auto-fill, 39.08333333px);
    grid-auto-columns: 39.08333333px;
    grid-template-rows: repeat(2, 209.25px);
    grid-auto-rows: 209.25px;
    grid-gap: 46px 46px;
    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: 46px;
    margin-bottom: 46px;
    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: 700px) {
    .gridSection:not(.clonedMobileSection) .sectionBody {
        grid-gap: 46px 46px
    }

    .gridSection:not(.clonedMobileSection) .sectionBody .modulePosition>li:last-child {
        margin-bottom: 46px
    }

    .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: 0
}

@supports (display: grid) {
    .sectionRegion .gridSection>footer {
        padding-bottom: 46px
    }
}

@media (max-width: 700px) and (min-width: 501px) {
    .gridSection:not(.clonedMobileSection) .sectionBody {
        max-width: 464.5px;
        margin-left: auto;
        margin-right: auto
    }

    .gridSection:not(.clonedMobileSection).threeAcross .sectionBody {
        max-width: 294.33333333px
    }

    .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: 209.25px
    }

    .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: 294.33333333px
    }

    .gridSection:not(.clonedMobileSection) .wideCell,
    .gridSection:not(.clonedMobileSection) .wideTallCell {
        width: 464.5px
    }

    .gridSection:not(.clonedMobileSection) .modulePosition>li:not(.sectionButtonModule) {
        height: auto !important
    }

    .gridSection:not(.clonedMobileSection)>footer {
        margin-top: -46px
    }
}

.halfSection .size3 {
    width: 220.75px
}

.halfSection .size4 {
    width: 302px
}

.halfSection .size5 {
    width: 383.25px
}

.halfSection .size6 {
    width: 464.5px
}

.halfSection .size7 {
    width: 545.75px
}

.halfSection .size8 {
    width: 627px
}

.halfSection .size9 {
    width: 708.25px
}

@media (max-width: 700px) {
    .halfSection:not(.clonedMobileSection) .sectionBody .modulePosition:not(:last-child)>li:last-child {
        margin-bottom: 20px
    }
}

.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: #eee;
    border: 1px solid #ccc;
    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: #eee;
    border: 1px solid #ccc
}

.tabsSection .tabArea .tab a {
    float: left;
    display: flex;
    align-items: center;
    text-decoration: none;
    width: 100%;
    height: 100%;
    min-height: 88px;
    font-family: "Roboto Light", Helvetica, Arial, sans-serif;
    font-size: 18px;
    font-weight: normal;
    color: #b3b3b3;
    padding: 20px 20px;
    line-height: 1.7;
    white-space: normal;
    text-overflow: ellipsis;
    overflow: hidden;
    border: 0 solid #b3b3b3;
    box-sizing: border-box
}

.tabsSection .tabArea .tab:hover {
    background-color: #fff
}

.tabsSection .tabArea .tab:hover a {
    color: #b3b3b3;
    border-color: #b3b3b3
}

.tabsSection .tabArea .tab.ui-tabs-active {
    margin: 0;
    padding: 0;
    background-color: #fff
}

.tabsSection .tabArea .tab.ui-tabs-active a {
    color: #163765;
    border-color: #163765
}

.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: 700px) {
    .tabsSection .tabArea {
        display: none
    }

    .tabsSection .sectionBody {
        border: 1px solid #ccc;
        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 #ccc
    }

    .tabsSection .tab {
        margin: 0;
        border: 0;
        padding: 10px 10px;
        padding-right: 35px;
        background-color: #eee
    }

    .tabsSection .tab a {
        text-decoration: none;
        font-family: "Cinzel", Georgia, serif;
        font-size: 18px;
        font-weight: normal;
        color: #444
    }

    .tabsSection .tab .collapsibleIcon {
        width: 10px;
        height: 100%;
        padding-left: 5px;
        padding-right: 20px;
        position: absolute;
        top: 0px;
        right: 0px;
        color: #444;
        display: flex
    }

    .tabsSection .tab .collapsibleIcon svg {
        width: 10px
    }

    .tabsSection .tab .expandedIcon {
        display: block
    }

    .tabsSection .tab .collapsedIcon {
        display: none
    }

    .tabsSection .tab:hover {
        background-color: #fff
    }

    .tabsSection .tab:hover a {
        color: #444
    }

    .tabsSection .tab:hover .collapsibleIcon {
        color: #444
    }

    .tabsSection .tab.ui-accordion-header-active {
        background-color: #fff
    }

    .tabsSection .tab.ui-accordion-header-active a {
        color: #163765
    }

    .tabsSection .tab.ui-accordion-header-active .collapsibleIcon {
        color: #163765
    }

    .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: #fff;
        border-width: 0px;
        padding: 20px 20px
    }

    .tabsSection .ui-accordion-content:not(.emptyModulePosition) {
        min-height: unset
    }
}

@media (min-width: 701px) {
    .tabsView .tabContent {
        background-color: #fff;
        padding: 46px 46px;
        border: 1px solid #ccc
    }

    .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: -1px 0
}

.tabsView.verticalTabs .tabArea .tab a {
    min-height: 88px;
    padding: 20px 20px;
    line-height: 1.7
}

@media (min-width: 701px) {
    .tabsView.verticalTabs .tabContent {
        width: 635px
    }
}

.tabsView.verticalTabs.leftTabs .tabArea .tab {
    border-left-width: 0px
}

.tabsView.verticalTabs.leftTabs .tabArea .tab.ui-tabs-active {
    border-right-color: #fff
}

@media (min-width: 701px) {
    .tabsView.verticalTabs.leftTabs .tabContent {
        padding-left: 46px;
        border-left-width: 0px
    }
}

.tabsView.verticalTabs.rightTabs .tabArea {
    order: 100
}

.tabsView.verticalTabs.rightTabs .tabArea .tab {
    margin-left: -1px;
    border-right-width: 0px
}

.tabsView.verticalTabs.rightTabs .tabArea .tab.ui-tabs-active {
    border-left-color: #fff
}

@media (min-width: 701px) {
    .tabsView.verticalTabs.rightTabs .tabContent {
        padding-right: 46px;
        border-right-width: 0px
    }
}

.tabsView.horizontalTabs .tabArea {
    width: 100%
}

@media (min-width: 701px) {
    .tabsView.horizontalTabs .tabArea {
        display: flex
    }
}

.tabsView.horizontalTabs .tabArea .tab {
    margin: 0 -1px;
    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% + (1px * 2))
}

.tabsView.horizontalTabs.topTabs .tabArea .tab {
    border-top-width: 0px;
    margin-bottom: -1px
}

.tabsView.horizontalTabs.topTabs .tabArea .tab.ui-tabs-active {
    border-bottom-color: #fff
}

@media (min-width: 701px) {
    .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: -1px
}

.tabsView.horizontalTabs.bottomTabs .tabArea .tab.ui-tabs-active {
    border-top-color: #fff
}

@media (min-width: 701px) {
    .tabsView.horizontalTabs.bottomTabs .tabContent {
        border-bottom-width: 0px
    }
}

@media (min-width: 701px) {
    .tabsSection.accordionView .sectionBody {
        border: 1px solid #ccc;
        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 #ccc
    }

    .tabsSection.accordionView .tab {
        margin: 0;
        border: 0;
        padding: 20px 20px;
        padding-right: 60px;
        background-color: #eee
    }

    .tabsSection.accordionView .tab a {
        text-decoration: none;
        font-family: "Roboto Light", Helvetica, Arial, sans-serif;
        font-size: 18px;
        font-weight: normal;
        color: #444
    }

    .tabsSection.accordionView .tab .collapsibleIcon {
        width: 10px;
        height: 100%;
        padding-left: 10px;
        padding-right: 40px;
        position: absolute;
        top: 0px;
        right: 0px;
        color: #444;
        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: #fff
    }

    .tabsSection.accordionView .tab:hover a {
        color: #444
    }

    .tabsSection.accordionView .tab:hover .collapsibleIcon {
        color: #444
    }

    .tabsSection.accordionView .tab.ui-accordion-header-active {
        background-color: #fff
    }

    .tabsSection.accordionView .tab.ui-accordion-header-active a {
        color: #163765
    }

    .tabsSection.accordionView .tab.ui-accordion-header-active .collapsibleIcon {
        color: #163765
    }

    .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: #fff;
        border-width: 0px;
        padding: 46px 46px;
        outline-offset: -46px;
        overflow: visible
    }

    .tabsSection.accordionView .tabContentHolder:not(.emptyModulePosition) {
        min-height: unset
    }
}

.newsSection.listView .aggregate .group {
    margin-bottom: 46px
}

.newsSection.listView .group {
    width: 100%;
    overflow-y: auto
}

.newsSection.listView .group:not(:last-child) {
    margin-right: 46px
}

@media (max-width: 700px) {
    .newsSection.listView:not(.clonedMobileSection) .aggregate .group {
        margin-right: 0px
    }

    .newsSection.listView:not(.clonedMobileSection) .aggregate .group:not(:last-child) {
        margin-bottom: 20px
    }
}

.newsSection.featuredView .aggregate {
    width: 100%
}

.newsSection.featuredView .aggregate:first-child {
    margin-right: 46px
}

.eventsSection.listView .aggregate .group {
    margin-bottom: 46px
}

.eventsSection.listView .group {
    width: 100%;
    overflow-y: auto
}

.eventsSection.listView .group:not(:last-child) {
    margin-right: 46px
}

@media (max-width: 700px) {
    .eventsSection.listView:not(.clonedMobileSection) .aggregate .group {
        margin-right: 0px
    }

    .eventsSection.listView:not(.clonedMobileSection) .aggregate .group:not(:last-child) {
        margin-bottom: 20px
    }
}

.headlineSection.sectionInner header {
    padding-top: 0px
}

.headlineSection.sectionInner footer {
    padding-bottom: 0px
}

.headlineSection.sectionInner .sectionBody {
    position: relative;
    padding-top: 46px;
    padding-bottom: 46px;
    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: 701px) {
    .headlineSection.sectionInner .sectionBody .callToActionButtons .link:first-child {
        margin-left: 0px
    }

    .headlineSection.sectionInner .sectionBody .callToActionButtons .link:last-child {
        margin-right: 0px
    }
}

@media (max-width: 700px) 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: 701px) {
    .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: 700px) 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: 700px) 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: 701px) {
    .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: 700px) 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: 700px) 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: 701px) {
    .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: 700px) 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: 700px) {
    .headlineSection.sectionInner .sectionBody {
        flex-direction: column;
        padding-top: 20px;
        padding-bottom: 20px
    }
}

.headlineSection.sectionInner .headlineContentHolder {
    position: relative;
    width: 100%
}

.headlineSection.sectionInner .title,
.headlineSection.sectionInner .caption,
.headlineSection.sectionInner .callToActionButtons {
    position: relative;
    margin-bottom: 20px
}

@media (max-width: 700px) {

    .headlineSection.sectionInner .title,
    .headlineSection.sectionInner .caption,
    .headlineSection.sectionInner .callToActionButtons {
        margin-bottom: 20px
    }
}

.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: "Cinzel", Georgia, serif;
    font-size: 48px;
    font-weight: normal
}

@media (max-width: 700px) and (min-width: 501px) {
    .headlineSection.sectionInner .title {
        font-size: 38.4px
    }
}

@media (max-width: 500px) {
    .headlineSection.sectionInner .title {
        font-size: 24px
    }
}

.headlineSection.sectionInner .caption {
    font-family: "Cinzel", Georgia, serif;
    font-size: 20px;
    font-weight: normal
}

@media (min-width: 701px) {
    .headlineSection.sectionInner .caption:not(:last-child):not(:first-child) {
        margin-bottom: 40px
    }
}

@media (max-width: 700px) {
    .headlineSection.sectionInner .caption:not(:last-child):not(:first-child) {
        margin-bottom: 24px
    }
}

@media (max-width: 700px) and (min-width: 501px) {
    .headlineSection.sectionInner .caption {
        font-size: 18px
    }
}

@media (max-width: 500px) {
    .headlineSection.sectionInner .caption {
        font-size: 16px
    }
}

.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: 700px) {
    .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: 92px;
    padding-bottom: 92px;
    padding-left: 46px;
    padding-right: 46px
}

.admin .headlineSection.sectionInner.auto .sectionBody:before {
    content: "";
    position: absolute;
    left: 0px;
    right: 0px;
    top: 46px;
    bottom: 46px;
    border: 2px dashed currentColor;
    opacity: .4;
    box-sizing: border-box;
    z-index: -1
}

.admin .headlineSection.sectionInner.auto .sectionBody.dragOver:before {
    border-color: #d8eeae;
    opacity: 1
}

@media (min-width: 701px) {
    .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% - 46px)
    }

    .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: 46px;
        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: 46px;
        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: 975px;
        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: 487.5px;
        padding-left: 46px;
        padding-right: 46px;
        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: 650px;
        padding: 46px;
        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: 701px) and (min-width: 701px) {
    .headlineSection.sectionInner.full .headlineContentHolder .headlineImageOverlay {
        display: none
    }
}

@media (min-width: 701px) and (min-width:1025px) {
    .headlineSection.sectionInner.edgeToEdge.half .sectionBody .headlineContentHolder {
        margin-right: calc(50% - 50vw)
    }
}

@media (min-width: 701px) and (min-width:1025px) {
    .headlineSection.sectionInner.edgeToEdge.half .imageAlignmentRight .headlineContentHolder {
        margin-left: calc(50% - 50vw);
        margin-right: auto
    }
}

@media (min-width: 701px) and (min-width:1025px) {
    .headlineSection.sectionInner.edgeToEdge.twoThirds .sectionBody .headlineContentHolder {
        margin-right: calc(50% - 50vw + 46px)
    }
}

@media (min-width: 701px) and (min-width:1025px) {
    .headlineSection.sectionInner.edgeToEdge.twoThirds .imageAlignmentRight .headlineContentHolder {
        margin-left: calc(50% - 50vw + 46px);
        margin-right: auto
    }
}

@media (min-width: 701px) and (min-width:1025px) {
    .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: .5;
    pointer-events: none
}

@media (max-width: 700px) {
    .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: #ecebe6
}

.headlineSection.sectionInner.hasOverlay .headlineImageOverlay {
    background-color: #222
}

.headlineSection.sectionInner.hasOverlay .title {
    color: #fff
}

.headlineSection.sectionInner.hasOverlay .caption {
    color: #ecebe6
}

.headlineSection.sectionInner.hasOverlay .overlayColorPrimary .headlineImageOverlay {
    background-color: #163765
}

.headlineSection.sectionInner.hasOverlay .overlayColorPrimary .title {
    color: #fff
}

.headlineSection.sectionInner.hasOverlay .overlayColorPrimary .caption {
    color: #ecebe6
}

.headlineSection.sectionInner.hasOverlay .htmlButton {
    color: #fff !important;
    background-color: #163765 !important;
    border-color: #163765 !important
}

.headlineSection.sectionInner.hasOverlay .htmlButton:hover {
    color: #fff !important;
    background-color: #040911 !important;
    border-color: #163765 !important
}

.headlineSection.sectionInner.hasOverlay .htmlButton2 {
    color: #fff !important;
    background-color: #040911 !important;
    border-color: #163765 !important
}

.headlineSection.sectionInner.hasOverlay .htmlButton2:hover {
    color: #fff !important;
    background-color: #163765 !important;
    border-color: #163765 !important
}

.headlineSection.sectionInner.hasOverlay .overlayColorPrimary .htmlButton1:not(:hover),
.headlineSection.sectionInner.hasOverlay .overlayColorPrimary .htmlButton2:hover {
    color: #fff !important;
    background-color: #a2afc1 !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: #163765
}

@media (max-width: 700px) {
    .headlineSection.sectionInner .headlineContentHolder {
        width: 100%
    }

    .headlineSection.sectionInner .focusPointImageArea .headlineImageOverlay {
        display: none
    }

    .headlineSection.sectionInner .focusPointImagePositioner {
        max-height: 100vh
    }

    .headlineSection.sectionInner:not(.twoThirds) .focusPointImageArea {
        margin-bottom: 20px
    }

    .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: 20px;
        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: 14px;
    color: #163765;
    text-decoration: none
}

.aggregate+footer a:hover,
.aggregate+footer .exportCalendar:hover {
    color: #3971be;
    text-decoration: none
}

.aggregate .event,
.aggregate .news,
.aggregate .person,
.aggregate .rssContent,
.aggregate .searchResult {
    padding-bottom: 15px;
    border-bottom: 1px solid #ccc
}

.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: .5
}

.aggregate .name a,
.aggregate .name>span {
    font-family: "Roboto Light", Helvetica, Arial, sans-serif;
    font-size: 18px
}

.aggregate .name a {
    color: #163765;
    text-decoration: none
}

.aggregate .name a:hover {
    color: #3971be;
    text-decoration: none
}

.aggregate .groupCover:hover~.name a,
.aggregate .groupCover:hover~a.name {
    color: #3971be;
    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: "Roboto Light", Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: normal;
    color: #39444d
}

.aggregate .summary {
    margin-top: 10px
}

.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: 16px;
    height: 16px;
    background-size: 16px 16px
}

.aggregate .personGroup {
    clear: both;
    font-size: 18px;
    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: 16.8px;
    color: #163765;
    text-decoration: none
}

.aggregate .document a.name:hover,
.aggregate .link a.name:hover,
.aggregate .photoAlbum a.name:hover {
    color: #3971be;
    text-decoration: none
}

.aggregate .document a.name,
.aggregate .link a.name {
    display: block;
    padding: 5px 10px;
    border-bottom: 1px solid #ccc
}

.aggregate .photoAlbum {
    display: inline-block;
    width: 128px;
    max-width: 128px;
    margin-left: 7px;
    margin-right: 7px;
    text-align: center
}

.aggregate .photoAlbum .thumb {
    display: block;
    float: none;
    max-width: none;
    width: 128px;
    height: 128px;
    margin-bottom: 5px;
    background: url("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: #444;
    font-size: 18px;
    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: .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(.4, 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: #163765;
    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 #777
}

.calendar .dayName {
    padding: 3px 0;
    background-color: #d9d9d9;
    color: #444;
    text-align: center
}

.calendar .day {
    height: 50px
}

.calendar .otherMonth {
    opacity: .5
}

.calendar .dateNumber {
    padding: 2px 0 0 2px;
    color: #444;
    font-weight: bold
}

.calendar .calendarEvent {
    padding: 1px 2px;
    color: #163765;
    font-size: 11.9px;
    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: #d9d9d9
}

.calendar .hasEvents:hover {
    background-color: #ccc;
    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: #999
}

.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: #999
}

@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: 14px
}

.calendarViewToggle {
    margin-top: 8px;
    margin-bottom: 8px;
    text-decoration: none
}

.calendarViewToggle:hover {
    text-decoration: none
}

#fieldGroup-calendarPageSelection {
    margin-top: 3px;
    margin-bottom: 1px
}

#calendarPageSelection {
    box-sizing: border-box;
    max-width: 350px;
    height: 28px;
    padding: 0px 7px;
    border: 1px solid #b9bec4;
    border-radius: 5px;
    background-color: #f6f9fe;
    color: #444;
    font-size: 14px
}

.events .calendarExportContainer {
    margin-top: 3px;
    margin-bottom: 3px;
    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 #ccc;
    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: 14px
}

.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: 0 solid #ddd;
    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: "Cinzel", Georgia, serif;
    font-size: 16px
}

.galleryModule .rotator .caption .captionContent {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    font-family: "Cinzel", Georgia, serif;
    font-size: 16px;
    line-height: 3.1ex;
    height: 12ex;
    margin-bottom: 3ex;
    margin-top: 3ex;
    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("image-gallery-icon.png") no-repeat center center;
    background-color: #32466e
}

.admin .galleryModuleEmpty .moduleBody:before {
    content: "";
    position: absolute;
    width: 137px;
    height: 87px;
    background: url("image-rotator-arrow.png") no-repeat center center;
    right: 40px;
    top: 40px;
    opacity: .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("image-rotator-arrow.png") no-repeat top right;
    background-size: contain;
    right: 40px;
    top: 10px;
    opacity: .665
}

.admin .imageModuleEmpty .moduleBody:after {
    content: "";
    position: absolute;
    width: 70%;
    height: 50%;
    max-width: 250px;
    background: url("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: 701px) {
    .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: 701px) {
    .focusPointImage.inset .focusPointImageHolder {
        width: 100% !important;
        height: auto !important
    }
}

.focusPointImage.inset .focusPointImageContainer[style*="padding-top"] {
    height: 0px
}

@media (max-width: 700px) {
    .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 .bulletinButton .buttonLabel {
    background-image: url("bulletins.svg")
}

.buttonModule .calendarButton .buttonLabel {
    background-image: url("calendar.svg")
}

.buttonModule .confessionTimesButton .buttonLabel {
    background-image: url("confession-times.svg")
}

.buttonModule .contactUsButton .buttonLabel {
    background-image: url("contact-us.svg")
}

.buttonModule .directionsButton .buttonLabel {
    background-image: url("directions.svg")
}

.buttonModule .documentsButton .buttonLabel {
    background-image: url("documents.svg")
}

.buttonModule .donationButton .buttonLabel {
    background-image: url("donation.svg")
}

.buttonModule .eventsButton .buttonLabel {
    background-image: url("events.svg")
}

.buttonModule .faithFormationButton .buttonLabel {
    background-image: url("faith-formation.svg")
}

.buttonModule .faqButton .buttonLabel {
    background-image: url("faq.svg")
}

.buttonModule .homilyButton .buttonLabel {
    background-image: url("homilies.svg")
}

.buttonModule .massTimesButton .buttonLabel {
    background-image: url("mass-times.svg")
}

.buttonModule .ministryFinderButton .buttonLabel {
    background-image: url("ministry-finder.svg")
}

.buttonModule .newsButton .buttonLabel {
    background-image: url("news.svg")
}

.buttonModule .parishFinderButton .buttonLabel {
    background-image: url("parish-finder.svg")
}

.buttonModule .photoAlbumsButton .buttonLabel {
    background-image: url("photo-albums.svg")
}

.buttonModule .portfolioButton .buttonLabel {
    background: url("portfolio.svg") left center no-repeat
}

.buttonModule .pricingButton .buttonLabel {
    background: url("pricing.svg") left center no-repeat
}

.buttonModule .schoolFinderButton .buttonLabel {
    background: url("school-finder.svg") left center no-repeat
}

.buttonModule .testimonialsButton .buttonLabel {
    background: url("testimonials.svg") left center no-repeat
}

.buttonModule .videoButton .buttonLabel {
    background: url("video.svg") left center no-repeat
}

.buttonModule:not(.focusPointImage) .zoomButton,
.buttonModule:not(.focusPointImage) .moveImageButton {
    display: none
}

.buttonModule .nonCustomButton .buttonLabel {
    background-position: left center;
    background-repeat: no-repeat
}

.buttonModule.buttonModule1 .nonCustomButton .buttonLabel {
    padding-left: 50px;
    background-size: 45px 45px
}

.buttonModule.buttonModule2 .nonCustomButton .buttonLabel {
    padding-left: 45px;
    background-size: 35px 35px
}

.buttonModule.buttonModule1 .hasLabel.hasSubtext .buttonLabel {
    margin-bottom: 3px
}

.nonCustomButton .buttonLabel {
    align-items: center;
    min-height: 45px
}

#background #core .nonCustomButton .buttonLabel {
    display: inline-flex;
    width: auto
}

.buttonModule2 .nonCustomButton .buttonLabel {
    min-height: 35px
}

#background.admin .buttonModuleEmpty .moduleBody {
    background: url("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("image-rotator-arrow.png") no-repeat center center;
    background-size: contain;
    right: 40px;
    top: 30px;
    opacity: .665
}

#background.admin .buttonModuleEmpty .moduleBody .buttonModuleButton {
    visibility: hidden
}

.sectionRegion .buttonModuleButton {
    background-color: #fff;
    color: #444;
    text-align: center;
    border: 8px solid #fff;
    border-radius: 0
}

.sectionRegion .buttonModuleButton:hover {
    background-color: #fff;
    color: #444;
    border: 8px solid #f5af00
}

.sectionRegion .buttonModuleButton .buttonLabelContainer {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.sectionRegion .buttonModuleButton .buttonBackground {
    border-radius: -8px
}

.sectionRegion .buttonModuleButton .buttonLabelCenter {
    padding-right: 5px;
    padding-left: 5px;
    padding-top: 2px;
    padding-bottom: 0
}

.sectionRegion .buttonModuleButton.hasImage.hasLabel .buttonLabelContainer,
.sectionRegion .buttonModuleButton.hasImage.hasSubtext .buttonLabelContainer {
    min-height: 45px;
    background-color: #fff
}

.sectionRegion .buttonModuleButton.hasImage.hasLabel:hover .buttonLabelContainer,
.sectionRegion .buttonModuleButton.hasImage.hasSubtext:hover .buttonLabelContainer {
    background-color: #fff
}

.sectionRegion .buttonLabel {
    font-family: "Roboto Light", Helvetica, Arial, sans-serif;
    font-size: 19px;
    font-weight: normal
}

.sectionRegion .hasImage .buttonLabel,
.sectionRegion .hasSubtext .buttonLabel {
    font-size: 19px
}

.sectionRegion .hasImage .buttonSubtext,
.sectionRegion .hasSubtext .buttonSubtext {
    font-size: 12px
}

.sectionRegion .buttonModule1 .buttonModuleButton {
    min-height: 200px
}

.sectionRegion .buttonModule1 .buttonBackground,
.sectionRegion .buttonModule1 .buttonModuleButton:not(.hasImage) .buttonLabelContainer {
    min-height: 184px
}

.sectionRegion .buttonModule2 .buttonModuleButton {
    min-height: 87.5px
}

.sectionRegion .buttonModule2 .buttonBackground,
.sectionRegion .buttonModule2 .buttonModuleButton:not(.hasImage) .buttonLabelContainer {
    min-height: 71.5px
}

.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% - 25px) / 2)
}

.sectionRegion .buttonModule2 .buttonModuleButton:first-child {
    margin-bottom: 25px
}

.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: 19px;
    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: 42px;
    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: #444;
    font-size: 18px;
    margin-bottom: 7.5px
}

.formStyling .fieldLabel {
    display: block;
    margin-left: 2px;
    margin-bottom: 2px;
    color: #444;
    font-weight: bold
}

.formStyling .required {
    margin-left: 3px;
    font-size: 9.8px;
    opacity: .5
}

.formStyling input,
.formStyling select,
.formStyling textarea {
    box-sizing: border-box;
    height: 42px;
    padding: 7px;
    border: 1px solid #b9bec4;
    border-radius: 5px;
    background-color: #f6f9fe;
    color: #444;
    font-size: 14px
}

.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("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: .7;
    cursor: not-allowed
}

.formStyling input:disabled~label {
    opacity: .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: 701px) {

    .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%
    }
}

.formStyling .ofFieldGroup .fieldGroup {
    margin: 0 0 0 15px;
    padding: 0
}

.formStyling .fieldGroup input,
.formStyling .fieldGroup textarea {
    width: 335px
}

@media (min-width: 701px) {

    .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: 162.5px
    }

    .formStyling .fieldGroup .cityStateZipField div,
    .formStyling .fieldGroup .cityStateZipField input,
    .formStyling .fieldGroup .cityStateZipField select {
        width: 65px
    }

    .formStyling .fieldGroup .cityStateZipField>div:first-child {
        width: 185px
    }

    .formStyling .fieldGroup .cityStateZipField>div:first-child input {
        width: 185px
    }

    .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("help-icon-small.png") center center no-repeat;
    cursor: pointer
}

.formStyling .fieldHelpButton:hover {
    background: url("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: 100px;
    padding: 10px 20px;
    margin-bottom: 4px;
    display: inline-block;
    border-radius: 5px;
    background-color: #163765;
    color: #fff;
    text-align: center;
    cursor: pointer;
    border: 0 solid #163765
}

.formStyling .submitForm:hover {
    background-color: #040911;
    color: #fff;
    border-color: #163765
}

.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: .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: #444
}

.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: 18px;
    font-family: "Cinzel", Georgia, serif
}

.paymentModule .legendGroup .legendText {
    font-weight: bold
}

.paymentModule .legendGroup .legendCaption {
    display: none;
    font-size: 14px;
    color: #444
}

.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: .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: #444
}

.paymentModule #presetAmounts .otherButton .dollar-sign {
    font-size: 18px;
    font-weight: bold;
    grid-area: 1/2;
    display: none
}

.paymentModule #presetAmounts .otherButton .input-sizer {
    font-size: 14px;
    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: 18px;
    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: 14px
}

.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: 18px;
    grid-area: 2/1/3/5;
    justify-self: center
}

.paymentModule #presetAmounts .otherButton.selected {
    border: 3px solid #104791
}

.paymentModule #presetAmounts .otherButton.selected .label {
    font-size: 14px;
    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: #444;
    background-color: #f6f9fe;
    border: 1px solid #b9bec4;
    box-sizing: border-box;
    font-size: 18px;
    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: #104791;
    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: 5px;
        border-top-right-radius: 5px
    }

    .paymentModule .paymentTypeButton:last-child,
    .paymentModule .paymentRecurringTypeButton:last-child {
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px
    }
}

@media (min-width: 501px) {

    .paymentModule .paymentTypeButton:first-child,
    .paymentModule .paymentRecurringTypeButton:first-child {
        border-top-left-radius: 5px;
        border-bottom-left-radius: 5px
    }

    .paymentModule .paymentTypeButton:last-child,
    .paymentModule .paymentRecurringTypeButton:last-child {
        border-top-right-radius: 5px;
        border-bottom-right-radius: 5px
    }
}

.paymentModule .paymentRecurringFirstDate {
    flex-grow: 1
}

.paymentModule #fieldGroup-paymentRecurringFirstDate {
    display: grid;
    grid-template-columns: 1fr
}

.paymentModule #fieldGroup-paymentRecurringFirstDate .faIcon {
    color: #444;
    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: 5px;
    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: 18px
}

.paymentModule .presetAmountBlock:not(.otherButton) .label {
    font-size: 14px
}

.paymentModule #fieldGroup-AMOUNT .paymentCurrencyLabel {
    font-weight: bold;
    height: 2.2em;
    font-size: 18px;
    color: #444
}

.paymentModule #fieldGroup-AMOUNT input {
    font-weight: bold;
    appearance: textfield;
    height: 2.2em;
    padding-left: 1.25em;
    font-size: 18px
}

.paymentModule .paymentTypeCredit .paymentTypeCreditIcon {
    float: left;
    margin-right: 10px;
    font-size: 0px;
    width: 40px;
    height: 28px;
    background-image: url("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("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: .5rem;
    border-radius: 50%;
    border-style: solid;
    border-width: .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: 18px
}

.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("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: 701px) {
    :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: 701px) {

    .rowSection:is(.fourModule, .threeModule) .paymentModule .paymentRecurringTypeButtons,
    .rowSection:is(.fourModule, .threeModule) .paymentModule .paymentTypeButtons {
        grid-template-columns: 1fr
    }
}

@media (min-width: 701px) {

    .rowSection:is(.fourModule, .threeModule) .paymentModule .paymentRecurringTypeButton:first-child,
    .rowSection:is(.fourModule, .threeModule) .paymentModule .paymentTypeButton:first-child {
        border-radius: 5px 5px 0 0
    }

    .rowSection:is(.fourModule, .threeModule) .paymentModule .paymentRecurringTypeButton:last-child,
    .rowSection:is(.fourModule, .threeModule) .paymentModule .paymentTypeButton:last-child {
        border-radius: 0 0 5px 5px
    }

    .rowSection:is(.fourModule, .threeModule) .paymentModule .paymentRecurringTypeButton:last-child:first-child,
    .rowSection:is(.fourModule, .threeModule) .paymentModule .paymentTypeButton:last-child:first-child {
        border-radius: 5px
    }
}

.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: #444
}

#background #core .sectionInner .paymentModule .moduleBody .submitForm {
    background-color: #104791;
    color: #fff;
    border-width: 0px
}

#background #core .sectionInner .paymentModule .moduleBody .submitForm:hover {
    background-color: #0b3163;
    color: #fff
}

#core .sacramentTimesModule .moduleBody {
    margin-left: 0px;
    margin-right: 0px;
    padding-left: 0px;
    padding-right: 0px
}

.sacramentTimesModule .categoryName {
    font-size: 19.6px;
    padding: 10px 10px
}

.sacramentTimesModule .categoryName:not(:first-child) {
    border-top: 1px #ccc solid;
    margin-top: 5px
}

.sacramentTimesModule .categoryName+.sacramentTimes .sacramentDay {
    padding-left: 30px
}

.sacramentTimesModule .dayName {
    font-size: 14px;
    font-weight: normal;
    font-style: italic;
    padding: 5px 10px;
    padding-left: 30px;
    margin-top: 4px
}

.sacramentTimesModule .dayName~.sacramentTimes .sacramentDay {
    padding-left: 50px
}

.sacramentTimesModule .sacramentTimesNote {
    font-style: italic;
    font-size: 14px;
    padding: 5px 10px
}

.sacramentTimes.times,
.massModeSacramentTimes {
    position: relative;
    padding: 0px;
    list-style: none;
    margin: 0px;
    font-size: 14px
}

.sacramentTimes.times .sacramentDay,
.massModeSacramentTimes .sacramentDay {
    min-height: 15px;
    padding: 5px 10px;
    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: normal;
    -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: 12px;
    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: 0 solid #ddd;
    margin: 0 0 25px 0;
    background-color: #eee;
    width: 641.66666667px;
    height: 320.83333333px;
    box-sizing: border-box
}

.pageTypeInterior #featureSlideshow.featureMedium {
    float: right
}

#featureSlideshow.featureFull {
    width: 1920px;
    height: 480px
}

@media (min-width: 701px) and (max-width:1440px) {
    #featureSlideshow.featureFull .width1440 {
        max-width: 1440px;
        padding-left: 240px
    }
}

@media (min-width:1440px) {
    #featureSlideshow.featureFull .firstImage .width1440 {
        max-width: 100vw;
        padding-left: calc((100vw - 1920px) / -2);
        height: 480px;
        object-fit: cover
    }
}

#featureSlideshow.featureFullVideo {
    width: 1920px;
    height: 810px
}

@media (min-width: 701px) and (max-width:1440px) {
    #featureSlideshow.featureFullVideo .width1440 {
        max-width: 1440px;
        padding-left: 240px
    }
}

@media (min-width:1440px) {
    #featureSlideshow.featureFullVideo .firstImage .width1440 {
        max-width: 100vw;
        padding-left: calc((100vw - 1920px) / -2);
        height: 810px;
        object-fit: cover
    }
}

#featureSlideshow.featureFullVideo.hasVideo {
    width: 1440px
}

#featureSlideshow.featureFullVideo:not(.hasVideo) .videoMode {
    overflow: hidden;
    transform: translateZ(0)
}

#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 .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: "Cinzel", Georgia, serif;
    font-size: 21px;
    white-space: nowrap;
    text-overflow: ellipsis
}

.slideshowModule .rotator .caption .captionContent {
    height: 34px;
    margin-top: 4px;
    font-family: "Cinzel", Georgia, serif;
    font-size: 16px
}

.slideshowModule .rotator .caption>div.captionContent:first-child {
    margin-top: 60.2px
}

.slideshowModule .backBtn,
.slideshowModule .fwdBtn,
.slideshowModule .pauseBtn {
    top: 50%
}

#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: #163765;
    color: #fff;
    font-size: 18px;
    font-family: Helvetica, Arial, sans-serif;
    padding: 15px 25px 15px 15px;
    border-radius: 5px;
    border: 0 solid #163765;
    position: absolute;
    bottom: 29px;
    right: 5%;
    width: auto;
    max-width: 160px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.callToAction:hover {
    background: #040911;
    color: #fff;
    border: 0 solid #040911
}

.callToActionArrow {
    position: absolute;
    top: 0px;
    right: 15px;
    display: inline-block;
    width: 0;
    height: 100%;
    background-image: url("callToActionIcons.svg");
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://cdn.ecatholic.com/1731102801/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: 701px) {

    #featureSlideshow .caption.hasCallToAction .title,
    #featureSlideshow .caption.hasCallToAction .captionContent {
        padding-right: 210px;
        box-sizing: border-box
    }

    #featureSlideshow.featureFull .caption.hasCallToAction .callToAction {
        right: 50%;
        margin-right: -487.5px;
        bottom: 62px
    }

    #featureSlideshow.featureFullVideo .caption.hasCallToAction .title,
    #featureSlideshow.featureFullVideo .caption.hasCallToAction .captionContent {
        width: 975px !important
    }

    #featureSlideshow.featureFullVideo .caption.hasCallToAction .callToAction {
        right: 50%;
        margin-right: -487.5px;
        bottom: 105px
    }
}

#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(#000), to(rgba(0, 0, 0, 0)));
    width: 100%;
    height: 100%
}

#slideshowSettings,
.slideshowPhotoHolder {
    display: none
}

@media (min-width: 1440px) {
    #background #featureSlideshow.featureFull #rotator .width1440 {
        max-width: 100vw;
        padding-left: calc((100vw - 1920px) / -2);
        height: 480px;
        width: 100%;
        object-fit: cover
    }

    #background #featureSlideshow.featureFullVideo #rotator .width1440 {
        max-width: 100vw;
        padding-left: calc((100vw - 1920px) / -2);
        height: 810px;
        width: 100%;
        object-fit: cover
    }

    #background #featureSlideshow.featureFullVideo.hasVideo {
        left: 50%;
        width: 100vw;
        margin-left: -50vw;
        height: auto
    }

    #background #featureSlideshow.featureFullVideo.hasVideo .videoMode {
        width: 100%;
        overflow: auto
    }
}

@media (min-width: 1440px) and (min-width:1920px) {
    #background #featureSlideshow.featureFull {
        left: 50%;
        width: 100vw;
        margin-left: -50vw
    }

    #background #featureSlideshow.featureFull #rotator img {
        margin-top: calc((25vw - 480px) / -2);
        height: auto;
        width: 100%
    }
}

@media (min-width: 1440px) and (min-width:1920px) {
    #background #featureSlideshow.featureFullVideo {
        left: 50%;
        width: 100vw;
        margin-left: -50vw
    }

    #background #featureSlideshow.featureFullVideo #rotator img {
        margin-top: calc((42.1875vw - 810px) / -2);
        height: auto;
        width: 100%
    }
}

@media (min-width: 701px) {
    #featureSlideshow.featureFull {
        margin-left: -472.5px
    }

    #featureSlideshow.featureFull #fwdBtn {
        right: 472.5px
    }

    #featureSlideshow.featureFull .editBar {
        margin-right: -487.5px !important;
        right: 50%
    }

    #featureSlideshow.featureFull #backBtn {
        left: 472.5px
    }

    .featureFull #rotator .caption .title,
    .featureFull #rotator .caption .captionContent {
        width: 975px
    }

    .featureFull#featureSlideshow .slideshowModule.videoMode.captionOn .title,
    .featureFull#featureSlideshow .slideshowModule.videoMode.captionOn .captionContent {
        width: 975px
    }

    #featureSlideshow.featureFullVideo {
        margin-left: -472.5px
    }

    #featureSlideshow.featureFullVideo #fwdBtn {
        right: 472.5px
    }

    #featureSlideshow.featureFullVideo .editBar {
        margin-right: -487.5px !important;
        right: 50%
    }

    #featureSlideshow.featureFullVideo #backBtn {
        left: 472.5px
    }

    #featureSlideshow.featureFullVideo.hasVideo {
        margin-left: -232.5px
    }

    .featureFullVideo #rotator .caption {
        height: 25%
    }

    .featureFullVideo #rotator .caption .title,
    .featureFullVideo #rotator .caption .captionContent {
        width: 975px
    }

    .featureFullVideo#featureSlideshow .slideshowModule.videoMode.captionOn .title,
    .featureFullVideo#featureSlideshow .slideshowModule.videoMode.captionOn .captionContent {
        width: 975px
    }
}

#vimeoBlocker {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%
}

#vimeoBlocker.play {
    background: url("button-play.png") no-repeat center center
}

#vimeoBlocker.pause:hover {
    background: url("button-pause.png") no-repeat center center
}

.slideshowModule .livePlayerContainer {
    padding: 0px;
    margin: 0px;
    height: 100%
}

.slideshowModule .livePlayerContainer iframe {
    padding: 0px;
    margin: 0px
}

.slideshowModule.videoMode.captionOverlayOn .captionPositioner {
    background-color: rgba(0, 0, 0, 0.4)
}

.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: "Cinzel", Georgia, serif;
    font-size: 21px;
    white-space: nowrap;
    text-overflow: ellipsis
}

.slideshowModule.videoMode.captionOn .caption .captionContent {
    font-family: "Cinzel", Georgia, serif;
    font-size: 16px;
    max-height: 12ex;
    line-height: 3.1ex;
    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%);
    background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.7) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00000000, endColorstr=#b3000000);
    overflow: hidden
}

.slideshowModule .backBtn,
.moduleBody .backBtn,
.slideshowModule .fwdBtn,
.moduleBody .fwdBtn,
.slideshowModule .pauseBtn,
.moduleBody .pauseBtn {
    display: none;
    z-index: 120;
    position: absolute;
    width: 42px;
    height: 42px;
    margin-top: -21px;
    opacity: .4;
    overflow: hidden;
    font-size: 0px;
    cursor: pointer
}

.slideshowModule .backBtn:hover,
.moduleBody .backBtn:hover,
.slideshowModule .fwdBtn:hover,
.moduleBody .fwdBtn:hover,
.slideshowModule .pauseBtn:hover,
.moduleBody .pauseBtn:hover {
    opacity: .8
}

.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("arrow.png") no-repeat center center
}

.slideshowModule .pauseBtn,
.moduleBody .pauseBtn {
    left: 50%;
    margin-left: -21px
}

.slideshowModule .rotatorPause,
.moduleBody .rotatorPause {
    background: url("button-pause.png") no-repeat center center
}

.slideshowModule .rotatorPlay,
.moduleBody .rotatorPlay {
    background: url("button-play.png") no-repeat center center
}

.slideshowModule .fwdBtn,
.moduleBody .fwdBtn {
    right: 15px;
    transform: rotate(180deg);
    background: url("arrow.png") no-repeat center center
}

.slideshowModule .captions,
.moduleBody .captions {
    display: none
}

.slideshowModule .shortcuts,
.moduleBody .shortcuts {
    display: none
}

.slideshowModule .slideshowSettings,
.moduleBody .slideshowSettings,
.slideshowModule .slideshowPhotoHolder,
.moduleBody .slideshowPhotoHolder {
    display: none
}

#horizontals .region,
#bottomHorizontals .region {
    float: left;
    font-size: 0
}

#horizontals .region>li,
#bottomHorizontals .region>li {
    height: 100%;
    overflow: hidden;
    margin-top: 0;
    font-size: 14px
}

#horizontals .region>li>div,
#bottomHorizontals .region>li>div {
    height: 100%
}

#horizontals .region>li,
#bottomHorizontals .region>li,
#horizontals .region .regionSortableHighlight,
#bottomHorizontals .region .regionSortableHighlight {
    float: none;
    display: inline-block;
    vertical-align: top
}

#background:not(.admin) #core [id*="orizontals"] .region[maxmodules="1"]>li:nth-child(n + 2),
#background:not(.admin) #core [id*="orizontals"] .region[maxmodules="2"]>li:nth-child(n + 3),
#background:not(.admin) #core [id*="orizontals"] .region[maxmodules="3"]>li:nth-child(n + 4),
#background:not(.admin) #core [id*="orizontals"] .region[maxmodules="4"]>li:nth-child(n + 5),
#background:not(.admin) #core [id*="orizontals"] .region[maxmodules="5"]>li:nth-child(n + 6),
#background:not(.admin) #core [id*="orizontals"] .region[maxmodules="6"]>li:nth-child(n + 7) {
    display: none
}

#background:not(.admin) #core [id*="orizontals"] .region[maxmodules="1"]>li:nth-child(n + 1)>div,
#background:not(.admin) #core [id*="orizontals"] .region[maxmodules="1"] .regionSortableHighlight:nth-child(n + 1),
#background:not(.admin) #core [id*="orizontals"] .region[maxmodules="2"]>li:nth-child(n + 2)>div,
#background:not(.admin) #core [id*="orizontals"] .region[maxmodules="2"] .regionSortableHighlight:nth-child(n + 2),
#background:not(.admin) #core [id*="orizontals"] .region[maxmodules="3"]>li:nth-child(n + 3)>div,
#background:not(.admin) #core [id*="orizontals"] .region[maxmodules="3"] .regionSortableHighlight:nth-child(n + 3),
#background:not(.admin) #core [id*="orizontals"] .region[maxmodules="4"]>li:nth-child(n + 4)>div,
#background:not(.admin) #core [id*="orizontals"] .region[maxmodules="4"] .regionSortableHighlight:nth-child(n + 4),
#background:not(.admin) #core [id*="orizontals"] .region[maxmodules="5"]>li:nth-child(n + 5)>div,
#background:not(.admin) #core [id*="orizontals"] .region[maxmodules="5"] .regionSortableHighlight:nth-child(n + 5),
#background:not(.admin) #core [id*="orizontals"] .region[maxmodules="6"]>li:nth-child(n + 6)>div,
#background:not(.admin) #core [id*="orizontals"] .region[maxmodules="6"] .regionSortableHighlight:nth-child(n + 6) {
    margin-right: 0px
}

#background [id*="orizontals"] .notVisibleModule {
    display: none
}

#background [id*="orizontals"] .lastVisibleModule>div,
#background [id*="orizontals"] .lastVisibleModule.regionSortableHighlight {
    margin-right: 0px
}

.publishHover #horizontals .region>li {
    overflow: visible
}

#background .publishHover [id*="orizontals"] .region[maxmodules="1"]>li:nth-child(n + 1)>div,
#background .publishHover [id*="orizontals"] .region[maxmodules="2"]>li:nth-child(n + 2)>div,
#background .publishHover [id*="orizontals"] .region[maxmodules="3"]>li:nth-child(n + 3)>div,
#background .publishHover [id*="orizontals"] .region[maxmodules="4"]>li:nth-child(n + 4)>div,
#background .publishHover [id*="orizontals"] .region[maxmodules="5"]>li:nth-child(n + 5)>div,
#background .publishHover [id*="orizontals"] .region[maxmodules="6"]>li:nth-child(n + 6)>div {
    margin-right: 0px
}

.publishHover [id*="orizontals"] .region[maxmodules="1"]>li:nth-child(n + 2):not(.ui-sortable-helper),
.publishHover [id*="orizontals"] .region[maxmodules="2"]>li:nth-child(n + 3):not(.ui-sortable-helper),
.publishHover [id*="orizontals"] .region[maxmodules="3"]>li:nth-child(n + 4):not(.ui-sortable-helper),
.publishHover [id*="orizontals"] .region[maxmodules="4"]>li:nth-child(n + 5):not(.ui-sortable-helper),
.publishHover [id*="orizontals"] .region[maxmodules="5"]>li:nth-child(n + 6):not(.ui-sortable-helper),
.publishHover [id*="orizontals"] .region[maxmodules="6"]>li:nth-child(n + 7):not(.ui-sortable-helper) {
    display: none !important
}

#horizontals .region .calendarModule.calendarView,
#bottomHorizontals .region .calendarModule.calendarView,
#featureRegion.region .calendarModule.calendarView {
    font-size: 14px
}

#horizontals .region .calendarModule .calendarMonthTitle,
#bottomHorizontals .region .calendarModule .calendarMonthTitle,
#featureRegion.region .calendarModule .calendarMonthTitle {
    box-sizing: border-box;
    height: 34px;
    font-size: 0px
}

#horizontals .region .calendarModule .calendarMonthTitle .dateTitle,
#bottomHorizontals .region .calendarModule .calendarMonthTitle .dateTitle,
#featureRegion.region .calendarModule .calendarMonthTitle .dateTitle {
    font-size: 19px
}

#horizontals .region .calendarModule .day,
#bottomHorizontals .region .calendarModule .day,
#featureRegion.region .calendarModule .day {
    height: auto;
    background-clip: padding-box
}

#horizontals .region .calendarModule .aggregate,
#bottomHorizontals .region .calendarModule .aggregate,
#featureRegion.region .calendarModule .aggregate {
    box-sizing: border-box
}

#horizontals .region .calendarModule thead tr,
#bottomHorizontals .region .calendarModule thead tr,
#featureRegion.region .calendarModule thead tr {
    height: 1px
}

#horizontals .region .calendarModule .hasEvents,
#bottomHorizontals .region .calendarModule .hasEvents,
#featureRegion.region .calendarModule .hasEvents {
    font-size: 0px
}

#horizontals .region .calendarModule .hasEvents .dateNumber,
#bottomHorizontals .region .calendarModule .hasEvents .dateNumber,
#featureRegion.region .calendarModule .hasEvents .dateNumber {
    font-size: 14px;
    display: inline-block
}

#horizontals .region .calendarModule .hasEvents .dateNumber+.calendarEvent,
#bottomHorizontals .region .calendarModule .hasEvents .dateNumber+.calendarEvent,
#featureRegion.region .calendarModule .hasEvents .dateNumber+.calendarEvent,
#horizontals .region .calendarModule .hasEvents .dateNumber+.calendarEvent,
#bottomHorizontals .region .calendarModule .hasEvents .dateNumber+.calendarEvent,
#featureRegion.region .calendarModule .hasEvents .dateNumber+.calendarEvent {
    width: 6px;
    height: 8px;
    margin-left: 3px;
    margin-right: 3px;
    display: inline-block
}

#horizontals .region .calendarModule .dayCalendar,
#bottomHorizontals .region .calendarModule .dayCalendar,
#featureRegion.region .calendarModule .dayCalendar {
    position: relative
}

#horizontals .region .calendarModule .dayCalendar:before,
#bottomHorizontals .region .calendarModule .dayCalendar:before,
#featureRegion.region .calendarModule .dayCalendar:before {
    content: "";
    width: 100%;
    height: 0px;
    position: absolute;
    bottom: 0px;
    border-top: 1px solid #163765;
    z-index: 1
}

#horizontals .region .calendarModule .dayCalendar .editBar,
#bottomHorizontals .region .calendarModule .dayCalendar .editBar,
#featureRegion.region .calendarModule .dayCalendar .editBar {
    top: 0px
}

#horizontals .region .calendarModule .dayCalendar .aggregate,
#bottomHorizontals .region .calendarModule .dayCalendar .aggregate,
#featureRegion.region .calendarModule .dayCalendar .aggregate {
    position: absolute;
    width: 100%;
    top: 100%;
    overflow: auto;
    padding-top: 5px
}

#horizontals .region .calendarModule .dayCalendar .aggregate .event,
#bottomHorizontals .region .calendarModule .dayCalendar .aggregate .event,
#featureRegion.region .calendarModule .dayCalendar .aggregate .event {
    padding-bottom: 5px
}

#horizontals .region .calendarModule .dayCalendar .aggregate .event:not(:last-child),
#bottomHorizontals .region .calendarModule .dayCalendar .aggregate .event:not(:last-child),
#featureRegion.region .calendarModule .dayCalendar .aggregate .event:not(:last-child) {
    margin-bottom: 5px
}

#horizontals .region .calendarModule .dayCalendar .aggregate .event>div,
#bottomHorizontals .region .calendarModule .dayCalendar .aggregate .event>div,
#featureRegion.region .calendarModule .dayCalendar .aggregate .event>div {
    display: none
}

#horizontals .region .calendarModule .dayCalendar .aggregate .event>div.name,
#bottomHorizontals .region .calendarModule .dayCalendar .aggregate .event>div.name,
#featureRegion.region .calendarModule .dayCalendar .aggregate .event>div.name {
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

#horizontals .region .calendarModule .monthCalendar,
#bottomHorizontals .region .calendarModule .monthCalendar,
#featureRegion.region .calendarModule .monthCalendar {
    background-color: #fff
}

#horizontals .region .calendarModule,
#bottomHorizontals .region .calendarModule,
#featureRegion.region .calendarModule,
#horizontals .region .newsModule,
#bottomHorizontals .region .newsModule,
#featureRegion.region .newsModule {
    position: relative;
    margin-bottom: 100%
}

#horizontals .region .calendarModule.editable.hoverEditable,
#bottomHorizontals .region .calendarModule.editable.hoverEditable,
#featureRegion.region .calendarModule.editable.hoverEditable,
#horizontals .region .newsModule.editable.hoverEditable,
#bottomHorizontals .region .newsModule.editable.hoverEditable,
#featureRegion.region .newsModule.editable.hoverEditable {
    box-shadow: none
}

#horizontals .region .calendarModule:before,
#bottomHorizontals .region .calendarModule:before,
#featureRegion.region .calendarModule:before,
#horizontals .region .newsModule:before,
#bottomHorizontals .region .newsModule:before,
#featureRegion.region .newsModule:before {
    content: "";
    left: 0px;
    width: 100%;
    position: absolute;
    background: none;
    background-color: transparent;
    z-index: -1
}

#horizontals .region .calendarModule.editable header,
#bottomHorizontals .region .calendarModule.editable header,
#featureRegion.region .calendarModule.editable header,
#horizontals .region .newsModule.editable header,
#bottomHorizontals .region .newsModule.editable header,
#featureRegion.region .newsModule.editable header {
    min-height: 1px
}

#horizontals .region .calendarModule.editable .moduleBody,
#bottomHorizontals .region .calendarModule.editable .moduleBody,
#featureRegion.region .calendarModule.editable .moduleBody,
#horizontals .region .newsModule.editable .moduleBody,
#bottomHorizontals .region .newsModule.editable .moduleBody,
#featureRegion.region .newsModule.editable .moduleBody {
    margin-top: -1px
}

#horizontals .region .calendarModule.hoverEditable:before,
#bottomHorizontals .region .calendarModule.hoverEditable:before,
#featureRegion.region .calendarModule.hoverEditable:before,
#horizontals .region .newsModule.hoverEditable:before,
#bottomHorizontals .region .newsModule.hoverEditable:before,
#featureRegion.region .newsModule.hoverEditable:before {
    box-shadow: inset 0 0 0 1px #e87722
}

#horizontals .region .calendarModule.moduleInner .moduleBody.aggregate,
#bottomHorizontals .region .calendarModule.moduleInner .moduleBody.aggregate,
#featureRegion.region .calendarModule.moduleInner .moduleBody.aggregate,
#horizontals .region .newsModule.moduleInner .moduleBody.aggregate,
#bottomHorizontals .region .newsModule.moduleInner .moduleBody.aggregate,
#featureRegion.region .newsModule.moduleInner .moduleBody.aggregate {
    position: absolute;
    width: 100%;
    top: 100%;
    overflow: auto
}

#horizontals .region .calendarModule.moduleInner .moduleBody.aggregate>li:last-child,
#bottomHorizontals .region .calendarModule.moduleInner .moduleBody.aggregate>li:last-child,
#featureRegion.region .calendarModule.moduleInner .moduleBody.aggregate>li:last-child,
#horizontals .region .newsModule.moduleInner .moduleBody.aggregate>li:last-child,
#bottomHorizontals .region .newsModule.moduleInner .moduleBody.aggregate>li:last-child,
#featureRegion.region .newsModule.moduleInner .moduleBody.aggregate>li:last-child {
    border-bottom-width: 0px
}

#horizontals .region .calendarModule.moduleInner .moduleBody.aggregate .thumb,
#bottomHorizontals .region .calendarModule.moduleInner .moduleBody.aggregate .thumb,
#featureRegion.region .calendarModule.moduleInner .moduleBody.aggregate .thumb,
#horizontals .region .newsModule.moduleInner .moduleBody.aggregate .thumb,
#bottomHorizontals .region .newsModule.moduleInner .moduleBody.aggregate .thumb,
#featureRegion.region .newsModule.moduleInner .moduleBody.aggregate .thumb {
    display: none
}

#horizontals .region .calendarModule.moduleInner .moduleBody.aggregate,
#bottomHorizontals .region .calendarModule.moduleInner .moduleBody.aggregate,
#featureRegion.region .calendarModule.moduleInner .moduleBody.aggregate,
#horizontals .region .newsModule.moduleInner .moduleBody.aggregate,
#bottomHorizontals .region .newsModule.moduleInner .moduleBody.aggregate,
#featureRegion.region .newsModule.moduleInner .moduleBody.aggregate,
#horizontals .region .calendarModule.moduleInner .moduleBody.aggregate+footer,
#bottomHorizontals .region .calendarModule.moduleInner .moduleBody.aggregate+footer,
#featureRegion.region .calendarModule.moduleInner .moduleBody.aggregate+footer,
#horizontals .region .newsModule.moduleInner .moduleBody.aggregate+footer,
#bottomHorizontals .region .newsModule.moduleInner .moduleBody.aggregate+footer,
#featureRegion.region .newsModule.moduleInner .moduleBody.aggregate+footer {
    margin-left: 0px;
    margin-right: 0px;
    box-sizing: border-box
}

#horizontals .region .calendarModule .aggregate+footer,
#bottomHorizontals .region .calendarModule .aggregate+footer,
#featureRegion.region .calendarModule .aggregate+footer,
#horizontals .region .newsModule .aggregate+footer,
#bottomHorizontals .region .newsModule .aggregate+footer,
#featureRegion.region .newsModule .aggregate+footer {
    position: absolute;
    left: 0px;
    width: 100%
}

#horizontals .region .calendarModule .aggregate+footer:before,
#bottomHorizontals .region .calendarModule .aggregate+footer:before,
#featureRegion.region .calendarModule .aggregate+footer:before,
#horizontals .region .newsModule .aggregate+footer:before,
#bottomHorizontals .region .newsModule .aggregate+footer:before,
#featureRegion.region .newsModule .aggregate+footer:before {
    content: "";
    width: 100%;
    height: 0px;
    position: absolute;
    left: 0px;
    bottom: 19px;
    border-top: 1px solid #ccc
}

#horizontals .region .calendarModule.moduleInner,
#bottomHorizontals .region .calendarModule.moduleInner,
#featureRegion.region .calendarModule.moduleInner,
#horizontals .region .newsModule.moduleInner,
#bottomHorizontals .region .newsModule.moduleInner,
#featureRegion.region .newsModule.moduleInner {
    height: auto
}

#horizontals .region .massTimesModule,
#bottomHorizontals .region .massTimesModule,
#featureRegion.region .massTimesModule,
#horizontals .region .confessionTimesModule,
#bottomHorizontals .region .confessionTimesModule,
#featureRegion.region .confessionTimesModule,
#horizontals .region .adorationTimesModule,
#bottomHorizontals .region .adorationTimesModule,
#featureRegion.region .adorationTimesModule {
    position: relative;
    margin-bottom: 100%
}

#horizontals .region .massTimesModule.editable.hoverEditable,
#bottomHorizontals .region .massTimesModule.editable.hoverEditable,
#featureRegion.region .massTimesModule.editable.hoverEditable,
#horizontals .region .confessionTimesModule.editable.hoverEditable,
#bottomHorizontals .region .confessionTimesModule.editable.hoverEditable,
#featureRegion.region .confessionTimesModule.editable.hoverEditable,
#horizontals .region .adorationTimesModule.editable.hoverEditable,
#bottomHorizontals .region .adorationTimesModule.editable.hoverEditable,
#featureRegion.region .adorationTimesModule.editable.hoverEditable {
    box-shadow: none
}

#horizontals .region .massTimesModule:before,
#bottomHorizontals .region .massTimesModule:before,
#featureRegion.region .massTimesModule:before,
#horizontals .region .confessionTimesModule:before,
#bottomHorizontals .region .confessionTimesModule:before,
#featureRegion.region .confessionTimesModule:before,
#horizontals .region .adorationTimesModule:before,
#bottomHorizontals .region .adorationTimesModule:before,
#featureRegion.region .adorationTimesModule:before {
    content: "";
    left: 0px;
    width: 100%;
    position: absolute;
    background: none;
    background-color: transparent;
    z-index: -1
}

#horizontals .region .massTimesModule.editable header,
#bottomHorizontals .region .massTimesModule.editable header,
#featureRegion.region .massTimesModule.editable header,
#horizontals .region .confessionTimesModule.editable header,
#bottomHorizontals .region .confessionTimesModule.editable header,
#featureRegion.region .confessionTimesModule.editable header,
#horizontals .region .adorationTimesModule.editable header,
#bottomHorizontals .region .adorationTimesModule.editable header,
#featureRegion.region .adorationTimesModule.editable header {
    min-height: 1px
}

#horizontals .region .massTimesModule.editable .moduleBody,
#bottomHorizontals .region .massTimesModule.editable .moduleBody,
#featureRegion.region .massTimesModule.editable .moduleBody,
#horizontals .region .confessionTimesModule.editable .moduleBody,
#bottomHorizontals .region .confessionTimesModule.editable .moduleBody,
#featureRegion.region .confessionTimesModule.editable .moduleBody,
#horizontals .region .adorationTimesModule.editable .moduleBody,
#bottomHorizontals .region .adorationTimesModule.editable .moduleBody,
#featureRegion.region .adorationTimesModule.editable .moduleBody {
    margin-top: -1px
}

#horizontals .region .massTimesModule.hoverEditable:before,
#bottomHorizontals .region .massTimesModule.hoverEditable:before,
#featureRegion.region .massTimesModule.hoverEditable:before,
#horizontals .region .confessionTimesModule.hoverEditable:before,
#bottomHorizontals .region .confessionTimesModule.hoverEditable:before,
#featureRegion.region .confessionTimesModule.hoverEditable:before,
#horizontals .region .adorationTimesModule.hoverEditable:before,
#bottomHorizontals .region .adorationTimesModule.hoverEditable:before,
#featureRegion.region .adorationTimesModule.hoverEditable:before {
    box-shadow: inset 0 0 0 1px #e87722
}

#horizontals .region .massTimesModule.moduleInner,
#bottomHorizontals .region .massTimesModule.moduleInner,
#featureRegion.region .massTimesModule.moduleInner,
#horizontals .region .confessionTimesModule.moduleInner,
#bottomHorizontals .region .confessionTimesModule.moduleInner,
#featureRegion.region .confessionTimesModule.moduleInner,
#horizontals .region .adorationTimesModule.moduleInner,
#bottomHorizontals .region .adorationTimesModule.moduleInner,
#featureRegion.region .adorationTimesModule.moduleInner {
    height: auto
}

#horizontals .region .massTimesModule .moduleBody,
#bottomHorizontals .region .massTimesModule .moduleBody,
#featureRegion.region .massTimesModule .moduleBody,
#horizontals .region .confessionTimesModule .moduleBody,
#bottomHorizontals .region .confessionTimesModule .moduleBody,
#featureRegion.region .confessionTimesModule .moduleBody,
#horizontals .region .adorationTimesModule .moduleBody,
#bottomHorizontals .region .adorationTimesModule .moduleBody,
#featureRegion.region .adorationTimesModule .moduleBody {
    position: absolute;
    width: 100%;
    top: 100%;
    overflow: auto;
    margin-left: 0px;
    margin-right: 0px
}

#horizontals .region .listView .fieldHelp,
#bottomHorizontals .region .listView .fieldHelp,
#featureRegion.region .listView .fieldHelp {
    bottom: 0px;
    top: auto !important
}

#horizontals .region[maxmodules="4"] .calendarModule .hasEvents .dateNumber,
#bottomHorizontals .region[maxmodules="4"] .calendarModule .hasEvents .dateNumber,
#horizontals .region[maxmodules="5"] .calendarModule .hasEvents .dateNumber,
#bottomHorizontals .region[maxmodules="5"] .calendarModule .hasEvents .dateNumber,
#horizontals .region[maxmodules="6"] .calendarModule .hasEvents .dateNumber,
#bottomHorizontals .region[maxmodules="6"] .calendarModule .hasEvents .dateNumber {
    padding-left: 0px
}

#horizontals .region[maxmodules="4"] .calendarModule .hasEvents .dateNumber+.calendarEvent,
#bottomHorizontals .region[maxmodules="4"] .calendarModule .hasEvents .dateNumber+.calendarEvent,
#horizontals .region[maxmodules="5"] .calendarModule .hasEvents .dateNumber+.calendarEvent,
#bottomHorizontals .region[maxmodules="5"] .calendarModule .hasEvents .dateNumber+.calendarEvent,
#horizontals .region[maxmodules="6"] .calendarModule .hasEvents .dateNumber+.calendarEvent,
#bottomHorizontals .region[maxmodules="6"] .calendarModule .hasEvents .dateNumber+.calendarEvent {
    margin: auto
}

#horizontals .region[maxmodules="4"] .calendarModule .calendarMonthTitle .dateTitle,
#bottomHorizontals .region[maxmodules="4"] .calendarModule .calendarMonthTitle .dateTitle,
#horizontals .region[maxmodules="5"] .calendarModule .calendarMonthTitle .dateTitle,
#bottomHorizontals .region[maxmodules="5"] .calendarModule .calendarMonthTitle .dateTitle,
#horizontals .region[maxmodules="6"] .calendarModule .calendarMonthTitle .dateTitle,
#bottomHorizontals .region[maxmodules="6"] .calendarModule .calendarMonthTitle .dateTitle {
    font-size: 17px
}

#horizontals .region[maxmodules="4"] .nonCustomButton .buttonLabel,
#bottomHorizontals .region[maxmodules="4"] .nonCustomButton .buttonLabel {
    white-space: normal
}

#horizontals .region .day,
#bottomHorizontals .region .day {
    vertical-align: middle
}

#horizontal1.region[maxmodules="4"] .dateTitle {
    min-width: 150px
}

#horizontal1 .calendar {
    height: 196px
}

#horizontal1 .dayCalendar .aggregate {
    height: calc(230px - 100%)
}

#horizontal1 .calendarModule:before,
#horizontal1 .newsModule:before {
    height: 230px
}

#horizontal1 .calendarModule .moveHandle,
#horizontal1 .newsModule .moveHandle {
    height: 230px
}

#horizontal1 .calendarModule .moduleBody.aggregate,
#horizontal1 .newsModule .moduleBody.aggregate {
    height: calc(230px - 100% - 19px)
}

#horizontal1 .calendarModule .moduleBody.aggregate,
#horizontal1 .newsModule .moduleBody.aggregate,
#horizontal1 .calendarModule .moduleBody.aggregate+footer,
#horizontal1 .newsModule .moduleBody.aggregate+footer {
    padding-left: 0;
    padding-right: 0
}

#horizontal1 .calendarModule .aggregate+footer,
#horizontal1 .newsModule .aggregate+footer {
    bottom: calc(-230px + 100%)
}

#horizontal1 .massTimesModule:before,
#horizontal1 .confessionTimesModule:before,
#horizontal1 .adorationTimesModule:before {
    height: 230px
}

#horizontal1 .massTimesModule .moveHandle,
#horizontal1 .confessionTimesModule .moveHandle,
#horizontal1 .adorationTimesModule .moveHandle {
    height: 230px
}

#horizontal1 .massTimesModule .moduleBody,
#horizontal1 .confessionTimesModule .moduleBody,
#horizontal1 .adorationTimesModule .moduleBody {
    height: calc(230px - 100%)
}

#horizontal2.region[maxmodules="4"] .dateTitle {
    min-width: 142px
}

#horizontal2 .calendar {
    height: 196px
}

#horizontal2 .dayCalendar .aggregate {
    height: calc(230px - 100%)
}

#horizontal2 .calendarModule:before,
#horizontal2 .newsModule:before {
    height: 230px
}

#horizontal2 .calendarModule .moveHandle,
#horizontal2 .newsModule .moveHandle {
    height: 230px
}

#horizontal2 .calendarModule .moduleBody.aggregate,
#horizontal2 .newsModule .moduleBody.aggregate {
    height: calc(230px - 100% - 19px)
}

#horizontal2 .calendarModule .moduleBody.aggregate,
#horizontal2 .newsModule .moduleBody.aggregate,
#horizontal2 .calendarModule .moduleBody.aggregate+footer,
#horizontal2 .newsModule .moduleBody.aggregate+footer {
    padding-left: 0;
    padding-right: 0
}

#horizontal2 .calendarModule .aggregate+footer,
#horizontal2 .newsModule .aggregate+footer {
    bottom: calc(-230px + 100%)
}

#horizontal2 .massTimesModule:before,
#horizontal2 .confessionTimesModule:before,
#horizontal2 .adorationTimesModule:before {
    height: 230px
}

#horizontal2 .massTimesModule .moveHandle,
#horizontal2 .confessionTimesModule .moveHandle,
#horizontal2 .adorationTimesModule .moveHandle {
    height: 230px
}

#horizontal2 .massTimesModule .moduleBody,
#horizontal2 .confessionTimesModule .moduleBody,
#horizontal2 .adorationTimesModule .moduleBody {
    height: calc(230px - 100%)
}

.ie8 #horizontals .calendarModule,
.ie8 #bottomHorizontals .calendarModule,
.ie8 #featureRegion .calendarModule,
.ie8 #horizontals .newsModule,
.ie8 #bottomHorizontals .newsModule,
.ie8 #featureRegion .newsModule {
    height: 100%;
    overflow: auto
}

.ie8 #horizontals .calendarModule footer,
.ie8 #bottomHorizontals .calendarModule footer,
.ie8 #featureRegion .calendarModule footer,
.ie8 #horizontals .newsModule footer,
.ie8 #bottomHorizontals .newsModule footer,
.ie8 #featureRegion .newsModule footer,
.ie8 #horizontals .calendarModule .moduleBody.aggregate,
.ie8 #bottomHorizontals .calendarModule .moduleBody.aggregate,
.ie8 #featureRegion .calendarModule .moduleBody.aggregate,
.ie8 #horizontals .newsModule .moduleBody.aggregate,
.ie8 #bottomHorizontals .newsModule .moduleBody.aggregate,
.ie8 #featureRegion .newsModule .moduleBody.aggregate {
    top: 0px;
    position: relative
}

.ie8 #horizontals .calendarModule footer:before,
.ie8 #bottomHorizontals .calendarModule footer:before,
.ie8 #featureRegion .calendarModule footer:before,
.ie8 #horizontals .newsModule footer:before,
.ie8 #bottomHorizontals .newsModule footer:before,
.ie8 #featureRegion .newsModule footer:before {
    border-width: 0px;
    display: none
}

#horizontal1.region {
    height: 230px;
    width: 975px;
    margin: 0 0 25px 0;
    padding: 0 0 0 0
}

#horizontal1.region[maxmodules="3"]>li>div,
#horizontal1.region[maxmodules="3"] .regionSortableHighlight {
    width: 308px
}

#horizontal1.region[maxmodules="3"] .fakeButton .buttonModuleButton {
    width: 292px
}

#horizontal1.region[maxmodules="4"]>li>div,
#horizontal1.region[maxmodules="4"] .regionSortableHighlight {
    width: 225px
}

#horizontal1.region[maxmodules="4"] .fakeButton .buttonModuleButton {
    width: 217px
}

#horizontal1.region .buttonModule1 .focusPointImageArea {
    height: 146px
}

#horizontal1.region .fakeButton.buttonModule2 .buttonModuleButton {
    height: 86.5px
}

#horizontal1.region>li>div,
#horizontal1.region .regionSortableHighlight {
    margin-right: 25px
}

#horizontal1.region>li>div.markedDelete {
    width: 0px
}

#horizontal1.region .moduleInner header,
#horizontal1.region .moduleInner .moduleBody,
#horizontal1.region .moduleInner footer,
#horizontal1.region .moduleInner>a {
    margin-left: 0;
    margin-right: 0
}

#horizontal1.region .moduleInner header {
    padding-top: 0
}

#horizontal1.region .moduleInner footer {
    padding-bottom: 0
}

#horizontal1.region .moduleInner.buttonModule header {
    padding-top: 0
}

#horizontal1.region .moduleInner.buttonModule .moduleBody {
    margin-left: 0;
    margin-right: 0
}

#horizontal1.region .moduleInner.buttonModule footer {
    padding-bottom: 0
}

#horizontal1.region .buttonModuleButton {
    background-color: #fff;
    color: #444;
    text-align: center;
    border: 8px solid #fff;
    border-radius: 0
}

#horizontal1.region .buttonModuleButton:hover {
    background-color: #fff;
    color: #444;
    border: 8px solid #f5af00
}

#horizontal1.region .buttonModuleButton .buttonLabelContainer {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

#horizontal1.region .buttonModuleButton .buttonBackground {
    border-radius: -8px
}

#horizontal1.region .buttonModuleButton .buttonLabelCenter {
    padding-right: 5px;
    padding-left: 5px;
    padding-top: 2px;
    padding-bottom: 0
}

#horizontal1.region .buttonModuleButton.hasImage.hasLabel .buttonLabelContainer,
#horizontal1.region .buttonModuleButton.hasImage.hasSubtext .buttonLabelContainer {
    min-height: 45px;
    background-color: #fff
}

#horizontal1.region .buttonModuleButton.hasImage.hasLabel:hover .buttonLabelContainer,
#horizontal1.region .buttonModuleButton.hasImage.hasSubtext:hover .buttonLabelContainer {
    background-color: #fff
}

#horizontal1.region .buttonLabel {
    font-family: "Roboto Light", Helvetica, Arial, sans-serif;
    font-size: 19px;
    font-weight: normal
}

#horizontal1.region .hasImage .buttonLabel,
#horizontal1.region .hasSubtext .buttonLabel {
    font-size: 19px
}

#horizontal1.region .hasImage .buttonSubtext,
#horizontal1.region .hasSubtext .buttonSubtext {
    font-size: 12px
}

#horizontal1.region .buttonModule1 .buttonModuleButton {
    min-height: unset
}

#horizontal1.region .buttonModule1 .buttonBackground,
#horizontal1.region .buttonModule1 .buttonModuleButton:not(.hasImage) .buttonLabelContainer {
    min-height: unset
}

#horizontal1.region .buttonModule2 .buttonModuleButton,
#horizontal1.region .buttonModule2 .buttonBackground,
#horizontal1.region .buttonModule2 .buttonModuleButton:not(.hasImage) .buttonLabelContainer {
    min-height: unset
}

#horizontal1.region .buttonModule2 .buttonModuleButton {
    height: calc((100% - 25px) / 2)
}

#horizontal1.region .buttonModule2 .buttonModuleButton:first-child {
    margin-bottom: 25px
}

#horizontal1.region .buttonModule1 .buttonModuleButton {
    height: 214px
}

#horizontal1.region .buttonModule2 .buttonModuleButton {
    height: 86.5px
}

#horizontal1.region .buttonModule2 .buttonModuleButton:first-child {
    margin-bottom: 25px
}

.publishHover #horizontal1.region[maxmodules="3"]>li>div.markedDelete {
    width: 308px
}

.publishHover #horizontal1.region[maxmodules="4"]>li>div.markedDelete {
    width: 225px
}

#horizontal2.region {
    height: 230px;
    width: 975px;
    margin: 0 0 25px 0;
    padding: 0 0 0 0
}

#horizontal2.region[maxmodules="3"]>li>div,
#horizontal2.region[maxmodules="3"] .regionSortableHighlight {
    width: 308px
}

#horizontal2.region[maxmodules="3"] .fakeButton .buttonModuleButton {
    width: 292px
}

#horizontal2.region[maxmodules="4"]>li>div,
#horizontal2.region[maxmodules="4"] .regionSortableHighlight {
    width: 225px
}

#horizontal2.region[maxmodules="4"] .fakeButton .buttonModuleButton {
    width: 209px
}

#horizontal2.region .buttonModule1 .focusPointImageArea {
    height: 214px
}

#horizontal2.region .fakeButton.buttonModule2 .buttonModuleButton {
    height: 86.5px
}

#horizontal2.region>li>div,
#horizontal2.region .regionSortableHighlight {
    margin-right: 25px
}

#horizontal2.region>li:last-child>div,
#horizontal2.region .regionSortableHighlight:last-child {
    margin-right: 0px
}

#horizontal2.region>li>div.markedDelete {
    width: 0px
}

#horizontal2.region .moduleInner header,
#horizontal2.region .moduleInner .moduleBody,
#horizontal2.region .moduleInner footer,
#horizontal2.region .moduleInner>a {
    margin-left: 0;
    margin-right: 0
}

#horizontal2.region .moduleInner header {
    padding-top: 0
}

#horizontal2.region .moduleInner footer {
    padding-bottom: 0
}

#horizontal2.region .moduleInner.buttonModule header {
    padding-top: 0
}

#horizontal2.region .moduleInner.buttonModule .moduleBody {
    margin-left: 0;
    margin-right: 0
}

#horizontal2.region .moduleInner.buttonModule footer {
    padding-bottom: 0
}

#horizontal2.region .buttonModuleButton {
    background-color: #fff;
    color: #444;
    text-align: center;
    border: 8px solid #fff;
    border-radius: 0
}

#horizontal2.region .buttonModuleButton:hover {
    background-color: #fff;
    color: #444;
    border: 8px solid #f5af00
}

#horizontal2.region .buttonModuleButton .buttonLabelContainer {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

#horizontal2.region .buttonModuleButton .buttonBackground {
    border-radius: -8px
}

#horizontal2.region .buttonModuleButton .buttonLabelCenter {
    padding-right: 5px;
    padding-left: 5px;
    padding-top: 2px;
    padding-bottom: 0
}

#horizontal2.region .buttonModuleButton.hasImage.hasLabel .buttonLabelContainer,
#horizontal2.region .buttonModuleButton.hasImage.hasSubtext .buttonLabelContainer {
    min-height: 45px;
    background-color: #fff
}

#horizontal2.region .buttonModuleButton.hasImage.hasLabel:hover .buttonLabelContainer,
#horizontal2.region .buttonModuleButton.hasImage.hasSubtext:hover .buttonLabelContainer {
    background-color: #fff
}

#horizontal2.region .buttonLabel {
    font-family: "Roboto Light", Helvetica, Arial, sans-serif;
    font-size: 19px;
    font-weight: normal
}

#horizontal2.region .hasImage .buttonLabel,
#horizontal2.region .hasSubtext .buttonLabel {
    font-size: 19px
}

#horizontal2.region .hasImage .buttonSubtext,
#horizontal2.region .hasSubtext .buttonSubtext {
    font-size: 12px
}

#horizontal2.region .buttonModule1 .buttonModuleButton {
    min-height: unset
}

#horizontal2.region .buttonModule1 .buttonBackground,
#horizontal2.region .buttonModule1 .buttonModuleButton:not(.hasImage) .buttonLabelContainer {
    min-height: unset
}

#horizontal2.region .buttonModule2 .buttonModuleButton,
#horizontal2.region .buttonModule2 .buttonBackground,
#horizontal2.region .buttonModule2 .buttonModuleButton:not(.hasImage) .buttonLabelContainer {
    min-height: unset
}

#horizontal2.region .buttonModule2 .buttonModuleButton {
    height: calc((100% - 25px) / 2)
}

#horizontal2.region .buttonModule2 .buttonModuleButton:first-child {
    margin-bottom: 25px
}

#horizontal2.region .buttonModule1 .buttonModuleButton {
    height: 214px
}

#horizontal2.region .buttonModule2 .buttonModuleButton {
    height: 86.5px
}

#horizontal2.region .buttonModule2 .buttonModuleButton:first-child {
    margin-bottom: 25px
}

.publishHover #horizontal2.region[maxmodules="3"]>li>div.markedDelete {
    width: 308px
}

.publishHover #horizontal2.region[maxmodules="4"]>li>div.markedDelete {
    width: 225px
}

#contentGroup {
    float: left
}

#content1 {
    float: right;
    width: 308.33333333px;
    margin: 0 25px 25px 25px;
    padding-left: 0;
    padding-right: 0
}

#core.solo #content1 {
    width: 975px;
    margin-left: 0px;
    margin-right: 0px
}

#core.duo #content1 {
    float: left;
    width: 641.66666667px;
    margin-left: 0px
}

#core.twin #content1 {
    width: 475px;
    float: left;
    margin-left: 0px
}

#content3 {
    float: left;
    width: 308.33333333px;
    margin: 0 0 25px 0;
    padding-left: 0;
    padding-right: 0
}

#content2 {
    float: right;
    width: 308.33333333px;
    margin: 0 0 25px 0;
    padding-left: 0;
    padding-right: 0
}

#core.twin #content2 {
    width: 475px
}

#section1 {
    float: right;
    width: 975px;
    margin: 0;
    margin-bottom: 25px;
    padding-left: 0;
    padding-right: 0
}

.pageTypeInterior #core #interiorHeader {
    float: right;
    width: 639px;
    margin: 0;
    padding-bottom: 25px;
    padding-left: 0;
    padding-right: 0;
    box-sizing: border-box;
    z-index: 1
}

.pageTypeInterior #core #content1 {
    float: right;
    width: 639px;
    margin: 0 0 25px 0;
    padding-left: 0;
    padding-right: 0
}

.pageTypeInterior #core #content2 {
    float: left;
    width: 306px;
    margin: 0 0 25px 0;
    padding-left: 0;
    padding-right: 0
}

.pageTypeInterior #core.singleColumn #content1,
.pageTypeInterior #core.solo #content1,
.pageTypeInterior #core.singleColumn #interiorHeader,
.pageTypeInterior #core.solo #interiorHeader {
    width: 975px
}

.pageTypeInterior #core.trio #content1,
.pageTypeInterior #core.trio #content3 {
    width: 306px
}

@media (min-width: 701px) {
    .pageTypeInterior #core.trio #contentGroup {
        width: 639px;
        float: right
    }
}

.pageTypeInterior #core.twin #interiorHeader {
    width: 975px
}

.pageTypeInterior #core.twin #content1,
.pageTypeInterior #core.twin #content2 {
    width: 475px
}

.pageTypeInterior #core.nelo #interiorHeader,
.pageTypeInterior #core.standard #interiorHeader {
    width: 975px
}

.pageTypeInterior #core.standard #interiorHeader {
    width: 975px
}

.pageTypeInterior #core.section #interiorHeader {
    width: 975px
}

.pageTypeInterior .hasHorizontal1 #core #interiorHeader {
    width: 975px
}

.pagePicture {
    float: right
}

#pageTitle {
    position: relative;
    margin: 0 0 0 0;
    padding: 3px 0;
    border-bottom: 1px solid #ccc;
    background: none;
    background-color: transparent;
    font-family: "Cinzel", Georgia, serif;
    font-size: 30px;
    font-weight: 200;
    color: #444
}

#pageTitle .editText {
    display: block;
    min-height: 15px
}

#pageTitle .rssLink {
    position: absolute;
    top: 50%;
    right: 0;
    width: 24px;
    height: 24px;
    margin-top: -12px;
    background-image: url("socialMediaIcons.svg");
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://cdn.ecatholic.com/1731102801/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 .5s ease, color .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,
#finder .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 #ccc;
    padding: 8px 10px;
    background-color: transparent;
    color: #163765;
    font-family: "Roboto Light", Helvetica, Arial, sans-serif;
    font-size: 14px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

#sideNav li .navName:hover {
    background-color: #f5af00;
    color: #163765
}

#sideNav li .navSecure .navName,
#sideNav li .navPage .navName,
#sideNav li .navLink .navName {
    padding-left: 10px
}

#sideNav li .navSecure ul li .navName,
#sideNav li .navPage ul li .navName,
#sideNav li .navLink ul li .navName {
    padding-left: 34px
}

#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: 58px
}

#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: 82px
}

#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: 106px
}

#sideNav li.navFirstLevelGroup>a {
    pointer-events: none
}

#sideNav li .navGroup>.navName {
    padding: 8px 24px 8px 10px;
    background-color: transparent;
    color: #888
}

#sideNav li .navGroup>.navName:hover {
    background-color: transparent
}

#sideNav li .navGroup>ul>li>.navName {
    padding-left: 34px
}

#sideNav li .navGroup>ul>li>ul>li .navName {
    padding-left: 58px
}

#sideNav li .navGroup>ul>li>ul>li>ul>li .navName {
    padding-left: 82px
}

#sideNav li .navGroup>ul>li>ul>li>ul>li>ul>li .navName {
    padding-left: 106px
}

#sideNav li .navGroup>ul>li>ul>li>ul>li>ul>li>ul>li .navName {
    padding-left: 130px
}

#sideNav .sideNavCurrent {
    position: relative;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    margin-bottom: -1px
}

#sideNav .sideNavCurrent>.navName {
    border-top: none;
    background-color: transparent;
    color: #163765
}

#sideNav .sideNavCurrent>.navName:hover {
    color: #163765;
    background-color: transparent
}

#sideNav .sideNavCurrent .navElement .navName {
    background-color: transparent
}

#sideNav .sideNavCurrent .navElement .navName:hover {
    background-color: #f5af00
}

#sideNav .sideNavCurrent .navGroup>.navName:hover {
    background-color: transparent
}

#sideNav .sideNavSelected>a {
    font-weight: bold
}

#sideNav div>ul>li:first-child>.navName {
    border-top: 0 solid #ccc
}

#sideNav footer {
    border-bottom: 0 solid #ccc
}

#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: #888 transparent transparent transparent
}

.navCollapsible.navCollapsed>.navName:before {
    border-width: 6px 0 6px 10px;
    border-color: transparent transparent transparent #888;
    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 #ccc;
    padding: 8px 10px;
    background-color: transparent;
    color: #888;
    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: #163765;
    font-weight: bold
}

[class*="SideNav"] li.selected .navName:hover,
[class*="SideNav"] .bulletin .featured .navName:hover {
    color: #163765;
    background-color: transparent
}

.bulletinsSideNav .archiveTitle,
.pageTagsSideNav .pageTags {
    border-top: 0 solid #ccc
}

.pageTagsSideNav .pageTagLink,
.bulletinsSideNav .archiveTitle,
.bulletinsSideNav .bulletin a {
    font-family: "Roboto Light", Helvetica, Arial, sans-serif;
    font-size: 14px
}

.pageTagsSideNav .pageTagLink .navName,
.bulletinsSideNav .bulletin .navName {
    color: #163765
}

.pageTagsSideNav .pageTagLink .navName:hover,
.bulletinsSideNav .bulletin .navName:hover {
    background-color: #f5af00;
    color: #163765
}

.bulletinsSideNav .archiveTitle>.navName {
    padding-top: 8px;
    padding-bottom: 8px;
    background-color: transparent;
    color: #888
}

.bulletinsSideNav .bulletin .navName {
    padding: 8px 24px 8px 34px
}

.bulletinsSideNav .aggregateLabel {
    font-family: "Roboto Light", Helvetica, Arial, sans-serif;
    font-size: 14px
}

.aggregateSideNav .aggregateAll,
.aggregateSideNav .aggregateMonths,
.aggregateSideNav .aggregatePages {
    border-top: 0 solid #ccc
}

.aggregateSideNav .aggregateMonths,
.aggregateSideNav .aggregatePages {
    margin-top: 16px
}

.aggregateSideNav .aggregateAll,
.aggregateSideNav .aggregateLabel,
.aggregateSideNav .aggregateMonth,
.aggregateSideNav .aggregatePage {
    font-family: "Roboto Light", Helvetica, Arial, sans-serif;
    font-size: 14px
}

.aggregateSideNav .aggregateAll .navName,
.aggregateSideNav .aggregateMonth .navName,
.aggregateSideNav .aggregatePage .navName {
    color: #163765
}

.aggregateSideNav .aggregateAll .navName:hover,
.aggregateSideNav .aggregateMonth .navName:hover,
.aggregateSideNav .aggregatePage .navName:hover {
    background-color: #f5af00;
    color: #163765
}

.aggregateSideNav .aggregateLabel>.navName {
    padding-top: 8px;
    padding-bottom: 8px;
    background-color: transparent;
    color: #888
}

.aggregateSideNav .aggregateMonth .navName,
.aggregateSideNav .aggregatePage .navName {
    padding: 8px 24px 8px 34px
}

.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: "Roboto Light", 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: default;
    color: #fff;
    transition: background-color .5s ease, color .5s ease, border-color .5s ease, opacity .5s ease;
    display: inline-block;
    width: 24px;
    height: 24px;
    margin: 0 4px 0 0;
    background-size: 24px 24px;
    background-repeat: no-repeat;
    border-radius: 0;
    overflow: hidden
}

.personSocialMedia a:hover {
    background-color: default;
    color: #fff
}

.personSocialMedia a.blogSocialMedia {
    background-image: url("socialMediaIcons.svg");
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://cdn.ecatholic.com/1731102801/base-images/social-media/socialMediaIcons.svg?svgBlog', sizingMethod='scale')
}

.personSocialMedia a.emailSocialMedia {
    background-image: url("socialMediaIcons.svg");
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://cdn.ecatholic.com/1731102801/base-images/social-media/socialMediaIcons.svg?svgEmail', sizingMethod='scale')
}

.personSocialMedia a.facebookSocialMedia {
    background-image: url("socialMediaIcons.svg");
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://cdn.ecatholic.com/1731102801/base-images/social-media/socialMediaIcons.svg?svgFacebook', sizingMethod='scale')
}

.personSocialMedia a.twitterSocialMedia {
    background-image: url("socialMediaIcons.svg");
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://cdn.ecatholic.com/1731102801/base-images/social-media/socialMediaIcons.svg?svgTwitter', sizingMethod='scale')
}

.personSocialMedia a.flocknoteSocialMedia {
    background-image: url("socialMediaIcons.svg");
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://cdn.ecatholic.com/1731102801/base-images/social-media/socialMediaIcons.svg?svgFlocknote', sizingMethod='scale')
}

.personSocialMedia a.instagramSocialMedia {
    background-image: url("socialMediaIcons.svg");
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://cdn.ecatholic.com/1731102801/base-images/social-media/socialMediaIcons.svg?svgInstagram', sizingMethod='scale')
}

.personSocialMedia a.instagramSocialMedia .icon {
    border-radius: 0px
}

.personSocialMedia a.linkedinSocialMedia {
    background-image: url("socialMediaIcons.svg");
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://cdn.ecatholic.com/1731102801/base-images/social-media/socialMediaIcons.svg?svgLinkedIn', sizingMethod='scale')
}

.personSocialMedia a.phoneSocialMedia {
    background-image: url("socialMediaIcons.svg");
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://cdn.ecatholic.com/1731102801/base-images/social-media/socialMediaIcons.svg?svgPhone', sizingMethod='scale')
}

.personSocialMedia a.pinterestSocialMedia {
    background-image: url("socialMediaIcons.svg");
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://cdn.ecatholic.com/1731102801/base-images/social-media/socialMediaIcons.svg?svgPinterest', sizingMethod='scale')
}

.personSocialMedia a.vimeoSocialMedia {
    background-image: url("socialMediaIcons.svg");
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://cdn.ecatholic.com/1731102801/base-images/social-media/socialMediaIcons.svg?svgVimeo', sizingMethod='scale')
}

.personSocialMedia a.websiteSocialMedia {
    background-image: url("socialMediaIcons.svg");
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://cdn.ecatholic.com/1731102801/base-images/social-media/socialMediaIcons.svg?svgWeb', sizingMethod='scale')
}

.personSocialMedia a.youtubeSocialMedia {
    background-image: url("socialMediaIcons.svg");
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://cdn.ecatholic.com/1731102801/base-images/social-media/socialMediaIcons.svg?svgYouTube', sizingMethod='scale')
}

.personSocialMedia a .icon {
    display: block;
    width: 100%;
    height: 100%;
    margin: auto;
    box-sizing: border-box;
    padding: 10%
}

.personSocialMedia a.blogSocialMedia {
    background-color: #f57d00
}

.personSocialMedia a.emailSocialMedia {
    background-color: #e84335
}

.personSocialMedia a.facebookSocialMedia {
    background-color: #FFF
}

.personSocialMedia a.twitterSocialMedia {
    background-color: #000000
}

.personSocialMedia a.flocknoteSocialMedia {
    background-color: #278dc0
}

.personSocialMedia a.instagramSocialMedia {
    background-color: #bd4272
}

.personSocialMedia a.instagramSocialMedia svg {
    background: url("instagramBg.jpg") no-repeat center center;
    background-size: 100% 100%;
    border-radius: 0
}

.personSocialMedia a.linkedinSocialMedia {
    background-color: #0077b5
}

.personSocialMedia a.phoneSocialMedia {
    background-color: #00a551
}

.personSocialMedia a.pinterestSocialMedia {
    background-color: #bd081c
}

.personSocialMedia a.vimeoSocialMedia {
    background-color: #1ab7ea
}

.personSocialMedia a.websiteSocialMedia {
    background-color: #75b11f
}

.personSocialMedia a.youtubeSocialMedia {
    background-color: #cd201f
}

#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: 7px solid transparent;
    border-bottom: 7px solid transparent
}

.searchLast {
    position: relative;
    margin-left: 19px;
    padding-right: 8px;
    border-right: 1px solid #444
}

.searchLast,
.searchLast:hover {
    text-decoration: none
}

.searchLast:before {
    left: -19px;
    border-right: 14px solid #163765
}

.searchLast:hover:before {
    border-right: 14px solid #3971be
}

.searchNext {
    position: relative;
    padding-left: 3px
}

.searchNext,
.searchNext:hover {
    text-decoration: none
}

.searchNext:after {
    right: -19px;
    border-left: 14px solid #163765
}

.searchNext:hover:after {
    border-left: 14px solid #3971be
}

#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: 42px;
    padding: 7px;
    border: 1px solid #b9bec4;
    border-radius: 5px;
    background-color: #f6f9fe;
    color: #444;
    font-size: 14px;
    margin-right: 10px;
    margin-bottom: 10px
}

#shieldLogin .submit {
    float: left;
    clear: left;
    min-width: 100px;
    padding: 10px 20px;
    border-radius: 5px;
    background-color: #163765;
    color: #fff;
    text-align: center;
    cursor: pointer;
    text-decoration: none
}

#shieldLogin .submit:hover {
    background-color: #040911;
    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: 1px solid #ccc;
    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: 24px
}

.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: .5;
    cursor: pointer
}

#lightbox .lb-prev:hover,
#lightbox .lb-next:hover {
    opacity: 1
}

#lightbox .lb-prev {
    margin-left: -75px;
    background: url("photo-album-lightbox-left-arrow.png") no-repeat left 49%
}

#lightbox .lb-next {
    margin-right: -75px;
    background: url("photo-album-lightbox-right-arrow.png") no-repeat right 49%
}

#lightbox .lb-details {
    width: 100%;
    margin-top: 15px;
    color: #e6e6e6;
    font-family: "Roboto Light", 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: 24px
}

.eCatholicLiveCountdownModule .label {
    color: inherit;
    font-weight: normal;
    font-size: 14px
}

.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: 5px;
    background-color: #163765;
    color: #fff;
    text-align: center;
    cursor: pointer;
    text-decoration: none
}

.eCatholicLiveCountdownModule .linkWrapper .countdownLink:hover {
    background-color: #040911;
    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: #163765;
    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: 0 solid #000;
    border-radius: 8px
}

.progressBarModule .moduleBody .progress {
    height: 100%;
    background: #163765;
    width: 0;
    animation: progressBarWidth 2s
}

.progressBarModule .moduleBody.goal .progress {
    background: #163765
}

.progressBarModule .moduleBody.goal .currentPercent {
    color: #163765
}

.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: 5px;
    background-color: #163765;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 14px
}

.progressBarModule .moduleBody .buttonContainer .button:hover {
    color: #fff;
    background-color: #040911
}

.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("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: 701px) {
    #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: 42px;
    padding: 7px;
    border: 1px solid #b9bec4;
    border-radius: 5px;
    background-color: #f6f9fe;
    color: #444;
    font-size: 14px;
    margin-bottom: 15px
}

.flocknoteSignupsModule button {
    box-sizing: border-box;
    min-width: 100px;
    height: 42px;
    border: 0px;
    font-family: "Roboto Light", Helvetica, Arial, sans-serif;
    padding: 0 20px;
    display: inline-block;
    border-radius: 5px;
    background-color: #163765;
    color: #fff;
    cursor: pointer;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-bottom: 15px
}

.flocknoteSignupsModule button:hover {
    background-color: #040911;
    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: 701px) {

    .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("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: 13px
}

.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: absolute;
    bottom: 0;
    width: 100%;
    background: none;
    background-color: #204677
}

html.oldie #footerBackground {
    position: relative
}

#footer {
    width: 975px;
    height: auto;
    margin: 0 auto 0 auto;
    padding: 25px 0 25px 0;
    border-top: 0 solid #ccc;
    border-bottom: 0 solid #fff;
    border-left: 0 solid #fff;
    border-right: 0 solid #fff;
    background-color: transparent;
    color: rgba(255, 255, 255, 0.6);
    font-size: 13px;
    box-shadow: 0 0 0 0 #000
}

#footer a:not(.htmlButton),
#footer #login {
    color: rgba(255, 255, 255, 0.8);
    text-decoration: none;
    cursor: pointer
}

#footer a:not(.htmlButton):hover,
#footer #login:hover {
    color: #fff;
    text-decoration: none
}

#footer #login.disableLoginButton {
    cursor: not-allowed
}

.footerConnectGroupOn #footer {
    padding-top: 0px
}

#footerNav {
    display: none
}

.footerNavOn #footerNav {
    display: block
}

#footerNav ul {
    margin: 0 auto;
    padding: 0
}

#footerNav ul li a,
#footerNav ul li .groupName {
    display: block;
    padding: 3px 0;
    font-size: 13px;
    font-weight: normal
}

#footerNav ul li a {
    color: rgba(255, 255, 255, 0.8)
}

#footerNav ul li a:hover {
    color: #fff
}

#footerNav ul li .groupName {
    color: rgba(255, 255, 255, 0.6)
}

#footerNav ul ul {
    display: none
}

.footerNavLevels2 #footerNav ul ul {
    display: block
}

#footerNav>ul {
    text-align: center
}

#footerNav>ul>li {
    display: inline-block;
    margin-right: 25px;
    margin-bottom: 25px;
    vertical-align: top;
    text-align: left
}

#footerNav>ul>li:last-child {
    margin-right: 0
}

#footerNav>ul>li>a {
    color: rgba(255, 255, 255, 0.8);
    font-weight: bold;
    font-size: 13px
}

#footerNav>ul>li>a:hover {
    color: #fff
}

#footerNav .groupName+ul li a {
    padding-left: 15px
}

#footerNav a,
#footerNav .groupName {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

@media (min-width: 701px) {

    #footerNav a,
    #footerNav .groupName {
        max-width: 195px
    }
}

.footerConnectGroupModule {
    text-align: center;
    position: relative;
    color: rgba(255, 255, 255, 0.6);
    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: 14px
}

.footerConnectGroupModule .moduleName {
    text-align: center;
    display: inline-block;
    margin-top: 0px;
    margin-bottom: 20px
}

.footerConnectGroupModule .moduleTitle {
    color: rgba(255, 255, 255, 0.6);
    font-family: "Cinzel", Georgia, serif;
    font-size: 24px
}

.footerConnectGroupModule .groupDescription {
    font-size: 14px
}

.footerConnectGroupModule .groupSubDescription {
    font-style: italic;
    font-size: 11.7px;
    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: transparent;
    color: #bbb
}

#footerSocialMedia .socialMediaBody a:hover {
    color: #163765;
    background-color: transparent
}

#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 rgba(255, 255, 255, 0.6)
}

#logout-form-footer {
    float: left
}

#footerBrand {
    display: inline-block
}

#footerBrand .trademark {
    font-size: 70%;
    vertical-align: super
}

.finder #at15s {
    top: auto !important;
    bottom: 35px;
    position: fixed !important
}

.finder #background {
    background: #fff
}

#finderTitle {
    font-size: 1px;
    position: absolute;
    right: 100%;
    bottom: 100%
}

#finderNav li {
    display: inline-block
}

#finderNav a {
    text-decoration: none
}

#finder {
    font-size: 14px;
    color: #777;
    position: fixed;
    width: 100%;
    height: 100%;
    flex-direction: column;
    display: flex
}

.preview.showPreviewToolbar #finder {
    height: calc(100% - 65px)
}

#finder .ui-widget {
    font-family: "Roboto Light", Helvetica, Arial, sans-serif
}

#finder #finderHeader {
    flex-direction: column;
    display: flex;
    width: 100%;
    background-color: blue;
    z-index: 2;
    background: #163765;
    background: -moz-linear-gradient(top, #163765 0%, #163765 50%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #163765), color-stop(50%, #163765));
    background: -webkit-linear-gradient(top, #163765 0%, #163765 50%);
    background: -o-linear-gradient(top, #163765 0%, #163765 50%);
    background: -ms-linear-gradient(top, #163765 0%, #163765 50%);
    background: linear-gradient(to bottom, #163765 0%, #163765 50%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff163765', endColorstr='#ff163765', GradientType=0)
}

#finder #finderHeader>a {
    display: table-cell;
    height: 50px;
    vertical-align: middle;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    font-size: 18px;
    text-decoration: none;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-grow: 1
}

#finder #finderHeader>a:hover {
    text-decoration: none
}

#finder #finderNav {
    display: table;
    min-height: 40px;
    width: 100%;
    border-top: 0px;
    border-bottom: 0px;
    margin-top: 0px;
    left: 0px
}

#finder #finderNav>ul {
    background: #f5af00;
    background-color: #f5af00;
    display: table-cell;
    text-align: center;
    float: none;
    vertical-align: middle;
    max-width: 100%;
    min-height: 40px;
    text-transform: uppercase;
    white-space: normal;
    padding: 5px 0px
}

#finder #finderNav>ul>li {
    padding: 5px 0px
}

#finder #finderNav>ul>li>a {
    color: #444;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 0px;
    padding-bottom: 0px;
    background: transparent;
    font-size: 16px;
    line-height: 16px;
    border-right: 2px solid #444
}

#finder #finderNav>ul>li>a:before {
    border: 0px
}

#finder #finderNav>ul>li:first-child>a {
    border-left-width: 0px
}

#finder #finderNav>ul>li:last-child>a {
    border-right-width: 0px
}

#finder #finderNav>ul>li:hover,
#finder #finderNav>ul>li>a:hover {
    background: transparent;
    color: #3971be
}

#finder #finderNav>ul>li>ul {
    display: none
}

#finder #finderCore {
    display: flex;
    overflow: auto;
    flex-grow: 1;
    position: relative
}

#finder .linkContainer {
    float: right;
    margin-left: 5px
}

#finder .linkContainer a {
    width: 30px;
    height: 25px;
    display: inline-block;
    background-color: #bcbec0;
    font-size: 0px;
    float: right;
    clear: both;
    background-repeat: no-repeat;
    background-position: center center
}

#finder .linkContainer a:hover {
    background-color: #a6a6a6
}

#finder .linkContainer .phoneLink {
    background-image: url("phone.png");
    background-size: 26px
}

#finder .linkContainer .directionsLink {
    background-image: url("direction.png");
    background-size: 17px
}

#finder .linkContainer .urlLink {
    background-image: url("www.png");
    background-size: 26px
}

#finder .group.hasImage {
    position: relative
}

#finder .group.hasImage .title,
#finder .group.hasImage .nextMassHolder {
    padding-left: 70px
}

#finder .group .title>div,
#finder .group .distanceHolder,
#finder .group .nextMassHolder {
    margin-bottom: 2px;
    font-size: 12px
}

#finder .group .thumbImage {
    max-width: 60px;
    float: left
}

#finder .group .title .name {
    color: #163765;
    font-size: 14px
}

#finder .group .address,
#finder .group .mailAddress,
#finder .group .distanceHolder,
#finder .group .nextMassHolder {
    color: #999
}

#finder .group .distanceHolder span,
#finder .group .fax {
    white-space: nowrap
}

#finder .group .email {
    font-size: 13px;
    color: #999;
    text-decoration: none
}

#finder .group .email:hover {
    color: #666;
    text-decoration: none
}

#finder .group .nextMassHolder {
    text-indent: -10px;
    margin-left: 10px
}

#finder .group .nextMassHolder span {
    font-size: 11px
}

#finder #finderContent {
    box-sizing: border-box;
    height: 100%;
    width: 100%
}

#finder #map {
    width: 100%;
    height: 100%
}

#finder ul {
    list-style: none;
    padding: 0
}

#finder .siteInfo {
    display: none
}

#finder #finderBar {
    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;
    box-sizing: border-box
}

#finder #finderBar.findMassTime #siteSearchContainer #advancedFinderButton {
    display: none
}

#finder #finderBar.findMassTime #siteSearchContainer .nextMassHolder {
    display: block
}

#finder #finderBar.findMassTime #searchResults .searchResult .hasImage .thumbImage {
    padding-bottom: 32px
}

#finder #finderBar .nextMassHolder {
    display: none
}

#finder #finderBar #siteSearchContainer {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding: 8px;
    padding-bottom: 0px;
    border-bottom: 2px solid #666;
    overflow: hidden;
    box-sizing: border-box
}

#finder #finderBar #siteSearchContainer #siteSearch {
    border: 1px solid #666;
    padding: 3px 7px;
    height: 30px;
    width: 100%;
    box-sizing: border-box
}

#finder #finderBar #siteSearchContainer #siteSearch:last-child {
    margin-bottom: 8px
}

#finder #finderBar #siteSearchContainer .button {
    margin-top: 10px;
    display: inline-block;
    font-size: 13px;
    color: #999;
    cursor: pointer
}

#finder #finderBar #siteSearchContainer .button:hover {
    color: #666
}

#finder #finderBar #siteSearchContainer #massFinderButton {
    float: right
}

#finder #finderBar #siteSearchContainer #advancedFinderButton:before {
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    margin-right: 4px;
    border-style: solid;
    border-width: 5px 0 5px 10px;
    border-color: transparent transparent transparent currentColor
}

#finder #finderBar #siteSearchContainer.expanded #advancedFinderButton:before {
    border-width: 10px 5px 0 5px;
    border-color: currentColor transparent transparent transparent
}

#finder #finderBar #siteSearchContainer #advancedFinderOptions {
    max-height: 0px;
    min-width: 100%;
    position: relative;
    display: block;
    overflow: hidden;
    padding: 8px 8px 0 8px;
    margin-left: -8px;
    margin-right: -8px;
    text-align: right;
    font-size: 0px;
    transition: max-height .5s;
    box-sizing: border-box
}

#finder #finderBar #siteSearchContainer #advancedFinderOptions .inputHolder {
    padding-top: 1px;
    padding-bottom: 1px;
    height: 22px;
    font-size: 13px;
    transform: translateZ(0)
}

#finder #finderBar #siteSearchContainer #advancedFinderOptions label {
    float: left;
    line-height: 22px
}

#finder #finderBar #siteSearchContainer #advancedFinderOptions select {
    width: calc(100% - 75px);
    height: 22px
}

#finder #finderBar #siteSearchContainer.expanded #advancedFinderOptions {
    max-height: 140px;
    padding-bottom: 8px
}

#finder #searchResults,
#finder #categories {
    overflow-y: auto;
    overflow-x: hidden;
    margin: 0px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

#finder #searchResults .hideResult,
#finder #categories .hideResult {
    display: none
}

#finder #categories .category+.category .categoryName {
    margin-top: 1px
}

#finder #categories .category .categoryName {
    border-radius: 0px;
    border-width: 0px;
    font-weight: normal;
    margin: 0px;
    background: #163765;
    background: -moz-linear-gradient(top, #163765 0%, #163765 50%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #163765), color-stop(50%, #163765));
    background: -webkit-linear-gradient(top, #163765 0%, #163765 50%);
    background: -o-linear-gradient(top, #163765 0%, #163765 50%);
    background: -ms-linear-gradient(top, #163765 0%, #163765 50%);
    background: linear-gradient(to bottom, #163765 0%, #163765 50%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff163765', endColorstr='#ff163765', GradientType=0);
    color: #fff;
    height: 16px;
    padding: 9px 30px 11px 10px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-style: italic
}

#finder #categories .category .categoryName span {
    background: transparent;
    left: auto;
    right: 12px;
    width: 0;
    height: 0;
    margin-top: -7px;
    border-style: solid;
    border-width: 7.5px 13px 7.5px 0;
    border-color: transparent #fff transparent transparent;
    position: absolute;
    top: 50%
}

#finder #categories .category .categoryName.ui-state-active span {
    border-width: 13px 7.5px 0 7.5px;
    border-color: #fff transparent transparent transparent
}

#finder #categories .category .sites {
    border-width: 0px;
    margin: 0px
}

#finder #categories .category .sites .site {
    min-height: 30px;
    background-color: #fff;
    padding: 10px 15px
}

#finder #categories .category .sites .site:nth-child(even) {
    background-color: #f4f4f7
}

#finder #categories .category .sites .site:hover {
    background-color: #eee
}

#finder #categories .category .sites .site .name {
    color: #163765
}

#finder #categories .category .sites .site .city {
    color: #999;
    padding-left: 5px;
    font-size: 13px
}

#finder #finderBarFooter {
    position: relative;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    height: 50px;
    border-top: 2px solid #666
}

#finder #finderBarFooter>a {
    position: absolute;
    left: 20px;
    top: 10px
}

#finder #finderBarFooter .brandLogo {
    width: 50px;
    float: left
}

#finder #finderBarFooter .addthis_toolbox {
    position: absolute;
    right: 20px;
    top: 5px
}

#finder #searchResults {
    bottom: 52px
}

#finder #searchResults .searchResult {
    padding: 8px;
    margin-top: -1px;
    border-top: 1px solid #666;
    border-bottom: 1px solid #666;
    overflow: hidden
}

#finder #searchResults .searchResult:hover {
    background-color: #f4f4f7
}

#finder #searchResults .searchResult .email {
    display: none
}

#finder #searchResults .searchResult .hasImage .thumbImage {
    padding-bottom: 20px
}

#finder #searchResults .searchResult .hasImage .distanceHolder {
    position: absolute;
    top: 65px;
    left: 0px;
    width: 60px;
    text-align: center
}

#finder #searchResults .siteInfoCloseButton,
#finder #searchResults .extendedInfo,
#finder #searchResults .phoneFaxHolder {
    display: none
}

#finder #mapOverlay {
    position: absolute;
    z-index: 1;
    margin-left: 10px;
    margin-top: 10px;
    height: calc(100% - 20px);
    overflow: auto
}

#finder:not(.siteSelected) #mapOverlay {
    display: none
}

#finder #siteInfo {
    margin-right: 30px;
    margin-bottom: 5px;
    width: 315px;
    word-wrap: break-word;
    background-color: #fff;
    box-shadow: 3px 3px 5px 0 rgba(68, 68, 68, 0.5)
}

#finder #siteInfo .main {
    position: relative;
    padding: 10px
}

#finder #siteInfo .main .siteInfoCloseButton {
    position: fixed;
    left: 575px;
    color: #fff;
    padding: 5px 8px;
    background-color: #00b2f5;
    cursor: pointer;
    box-shadow: 3px 3px 5px 0 rgba(68, 68, 68, 0.5)
}

#finder #siteInfo .main .siteInfoCloseButton:hover {
    color: #666
}

#finder #siteInfo .main .title>div {
    font-size: 12px
}

#finder .details ul,
#finder .details ol {
    padding-left: 40px
}

#finder .details ul {
    list-style-type: disc
}

#finder .extendedInfo .times,
#finder .extendedInfo .details {
    border-radius: 0px;
    background: none;
    border-width: 0px;
    font-size: 13px;
    padding: 10px;
    color: #666
}

#finder .extendedInfo .times img,
#finder .extendedInfo .details img {
    max-width: 100%
}

#finder .extendedInfo>.details {
    padding-top: 0px
}

#finder .extendedInfoTabs {
    font-family: "Roboto Light", Helvetica, Arial, sans-serif;
    font-size: 13px;
    background: transparent;
    border: 0px;
    padding: 0px
}

#finder .extendedInfoTabs .tabsContainer {
    overflow: hidden
}

#finder .extendedInfoTabs .tabsContainer ul {
    float: right;
    background: transparent;
    border: 0px;
    border-radius: 0px
}

#finder .extendedInfoTabs .tabsContainer ul li {
    border: 0px;
    border-right: 1px solid #999;
    background: transparent;
    margin: 0px;
    border-radius: 0px
}

#finder .extendedInfoTabs .tabsContainer ul li:last-child {
    border-right-width: 0px
}

#finder .extendedInfoTabs .tabsContainer ul li a {
    cursor: pointer;
    padding: 0px 7px 0px 7px;
    font-weight: normal;
    color: #999
}

#finder .extendedInfoTabs .tabsContainer ul li a:hover {
    color: #666
}

#finder .extendedInfoTabs .tabsContainer ul li.ui-state-active a {
    color: #666
}

#finder .extendedInfoTabs .times {
    padding: 0px
}

#finder .extendedInfoTabs .times>ul {
    margin-top: 3px;
    background: transparent;
    border: 0px;
    border-radius: 0px
}

#finder .extendedInfoTabs .times>ul>li {
    border: 2px solid #fff;
    background: #bcbec0;
    margin: 0px;
    border-radius: 0px;
    padding: 0px;
    width: 33.3%;
    min-width: 80px;
    text-align: center;
    box-sizing: border-box
}

#finder .extendedInfoTabs .times>ul>li a {
    width: 100%;
    cursor: pointer;
    padding: 5px 0px;
    font-weight: normal;
    color: #fff
}

#finder .extendedInfoTabs .times>ul>li a:hover {
    color: #666
}

#finder .extendedInfoTabs .times>ul>li.ui-state-active {
    background-color: #fff;
    border: 2px solid #bcbec0
}

#finder .extendedInfoTabs .times>ul>li.ui-state-active a {
    color: #666
}

#finder .extendedInfoTabs .times>div {
    padding: 0px;
    color: #666
}

#finder .extendedInfoTabs .times>div>ul {
    margin: 0px
}

#finder .extendedInfoTabs .times>div>ul>li {
    min-height: 15px;
    padding: 5px 10px;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

#finder .extendedInfoTabs .times>div>ul>li:nth-child(even) {
    background-color: #f1f2f2
}

#finder .extendedInfoTabs .times>div>ul>li .day {
    width: 47px;
    padding-right: 5px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

#finder .extendedInfoTabs .times>div>ul>li .day.PERPETUAL {
    width: 80px
}

#finder .extendedInfoTabs .times>div>ul>li .day.MULTIDAY span[class*="multi"] {
    display: inline-block;
    max-width: 100%
}

#finder .extendedInfoTabs .times>div>ul>li .day.MULTIDAY .addComma:after {
    content: ","
}

#finder .extendedInfoTabs .times>div>ul>li .day.MULTIDAY .addDash:after {
    content: "-"
}

#finder .extendedInfoTabs .times>div>ul>li .day.MULTIDAY .addColon:after {
    content: ":"
}

#finder .extendedInfoTabs .times>div>ul>li .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
}

#finder .extendedInfoTabs .times>div>ul>li .language.ENGLISH,
#finder .extendedInfoTabs .times>div>ul>li .nativeLanguage.ENGLISH,
#finder .extendedInfoTabs .times>div>ul>li .nativeLanguage {
    display: none
}

#finder .extendedInfoTabs .times>div>ul>li .sacramentTime {
    padding-right: 10px;
    padding-left: 7px;
    margin-left: -1px;
    border-left: 1px solid #666
}

#finder .extendedInfoTabs .times>div>ul>li .sacramentTime .language,
#finder .extendedInfoTabs .times>div>ul>li .sacramentTime .nativeLanguage,
#finder .extendedInfoTabs .times>div>ul>li .sacramentTime .notes {
    font-size: 11px
}

@media (min-width: 701px) {

    #finder #mapOverlay .extendedInfoTabs,
    #finder #mapOverlay .times,
    #finder #mapOverlay details {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        flex-direction: column
    }

    #finder #mapOverlay .extendedInfoTabs>*:first-child,
    #finder #mapOverlay .times>*:first-child,
    #finder #mapOverlay details>*:first-child {
        flex-shrink: 0
    }

    #finder #mapOverlay .extendedInfo {
        height: 100%;
        overflow: hidden
    }

    #finder #mapOverlay .times>div {
        overflow: auto
    }

    #finder #mapOverlay .details {
        overflow: auto
    }

    #finder #mapOverlay.fullHeight {
        height: calc(100% - 20px);
        overflow: visible
    }

    #finder #mapOverlay.fullHeight .extendedInfo {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        flex-direction: column
    }

    #finder #mapOverlay.fullHeight .extendedInfoTabs,
    #finder #mapOverlay.fullHeight .times,
    #finder #mapOverlay.fullHeight details {
        height: 100%
    }

    #finder #mapOverlay.fullHeight .times {
        min-height: 0px
    }

    #finder #mapOverlay.fullHeight .times>div {
        height: 100%
    }

    #finder #mapOverlay.fullHeight #siteInfo {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        flex-direction: column;
        height: 100%;
        margin-bottom: 0px
    }

    #finder #mapOverlay.fullHeight #siteInfo>*:first-child {
        flex-shrink: 0
    }
}

@media (max-width: 700px) {

    #finder,
    #finder #finderBar #siteSearchContainer .button,
    #finder #finderBar #siteSearchContainer #advancedFinderOptions .inputHolder {
        font-size: 16px
    }

    body.finder {
        width: auto;
        max-width: none;
        height: auto !important
    }

    #finder {
        display: flex;
        flex-direction: column
    }

    #finder #finderNav {
        display: none
    }

    #finder #finderBar {
        height: auto;
        width: 100%;
        top: 50px;
        border-top: 0px solid transparent;
        bottom: 0px;
        overflow-y: auto
    }

    #finder #finderBar #searchResults,
    #finder #finderBar #categories {
        bottom: 0px
    }

    #finder #finderBar #finderBarFooter {
        display: none
    }

    #finder #finderBar #siteSearchContainer #advancedFinderOptions select {
        width: calc(100% - 85px)
    }

    #finder #finderCore {
        flex-direction: column
    }

    #finder #finderContent {
        display: none;
        padding-left: 0px;
        padding-top: 0px;
        bottom: 0px;
        height: 200px;
        border-top: 2px solid #666;
        z-index: 1;
        height: auto;
        flex-grow: 1
    }

    #finder #mapOverlay {
        margin-top: 10px;
        max-width: 90%;
        max-height: none;
        overflow: visible;
        height: auto
    }

    #finder #mapOverlay #siteInfo {
        width: 100%;
        max-width: 100%;
        overflow: auto;
        max-height: 100%;
        margin-bottom: 0px
    }

    #finder #mapOverlay #siteInfo .main .siteInfoCloseButton {
        left: auto;
        position: fixed;
        right: 4px;
        top: 96px;
        padding: 8px 11px;
        z-index: 1
    }

    .showPreviewToolbar #finder #mapOverlay #siteInfo .main .siteInfoCloseButton {
        top: 151px
    }

    #finder #mapOverlay #siteInfo .extendedInfo {
        padding-bottom: 5px
    }

    #finder #map [role="button"] {
        display: none !important
    }

    #finder.siteSelected #finderBar {
        height: 44px
    }

    #finder.siteSelected #finderContent {
        display: flex;
        flex-direction: column;
        height: auto
    }

    #finder.siteSelected #mapOverlay {
        position: relative;
        margin: 0px;
        width: 100%;
        max-width: none;
        max-height: 50%
    }

    #finder.siteSelected .linkContainer {
        margin-right: 35px
    }
}

@media (min-width: 701px) {
    #background {
        min-width: 1025px
    }
}

#massModeButtonContainer {
    z-index: 1111;
    position: fixed;
    bottom: 15px;
    right: 15px;
    transition: right .5s ease
}

#background.admin #massModeButtonContainer {
    margin-bottom: 60px
}

.mobilePanelActive #massModeButtonContainer {
    right: -260px
}

#massModeButton {
    display: flex;
    align-items: center;
    padding: 9px 20px;
    color: #fff;
    background: #163765;
    font-size: 14px;
    border-radius: 30px;
    cursor: pointer;
    box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.3)
}

#massModeButton .icon {
    margin-right: 7px;
    opacity: .5;
    display: flex
}

#massModeButton a {
    display: block;
    overflow: hidden
}

#massModeButton a .editButton {
    pointer-events: none
}

#massModeButton:hover {
    color: #fff;
    background: #040911
}

#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(.65, 0, .34, 1) 1.5s 2;
    -webkit-animation: buttonRipple 3s cubic-bezier(.65, 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(.65, 0, .34, 1) 2s 2;
    -webkit-animation: buttonRipple 3s cubic-bezier(.65, 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: 14px;
    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: 0 0 5px 0 #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: #fff;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2)
}

#massModeContainer,
#massModeContainer .massModeTabs {
    overflow: hidden;
    display: flex;
    flex-direction: column
}

#massModeContainer .massModeHeader {
    background-color: #112c50;
    text-align: center;
    box-shadow: 0 0 3px 0 #000
}

#massModeContainer .massModeTitle {
    color: #fff;
    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: #fff
}

#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: #112c50;
    position: relative
}

@media (max-width: 700px) {
    #massModeContainer .massModeTabList:before {
        content: "";
        display: block;
        width: 100%;
        height: 1px;
        bottom: 0px;
        left: 0px;
        position: absolute;
        box-shadow: 0 0 3px 0 #000
    }

    #massModeContainer .massModeTabList .massModeTab a {
        border-bottom: 3px solid transparent
    }

    #massModeContainer .massModeTabList .massModeTab.ui-state-active a {
        border-bottom: 3px solid #fff
    }
}

#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: #fff
}

#massModeContainer .massModeTabList .massModeTab:hover a {
    color: #fff
}

#massModeContainer .activeDayName {
    margin-bottom: 8px;
    color: #444;
    font-size: 19px;
    font-weight: bold
}

#massModeContainer .onlyHolyDay .activeDayName {
    color: #163765
}

#massModeContainer .onlyHolyDay .day {
    display: none
}

#massModeContainer .massModeTabContent {
    overflow-y: auto;
    padding: 20px 30px
}

#massModeContainer .massModeSacramentTimes {
    font-size: 14px;
    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 0 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: #163765
}

#massModeContainer .massModeSacramentTimes .videoIconLink a:hover {
    color: #3971be
}

#massModeContainer .massModeSacrament {
    color: #444
}

#massModeContainer .massModeSacrament .massModeSacramentDay {
    color: #163765;
    margin-bottom: 7px
}

#massModeContainer .massModeSacramentTime>span {
    font-style: italic;
    color: #666
}

#massModeContainer .massModeSacramentTime .startTime,
#massModeContainer .massModeSacramentTime .endTime {
    font-size: 16px;
    color: #444;
    font-style: normal;
    white-space: nowrap
}

#massModeContainer .massModeSacramentTime .startTime span,
#massModeContainer .massModeSacramentTime .endTime span {
    color: #666;
    font-size: 13px
}

#massModeContainer .massModeTimes,
#massModeContainer .massModeMap,
#massModeContainer .massModeButtons {
    margin-bottom: 20px
}

#massModeContainer .massModeText {
    color: #444;
    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: #163765;
    margin-left: 10px;
    margin-right: 10px;
    padding: 10px 15px;
    border-radius: 30px
}

#massModeContainer .massModeButtons a:hover {
    background: #040911;
    color: #fff
}

@media (min-width: 701px) {
    #massModeContainer {
        width: 90%;
        max-width: 975px;
        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: #fff;
        color: #163765
    }
}

@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: 701px) {
    #mobilePanel {
        display: none
    }

    #background #navicon {
        width: 0px
    }
}

#mobileNavBar {
    height: 42px;
    padding-top: 8px;
    background-color: #112c50
}

#navicon {
    display: block;
    width: 50px;
    color: #fff;
    height: 34px;
    background: url("navicon.svg") center top no-repeat;
    background-size: 34px 34px;
    font-size: 0px
}

#navicon svg {
    width: 100%;
    height: 100%
}

#mobileIndicator {
    width: 0px
}

#siteWidthIndicator {
    width: 975px;
    position: fixed;
    top: -1px
}

.mobilePanelActive #background {
    margin-left: 275px;
    width: 375px
}

@media (min-width: 701px) {
    .mobilePanelActive #background {
        width: unset;
        margin-left: 0
    }
}

.mobilePanelActive #massModeContainer {
    margin-left: 275px;
    width: 375px
}

.mobilePanelActive #mobilePanel {
    width: 275px
}

#mobilePanel {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    background: transparent;
    overflow: hidden;
    transition: all .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 #ccc;
    color: #163765;
    font-size: 16px;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

#mobilePanel a:hover,
#mobilePanel a:active {
    background-color: transparent;
    color: #163765
}

#mobilePanel a:hover .collapsibleIcon,
#mobilePanel a:active .collapsibleIcon {
    color: #163765
}

#mobileQuickLinks:before,
#mobileNav:before {
    display: block;
    width: 275px;
    max-width: 100%;
    padding: 3px 0;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    color: #444;
    font-size: 12px;
    text-transform: uppercase;
    text-align: center
}

#mobileQuickLinks {
    width: 275px;
    max-width: 100%
}

#mobileQuickLinks:before {
    content: "Quick Links"
}

#mobileNav {
    width: 275px;
    max-width: 100%;
    overflow: hidden
}

#mobileNav ul ul .navName {
    font-size: 14px;
    padding-left: 45px
}

#mobileNav ul ul ul .navName {
    padding-left: 70px
}

#mobileNav ul ul ul ul .navName {
    padding-left: 95px
}

#mobileNav ul ul ul ul ul .navName {
    padding-left: 120px
}

#mobileNav .sideNavSelected>.navName {
    font-weight: bold
}

#mobileNav .sideNavCurrent>.navName {
    background-color: rgba(22, 55, 101, 0.1);
    color: #163765
}

#mobileNav .sideNavCurrent>.navName .collapsibleIcon {
    color: #163765
}

@media (min-width: 701px) {
    #mobileNav .navFirstLevelGroup.navCollapsible>a {
        cursor: default
    }
}

#mobileNav .navElement.navGroup>.navName {
    color: rgba(22, 55, 101, 0.6)
}

#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: #163765;
    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: 700px) {
    #mobileNavBar {
        display: block
    }

    #mobileIndicator {
        position: fixed;
        left: -1px;
        width: 1px
    }

    body {
        width: 650px;
        max-width: 100%
    }

    body.cke_editable {
        width: 558px;
        word-break: break-word;
        max-width: 100%
    }

    #background {
        width: 650px;
        transition: all .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: 65px;
        margin-left: 25px
    }

    #siteLogo.logoOnly {
        width: 475px;
        height: 90px;
        top: auto;
        left: auto
    }

    #siteLogo.logoOnly img {
        max-width: 475px;
        max-height: 90px
    }

    #siteLogo img {
        max-height: 65px;
        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
    }

    #siteName {
        width: 515px;
        height: auto;
        margin-left: 10px
    }

    #siteName #siteNameBody {
        max-height: 150px;
        display: flex;
        flex-direction: column
    }

    #siteName.sitenameOnly {
        width: 600px;
        height: auto;
        margin-left: 25px;
        top: auto;
        left: auto
    }

    #siteName.sitenameOnly #siteNameBody {
        max-height: 114px
    }

    #siteName .line1 {
        margin-top: 0
    }

    #siteName .line2 {
        margin-top: 3px
    }

    #siteName .line1,
    #siteName .line2 {
        white-space: normal
    }

    #header #socialMedia {
        position: absolute;
        top: 16px;
        right: 10px;
        width: auto;
        margin: 0;
        text-align: right;
        transition: left .5s ease, right .5s ease
    }

    #socialMedia a {
        color:
    }

    #socialMedia a:hover {
        color:
    }

    #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
    }

    #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.featureLarge,
    #featureSlideshow.featureFull {
        height: 200px
    }

    #featureSlideshow.featureLarge .caption,
    #featureSlideshow.featureFull .caption {
        height: 45%
    }

    #featureSlideshow.featureFull {
        height: 275px;
        margin-left: -250px
    }

    #background #core #featureSlideshow.featureFull {
        width: 1100px
    }

    #featureSlideshow.featureFull .title,
    #featureSlideshow.featureFull .captionContent {
        max-width: 600px
    }

    #featureSlideshow.featureFull .backBtn {
        left: 265px
    }

    #featureSlideshow.featureFull .fwdBtn {
        right: 265px
    }

    #featureSlideshow.featureFull .width1440 {
        object-fit: cover
    }

    #featureSlideshow.featureFullVideo,
    #featureSlideshow.featureLargeVideo,
    #featureSlideshow.featureMediumVideo {
        height: 337.5px
    }

    #featureSlideshow.featureFullVideo .caption,
    #featureSlideshow.featureLargeVideo .caption,
    #featureSlideshow.featureMediumVideo .caption {
        height: 35%
    }

    #featureSlideshow.featureFullVideo:not(.hasVideo) {
        margin-left: -100px
    }

    #background #core #featureSlideshow.featureFullVideo:not(.hasVideo) {
        width: 800px
    }

    #featureSlideshow.featureFullVideo:not(.hasVideo) .title,
    #featureSlideshow.featureFullVideo:not(.hasVideo) .captionContent {
        max-width: 600px
    }

    #featureSlideshow.featureFullVideo:not(.hasVideo) .backBtn {
        left: 115px
    }

    #featureSlideshow.featureFullVideo:not(.hasVideo) .fwdBtn {
        right: 115px
    }

    #featureSlideshow.featureFullVideo:not(.hasVideo) .width1440 {
        object-fit: cover
    }

    #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: #163765;
        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: 12ex;
        -webkit-line-clamp: 4
    }

    #bottomHorizontal1.region,
    #bottomHorizontal2.region,
    #horizontal1.region,
    #horizontal2.region,
    #horizontal3.region,
    #horizontal4.region {
        height: auto
    }

    #horizontal1.region {
        padding-left: 0px;
        padding-right: 0px;
        margin: 0 auto
    }

    #horizontal1.region[maxmodules="3"] {
        width: 308px
    }

    #horizontal1.region[maxmodules="4"] {
        width: 225px
    }

    #horizontal1.region>li,
    #horizontal1.region .regionSortableHighlight {
        max-height: 230px;
        display: block
    }

    #horizontal1.region>li:not(:last-child),
    #horizontal1.region .regionSortableHighlight:not(:last-child) {
        margin-right: 0
    }

    #horizontal2.region {
        padding-left: 0px;
        padding-right: 0px;
        margin: 0 auto
    }

    #horizontal2.region[maxmodules="3"] {
        width: 308px
    }

    #horizontal2.region[maxmodules="4"] {
        width: 225px
    }

    #horizontal2.region>li,
    #horizontal2.region .regionSortableHighlight {
        max-height: 230px;
        display: block
    }

    #horizontal2.region>li:not(:last-child),
    #horizontal2.region .regionSortableHighlight:not(:last-child) {
        margin-right: 0
    }

    #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
    }

    #footerNav>ul>li {
        margin-bottom: 0px
    }

    #footerNav>ul>li>a {
        padding: 7px 0;
        font-size: 16px
    }

    #footerNav>ul>li>a:hover,
    #footerNav>ul>li>a:active {
        color: #fff
    }

    #footerNav ul ul {
        display: none
    }
}

@media (max-width: 700px) and (max-width: 700px) and (min-width: 501px) {
    #featureSlideshow.featureFull .width1440 {
        margin-left: 137.5px;
        width: auto !important
    }
}

@media (max-width: 700px) and (max-width: 700px) 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: 162.5px
    }
}

@media (max-width: 700px) and (min-width: 501px) {
    #core #horizontal1.region[maxmodules="4"] {
        text-align: center;
        width: 500px
    }

    #core #horizontal1.region[maxmodules="4"]>li {
        display: inline-block;
        margin-left: 12.5px;
        margin-right: 12.5px
    }

    #core #horizontal1.region[maxmodules="4"]>li>div {
        margin-right: 0px
    }

    #core #horizontal2.region[maxmodules="4"] {
        text-align: center;
        width: 500px
    }

    #core #horizontal2.region[maxmodules="4"]>li {
        display: inline-block;
        margin-left: 12.5px;
        margin-right: 12.5px
    }

    #core #horizontal2.region[maxmodules="4"]>li>div {
        margin-right: 0px
    }
}

@media (max-width: 700px) {
    #headerBackground {
        padding-top: 50px
    }

    #mobileNavBar {
        position: fixed;
        top: 0px;
        width: 650px;
        left: 0px;
        z-index: 200;
        transition: all .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: 275px
    }

    body.mobilePanelActive #mobilePanel {
        bottom: 0px;
        z-index: 1000;
        overflow: auto
    }

    body.mobilePanelActive #background #socialMedia {
        right: -265px;
        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: 700px) and (min-width: 501px) and (min-width:651px) {
    .mobilePanelActive #background {
        width: calc(100% - 275px)
    }

    .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: 100px
    }

    body {
        width: 375px
    }

    #background {
        width: 375px
    }

    #header {
        width: 375px
    }

    #siteLogo,
    #siteName,
    .hasHeaderText .headerText {
        margin-top: 25px
    }

    #siteLogo {
        width: 65px;
        height: 65px;
        margin-left: 25px
    }

    #siteLogo.logoOnly {
        width: 325px;
        height: 61.57894737px;
        float: none;
        margin-left: auto;
        margin-right: auto
    }

    #siteLogo.logoOnly img {
        max-width: 325px;
        max-height: 61.57894737px
    }

    #siteLogo img {
        max-height: 65px;
        max-width: 65px
    }

    #siteName {
        width: 250px;
        margin-left: 10px
    }

    #siteName #siteNameBody {
        max-height: 237px
    }

    #siteName.sitenameOnly {
        width: 325px;
        margin-left: 25px
    }

    #siteName.sitenameOnly #siteNameBody {
        max-height: 166.61538462px
    }

    #siteName .line1.extraSmallFont,
    #siteName .line2.extraSmallFont {
        font-size: 6.75px
    }

    #siteName .line1.smallFont,
    #siteName .line2.smallFont {
        font-size: 8.91px
    }

    #siteName .line1.mediumFont,
    #siteName .line2.mediumFont {
        font-size: 13.5px
    }

    #siteName .line1.largeFont,
    #siteName .line2.largeFont {
        font-size: 17.955px
    }

    #siteName .line1.extraLargeFont,
    #siteName .line2.extraLargeFont {
        font-size: 20.25px
    }

    #siteName .line1 {
        margin-top: 5px
    }

    #siteName .line2 {
        margin-top: 0
    }

    .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: #999
    }

    #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: 255px
    }

    #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.featureLarge {
        margin-left: -158.5px;
        height: 214px
    }

    #background #core #featureSlideshow.featureLarge {
        width: 642px
    }

    #featureSlideshow.featureFull {
        height: 214px;
        margin-left: -265.5px
    }

    #background #core #featureSlideshow.featureFull {
        width: 856px
    }

    #featureSlideshow.featureFull .title,
    #featureSlideshow.featureFull .captionContent {
        max-width: 325px
    }

    #featureSlideshow.featureFull .width1440 {
        margin-left: 107px;
        width: auto !important
    }

    #featureSlideshow.featureFullVideo,
    #featureSlideshow.featureLargeVideo,
    #featureSlideshow.featureMediumVideo {
        height: 240px
    }

    #background #core #featureSlideshow.featureFullVideo,
    #background #core #featureSlideshow.featureLargeVideo,
    #background #core #featureSlideshow.featureMediumVideo {
        width: 428px
    }

    #featureSlideshow.featureFullVideo .caption .captionContent,
    #featureSlideshow.featureLargeVideo .caption .captionContent,
    #featureSlideshow.featureMediumVideo .caption .captionContent {
        height: 28px
    }

    #featureSlideshow.featureFullVideo:not(.hasVideo) {
        margin-left: -121.94444444px
    }

    #background #core #featureSlideshow.featureFullVideo:not(.hasVideo) {
        width: 568.88888889px
    }

    #featureSlideshow.featureFullVideo:not(.hasVideo) .title,
    #featureSlideshow.featureFullVideo:not(.hasVideo) .captionContent {
        max-width: 325px
    }

    #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: 26.2px
    }

    .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
    }

    #footerNav>ul>li {
        display: block;
        margin-right: 0;
        text-align: center
    }
}

@media (max-width: 500px) and (min-width:376px) {
    .mobilePanelActive #background {
        width: calc(100% - 275px)
    }

    .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("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: 0
}

#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("ui-icons_ffffff_256x240-fbe7a2.png")
}

.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
    background-image: url("ui-icons_ef8c08_256x240.png")
}

.ui-datepicker {
    width: 230px;
    border: 0px;
    padding: 0px;
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 0 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 0 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("png_sprite.png") no-repeat;
    background-size: 150px;
    background-position: 0 -350px
}

.ui-datepicker .ui-datepicker-next {
    top: 2px;
    right: 2px
}

.ui-datepicker .ui-datepicker-next .ui-icon {
    background: url("png_sprite.png") no-repeat;
    background-size: 150px;
    background-position: 0 -300px
}

.admin #featureSlideshow .slideshowModuleEmpty {
    background: url("image-rotator-bg.png") no-repeat center center;
    background-color: #32466e
}

.admin #featureSlideshow .slideshowModuleEmpty.videoModeAvailable {
    background: url("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("image-rotator-arrow.png") no-repeat center center;
    right: 40px;
    top: 40px;
    opacity: .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: #e60505;
    color: #fff;
    font-family: "PillGothic300mg-Light", Tahoma, Arial, sans-serif, "Pill Gothic", 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
}

#bottomHorizontal1 .moveHandle,
#bottomHorizontal2 .moveHandle,
#featureRegion .moveHandle,
#horizontal1 .moveHandle,
#horizontal2 .moveHandle,
#horizontal3 .moveHandle,
#horizontal4 .moveHandle {
    left: 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:1325px) {
    .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: .67em;
    margin-block-end: .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: .83em;
    margin-block-end: .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
}

@font-face {
    font-family: "custom-payment-field-icons";
    src: url("custom-payment-field-icons.woff2") format("woff2"), url("custom-payment-field-icons.ttf") format("truetype");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: "custom-payment-title-icons";
    src: url("custom-payment-title-icons-100.woff2") format("woff2"), url("custom-payment-title-icons-100.ttf") format("truetype");
    font-weight: 100;
    font-style: normal
}

@font-face {
    font-family: "custom-payment-title-icons";
    src: url("custom-payment-title-icons-300.woff2") format("woff2"), url("custom-payment-title-icons-300.ttf") format("truetype");
    font-weight: 300;
    font-style: normal
}

@font-face {
    font-family: "custom-payment-title-icons";
    src: url("custom-payment-title-icons-400.woff2") format("woff2"), url("custom-payment-title-icons-400.ttf") format("truetype");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: "custom-payment-title-icons";
    src: url("custom-payment-title-icons-900.woff2") format("woff2"), url("custom-payment-title-icons-900.ttf") format("truetype");
    font-weight: 900;
    font-style: normal
}

h1:not(#pageTitle) {
    font-family: "Cinzel", Georgia, serif;
    font-size: 30px;
    font-weight: 200;
    color: #444;
    text-transform: uppercase;
    -webkit-margin-before: .5em;
    -webkit-margin-after: .5em
}

h2:not(.moduleName) {
    font-family: "Roboto Light", Helvetica, Arial, sans-serif;
    font-size: 22px;
    font-weight: 600;
    color: #444;
    -webkit-margin-before: .5em;
    -webkit-margin-after: .5em
}

h3 {
    font-family: "Roboto Light", Helvetica, Arial, sans-serif;
    font-size: 18px;
    font-weight: 600;
    color: #444
}

#siteName h1,
#siteName h2 {
    font-family: "Roboto Light", Helvetica, Arial, sans-serif
}

#core .region .moduleBody p,
#core .eventDetails,
#core .newsDetails,
#core .bio {
    line-height: 1.8em
}

.aggregate .event .summary,
.aggregate .news .summary,
.aggregate .person .summary,
.aggregate .rssContent .summary {
    line-height: 1.8em
}

@font-face {
    font-family: "Roboto Light";
    src: url("Roboto-Thin-webfont.woff2") format("woff2"), url("Roboto-Thin-webfont.woff") format("woff"), url("Roboto-Thin-webfont.ttf") format("truetype");
    font-weight: 200;
    font-style: normal
}

@font-face {
    font-family: "Roboto Light";
    src: url("Roboto-ThinItalic-webfont.woff2") format("woff2"), url("Roboto-ThinItalic-webfont.woff") format("woff"), url("Roboto-ThinItalic-webfont.ttf") format("truetype");
    font-weight: 200;
    font-style: italic
}

@font-face {
    font-family: "Roboto Light";
    src: url("Roboto-Light-webfont.woff2") format("woff2"), url("Roboto-Light-webfont.woff") format("woff"), url("Roboto-Light-webfont.ttf") format("truetype");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: "Roboto Light";
    src: url("Roboto-LightItalic-webfont.woff2") format("woff2"), url("Roboto-LightItalic-webfont.woff") format("woff"), url("Roboto-LightItalic-webfont.ttf") format("truetype");
    font-weight: 400;
    font-style: italic
}

@font-face {
    font-family: "Roboto Light";
    src: url("Roboto-Regular-webfont.woff2") format("woff2"), url("Roboto-Regular-webfont.woff") format("woff"), url("Roboto-Regular-webfont.ttf") format("truetype");
    font-weight: 800;
    font-style: normal
}

@font-face {
    font-family: "Roboto Light";
    src: url("Roboto-Italic-webfont.woff2") format("woff2"), url("Roboto-Italic-webfont.woff") format("woff"), url("Roboto-Italic-webfont.ttf") format("truetype");
    font-weight: 800;
    font-style: italic
}

#siteName {
    text-align: center
}

#siteName h1 {
    font-family: "Cinzel", Georgia, serif;
    text-transform: none
}

#siteName h2 {
    font-weight: normal
}

#siteName .line1 {
    padding-bottom: 3px;
    font-weight: 400
}

#siteName .line1 a,
#siteName .line1 .editText {
    display: inline-block;
    padding-bottom: 3px;
    position: relative
}

#siteName .line1 a:before,
#siteName .line1 .editText:before {
    content: "";
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
    border-top: 1px solid rgba(255, 255, 255, 0.4)
}

@media (min-width: 701px) {

    #siteName .line1,
    #siteName .line2,
    #siteName .line1 .editText,
    #siteName .line2 .editText {
        max-height: 2.6em;
        overflow: hidden
    }
}

@media (min-width: 701px) {
    #siteNameBody {
        height: auto;
        width: auto;
        top: 50%;
        position: relative;
        transform: translateY(-50%);
        padding-bottom: 10px
    }
}

#quickLinks {
    left: 0px;
    right: auto
}

#quickLinks ul {
    float: left
}

#quickLinks li {
    position: relative
}

#quickLinks li:not(:first-child):before {
    content: ".";
    color: rgba(255, 255, 255, 0.7);
    position: absolute;
    left: -1px;
    margin-top: -1px
}

#quickLinks ul li:first-child a {
    padding-left: 0px
}

#headerText {
    font-size: 13px
}

#headerText .moduleInner {
    color: rgba(255, 255, 255, 0.7);
    text-align: left
}

#headerText a:hover {
    color: #fff
}

#headerText .htmlButton1:not(:hover) {
    background-color: rgba(255, 255, 255, 0.6)
}

#headerText .htmlButton2:hover {
    background-color: rgba(255, 255, 255, 0.6)
}

#socialMedia a:hover.blogSocialMedia {
    color: #f57d00
}

#socialMedia a:hover.emailSocialMedia {
    color: #e84335
}

#socialMedia a:hover.facebookSocialMedia {
    color: #FFF
}

#socialMedia a:hover.twitterSocialMedia {
    color: #000
}

#socialMedia a:hover.flocknoteSocialMedia {
    color: #278dc0
}

#socialMedia a:hover.instagramSocialMedia {
    color: #bd4272
}

#socialMedia a:hover.linkedinSocialMedia {
    color: #0077b5
}

#socialMedia a:hover.phoneSocialMedia {
    color: #00a551
}

#socialMedia a:hover.pinterestSocialMedia {
    color: #bd081c
}

#socialMedia a:hover.rssSocialMedia {
    color: #f26522
}

#socialMedia a:hover.vimeoSocialMedia {
    color: #1ab7ea
}

#socialMedia a:hover.youtubeSocialMedia {
    color: #cd201f
}

#search {
    position: absolute;
    right: 0px
}

[class*="MegaMenu"] #nav .megaMenu>ul>.navGroup .groupName {
    padding-top: 0px;
    padding-bottom: 10px;
    margin-bottom: 6px
}

[class*="MegaMenu"] #nav .megaMenu>ul li.selected>a {
    padding-left: 10px;
    padding-right: 10px
}

#nav .groupName {
    font-weight: normal
}

#nav li.selected:hover>a {
    background-color: #efefef
}

#nav li ul li.selected a,
#nav li ul li.selected a:hover {
    font-weight: 800
}

@media (min-width: 701px) {
    #header.quickLinksOff #headerText {
        top: 19px
    }

    #header.socialMediaOff #search {
        margin-top: 14px
    }
}

#navBackground[style*="absolute"] {
    z-index: 9 !important
}

#featureSlideshow #fwdBtn,
#featureSlideshow #backBtn {
    opacity: 1;
    border-radius: 50%
}

#featureSlideshow #fwdBtn:hover,
#featureSlideshow #backBtn:hover {
    opacity: 1;
    background-color: rgba(245, 175, 0, 0.8)
}

.slideshowModule #rotator .slideshowImageWrapper {
    background: #000
}

.slideshowModule #rotator .hasCaption .slideshowImage {
    opacity: .8
}

.slideshowModule #rotator .caption {
    background: none;
    text-align: center
}

@media (min-width: 701px) {
    .slideshowModule #rotator .caption {
        height: auto;
        top: 50%;
        transform: translateY(-50%);
        bottom: auto
    }

    .slideshowModule #rotator .caption.hasCallToAction {
        padding-bottom: 23px
    }

    .slideshowModule #rotator .caption.hasCallToAction .callToAction {
        top: 22px;
        right: 0px;
        bottom: 0px;
        margin-right: 0px
    }
}

@media (max-width: 700px) {
    .slideshowModule #rotator .caption {
        height: 80%
    }

    .slideshowModule #rotator .caption .captionContent {
        max-height: 9ex
    }
}

@media (max-width: 500px) {
    .slideshowModule #rotator .caption .captionContent {
        max-height: 12ex
    }
}

#featureSlideshow .slideshowModule .caption .captionContent {
    font-weight: normal;
    line-height: 1.3em;
    height: auto;
    max-height: 2.6em;
    color: #ecebe6
}

#featureSlideshow .slideshowModule .caption .title {
    font-family: "Cinzel", Georgia, serif
}

@media (min-width: 701px) {
    #featureSlideshow .slideshowModule .caption .title {
        max-width: 840px;
        font-size: 48px;
        margin-top: 0px;
        text-transform: uppercase;
        padding-right: 0px;
        letter-spacing: 8px;
        margin-bottom: 20px;
        text-shadow: 0 0 3px #000
    }

    #featureSlideshow .slideshowModule .caption .title:last-child {
        margin-bottom: 0px
    }

    #featureSlideshow .slideshowModule .caption .captionContent {
        font-size: 20px;
        width: 840px;
        padding-right: 0px;
        margin-top: 20px;
        text-shadow: 0 0 3px #000
    }

    #featureSlideshow .slideshowModule .caption .captionContent:first-child {
        margin-top: 0px
    }

    #featureSlideshow .slideshowModule .caption .callToAction {
        display: inline-flex;
        position: relative;
        justify-content: center;
        text-shadow: 0 0 3px #000;
        min-width: 222px;
        max-width: 500px;
        width: auto;
        right: auto;
        text-align: center;
        border: 3px solid #fff;
        border-radius: 0px;
        padding: 15px;
        color: #fff;
        background-color: transparent;
        box-sizing: border-box
    }

    #featureSlideshow .slideshowModule .caption .callToAction:hover {
        background-color: rgba(245, 175, 0, 0.8);
        color: #fff
    }
}

@media (max-width: 500px) {
    #featureSlideshow .slideshowModule .caption .title {
        font-size: 20px;
        width: 100%
    }

    #featureSlideshow .slideshowModule .caption .captionContent {
        font-size: 15px;
        width: 100%
    }
}

#fieldGroup-button1Subtext {
    display: none !important
}

#horizontals .region>li,
.sectionButtonModule>li {
    overflow: visible
}

#horizontals .region .customModule,
.sectionButtonModule .customModule {
    overflow: hidden
}

#horizontals .region .buttonModule,
.sectionButtonModule .buttonModule {
    outline: 1px solid #dedede
}

#core #horizontals .region .buttonModule1 .buttonModuleButton.hasImage .buttonLabelContainer,
#core .sectionButtonModule .buttonModule1 .buttonModuleButton.hasImage .buttonLabelContainer {
    height: 68px
}

#horizontals .region .buttonLabel,
.sectionButtonModule .buttonLabel {
    text-transform: uppercase;
    white-space: normal;
    font-family: "Cinzel", Georgia, serif
}

#horizontals .region .buttonSubtext,
.sectionButtonModule .buttonSubtext {
    display: none
}

#horizontals .region .buttonModuleButton:hover,
.sectionButtonModule .buttonModuleButton:hover {
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.5)
}

#horizontals .region .buttonModuleButton .buttonLabelCenter,
.sectionButtonModule .buttonModuleButton .buttonLabelCenter {
    padding-left: 0px;
    padding-right: 0px
}

#horizontals .region[maxmodules="4"] .buttonModuleButton,
.sectionButtonModule[maxmodules="4"] .buttonModuleButton {
    border-width: 4px
}

#horizontals .region[maxmodules="4"] .buttonModule1:not(.fakeButton) .buttonModuleButton,
.sectionButtonModule[maxmodules="4"] .buttonModule1:not(.fakeButton) .buttonModuleButton {
    height: 222px
}

#horizontals .region[maxmodules="4"] .buttonLabelContainer .buttonLabel,
.sectionButtonModule[maxmodules="4"] .buttonLabelContainer .buttonLabel {
    width: 217px
}

.aggregate .event,
.aggregate .news,
.aggregate .person,
.aggregate .rssContent,
.aggregate .searchResult {
    padding-left: 10px;
    padding-right: 10px
}

.pageTypeHome .region .moduleName {
    padding-bottom: 8px;
    margin-bottom: 8px
}

.pageTypeHome #core:not(.trio) #content1 {
    padding-right: 12px
}

.pageTypeHome #core:not(.trio) #content2 {
    padding-left: 12px
}

.pageTypeHome .aggregate .info {
    margin-top: 4px
}

.sacramentTimes.times:not(.compact) .sacramentDay {
    padding-top: 8px;
    padding-bottom: 8px;
    border-bottom: 1px solid #ccc
}

.sacramentTimes.times>li .day {
    text-transform: none
}

.sacramentTimesModule .categoryName {
    font-family: "Cinzel", Georgia, serif;
    text-transform: uppercase
}

.sacramentTimesModule .dayName {
    font-weight: bold
}

.newsModule .rssLink {
    margin-top: 7px
}

.progressBarModule .moduleBody {
    margin-top: 10px
}

#core .imageModule .moduleName {
    margin-bottom: 10px
}

@media (min-width: 701px) {
    .pageTypeInterior .hasPageImage #pageImage {
        z-index: 11
    }

    .pageTypeInterior .hasPageImage #core #interiorHeader,
    .pageTypeInterior .hasPageImage #core #content2 {
        margin-top: 312px
    }
}

#pageTitle {
    text-transform: uppercase
}

@media (min-width: 701px) {
    #pageTitle {
        padding-bottom: 20px
    }
}

#interiorHeader {
    position: relative
}

@media (min-width: 701px) {
    #background:not(.noPageTitle) #interiorHeader {
        padding-top: 44px
    }

    #interiorHeader #addthisWrapper {
        position: absolute;
        top: 16px;
        right: 0px;
        margin-top: 0px
    }
}

.navCollapsible>.navName:before {
    margin-top: -2px;
    vertical-align: middle;
    border-width: 5px 5px 0 5px
}

.navCollapsible.navCollapsed>.navName:before {
    margin-left: 3px;
    border-width: 5px 0 5px 5px;
    border-color: transparent transparent transparent currentColor
}

#sideNav .navName {
    font-weight: 400
}

#background #topLink {
    color: #444;
    font-family: "Cinzel", Georgia, serif;
    font-size: 18px;
    background-color: transparent;
    font-weight: 400;
    padding-top: 50px;
    padding-bottom: 14px
}

@media (max-width: 700px) {
    #background #topLink {
        padding-top: 20px
    }
}

#background .sideNavCurrent #topLink {
    font-weight: bold
}

#sideNav .moduleInner>ul>li.sideNavCurrent {
    border-top-width: 0px
}

.pageTagsSideNav {
    padding-top: 20px
}

.pageTypeInterior #content2,
.sectionInner.interiorColumns .smallColumn {
    color: #333;
    font-weight: 400;
    background-color: transparent;
    padding-top: 46px
}

.pageTypeInterior #content2 .personSocialMedia a,
.sectionInner.interiorColumns .smallColumn .personSocialMedia a {
    color: #fff
}

.pageTypeInterior #content2>li,
.sectionInner.interiorColumns .smallColumn>li {
    border-bottom: 2px solid #fff;
    padding-bottom: 40px;
    margin-bottom: 30px
}

@media (max-width: 700px) {

    .pageTypeInterior #content2>li,
    .sectionInner.interiorColumns .smallColumn>li {
        padding-bottom: 20px;
        margin-bottom: 10px
    }
}

.pageTypeInterior #content2 .moduleInner,
.sectionInner.interiorColumns .smallColumn .moduleInner,
.pageTypeInterior #content2 li[class*="SideNav"]>ul,
.sectionInner.interiorColumns .smallColumn li[class*="SideNav"]>ul {
    margin-left: 34px;
    margin-right: 34px
}

.pageTypeInterior #content2 .moduleName,
.sectionInner.interiorColumns .smallColumn .moduleName {
    font-size: 18px;
    padding-bottom: 14px
}

.pageTypeInterior #content2 .mediaFormatting .moduleName,
.sectionInner.interiorColumns .smallColumn .mediaFormatting .moduleName {
    margin-bottom: 20px
}

.pageTypeInterior #content2 .aggregate .date,
.sectionInner.interiorColumns .smallColumn .aggregate .date,
.pageTypeInterior #content2 .aggregate .news .author,
.sectionInner.interiorColumns .smallColumn .aggregate .news .author,
.pageTypeInterior #content2 .aggregate .person .role,
.sectionInner.interiorColumns .smallColumn .aggregate .person .role,
.pageTypeInterior #content2 .aggregate .name a,
.sectionInner.interiorColumns .smallColumn .aggregate .name a,
.pageTypeInterior #content2 .aggregate .name>span,
.sectionInner.interiorColumns .smallColumn .aggregate .name>span,
.pageTypeInterior #content2 .aggregate a.name,
.sectionInner.interiorColumns .smallColumn .aggregate a.name {
    font-size: 16px
}

.pageTypeInterior #content2 .aggregate li .thumb,
.sectionInner.interiorColumns .smallColumn .aggregate li .thumb {
    margin-bottom: 8px
}

.pageTypeInterior #content2 .progressBarModule .moduleBody .progressBar,
.sectionInner.interiorColumns .smallColumn .progressBarModule .moduleBody .progressBar {
    background: #fff
}

.pageTypeInterior #content2 .progressBarModule .moduleBody .buttonContainer .button:not(.facebookButton),
.sectionInner.interiorColumns .smallColumn .progressBarModule .moduleBody .buttonContainer .button:not(.facebookButton) {
    color: #fff
}

.pageTypeInterior #content2 .calendarMonthTitle .dateTitle,
.sectionInner.interiorColumns .smallColumn .calendarMonthTitle .dateTitle {
    min-width: 140px
}

.pageTypeInterior #content2 .calendarMonthTitle .dateTitle .month,
.sectionInner.interiorColumns .smallColumn .calendarMonthTitle .dateTitle .month {
    font-size: 0px
}

.pageTypeInterior #content2 .calendarMonthTitle .dateTitle .month:before,
.sectionInner.interiorColumns .smallColumn .calendarMonthTitle .dateTitle .month:before {
    font-size: 19px
}

.pageTypeInterior #content2 .calendarMonthTitle .dateTitle .month.january:before,
.sectionInner.interiorColumns .smallColumn .calendarMonthTitle .dateTitle .month.january:before {
    content: "Jan"
}

.pageTypeInterior #content2 .calendarMonthTitle .dateTitle .month.february:before,
.sectionInner.interiorColumns .smallColumn .calendarMonthTitle .dateTitle .month.february:before {
    content: "Feb"
}

.pageTypeInterior #content2 .calendarMonthTitle .dateTitle .month.march:before,
.sectionInner.interiorColumns .smallColumn .calendarMonthTitle .dateTitle .month.march:before {
    content: "Mar"
}

.pageTypeInterior #content2 .calendarMonthTitle .dateTitle .month.april:before,
.sectionInner.interiorColumns .smallColumn .calendarMonthTitle .dateTitle .month.april:before {
    content: "Apr"
}

.pageTypeInterior #content2 .calendarMonthTitle .dateTitle .month.may:before,
.sectionInner.interiorColumns .smallColumn .calendarMonthTitle .dateTitle .month.may:before {
    content: "May"
}

.pageTypeInterior #content2 .calendarMonthTitle .dateTitle .month.june:before,
.sectionInner.interiorColumns .smallColumn .calendarMonthTitle .dateTitle .month.june:before {
    content: "June"
}

.pageTypeInterior #content2 .calendarMonthTitle .dateTitle .month.july:before,
.sectionInner.interiorColumns .smallColumn .calendarMonthTitle .dateTitle .month.july:before {
    content: "July"
}

.pageTypeInterior #content2 .calendarMonthTitle .dateTitle .month.august:before,
.sectionInner.interiorColumns .smallColumn .calendarMonthTitle .dateTitle .month.august:before {
    content: "Aug"
}

.pageTypeInterior #content2 .calendarMonthTitle .dateTitle .month.september:before,
.sectionInner.interiorColumns .smallColumn .calendarMonthTitle .dateTitle .month.september:before {
    content: "Sept"
}

.pageTypeInterior #content2 .calendarMonthTitle .dateTitle .month.october:before,
.sectionInner.interiorColumns .smallColumn .calendarMonthTitle .dateTitle .month.october:before {
    content: "Oct"
}

.pageTypeInterior #content2 .calendarMonthTitle .dateTitle .month.november:before,
.sectionInner.interiorColumns .smallColumn .calendarMonthTitle .dateTitle .month.november:before {
    content: "Nov"
}

.pageTypeInterior #content2 .calendarMonthTitle .dateTitle .month.december:before,
.sectionInner.interiorColumns .smallColumn .calendarMonthTitle .dateTitle .month.december:before {
    content: "Dec"
}

@media (max-width: 700px) {
    .pageTypeInterior #content2 {
        background-color: transparent
    }
}

@media (min-width: 701px) {
    .pageTypeInterior #core:not(.singleColumn):not(.solo):not(.section):before {
        content: "";
        width: 306px;
        height: 100%;
        left: 0px;
        top: 0px;
        position: absolute;
        background-color: transparent;
        z-index: -1
    }
}

#sideNav li .navName:hover {
    color: #163765
}

#sideNav li .navGroup>.navName {
    color: #888
}

.calendarMonthTitle .dateTitle {
    min-width: 160px
}

#background .calendarExportContainer .fieldHelp a {
    color: #3971be
}

#background .calendarExportContainer .fieldHelp a:hover {
    color: #163765
}

.interior.event .date,
.interior.news .date {
    font-weight: normal
}

.formStyling .submitForm {
    padding-left: 8px;
    padding-right: 8px
}

#interiorHeader .searchBox {
    border: 1px solid #ccc;
    color: #444
}

.aggregate.interior li .thumb {
    margin-top: 5px
}

.pageTypeInterior #core.duo.h1:before {
    top: 400px
}

.pageTypeInterior #core.duo.h1 #content2 {
    margin-top: 0px
}

.pageTypeInterior .hasPageImage #core.duo.h1:before {
    top: 705px
}

#footer {
    padding-bottom: 0px
}

#footerText {
    padding-bottom: 25px;
    text-align: center
}

#footerText h1,
#footerText h2,
#footerText h3 {
    color: rgba(255, 255, 255, 0.6)
}

#footerBackground {
    z-index: 10
}

.section+#footerBackground {
    z-index: 9
}

@media (min-width: 701px) {
    #footerBackground {
        border-bottom: 54px solid #163765
    }

    .ecatholic #footerBackground:before {
        content: "";
        position: absolute;
        width: 488px;
        height: 100%;
        left: calc(50% + (975px / 2) - 100px);
        background: url("footerBg.png") no-repeat center center;
        top: 0px
    }

    #footerGroup {
        position: absolute;
        bottom: -36px
    }

    #footerLinks {
        padding-right: 8px
    }

    #footer {
        position: relative
    }

    #footer #footerGroup {
        font-size: 12px;
        width: 100%
    }

    #footer #footerGroup a,
    #footer #login {
        color: rgba(255, 255, 255, 0.8)
    }

    #footer #footerGroup a:hover,
    #footer #login:hover {
        color: #fff
    }
}

@media (max-width: 700px) {
    #footerBackground {
        background-image: none
    }

    #footer {
        padding-bottom: 20px
    }
}

@media (max-width: 500px) {
    #footerText {
        text-align: center
    }
}

#mobileQuickLinks:before,
#mobileNav:before {
    font-family: "Cinzel", Georgia, serif
}

@media (max-width: 700px) {
    #socialMedia a {
        color: #fff
    }

    #headerText {
        margin-top: 0px;
        margin-bottom: 10px
    }

    #siteName.sitenameOnly {
        max-height: unset
    }

    #siteName.sitenameOnly .line1 {
        margin-top: 0px
    }
}

@media (max-width: 700px) and (min-width: 501px) {
    #siteLogo {
        margin-left: 87.5px;
        margin-bottom: 20px
    }

    #siteName {
        margin-bottom: 20px
    }
}

@media (max-width: 500px) {

    #siteLogo,
    #siteName {
        margin-top: 10px;
        margin-bottom: 10px
    }
}

#finder #categories .category .categoryName {
    background: #f5af00
}

@media (max-width: 700px) {
    #finderHeader>a {
        border-bottom: 4px solid #f5af00
    }
}

#section1 {
    margin-bottom: 0px
}

#core.section #featureSlideshow {
    margin-bottom: 0px
}

@media (max-width: 700px) {

    #background #core.section.empty,
    #background.hasSlideshow #core {
        padding-top: 0px
    }
}

.sectionName {
    text-align: center
}

.sectionRegion .calendarModule .monthCalendar {
    background-color: #fff
}

.headlineSection.sectionInner .title {
    letter-spacing: 4px
}

.tabsSectionSettings #stylingClass option[value*="WhiteModule"],
.tabsSectionSettings .inputHolder[id*="stylingClass"] option[value*="WhiteModule"] {
    display: none
}

.tabsSectionSettings #stylingClass option[value*="Tertiary"],
.tabsSectionSettings .inputHolder[id*="stylingClass"] option[value*="Tertiary"] {
    display: block
}

.sectionInner[class*="Primary"] .sectionBackground {
    width: 200vw;
    height: 100%;
    top: 0px;
    left: 50%;
    margin-left: -100vw;
    position: absolute;
    z-index: -1;
    pointer-events: none;
    width: 1440px;
    margin-left: -720px;
    background-color: #204677
}

@media (min-width:1440px) {
    .sectionInner[class*="Primary"] .sectionBackground {
        width: 100vw;
        margin-left: -50vw
    }
}

.sectionInner[class*="Primary"].hasBackgroundImage .sectionBackground {
    box-shadow: inset 0 0 0 100vw rgba(32, 70, 119, 0.9)
}

.sectionInner[class*="Primary"] .sectionName {
    color: rgba(255, 255, 255, 0.6)
}

.sectionInner[class*="Secondary"] .sectionBackground {
    width: 200vw;
    height: 100%;
    top: 0px;
    left: 50%;
    margin-left: -100vw;
    position: absolute;
    z-index: -1;
    pointer-events: none;
    width: 1440px;
    margin-left: -720px;
    background-color: #163765
}

@media (min-width:1440px) {
    .sectionInner[class*="Secondary"] .sectionBackground {
        width: 100vw;
        margin-left: -50vw
    }
}

.sectionInner[class*="Secondary"].hasBackgroundImage .sectionBackground {
    box-shadow: inset 0 0 0 100vw rgba(22, 55, 101, 0.9)
}

.sectionInner[class*="Secondary"] .sectionName {
    color: rgba(255, 255, 255, 0.6)
}

.sectionInner[class*="Neutral"] .sectionBackground {
    width: 200vw;
    height: 100%;
    top: 0px;
    left: 50%;
    margin-left: -100vw;
    position: absolute;
    z-index: -1;
    pointer-events: none;
    width: 1440px;
    margin-left: -720px;
    background-color: #ddd
}

@media (min-width:1440px) {
    .sectionInner[class*="Neutral"] .sectionBackground {
        width: 100vw;
        margin-left: -50vw
    }
}

.sectionInner[class*="Neutral"].hasBackgroundImage .sectionBackground {
    box-shadow: inset 0 0 0 100vw rgba(221, 221, 221, 0.9)
}

.sectionInner[class*="Tertiary"] .sectionBackground {
    width: 200vw;
    height: 100%;
    top: 0px;
    left: 50%;
    margin-left: -100vw;
    position: absolute;
    z-index: -1;
    pointer-events: none;
    width: 1440px;
    margin-left: -720px;
    background-color: #f5af00
}

@media (min-width:1440px) {
    .sectionInner[class*="Tertiary"] .sectionBackground {
        width: 100vw;
        margin-left: -50vw
    }
}

.sectionInner[class*="Tertiary"].hasBackgroundImage .sectionBackground {
    box-shadow: inset 0 0 0 100vw rgba(245, 175, 0, 0.9)
}

.sectionInner[class*="Tertiary"] .buttonModuleButton:hover {
    border-color: #ddd
}

.sectionRegion .sectionInner[class*="Primary"]:not([class*="WhiteModule"]):not(.tabsSection),
.sectionRegion .sectionInner[class*="Secondary"]:not([class*="WhiteModule"]):not(.tabsSection),
.sectionRegion .sectionInner[class*="Primary"]:not([class*="WhiteModule"]):not(.tabsSection) .sectionName,
.sectionRegion .sectionInner[class*="Secondary"]:not([class*="WhiteModule"]):not(.tabsSection) .sectionName,
.sectionRegion .sectionInner[class*="Primary"]:not([class*="WhiteModule"]):not(.tabsSection) p,
.sectionRegion .sectionInner[class*="Secondary"]:not([class*="WhiteModule"]):not(.tabsSection) p,
.sectionRegion .sectionInner[class*="Primary"]:not([class*="WhiteModule"]):not(.tabsSection) h1:not(#pageTitle),
.sectionRegion .sectionInner[class*="Secondary"]:not([class*="WhiteModule"]):not(.tabsSection) h1:not(#pageTitle),
.sectionRegion .sectionInner[class*="Primary"]:not([class*="WhiteModule"]):not(.tabsSection) h2,
.sectionRegion .sectionInner[class*="Secondary"]:not([class*="WhiteModule"]):not(.tabsSection) h2,
.sectionRegion .sectionInner[class*="Primary"]:not([class*="WhiteModule"]):not(.tabsSection) h3,
.sectionRegion .sectionInner[class*="Secondary"]:not([class*="WhiteModule"]):not(.tabsSection) h3,
.sectionRegion .sectionInner[class*="Primary"]:not([class*="WhiteModule"]):not(.tabsSection) h4,
.sectionRegion .sectionInner[class*="Secondary"]:not([class*="WhiteModule"]):not(.tabsSection) h4,
.sectionRegion .sectionInner[class*="Primary"]:not([class*="WhiteModule"]):not(.tabsSection) h5,
.sectionRegion .sectionInner[class*="Secondary"]:not([class*="WhiteModule"]):not(.tabsSection) h5,
.sectionRegion .sectionInner[class*="Primary"]:not([class*="WhiteModule"]):not(.tabsSection) .moduleName,
.sectionRegion .sectionInner[class*="Secondary"]:not([class*="WhiteModule"]):not(.tabsSection) .moduleName,
.sectionRegion .sectionInner[class*="Primary"]:not([class*="WhiteModule"]):not(.tabsSection) .moduleSubtitle,
.sectionRegion .sectionInner[class*="Secondary"]:not([class*="WhiteModule"]):not(.tabsSection) .moduleSubtitle,
.sectionRegion .sectionInner[class*="Primary"]:not([class*="WhiteModule"]):not(.tabsSection) .sectionSubtitle,
.sectionRegion .sectionInner[class*="Secondary"]:not([class*="WhiteModule"]):not(.tabsSection) .sectionSubtitle,
.sectionRegion .sectionInner[class*="Primary"]:not([class*="WhiteModule"]):not(.tabsSection) .ui-widget-content,
.sectionRegion .sectionInner[class*="Secondary"]:not([class*="WhiteModule"]):not(.tabsSection) .ui-widget-content,
.sectionRegion .sectionInner[class*="Primary"]:not([class*="WhiteModule"]):not(.tabsSection) .aggregate .event .date,
.sectionRegion .sectionInner[class*="Secondary"]:not([class*="WhiteModule"]):not(.tabsSection) .aggregate .event .date,
.sectionRegion .sectionInner[class*="Primary"]:not([class*="WhiteModule"]):not(.tabsSection) .aggregate .news .date,
.sectionRegion .sectionInner[class*="Secondary"]:not([class*="WhiteModule"]):not(.tabsSection) .aggregate .news .date,
.sectionRegion .sectionInner[class*="Primary"]:not([class*="WhiteModule"]):not(.tabsSection) .aggregate .person .date,
.sectionRegion .sectionInner[class*="Secondary"]:not([class*="WhiteModule"]):not(.tabsSection) .aggregate .person .date,
.sectionRegion .sectionInner[class*="Primary"]:not([class*="WhiteModule"]):not(.tabsSection) .aggregate .news .author,
.sectionRegion .sectionInner[class*="Secondary"]:not([class*="WhiteModule"]):not(.tabsSection) .aggregate .news .author,
.sectionRegion .sectionInner[class*="Primary"]:not([class*="WhiteModule"]):not(.tabsSection) .aggregate .person .role,
.sectionRegion .sectionInner[class*="Secondary"]:not([class*="WhiteModule"]):not(.tabsSection) .aggregate .person .role,
.sectionRegion .sectionInner[class*="Primary"]:not([class*="WhiteModule"]):not(.tabsSection) .language,
.sectionRegion .sectionInner[class*="Secondary"]:not([class*="WhiteModule"]):not(.tabsSection) .language,
.sectionRegion .sectionInner[class*="Primary"]:not([class*="WhiteModule"]):not(.tabsSection) .nativeLanguage,
.sectionRegion .sectionInner[class*="Secondary"]:not([class*="WhiteModule"]):not(.tabsSection) .nativeLanguage,
.sectionRegion .sectionInner[class*="Primary"]:not([class*="WhiteModule"]):not(.tabsSection) .abbrLanguage,
.sectionRegion .sectionInner[class*="Secondary"]:not([class*="WhiteModule"]):not(.tabsSection) .abbrLanguage,
.sectionRegion .sectionInner[class*="Primary"]:not([class*="WhiteModule"]):not(.tabsSection) .notes,
.sectionRegion .sectionInner[class*="Secondary"]:not([class*="WhiteModule"]):not(.tabsSection) .notes,
.sectionRegion .sectionInner[class*="Primary"]:not([class*="WhiteModule"]):not(.tabsSection) .numberPhotos,
.sectionRegion .sectionInner[class*="Secondary"]:not([class*="WhiteModule"]):not(.tabsSection) .numberPhotos,
.sectionRegion .sectionInner[class*="Primary"]:not([class*="WhiteModule"]):not(.tabsSection) .formStyling .fieldLabel,
.sectionRegion .sectionInner[class*="Secondary"]:not([class*="WhiteModule"]):not(.tabsSection) .formStyling .fieldLabel,
.sectionRegion .sectionInner[class*="Primary"]:not([class*="WhiteModule"]):not(.tabsSection) .formStyling .groupName,
.sectionRegion .sectionInner[class*="Secondary"]:not([class*="WhiteModule"]):not(.tabsSection) .formStyling .groupName,
.sectionRegion .sectionInner[class*="Primary"]:not([class*="WhiteModule"]):not(.tabsSection) #onlineForm .fieldLabel,
.sectionRegion .sectionInner[class*="Secondary"]:not([class*="WhiteModule"]):not(.tabsSection) #onlineForm .fieldLabel,
.sectionRegion .sectionInner[class*="Primary"]:not([class*="WhiteModule"]):not(.tabsSection) .currentAmount,
.sectionRegion .sectionInner[class*="Secondary"]:not([class*="WhiteModule"]):not(.tabsSection) .currentAmount,
.sectionRegion .sectionInner[class*="Primary"]:not([class*="WhiteModule"]):not(.tabsSection) .currentPercent,
.sectionRegion .sectionInner[class*="Secondary"]:not([class*="WhiteModule"]):not(.tabsSection) .currentPercent,
.sectionRegion .sectionInner[class*="Primary"]:not([class*="WhiteModule"]):not(.tabsSection) .progressBarText,
.sectionRegion .sectionInner[class*="Secondary"]:not([class*="WhiteModule"]):not(.tabsSection) .progressBarText {
    color: rgba(255, 255, 255, 0.6)
}

.sectionRegion .sectionInner[class*="Primary"]:not([class*="WhiteModule"]):not(.tabsSection) .onlineFormModule #paymentForm,
.sectionRegion .sectionInner[class*="Secondary"]:not([class*="WhiteModule"]):not(.tabsSection) .onlineFormModule #paymentForm {
    background: #fff;
    padding: 20px 30px;
    margin-top: 12px
}

.sectionRegion .sectionInner[class*="Primary"]:not([class*="WhiteModule"]):not(.tabsSection) .paymentModule .moduleBody,
.sectionRegion .sectionInner[class*="Secondary"]:not([class*="WhiteModule"]):not(.tabsSection) .paymentModule .moduleBody {
    background: #fff;
    padding: 20px 30px;
    margin-top: 12px
}

.sectionRegion .sectionInner[class*="Primary"]:not([class*="WhiteModule"]):not(.tabsSection) a:not([class*="Button"]):not(.button),
.sectionRegion .sectionInner[class*="Secondary"]:not([class*="WhiteModule"]):not(.tabsSection) a:not([class*="Button"]):not(.button),
.sectionRegion .sectionInner[class*="Primary"]:not([class*="WhiteModule"]):not(.tabsSection) .aggregate a.name .aggregate+footer a,
.sectionRegion .sectionInner[class*="Secondary"]:not([class*="WhiteModule"]):not(.tabsSection) .aggregate a.name .aggregate+footer a,
.sectionRegion .sectionInner[class*="Primary"]:not([class*="WhiteModule"]):not(.tabsSection) .aggregate+footer .exportCalendar,
.sectionRegion .sectionInner[class*="Secondary"]:not([class*="WhiteModule"]):not(.tabsSection) .aggregate+footer .exportCalendar {
    color: rgba(255, 255, 255, 0.8)
}

.sectionRegion .sectionInner[class*="Primary"]:not([class*="WhiteModule"]):not(.tabsSection) a:not([class*="Button"]):not(.button):hover,
.sectionRegion .sectionInner[class*="Secondary"]:not([class*="WhiteModule"]):not(.tabsSection) a:not([class*="Button"]):not(.button):hover,
.sectionRegion .sectionInner[class*="Primary"]:not([class*="WhiteModule"]):not(.tabsSection) .aggregate a.name .aggregate+footer a:hover,
.sectionRegion .sectionInner[class*="Secondary"]:not([class*="WhiteModule"]):not(.tabsSection) .aggregate a.name .aggregate+footer a:hover,
.sectionRegion .sectionInner[class*="Primary"]:not([class*="WhiteModule"]):not(.tabsSection) .aggregate+footer .exportCalendar:hover,
.sectionRegion .sectionInner[class*="Secondary"]:not([class*="WhiteModule"]):not(.tabsSection) .aggregate+footer .exportCalendar:hover {
    color: #fff
}

.sectionRegion .sectionInner[class*="Primary"]:not([class*="WhiteModule"]):not(.tabsSection) .groupCover:hover~.name a,
.sectionRegion .sectionInner[class*="Secondary"]:not([class*="WhiteModule"]):not(.tabsSection) .groupCover:hover~.name a,
.sectionRegion .sectionInner[class*="Primary"]:not([class*="WhiteModule"]):not(.tabsSection) .groupCover:hover~a.name,
.sectionRegion .sectionInner[class*="Secondary"]:not([class*="WhiteModule"]):not(.tabsSection) .groupCover:hover~a.name {
    color: #fff
}

.sectionRegion .sectionInner[class*="Primary"]:not([class*="WhiteModule"]):not(.tabsSection) .formStyling .submitForm:not(:hover),
.sectionRegion .sectionInner[class*="Secondary"]:not([class*="WhiteModule"]):not(.tabsSection) .formStyling .submitForm:not(:hover),
.sectionRegion .sectionInner[class*="Primary"]:not([class*="WhiteModule"]):not(.tabsSection) .flocknoteSignupsModule button:not(:hover),
.sectionRegion .sectionInner[class*="Secondary"]:not([class*="WhiteModule"]):not(.tabsSection) .flocknoteSignupsModule button:not(:hover),
.sectionRegion .sectionInner[class*="Primary"]:not([class*="WhiteModule"]):not(.tabsSection) .countdownLink:not(:hover),
.sectionRegion .sectionInner[class*="Secondary"]:not([class*="WhiteModule"]):not(.tabsSection) .countdownLink:not(:hover),
.sectionRegion .sectionInner[class*="Primary"]:not([class*="WhiteModule"]):not(.tabsSection) .htmlButton1:not(:hover),
.sectionRegion .sectionInner[class*="Secondary"]:not([class*="WhiteModule"]):not(.tabsSection) .htmlButton1:not(:hover) {
    background-color: rgba(255, 255, 255, 0.6)
}

.sectionRegion .sectionInner[class*="Primary"]:not([class*="WhiteModule"]):not(.tabsSection) .htmlButton2:hover,
.sectionRegion .sectionInner[class*="Secondary"]:not([class*="WhiteModule"]):not(.tabsSection) .htmlButton2:hover {
    background-color: rgba(255, 255, 255, 0.6)
}

.sectionRegion .sectionInner[class*="Primary"]:not([class*="WhiteModule"]):not(.tabsSection) .progress,
.sectionRegion .sectionInner[class*="Secondary"]:not([class*="WhiteModule"]):not(.tabsSection) .progress {
    background-color: rgba(255, 255, 255, 0.6)
}

.sectionRegion .sectionInner[class*="Primary"].tabsSection .sectionTextModule,
.sectionRegion .sectionInner[class*="Secondary"].tabsSection .sectionTextModule,
.sectionRegion .sectionInner[class*="Primary"].tabsSection .sectionTextModule .sectionName,
.sectionRegion .sectionInner[class*="Secondary"].tabsSection .sectionTextModule .sectionName,
.sectionRegion .sectionInner[class*="Primary"].tabsSection .sectionTextModule p,
.sectionRegion .sectionInner[class*="Secondary"].tabsSection .sectionTextModule p,
.sectionRegion .sectionInner[class*="Primary"].tabsSection .sectionTextModule h1:not(#pageTitle),
.sectionRegion .sectionInner[class*="Secondary"].tabsSection .sectionTextModule h1:not(#pageTitle),
.sectionRegion .sectionInner[class*="Primary"].tabsSection .sectionTextModule h2,
.sectionRegion .sectionInner[class*="Secondary"].tabsSection .sectionTextModule h2,
.sectionRegion .sectionInner[class*="Primary"].tabsSection .sectionTextModule h3,
.sectionRegion .sectionInner[class*="Secondary"].tabsSection .sectionTextModule h3,
.sectionRegion .sectionInner[class*="Primary"].tabsSection .sectionTextModule h4,
.sectionRegion .sectionInner[class*="Secondary"].tabsSection .sectionTextModule h4,
.sectionRegion .sectionInner[class*="Primary"].tabsSection .sectionTextModule h5,
.sectionRegion .sectionInner[class*="Secondary"].tabsSection .sectionTextModule h5,
.sectionRegion .sectionInner[class*="Primary"].tabsSection .sectionTextModule .moduleName,
.sectionRegion .sectionInner[class*="Secondary"].tabsSection .sectionTextModule .moduleName,
.sectionRegion .sectionInner[class*="Primary"].tabsSection .sectionTextModule .moduleSubtitle,
.sectionRegion .sectionInner[class*="Secondary"].tabsSection .sectionTextModule .moduleSubtitle,
.sectionRegion .sectionInner[class*="Primary"].tabsSection .sectionTextModule .sectionSubtitle,
.sectionRegion .sectionInner[class*="Secondary"].tabsSection .sectionTextModule .sectionSubtitle,
.sectionRegion .sectionInner[class*="Primary"].tabsSection .sectionTextModule .ui-widget-content,
.sectionRegion .sectionInner[class*="Secondary"].tabsSection .sectionTextModule .ui-widget-content,
.sectionRegion .sectionInner[class*="Primary"].tabsSection .sectionTextModule .aggregate .event .date,
.sectionRegion .sectionInner[class*="Secondary"].tabsSection .sectionTextModule .aggregate .event .date,
.sectionRegion .sectionInner[class*="Primary"].tabsSection .sectionTextModule .aggregate .news .date,
.sectionRegion .sectionInner[class*="Secondary"].tabsSection .sectionTextModule .aggregate .news .date,
.sectionRegion .sectionInner[class*="Primary"].tabsSection .sectionTextModule .aggregate .person .date,
.sectionRegion .sectionInner[class*="Secondary"].tabsSection .sectionTextModule .aggregate .person .date,
.sectionRegion .sectionInner[class*="Primary"].tabsSection .sectionTextModule .aggregate .news .author,
.sectionRegion .sectionInner[class*="Secondary"].tabsSection .sectionTextModule .aggregate .news .author,
.sectionRegion .sectionInner[class*="Primary"].tabsSection .sectionTextModule .aggregate .person .role,
.sectionRegion .sectionInner[class*="Secondary"].tabsSection .sectionTextModule .aggregate .person .role,
.sectionRegion .sectionInner[class*="Primary"].tabsSection .sectionTextModule .language,
.sectionRegion .sectionInner[class*="Secondary"].tabsSection .sectionTextModule .language,
.sectionRegion .sectionInner[class*="Primary"].tabsSection .sectionTextModule .nativeLanguage,
.sectionRegion .sectionInner[class*="Secondary"].tabsSection .sectionTextModule .nativeLanguage,
.sectionRegion .sectionInner[class*="Primary"].tabsSection .sectionTextModule .abbrLanguage,
.sectionRegion .sectionInner[class*="Secondary"].tabsSection .sectionTextModule .abbrLanguage,
.sectionRegion .sectionInner[class*="Primary"].tabsSection .sectionTextModule .notes,
.sectionRegion .sectionInner[class*="Secondary"].tabsSection .sectionTextModule .notes,
.sectionRegion .sectionInner[class*="Primary"].tabsSection .sectionTextModule .numberPhotos,
.sectionRegion .sectionInner[class*="Secondary"].tabsSection .sectionTextModule .numberPhotos,
.sectionRegion .sectionInner[class*="Primary"].tabsSection .sectionTextModule .formStyling .fieldLabel,
.sectionRegion .sectionInner[class*="Secondary"].tabsSection .sectionTextModule .formStyling .fieldLabel,
.sectionRegion .sectionInner[class*="Primary"].tabsSection .sectionTextModule .formStyling .groupName,
.sectionRegion .sectionInner[class*="Secondary"].tabsSection .sectionTextModule .formStyling .groupName,
.sectionRegion .sectionInner[class*="Primary"].tabsSection .sectionTextModule #onlineForm .fieldLabel,
.sectionRegion .sectionInner[class*="Secondary"].tabsSection .sectionTextModule #onlineForm .fieldLabel,
.sectionRegion .sectionInner[class*="Primary"].tabsSection .sectionTextModule .currentAmount,
.sectionRegion .sectionInner[class*="Secondary"].tabsSection .sectionTextModule .currentAmount,
.sectionRegion .sectionInner[class*="Primary"].tabsSection .sectionTextModule .currentPercent,
.sectionRegion .sectionInner[class*="Secondary"].tabsSection .sectionTextModule .currentPercent,
.sectionRegion .sectionInner[class*="Primary"].tabsSection .sectionTextModule .progressBarText,
.sectionRegion .sectionInner[class*="Secondary"].tabsSection .sectionTextModule .progressBarText {
    color: rgba(255, 255, 255, 0.6)
}

.sectionRegion .sectionInner[class*="Primary"].tabsSection .sectionTextModule .onlineFormModule #paymentForm,
.sectionRegion .sectionInner[class*="Secondary"].tabsSection .sectionTextModule .onlineFormModule #paymentForm {
    background: #fff;
    padding: 20px 30px;
    margin-top: 12px
}

.sectionRegion .sectionInner[class*="Primary"].tabsSection .sectionTextModule .paymentModule .moduleBody,
.sectionRegion .sectionInner[class*="Secondary"].tabsSection .sectionTextModule .paymentModule .moduleBody {
    background: #fff;
    padding: 20px 30px;
    margin-top: 12px
}

.sectionRegion .sectionInner[class*="Primary"].tabsSection .sectionTextModule a:not([class*="Button"]):not(.button),
.sectionRegion .sectionInner[class*="Secondary"].tabsSection .sectionTextModule a:not([class*="Button"]):not(.button),
.sectionRegion .sectionInner[class*="Primary"].tabsSection .sectionTextModule .aggregate a.name .aggregate+footer a,
.sectionRegion .sectionInner[class*="Secondary"].tabsSection .sectionTextModule .aggregate a.name .aggregate+footer a,
.sectionRegion .sectionInner[class*="Primary"].tabsSection .sectionTextModule .aggregate+footer .exportCalendar,
.sectionRegion .sectionInner[class*="Secondary"].tabsSection .sectionTextModule .aggregate+footer .exportCalendar {
    color: rgba(255, 255, 255, 0.8)
}

.sectionRegion .sectionInner[class*="Primary"].tabsSection .sectionTextModule a:not([class*="Button"]):not(.button):hover,
.sectionRegion .sectionInner[class*="Secondary"].tabsSection .sectionTextModule a:not([class*="Button"]):not(.button):hover,
.sectionRegion .sectionInner[class*="Primary"].tabsSection .sectionTextModule .aggregate a.name .aggregate+footer a:hover,
.sectionRegion .sectionInner[class*="Secondary"].tabsSection .sectionTextModule .aggregate a.name .aggregate+footer a:hover,
.sectionRegion .sectionInner[class*="Primary"].tabsSection .sectionTextModule .aggregate+footer .exportCalendar:hover,
.sectionRegion .sectionInner[class*="Secondary"].tabsSection .sectionTextModule .aggregate+footer .exportCalendar:hover {
    color: #fff
}

.sectionRegion .sectionInner[class*="Primary"].tabsSection .sectionTextModule .groupCover:hover~.name a,
.sectionRegion .sectionInner[class*="Secondary"].tabsSection .sectionTextModule .groupCover:hover~.name a,
.sectionRegion .sectionInner[class*="Primary"].tabsSection .sectionTextModule .groupCover:hover~a.name,
.sectionRegion .sectionInner[class*="Secondary"].tabsSection .sectionTextModule .groupCover:hover~a.name {
    color: #fff
}

.sectionInner[class*="WhiteModule"]:not(.tabsSection) .modulePosition .moduleInner:not(.buttonModule):not(.imageModule),
.sectionInner[class*="WhiteModule"]:not(.tabsSection) .sectionBody.aggregate .group {
    box-sizing: border-box;
    padding: 20px;
    background-color: #fff
}

@media (min-width: 701px) {
    .pageTypeInterior #core:not(.singleColumn):before {
        background-color: rgba(245, 175, 0, 0.15)
    }
}

@media (max-width: 700px) {
    .pageTypeInterior #content2 {
        background-color: rgba(245, 175, 0, 0.15)
    }
}