/************ TEMPLATE  ************

************/

.site-1 {
    --primary-color: #0e2c48;
    --secondary-color: #b8a666;
    --tertiary-color: #6f9bc5;

    --primary-rgb: 14, 44, 72;
    --secondary-rgb: 184, 166, 102;
    --tertiary-rgb: 111, 155, 197;

    --default-white: #ffffff;
    --default-black: #000000;

    --title-font-family: 'EB Garamond', serif;
    --body-font-family: 'Lato', sans-serif;

    --heading-color: var(--primary-color);
    --heading-font-family: var(--title-font-family);

    --title-border-bottom: 1px solid var(--secondary-color);

    --home-title-font: var(--title-font-family);

    --transparent: rgba(255,255,255,0);

    --default-box-shadow: 0px 0px 10px rgba(8, 5, 5, 0.5);

    --swiper-box-shadow: var(--default-box-shadow);

    --ql-title-color: var(--default-white);

    --rok-mini-title-size: clamp(1.1rem, 1.3vw, 2.2rem);
    --ph-title-font-size-mobile: 3.5vw;
}

.site-1 .ql-fa-toplinks {
    --ql-title-color: var(--primary-color);
}

.readon, .button, .btn, p.readmore .btn, .sprocket-lists-portrait-container > li .sprocket-lists-portrait-item > a span, .listentobutton.moduletable a {
    background: var(--primary-color);
    font-family: var(--body-font-family);
}

/*************** ALL SITE *****************/
.item-image {display: none;}

.readon, .button, .btn, p.readmore .btn, .listentobutton.moduletable a, .newsflashlistentobutton2 a:last-child {
    border-radius: 5rem;
    padding: 1rem 1.5rem;
}

.readon, .button, .btn, p.readmore .btn, .listentobutton.moduletable a, .newsflashlistentobutton2 a:last-child {
    font-size: 1.1rem;
}

.site-1-sub .livestream-button-sub {
    display: none;
}

/***********Custom Scrollbar****************/

/* Hide the default scrollbar */

::-webkit-scrollbar {
    width: .75rem;
}

::-webkit-scrollbar-track {
    background-color: #f5f5f5;
}

::-webkit-scrollbar-thumb {

background-color: #ccc;
    border-radius: 5px;
}

/* Style the scrollbar on hover */

::-webkit-scrollbar-thumb:hover {
    background-color: #bbbbbb;
}

/* Style the scrollbar when it's being dragged */

::-webkit-scrollbar-thumb:active {
    background-color: #8c8c8c;
}

@-moz-document url-prefix() {
    * {
    scrollbar-width: thin;
         scrollbar-color: #ccc #f5f5f5;
    }
}

:is(.site-1-home, .site-2-home, .site-3-home) #g-page-surround .g-content {
    padding: 0;
}

:is(.site-1-home, .site-2-home, .site-3-home) #g-page-surround .g-array-item-text {
    margin: 0;
}

:is(.site-1-sub, .site-2-sub, .site-3-sub) section:not(#g-navigation, #g-container-footer, #g-copyright) .g-content {
    margin: 0.625rem !important;
    padding: 0rem !important;
}

:is(.site-1-sub, .site-2-sub, .site-3-sub) section:not(#g-navigation, #g-container-footer, #g-copyright) #grid-addpic .g-content {
    padding: 0 !important;
    margin: 0 !important;
}

:is(.site-1-sub, .site-2-sub, .site-3-sub) section#g-container-main #g-aside .g-content {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

@media (min-width: 50.99rem) {
  :is(.site-1-home, .site-2-home) #g-top .modern-alert .g-joomla-articles {
      padding: 0 3% !important;
  }
 }

:is(.site-1-sub, .site-2-sub, .site-3-sub) #g-aside .side-menu-particle .g-blockcontent-subcontent-block-content {
    margin: 0!important;
    padding: 0!important;
}

/*************** HOMELAYOUT ***************/ 
/*************** OFFCANVAS ****************/
.g-offcanvas-toggle {color: var(--primary-color);} 
.g-offcanvas-toggle .fa-fw {text-shadow: none;}

@media only screen and (max-width: 50.99rem) {
    .site-1 #g-offcanvas .g-social-items {
        display: flex;
        flex-direction: row;
        gap: 2rem;
        align-items: center;
        justify-content: center;
    }
    .site-1 #g-offcanvas .g-social-items a {
        color: var(--secondary-color);
    }
    .site-1 #g-offcanvas .g-social-items a:hover {
        color: var(--tertiary-color);
    }
}

/*************** TOP **********************/ 
/*************** NAVIGATION ***************/

.site-1 #g-navigation {
    --ql-icon-color: var(--secondary-color) !important;
}

.site-1 #g-navigation .ql-fa-toplinks {
    --ql-title-color: white;
}

.ql-fa-toplinks .g-blockcontent-subcontent-block-content > .g-blockcontent-subcontent-title {
    display: initial;
    color: white;
}

@media (min-width: 50.99rem) {

	.style-201 :is(section:not(#g-top), #g-footer):has([class*="-201"]){
		--class-201-g-grid-1-padding: 0;
	}

	.site-1 #g-navigation .g-logo img {
		width: 100%;
	}

    .site-1 #g-navigation > .g-container > .g-grid:nth-child(2) {
        padding: 1vw 3% 1vw 0 !important;
    }

    #g-navigation .top-links-201 .g-blockcontent-subcontent-title-text {
        font-size: clamp(1rem, 1vw, 2rem);
    }
}

@media (max-width: 50.99rem) {

    .site-1-home #g-navigation > div > div:nth-child(2) {
        padding-top: 0;
    }

}

@media only screen and (min-width: 50.99rem) {
    .g-main-nav .g-toplevel>li>.g-menu-item-container>.g-menu-item-content {
        font-size: 1.25vw;
        font-family: var(--body-font-family);
    }
    .g-main-nav .g-sublevel>li>.g-menu-item-container>.g-menu-item-content>.g-menu-item-title {
        font-size: 1.25vw;
        font-family: var(--body-font-family);
    }

    .site-1 #g-navigation .g-social-items {
        display: flex;
        flex-direction: row;
        gap: 2vw;
        align-items: center;
    }
    .site-1 #g-navigation .g-social-items a {
        color: var(--secondary-color);
        font-size: 1.25vw;
    }
    .site-1 #g-navigation .g-social-items a:hover {
        color: var(--tertiary-color);
    }
}

@media only screen and (max-width: 50.99rem) {
    #g-navigation .g-logo {
        max-width: 100%;
        margin: 1rem auto;
        margin-left: 10%;
    }

    #blockcontent-6958-particle > div > div > div {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 3%;
    }
}

/*************** SLIDESHOW ****************/ 
.site-1-home #g-slideshow > .g-container {
    position: relative;
}

.site-1-home #g-slideshow .button {
    background-color: var(--secondary-color) !important;
    border: none !important;
    font-size: 1.1vw !important;
    padding: 0.75vw 2vw !important;
}

.site-1-home p:has(.button) {
    margin-bottom: 1rem;
}

.site-1-home .style-306 .mass-times-306 :is(h1,h2,h3,h4,h5,h6) {
    font-weight: normal;
}

.site-1-home .mass-times-306 h1 {
    border-bottom: 1px solid var(--secondary-color);
}

@media (min-width: 50.99rem) {
	.style-306 :is(section:not(#g-top), #g-footer):has([class*="-306"]) > .g-container > .g-grid:has(.mass-times-306) {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 2%;
		height: 100%;
		width: 40%;
		z-index: 9;
		background: transparent !important;
		padding: 2% 0;
	}

	.style-306 :is(section:not(#g-top), #g-footer):has([class*="-306"]) > .g-container > .g-grid:has(.mass-times-306) > div {
		background-color: rgba(var(--primary-rgb),0.75);
	}

	.mass-times-306 {
		max-height: 100%;
		overflow: hidden;
		padding: 1.5rem;
	}

	.style-306 .swiper-306 .g-swiper.swiper-container-horizontal>.swiper-pagination-bullets {
		left: initial;
		right: 2%;
	}

	.site-1-home #contentarray-7906-particle {
		overflow: hidden;
	}

	.style-306 .mass-times-306 .g-array-item-text {
		padding: 0;
	}

	.site-1-home .mass-times-306 h1{
		margin: 0;
		line-height: 1.3;
	}

    .mass-times-306 :is(h1,h2,h3,h4,h5,h6) {
        color: var(--default-white);
    }

    .style-306 .swiper-306 :is(.g-swiper.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .style-306 .g-swiper.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet) {
        height: 20px;
        width: 20px;
        background: white;
        border: 2px solid white;
    }

    .style-306 .swiper-306 .g-swiper.swiper-container-horizontal>.swiper-pagination-bullets {
        background: transparent;
        backdrop-filter: initial;
        gap: 1.5rem;
    }

    .style-306 .swiper-306 :is(.g-swiper.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .style-306 .g-swiper.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet):not(.swiper-pagination-bullet-active) {
        background-color: transparent !important;
    }

    .mass-container, .confession-container {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 1rem;
    }

    .mass-times-306 h1 {
        font-size: 2.5vw !important;
    }

    .mass-times-306 h4 {
        font-size: 1.75vw !important;
    }

    .mass-times-306 p {
        font-size: 1.1vw !important;
        line-height: 1.5;
    }
}

@media (max-width: 50.99rem) {

    .site-1-home #g-slideshow .button {
        font-size: 1.2rem !important;
        width: auto;
        padding: 0.75rem 2rem !important;
    }

    .style-306 .mass-times-306 .g-array-item-text {
        padding: 5%;
    }

    .mass-times-306 p {
        color: white;
    }

}

/*************** HEADER *******************/

.site-1-home #g-header {
    --class-201-g-grid-1-padding: 2%;
    --ql-title-color: var(--primary-color) !important;
    --ql-icon-color: var(--secondary-color) !important;
    --ql-right-border-color: none !important;
    --ql-font-size-mobile: clamp(1rem, 1.3vw, 2rem);
    --ql-background-hover: transparent;
    --ql-flex: 33% !important;
}

.site-1-home #contentarray-9974-particle > div > div > div > div > div > div > p {
    margin: 0;
}

.site-1-home #g-header .top-links-201 .g-blockcontent-subcontent-title-text {
    font-size: clamp(1rem, 1.1vw, 2rem);
    font-weight: bold;
}

#blockcontent-6958-particle .g-title {
    display: none;
}

@media (max-width: 50.99rem) {
    .site-1-home #g-header .top-links-201 .g-blockcontent-subcontent-title-text {
        color: black;
    }

    .site-1-home #g-header .top-links-201 {
        margin: 0rem 0 3rem 0;
    }
}

.site-1-home #g-header .home-link a {
    color: var(--tertiary-color) !important;
}

.site-1-home #g-header > .g-container {
    background-repeat: no-repeat;
    background-position: top, bottom;
    background-size: 100% auto, 100% auto;
    background-image: url('/images/template/decal-top-40.png'), url('/images/template/decal-bottom-40.png');
    padding: 3% !important; 
}

.site-1-home #g-header .ql-fa-toplinks .g-blockcontent-subcontent-block {
    padding: 1vw 0;
}

.home-link li {
    line-height: 1.5;
}

@media (min-width: 50.99rem) {

    .home-link {
        padding-left: 4%;
    }

    .site-1-home #g-header .ql-fa-toplinks {
        padding-left: 3%;
    }
}

@media (max-width: 50.99rem) {

    #blockcontent-6958-particle > div > div > div {
        gap: 5%;
    }

    .site-1-home #g-header .top-links-201 {
        margin: 5%;
    }

    .home-link {
        margin: 5%;
    }
	
	.site-1-home .calendar-button {
    margin-top: 0rem;
	margin-bottom: 3rem;
}

}

/*************** ABOVE ********************/
/*************** SHOWCASE *****************/
/*************** UTILITY ******************/
/*************** FEATURE ******************/
/*************** MAIN *********************/

.rok-mini-list-desktop, .rok-mini-list-mobile {
    --rok-mini-box-shadow: var(--default-box-shadow);
}

.site-1-home #g-sidebar {
    padding-right: 3% !important;
}

.site-1-home #g-aside {
    padding: 2vw;
    background-color: #f1f3f2;
}

.site-1-home .g-block:has(>#g-aside) {
    display: grid;
    justify-content: center;
    align-items: center;
}

.site-1-home #g-mainbar {
    padding: 0 6% !important;
}

.site-1-home #g-container-main {
    padding: 3% !important;
}

.site-1-home .calendar-button {
    margin-top: 0rem;
	margin-bottom: 3rem;
}

#g-mainbar .rme-timeline {
    display: none;
}

.upcoming-events {
    margin-bottom: 2rem;
}

.news-button {
    margin-top: 2rem;
}

@media (min-width: 50.99rem) {

    .ph-sidepics-3.ph-standard .g-array-item-image {
        max-height: calc(15vw * 4/3);
        max-width: 15vw;
        height: calc(15vw * 3/4);
        width: 15vw;
    }

    .ph-sidepics-3.ph-standard .g-array-item-read-more a {
        padding: 0 0 2vw calc(15vw + 1rem);
    }

    .ph-sidepics-3.ph-standard .g-array-item {
        grid-template-columns: 15vw calc(100% - 15vw - 1rem)!important;
        grid-template-rows: 50% 10% 30%;
        max-height: calc(15vw * 3/4);
    }

    .ph-sidepics-3.ph-standard .g-array-item {
        max-height: calc(15vw * 3/4);
    }

    .rok-mini-list-desktop .rme-description {
        display: grid;
        grid-template-columns: 1fr;
    }

    .rok-mini-list-desktop .rme-title {
        min-width: initial;
    }

    .site-1-home #g-container-main .g-content > h3 {
        font-size: 2.75vw;
    }

}

@media (max-width: 50.99rem) {

    .site-1-home #g-container-main {
        padding: 8% !important;
    }

    .ph-sidebyside-mobile .g-content-array {
        padding: 0;
    }

    .site-1-home #custom-7056-particle > h3,
    #custom-9804-particle > h3,
    #custom-8280-particle > h3,
    #custom-9827-particle > h3,
    #contentarray-9974-particle > div > div > div > div > div > div > h3 {
        font-size: 2rem;
        margin-bottom: 2rem;
    }

}

@media only screen and (min-width: 50.99rem) {
    .site-1-sub #g-mainbar {
        min-height: 30vh;
    }

    .ph-sidepics-3 {
        padding: 0;
    }
}

@media only screen and (max-width: 50.99rem) {
    :is(.site-1-sub, .site-2-sub) #g-mainbar > .g-grid > .g-block > .g-content {
        margin: 0;
        padding: 0;
    }
}

/*************** EXPANDED *****************/

.site-1-home #g-expanded > div {
    width: 100%;
}

.site-1-home #g-expanded .connect img:hover {
    transform: scale(1.03);
    transition: all 200ms ease-in;
}

.site-1-home #g-expanded .connect img {
    transition: all 150ms ease-out;
}

.site-1-home #g-expanded .pastors-pen .g-array-item-title h3 {
    font-size: 1.1rem;
    border-bottom: 0;
    line-height: 1.5;
}

.flocknote {
    padding: 0 7%;
    display: grid;
    justify-content: center;
    align-items: center;
}

.pastors-pen h3 {
    color: white;
}

.pastors-pen a {
    color: white;
}

.site-1-home #g-expanded .pastors-pen .g-array-item-title h3 {
    color: white;
}

.site-1-home #g-expanded .pastors-pen .g-array-item-title h3 a {
    color: white;
}

.site-1-home .pastors-pen .g-content-array .g-grid {
    margin-bottom: 1rem;
}

#module-contentarray-229-particle {
    margin-bottom: 2.5rem;
}

#contentarray-1175-particle {
    margin: 0;
}

.pastors-pen {
    padding: 0 7%;
    display: grid;
    justify-content: center;
    align-items: center;
    background-color: var(--primary-color);
}

.flocknote {
    background-color: var(--secondary-color);
}

#custom-8280-particle {
    margin: 0;
}

@media (min-width: 50.99rem) {
    .site-1-home #g-expanded h3 {
        font-size: 2.5vw;
        margin: 0 3%;
    }

    .site-1-home .g-grid:has(.pastors-pen) {
        display: grid;
        grid-template-columns: 2fr 1.5fr 2fr;
        gap: 3%;
        padding: 3%;
    }

    #contentarray-1175-particle > div > div > div > div > div > div > p:nth-child(7) {
        margin: 0;
    }

    .site-1-home .g-grid:has(.pastors-pen) > div {
        width: 100%;
        flex: initial;
        max-width: 100%;
    }
}

@media (max-width: 50.99rem) {

    .site-1-home #g-expanded {
        padding: 8% !important;
        padding-top: 0 !important;
    }

    .flocknote, .connect {
        margin-bottom: 2rem;
    }

    .pastors-pen {
        padding: 5% !important;
    }

}

/*************** EXTENSION ****************/

.site-1-home #g-extension > .g-container {
    background-repeat: no-repeat;
    background-position: top, bottom;
    background-size: 100% auto, 100% auto;
    background-image: url('/images/template/decal-top-40.png'), url('/images/template/decal-bottom-40.png');
    padding: 3% !important; 
}

@media (min-width: 50.99rem) {
    .site-1-home #custom-9827-particle > h3 {
        font-size: 2.75vw;
    }
}

#custom-9827-particle > h3 {
    margin: 0;
}

.site-1-home .livestreams .boxcast-well-container.boxcast-with-playlist-to-right-col-2 {
    display: none;
}

.site-1-home .livestreams .boxcast-well-container.boxcast-with-playlist-to-right-col-1 {
    padding: 0;
}

.donate-container p {
    margin: 0;
    line-height: 2.5;
}

.site-1-home .g-grid:has(.donate-container) {
    padding-top: 1.5%;
}

#custom-9827-particle > h2 {
    margin: 0;
}

@media (min-width: 50.99rem) {
    .site-1-home .livestreams .g-joomla-articles {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 3%;
        padding: 1.5% 0% 2.2% 0%;
    }

    .site-1-home .donate-container {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 3%;
    }
}

@media (max-width: 50.99rem) {
    .site-1-home .livestreams .g-joomla-articles {
        display: grid;
        grid-template-columns: 1fr;
        gap: 5%;
        padding: 5%;
    }

    .rme-items {
        padding: 0;
    }

    .site-1-home #g-mainbar {
        padding: 0 !important;
        margin: 10% 0;
    }

    #custom-1345-particle > h6 {
        font-size: 1.5rem;
    }

    .site-1-home #g-aside {
        padding: 5%;
    }
}

.site-1-home .livestreams .g-joomla-articles > .g-grid {
    margin: 0;
}

.livestreams .boxcast-well > :is(p,div,h1, aside) {
    text-align: center;
    margin: 0;
}

.livestreams .boxcast-well {
    display: grid;
    align-items: center;
}

.livestreams .boxcast-well aside dd {
    font-size: 1rem;
    padding: 0.55rem 1rem;
    margin: 0;
    background-color: var(--primary-color);
    border-radius: 5px;
    color: white;
}

.livestreams .boxcast-well > span {
    display: none;
}

.livestreams .boxcast-start-stop {
    font-weight: bold;
    font-size: 1.1rem !important;
    margin-bottom: 1rem !important;
}

.livestreams .boxcast-title {
    font-size: 1.6rem !important;
    font-weight: bold;
    margin-bottom: 1rem !important;
}

.livestreams .boxcast-errors h3 {
    font-size: 1.6rem;
}

.livestreams .boxcast-errors p {
    font-size: 1.1rem;
}

@media (max-width: 50.99rem) {

    .site-1-home #g-extension > .g-container {
        padding: 8% !important;
    }

    .site-1-home .livestreams .g-joomla-articles {
        padding: 0;
        margin: 3rem 0 !important;
    }

    .site-1-home #g-extension > div > div:nth-child(4){
        margin-top: 3rem;
    }

}

/*************** BOTTOM *******************/

.site-1 #g-bottom {
    padding: 0 0 3% 0 !important;
}

/*************** FOOTER *******************/

.footer-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 0.75fr;
    justify-content: center;
    align-items: center;
}

.footer-links {
    display: grid;
    align-items: center;
    justify-content: center;
    gap: 5px;
}

.site-1 #g-footer p {
    margin: 0;
    line-height: 1.5;
}

.footer-grid > div:not(.footer-links) > p:nth-child(2) {
    margin: 0.75rem 0 !important;
}

.site-1 #g-footer {
    padding: 3% 5% 2% 5% !important;
}

.site-1 #g-footer .footer-socials img {
    max-height: 30px;
    width: auto;
    padding: 0 5px;
}

@media (max-width: 50.99rem) {
    .footer-grid {
         grid-template-columns: 1fr;
         gap: 3rem;
    }

    .site-1 #g-footer {
        padding: 5% !important;
    }
}

#g-footer .g-content-array {margin: 0;}
#g-footer a {color: var(--default-white); transition: .3s all ease-in-out;} 
#g-footer a:hover {opacity: .5;}

/*************** COPYRIGHT ****************/ 
@media only screen and (max-width: 50.99rem) {
    .web-policy {
        justify-content: flex-end;
        padding-right: 10px;
    }
    .site-1 .adminfootericon {
        bottom: 40px
    }

    .site-2 .adminfootericon {
        bottom: 40px
    }
}

/*************** MODULES ******************/
.moduletable .nav.menu, .moduletable .unstyled {background: var(--primary-color);} 
.moduletable .nav.menu li.current.active a, .moduletable .nav.menu li a:hover {    
    color: var(--default-white); 
    background: var(--secondary-color);
} 
/*************** SECTIONS *****************/
/*************** MOBILE *******************/

.g-offcanvas-toggle {
  background: var(--default-white);
  display: grid;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  box-shadow: var(--default-box-shadow);
}

/*************** ADS **********************/

@media only screen and (min-width: 50.99rem) {
    #site-grid #g-container-main {
        padding-bottom: 3vw;
    }
}

@media only screen and (max-width: 50.99rem) {
    .grid.ph-sidebyside-mobile .g-array-item-read-more {
        opacity: 1;
    }
    .grid.ph-sidebyside-mobile .g-array-item-title {
        padding: 1rem;
    }
}

@media only screen and (min-width: 50.99rem) {
    .search-page button.btn {
        background: var(--primary-color)!important;
    }
    .search-page button.btn:hover {
        background: var(--secondary-color)!important;
    }
}

@media only screen and (max-width: 50.99rem) {
    .search-page button.btn {
        background: var(--primary-color)!important;
    }
    .search-page button.btn:hover {
        background: var(--secondary-color)!important;
    }
}

@media only screen and (max-width: 50.99rem) {
    .ph-sidebyside-mobile .g-array-item-read-more {
        opacity: 0;
    }
    .ph-sidebyside-mobile .g-array-item-title {
        padding: 1rem;
    }
}

@media only screen and (min-width: 50.99rem) {
    .bilingual {
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        gap: 2vw;
    }
    .bilingual .englishtext {
        flex: 1;
    }
    .bilingual .spanishtext {
        flex: 1;
        font-style: italic;
    }
}

@media only screen and (max-width: 50.99rem) {
    .bilingual {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }
    .bilingual .englishtext {
        flex: 1;
    }
    .bilingual .spanishtext {
        flex: 1;
        font-style: italic;
    }
}

@media only screen and (min-width: 50.99rem) {
    .bulletin-page #g-mainbar > .g-grid:nth-child(1) {
        display: none!important;
    }
    .bulletin-page .docman_category {
        display: none!important;
    }
}

@media only screen and (max-width: 50.99rem) {
    .bulletin-page #g-mainbar > .g-grid:nth-child(1) {
        display: none!important;
    }
    .bulletin-page .docman_category {
        display: none!important;
    }
}

/* Image Paths for Particle Template */
/* All images used in the particle template need to be updated here */

.style-1303 #g-footer:has([class*="-1303"]) {background-image: url('/images/template/parallax1.jpg'); background-size: cover; background-position: center; background-repeat: no-repeat;}

@media (min-width: 50.99rem) {
  .style-201 .g-container:has([class*="-201"]) {background-image: url('/images/template/header-church-transparent-background.png'); background-position: center; background-size: cover; background-repeat: no-repeat;}
  .style-202 .g-container:has([class*="-202"]) {background-image: url("/images/template/header-church-transparent-background.png"); background-position: center; background-size: cover; background-repeat: no-repeat;}
  .style-301 .mass-times-301 {background: url('/images/template/masstimes.jpg') 0% no-repeat; background-size: cover; background-position: center;}
  .style-303 .mass-times-303 {background: url('/images/template/masstimes.jpg') 0% no-repeat; background-size: cover; background-position: center;}
  .style-304 .mass-times-304 {background: url('/images/template/masstimes.jpg') 0% no-repeat; background-size: cover; background-position: center;}
  .style-305 .mass-times-305 {background: url('/images/template/masstimes.jpg') 0% no-repeat; background-size: cover; background-position: center;}
  .style-1001 :is(#g-navigation, #g-slideshow, #g-header, #g-above, #g-feature, #g-showcase, #g-utility, #g-container-main, #g-expanded, #g-extension, #g-bottom, #g-footer, #g-copyright):has([class*="-1001"]) {background: url('/images/template/parallax1.jpg') 50% 50% no-repeat;}
  .mockup-ads.particle-template .g-block:has(div.adside) .adside {background-image: url("/images/template/side-ads.png");}
  .mockup-ads.particle-template .adhorizontal {background-image: url("/images/template/horizontal-ads.png");}
}

@media (max-width: 50.99rem) {
   .mockup-ads.particle-template .g-block:has(div.adside) .adside {background-image: url("/images/template/side-ads.png");}
   .mockup-ads.particle-template .adhorizontal {background-image: url("/images/template/horizontal-ads-mobile.png");}
}

/*  */

.accordian-wrapper .g-item-title a {
    pointer-events: all;
}