@import url('//fonts.googleapis.com/css2?family=Raleway:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap');
/************ TEMPLATE  ************
Rotator Size: 1600x669 (super wide, 2.39:1)

/************ FONTS  ************
All Fonts: Raleway

/************ COLORS  ************
Red: #803232; rgba(128,50,50,1)
Tan: #C8BEA6; rgba(200,190,166,1)
Dark Tan (for text): #968F7D; rgba(150,143,125,1)
Black: #000000; rgba(0,0,0,1)

************/
.site-1 {
    --primary-color: #803232;
    --secondary-color: #C8BEA6;

    --primary-font-family: 'Raleway';

    --title-font-family: 'Raleway', sans-serif;
    --body-font-family: 'Raleway', sans-serif;
    
    --primary-rgb: 128,50,50;
    --secondary-rgb: 200,190,166;

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

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

    --default-border-radius: 1rem;

    --swiper-box-shadow: var(--default-box-shadow);
    --swiper-text-size: 1.5vw;
    --swiper-mobile-text: 3vw;

    --ql-title-color: var(--primary-color);
    --ql-title-hover: var(--secondary-color);
    --ql-mobile-bg-color: rgba(var(--primary-rgb),.5);
    --ql-mobile-bg-hover: rgba(var(--primary-rgb),.7);
    --ql-mobile-title-color: var(--default-white);
    --ql-box-shadow: var(--default-box-shadow);

    --ph-title-color: var(--primary-color);
    --ph-title-hover: var(--secondary-color);
    --ph-content-effect-bg-1: var(--default-white);
    --ph-content-effect-bg-2: rgba(var(--primary-rgb),.1);
    --ph-box-shadow: var(--default-box-shadow);

    --rok-mini-badge: var(--secondary-color);
    --rok-mini-numbers: var(--default-white);
    --rok-mini-text: var(--primary-color);
    --rok-mini-timeline: var(--primary-color);

    --grid-tile-height: 20vw;
    --grid-tile-height-mobile: 30vw;
    --grid-title-color: var(--default-white);
    --grid-title-font: var(--title-font-family);
    --grid-font-size-desktop: 2vw;
    --grid-font-size-mobile: 4vw;
    --grid-bg: rgba(var(--primary-rgb),.4);
    --grid-bg-hover: rgba(var(--primary-rgb),.6);
    --grid-border-radius: var(--default-border-radius);
    --grid-box-shadow: var(--default-box-shadow);
    --grid-title-font-size-mobile: 6vw;
}

/******fixing mobile grid page title color and position********/

@media only screen and (max-width: 50.99rem) {

.site-1-sub {
    --grid-title-color: var(--default-white);
}

.site-1-sub #grid-addpic .g-array-item {
    border-radius: 16PX;
}
}
/******************************************************************/


.ph-photoblocknews {
    --ph-height: 20vw;
    --ph-title-color: var(--default-white);
}

body {color: #333; font-family: 'Raleway', sans-serif;}

h1, h2, h3, h4, h5, h6 {margin: .75rem 0; line-height: 1.3; font-weight: normal;}
p {line-height: 1.3;}
.page-header h1 {text-transform: none; font-size: 3rem;}
h1 {color: var(--primary-color); font-size: 3.5rem; font-weight: bold; font-family: 'Raleway';}
h2 {font-variant-caps: small-caps; color: var(--primary-color); font-size: 2.5rem; font-family: 'Raleway'; font-weight: bold;}
.page-header h2 { padding-bottom: 0.25rem; line-height: 2.5rem;}
h3 {color: var(--primary-color); font-size: 2rem; border-bottom: 1px solid #cdbe79; font-family: 'Raleway'; line-height: 1.3; margin: 0 0 10px 0;}
h4 {color: var(--secondary-color); font-size: 2rem; font-family: 'Raleway';} 
h5 {background: var(--secondary-color); font-size: 1.75rem; color: white; border-radius: .2rem; padding: .5rem;} 
h6 {color: var(--primary-color); font-size: 1.5rem; text-transform: uppercase; font-weight: bold;}
h6.mixed {text-transform: none;}
a {color: var(--secondary-color);} 
a:hover {color: black;}

@media only screen and (min-width: 51rem) and (max-width: 88rem) {  
    h1 {font-size: 2.2rem;}   
    h2 {font-size: 1.75rem;}  
    h3 {font-size: 1.75rem;}  
    h4 {font-size: 1.75rem;} 
    h5 {font-size: 1.2rem;} 
    h6 {font-size: 1.2rem;} 
    p {font-size: 1rem; margin-bottom: 4px;} 
    h1, h2, h3 {line-height: 1.2;} 
    h4, h5, h6, p {line-height: 1.1;}
} 

@media only screen and (max-width: 50.99rem) { 
    h1 {font-size: 2.2rem;}
    h2 {font-size: 1.75rem;}
    h3 {font-size: 1.75rem;}
    h4 {font-size: 1.75rem;}
    h5 {font-size: 1.2rem;}
    h6 {font-size: 1.2rem;}
    p {font-size: 1rem; margin-bottom: 4px;}
    h1, h2, h3 {line-height: 1.2;}
    h4, h5, h6, p {line-height: 1.1;} 
} 


.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: 'Raleway', sans-serif;
} 


#g-mainbar .moduletable {
    margin: 0;
}

/*************** HOMELAYOUT ***************/ 
.submod-button > .g-content {margin: -2rem 1.625rem .625rem .625rem;}
.homelayout h3.g-title {border-bottom: none;}

/*************** OFFCANVAS ****************/
.g-offcanvas-toggle {color: var(--default-white);} 

@media only screen and (max-width: 50.99rem) {
    .g-offcanvas-toggle {position: fixed;}
}

/*************** TOP **********************/ 

@media only screen and (max-width: 50.99rem) {
    .parish-home #g-top {margin-top: 10vh;}
}

/*************** NAVIGATION ***************/

/*************** HIDE TO GO BACK TO ORIGINAL MENU ************/
.parish-home .red-logo {
    display: none!important;
}

.site-1-sub.par-white .logo-white {
    display: none!important;
}

.parish-home:not(.site-1-sub.par-white) .red-logo {
    display: none!important;
}
.site-1-sub:not(.site-1-sub.par-white) .red-logo {
    display: none!important;
}

.parish-home .g-toplevel > li:nth-child(2) {
    display: none!important;
}
.site-1-sub:not(.site-1-sub.par-white) .g-toplevel > li:nth-child(2) {
    display: none!important;
}
.site-1-sub.par-white .g-toplevel > li:nth-child(1) {
    display: none!important;
}

@media only screen and (min-width: 50.99rem) {
    #sub-menu {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        width: 100%;
        height: 4vw;
        z-index: 100;
    }
    #sub-menu .g-main-nav {
        background: rgba(0,0,0,.5);
    }
    #sub-menu .g-main-nav .g-toplevel > li > .g-menu-item-container {
        color: var(--default-white);
    }
    #sub-menu .g-main-nav .g-toplevel>li.active>.g-menu-item-container {
        border-bottom: 2px solid var(--default-white);
    }
    #sub-menu .g-social-items a {
        color: var(--default-white);
    }
    #sub-menu .g-social-items a:hover {
        color: var(--primary-color);
    }
    .par-white #sub-menu .g-main-nav {
        background: rgba(255,255,255,.5);
    }
    .par-white #sub-menu .g-main-nav .g-toplevel > li > .g-menu-item-container {
        color: var(--primary-color);
    }
    .par-white #sub-menu .g-main-nav .g-toplevel>li.active>.g-menu-item-container {
        border-bottom: 2px solid var(--primary-color);
    }
    .par-white #sub-menu .g-social-items a {
        color: var(--primary-color);
    }
    .par-white #sub-menu .g-social-items a:hover {
        color: var(--secondary-color);
    }
}

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

#menu-slide {
    height: 4vw;
}
/*#menu-slide .g-menu-item-type-particle {display: none;}*/
:is(#menu-slide > div, #menu-slide > div > div, #menu-slide .g-main-nav, #menu-slide .g-toplevel) {height: 100%;}
.sticky {
    position: fixed!important;
    top: 0!important;
    right: 0!important;
    left: 0!important;
    z-index: 20!important;
}

.sticky-background {
    background: rgba(var(--primary-rgb),.5);
}

.m-logo img {height: 4vw;}

.nav-design {
    background: transparent!important;
    box-shadow: var(--default-box-shadow);
}

.nav-design .g-main-nav {background: rgba(0,0,0,.3);}

.stick-margin {margin-bottom: 4vw;}
.parish-sub #g-navigation {height: 24vw; position: relative; top: 0; left: 0; right: 0; width: 100%; z-index: 11;}
.parish-sub #g-navigation > .g-container > .g-grid:nth-child(2) {height: 4vw; position: fixed; top: 0; left: 0; right: 0; width: 100%; z-index: 20;}
/*.parish-sub #g-top {margin-bottom: 4vw;}*/
.parish-sub #g-navigation :is(.g-container, .g-grid, .g-block, .g-content.g-particle, .g-main-nav, .g-toplevel) {height: 100%;}
.parish-sub .g-main-nav .g-toplevel>li.active>.g-menu-item-container {border-bottom: none;}

@media only screen and (min-width: 50.99rem) and (max-width: 1920px) {
    .g-main-nav .g-toplevel>li>.g-menu-item-container>.g-menu-item-content {font-size: 1vw!important;}
    .g-menu-item-subtitle {font-size: .8vw!important;}
} 

@media only screen and (min-width: 50.99rem) {
    .parish-sub #g-navigation .g-container > .g-grid:first-child {display: none;}
}

@media only screen and (max-width: 50.99rem) {
    .parish-home #g-navigation {height: 10vh; display: flex; justify-content: center; align-items: center; position: fixed; top: 0; left: 0; right: 0; width: 100%; z-index: 15;}
    #g-navigation .g-content {padding: 0; margin: 0;}
    #g-navigation .g-logo img {width: 60%;}
    .parish-sub #g-navigation {height: 10vh; position: fixed;}
    .parish-sub #g-navigation > .g-container > .g-grid:nth-child(1) > .g-block > .g-content {display: flex; justify-content: center; align-items: center;}
    .parish-sub #g-navigation > .g-container > .g-grid:nth-child(3) {display: none;}
    .parish-sub #g-top {margin-bottom: 0;}
}

/**Clarity dropdown- remove border-radius on menu dropdowns:***/
.g-main-nav .g-standard .g-dropdown {border-radius: 0px;}
.g-main-nav .g-dropdown .g-dropdown-column>.g-grid>.g-block.size-100 {border-radius: 0px;}
.g-main-nav .g-dropdown .size-100>.g-sublevel>li.g-go-back+li>.g-menu-item-container {
 border-top-left-radius: 0px;
 border-top-right-radius: 0px;
}
.g-main-nav .g-dropdown .size-100>.g-sublevel>li:last-child>.g-menu-item-container {
 border-bottom-left-radius: 0px;
 border-bottom-right-radius: 0px;
}

/*Clarity- remove top level dropdown indicatator***/
.g-main-nav .g-toplevel > li.g-parent .g-menu-parent-indicator {display: none;}
/*clarity increase menu font size, remove capitalization***/
.g-main-nav .g-toplevel>li>.g-menu-item-container>.g-menu-item-content {font-size: 1rem; letter-spacing: 0.1rem; font-weight: 500;}
.g-main-nav .g-toplevel {text-transform: none;}
.g-main-nav {font-family: 'Raleway', sans-serif;}

/*************** SLIDESHOW ****************/ 
.fullwidth-swiper .swiper-slide img {object-position: center; object-fit: cover; height: 100%; width: 100%;}

.parish-home.homelayout .g-swiper-slider.swiper-wrapper {background: url('/images/template/logo.png') 0% 0% no-repeat;}

.parish-home.homelayout #g-slideshow > .g-container {position: relative; height: 42vw; width: 100%;}
.parish-home.homelayout #g-slideshow > .g-container > .g-grid {position: absolute; top: 0; left: 0; right: 0; width: 100%;}
.parish-home.homelayout #g-slideshow > .g-container > .g-grid:nth-child(1) {height: 4vw; z-index: 12;}
.parish-home.homelayout #g-slideshow > .g-container > .g-grid:nth-child(2) {height: 42vw; bottom: 0; z-index: 10;}
.parish-home.homelayout #g-slideshow > .g-container > .g-grid:nth-child(3) {
    color: var(--default-white);
    height: 42vw; 
    top: 0; 
    bottom: 0; 
    left: 0; 
    right: 0; 
    margin: auto;
    height: 80%; 
    width: 70%; 
    z-index: 11; 
    display: flex; 
    justify-content: center; 
    align-items: center; 
    text-align: center;
}
.swiper-overlay-img img {
    height: auto; 
    width: 40%;
}
.parish-home.homelayout #g-slideshow > .g-container > .g-grid:nth-child(3) h2 {
    color: var(--default-white);
    font-weight: 400;
}
.parish-home.homelayout #g-slideshow {margin-bottom: 3vw!important;}

@media only screen and (max-width: 50.99rem) {
    .swiper-overlay-img {display: none;}
}

/*@media only screen and (max-width: 50.99rem) {
    #g-slideshow {margin-top: 10vh!important;}
}*/


@media only screen and (max-width: 50.99rem) {
    .ph-altview.default-mobile .g-array-item-image img {
        width: 48vh;
        height: 27vh;
    }
}


/*************** HEADER *******************/ 
.hero img {
    height: 42vw;
    object-position: center;
}
@media only screen and (max-width: 767px) {
    .hero img {
        height: 100%;
    }
}

@media only screen and (min-width: 50.99rem) {
    .hero-title .hero {
        position: relative;
        height: 42vw!important;
    }
    .hero-title .hero > .g-content > .platform-content:nth-child(1){
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        height: 100%;
        width: 100%;
        z-index: 1;
    }
    .hero-title .hero > .g-content > .platform-content:nth-child(2){
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: 100%;
        width: 100%;
        display: flex;
        justify-content: flex-start;
        align-items: flex-end;
        margin: 0;
        padding: 0;
        padding-left: 5%;
        z-index: 2;
    }
    .hero-title .hero :is(p,h1,h2,h3,h4,h5,h6,a) {
        color: var(--default-white);
        font-family: var(--title-font-family);
        font-size: 3.5rem;
        text-transform: none;
        letter-spacing: 1px;
        font-variant-caps: normal;
        border-bottom: 1px solid var(--default-white);
    }
    .hero-title.par-white .hero :is(p,h1,h2,h3,h4,h5,h6,a) {
        color: var(--primary-color);
        font-family: var(--title-font-family);
        font-size: 3.5rem;
        text-transform: none;
        letter-spacing: 1px;
        font-variant-caps: normal;
        border-bottom: 1px solid var(--primary-color);
    }
}
@media only screen and (max-width: 50.99rem) {
    .hero-title .hero {
        position: relative;
        height: 42vw!important;
    }
    .hero-title .hero > .g-content > .platform-content:nth-child(1){
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        height: 100%;
        width: 100%;
        z-index: 1;
    }
    .hero-title .hero > .g-content > .platform-content:nth-child(1) img {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        height: 100%;
        width: 100%;
    }
    .hero-title .hero > .g-content > .platform-content:nth-child(2){
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: 100%;
        width: 100%;
        display: flex;
        justify-content: flex-start;
        align-items: flex-end;
        margin: 0;
        padding: 0;
        z-index: 2;
        padding-left: 5%;
    }
    .hero-title .hero :is(p,h1,h2,h3,h4,h5,h6,a) {
        color: var(--default-white);
        font-family: var(--title-font-family);
        font-size: 6.0vw;
        text-transform: none;
        letter-spacing: 1px;
        font-variant-caps: normal;
    }
    .hero-title.par-white .hero :is(p,h1,h2,h3,h4,h5,h6,a) {
        color: var(--primary-color);
        font-family: var(--title-font-family);
        font-size: 6.0vw;
        text-transform: none;
        letter-spacing: 1px;
        font-variant-caps: normal;
        border-bottom: 1px solid var(--primary-color);
    }
}

.site-1-sub #g-header:not(.site-1-sub.par-white #g-header) {
    background: var(--primary-color);
}

/*************** ABOVE ********************/ 
.parish-home.homelayout #g-above {padding: 0 5% 3%!important;}

/*************** SHOWCASE *****************/ 
/*************** UTILITY ******************/ 
/*************** FEATURE ******************/ 
/*************** MAIN *********************/
.parish-home.homelayout #g-mainbar.section-horizontal-paddings-small {padding-right: 0;}
.parish-home.homelayout #g-aside {height: 100%; display: flex; align-items: center; justify-content: center; flex-direction: column;}

@media only screen and (max-width: 50.99rem) {
    .ph-altview.default-mobile .g-content-array > .g-grid > .g-block > .g-content {box-shadow: 0px 0px 5px rgba(0,0,0,.5);}
    .parish-home.homelayout #g-aside {flex-direction: row;}
}

/*************** EXPANDED *****************/ 
.parish-home.homelayout #g-expanded {background: url('/images/template/paralax.jpg') 0% 0% no-repeat; background-size: cover; background-attachment: fixed; padding: 5vw 5%;}

@media only screen and (max-width: 50.99rem) {
    .parish-home.homelayout #g-expanded {background-attachment: initial;}
}

/*************** EXTENSION ****************/
/*************** BOTTOM *******************/
/*************** FOOTER *******************/
#g-footer a {color: var(--default-white);} 

.footer-box {display: flex; flex-direction: row;}
.footer-box p {margin: 0;}
.footer-buttons {flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; row-gap: .5rem;}
.footer-buttons p {flex: 1; width: 100%;}
.footer-buttons a.button {width: 100%; border: 2px solid var(--default-white); background: none; font-weight: 700; letter-spacing: 2px; padding: 1rem;}
.footer-buttons a.button:hover {background: var(--primary-color);}
.footer-text {flex: 3; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.footer-links {flex: 1; display: flex; align-items: center; justify-content: flex-start;}

@media only screen and (max-width: 50.99rem) {
    .footer-box {flex-wrap: wrap; row-gap: 2rem; column-gap: 2%;}
    .footer-buttons {order: 2; flex: 49%;}
    .footer-text {order: 1;}
    .footer-links {order: 3; flex: 49%;}
    .footer-buttons a.button {font-size: 3vw;}
    .footer-links p {display: flex; flex-direction: column;}
}

/*************** COPYRIGHT ****************/ 
/*************** 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(--primary-color); 
    background: var(--secondary-color);
} 


.ministrypage.img-title .items-row .item {height: 25vw;}
.ministrypage .item .pull-left.item-image img {height: 25vw;}

/*************** SECTIONS *****************/
.paralax-page #g-extension > .g-container {
    background: rgba(var(--primary-rgb),.5);
    padding: 8vw 10%!important;
}
.paralax-page.par-white #g-extension > .g-container {
    background: rgba(255,255,255,.8);
    padding: 8vw 10%!important;
}
.paralax-page #g-extension :is(p,h1,h2,h3,h4,h5,h6,a) {
    color: var(--default-white);
    font-size: 2rem;
}
.paralax-page.par-white #g-extension :is(p,h1,h2,h3,h4,h5,h6,a) {
    color: var(--primary-color);
    font-size: 2rem;
}
.ff-paralax #g-extension {background: url('/images/stories/template/paralax/faith-formation.jpg') 0% 0% no-repeat; background-size: cover; background-attachment: fixed;}
.sacrament-paralax #g-extension {background: url('/images/stories/template/paralax/sacraments.jpg') 0% 0% no-repeat; background-size: cover; background-attachment: fixed;}
.baptism-paralax #g-extension {background: url('/images/stories/template/paralax/baptism.jpg') 0% 0% no-repeat; background-size: cover; background-attachment: fixed;}
.reconciliation-paralax #g-extension {background: url('/images/stories/template/paralax/reconciliation.jpg') 0% 0% no-repeat; background-size: cover; background-attachment: fixed;}
.communion-paralax #g-extension {background: url('/images/stories/template/paralax/communion.jpg') 0% 0% no-repeat; background-size: cover; background-attachment: fixed;}
.confirmation-paralax #g-extension {background: url('/images/stories/template/paralax/confirmation.jpg') 0% 0% no-repeat; background-size: cover; background-attachment: fixed;}
.marriage-paralax #g-extension {background: url('/images/stories/template/paralax/marriage.jpg') 0% 0% no-repeat; background-size: cover; background-attachment: fixed;}
.holyorders-paralax #g-extension {background: url('/images/stories/template/paralax/holyorders.jpg') 0% 0% no-repeat; background-size: cover; background-attachment: fixed;}
.anointing-paralax #g-extension {background: url('/images/stories/template/paralax/anointing.jpg') 0% 0% no-repeat; background-size: cover; background-attachment: fixed;}
.news-paralax #g-extension {background: url('/images/stories/template/paralax/news.jpg') 0% 0% no-repeat; background-size: cover; background-attachment: fixed;}
.ministries-paralax #g-extension {background: url('/images/stories/template/paralax/ministries.jpg') 0% 0% no-repeat; background-size: cover; background-attachment: fixed;}
.campaign-paralax #g-extension {background: url('/images/stories/template/paralax/campaign.jpg') 0% 0% no-repeat; background-size: cover; background-attachment: fixed;}
.give-paralax #g-extension {background: url('/images/stories/template/paralax/give.jpg') 0% 0% no-repeat; background-size: cover; background-attachment: fixed;}
.news-paralax #g-extension {background: url('/images/stories/template/paralax/news.jpg') 0% 0% no-repeat; background-size: cover; background-attachment: fixed;}
.sponsors-paralax #g-extension {background: url('/images/stories/template/paralax/sponsors.jpg') 0% 0% no-repeat; background-size: cover; background-attachment: fixed;}
.welcome-paralax #g-extension {background: url('/images/stories/template/paralax/welcome.jpg') 0% 0% no-repeat; background-size: cover; background-attachment: fixed;}

@media only screen and (min-width: 50.99rem) {
.parish-home.homelayout #g-showcase { background: url(/images/stories/template/stewardship-parallax.jpg) 50% 0 no-repeat; background-size: cover; background-attachment: fixed; margin-bottom: 3%;}
.parish-home.homelayout #g-showcase > .g-container { width: 100%; background: rgba(255,249,185,.7); padding: 8vw 10%!important;}
.parish-home.homelayout #g-showcase h4 { color: var(--primary-color); font-weight: 600;}
}


@media only screen and (max-width: 50.99rem) {
    .paralax-page #g-extension {background-attachment: initial;}
	.parish-home.homelayout #g-showcase { background: url(/images/stories/template/stewardship-parallax.jpg) 50% 0 no-repeat;  background-size: cover; margin-bottom: 3%;}
	.parish-home.homelayout #g-showcase > .g-container { width: 100%; background: rgba(255,249,185,.7); padding: 8vw 10%!important;}
	.parish-home.homelayout #g-showcase h4 { color: var(--primary-color); font-weight: 600;}


}


/*************** MOBILE *******************/ 
@media only screen and (max-width: 50.99rem) {
    .ministrypage .item .pull-left.item-image img {
        height: 30vw;
    }
    .ministrypage.img-title .items-row .item {
        height: 30vw;
    }
}

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

/*************** WELCOME MESSAGE **********/
/*
.hero-title .subheading-category {
    position: absolute;
    top: 19vw;
    z-index: 11;
    color: var(--default-white);
}

.hero-title .hero .g-blockcontent-subcontent-subtitle {
    display: none;
}

@media only screen and (min-width: 50.99rem) {
    #g-navigation > .g-container > .g-grid:nth-child(3) {
        height: 24vw;
        position: relative;
    }
    .hero-title .hero img {
        /*position: absolute;*
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        height: 41vw;
        width: 100%;
        object-position: center;
        object-fit: cover;
        z-index: 1;
    }
    .hero-title .hero .g-title {
        position: absolute;
        bottom: 2vw;
        left: 5%;
        z-index: 3;
        color: var(--default-white);
    }
}
*/
/* @media only screen and (max-width: 50.99rem) {
    .parish-sub #g-navigation {background: var(--primary-color);}
    .grid-tiles .g-content-array > .g-grid {
        flex: 48%;
    }
    .grid-tiles .g-array-item-title {
        height: 100%;
    }
    .welcome-paralax {
        --grid-tile-height-mobile: 35vw;
    }
    .tall-mobile-button {
        --grid-tile-height-mobile: 35vw;
    }
    .campaign-paralax {
        --grid-tile-height-mobile: 35vw;
    }
} */



/* grid tiles mobile */

@media (max-width: 50.99rem) {

    .grid-tiles-mobile .g-array-item {
        position: relative;
        display: block;
        aspect-ratio: 1/1;
    }

    .grid-tiles-mobile .g-array-item > .g-array-item-image {
        position: absolute;
        height: 100%;
        width: 100%;
    }

    .grid-tiles-mobile .g-array-item > .g-array-item-image img {
        width: 100%;
        height: 100%;
    }

    .grid-tiles-mobile .g-array-item > .g-array-item-title {
        position: relative;
        max-width: 100%;
        height: 100%;
        text-align: center;
        display: flex;
        justify-content: center;
        background: var(--grid-bg);
    }

    .grid-tiles-mobile .g-array-item > .g-array-item-title a {
        color: var(--grid-title-color);
    }

    .grid-tiles-mobile .g-array-item > .g-array-item-title .g-item-title {
        width: 85%;
    }

    .grid-tiles-mobile .g-grid {
        width: 100% !important;
    }

    .grid-tiles-mobile .g-content-array {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-evenly;
        gap: 2rem;
    }

    .grid-tiles-mobile {
        margin: 0 -5%;
    }

}

/* grid link tiles mobile classes */

@media (max-width: 50.99rem) {

    .grid-link-tiles-mobile .g-blockcontent-subcontent {
        display: flex;
        gap: 2rem;
        justify-content: space-around;
    }

    .grid-link-tiles-mobile .g-blockcontent-subcontent-block > .g-blockcontent-subcontent-block-content {
        margin: 0;
        padding: 0;
        position: relative;
        aspect-ratio: 1/1;
    }

    .grid-link-tiles .g-blockcontent-subcontent-block {
        flex-basis: 100%;
    }

    .grid-link-tiles > .g-content {
        margin: 0;
        padding: 0;
    }

    .grid-link-tiles-mobile .g-blockcontent-subcontent-block > .g-blockcontent-subcontent-block-content img {
        position: absolute;
        width: 100%;
        height: 100%;
        object-fit: cover;
        z-index: 1;
        border-radius: var(--grid-border-radius);
    }

    .grid-link-tiles-mobile .g-blockcontent-subcontent-block > .g-blockcontent-subcontent-block-content h4 {
        position: absolute;
        width: 100%;
        height: 100%;
        background-color: var(--grid-bg);
        z-index: 3;
        margin: 0;
        display: grid;
        justify-content: center;
        align-items: center;
        text-align: center;
        border-radius: var(--grid-border-radius);
    }

    .grid-link-tiles-mobile .g-blockcontent-subcontent-block > .g-blockcontent-subcontent-block-content h4 span {
        width: 85%;
        color: var(--grid-title-color);
        margin: auto;
        font-family: var(--grid-title-font);
        font-size: var(--grid-title-font-size-mobile);
        font-weight: var(--grid-title-font-weight);
    }

    .grid-link-tiles-mobile .g-blockcontent-subcontent-block > .g-blockcontent-subcontent-block-content .g-blockcontent-buttons {
        margin: 0;
        position: absolute;
        width: 100%;
        height: 100%;
        z-index: 5;
    }

    .grid-link-tiles-mobile .g-blockcontent-subcontent-block > .g-blockcontent-subcontent-block-content .g-blockcontent-buttons a {
        margin: 0;
        position: absolute;
        width: 100%;
        height: 100%;
        z-index: 5;
        background-color: transparent;
        color: transparent;
    }

}

@media (min-width: 50.99rem) {

    .grid-link-tiles .g-blockcontent-subcontent-title-text {
        font-weight: 400;
        margin-bottom: 0;
    }

}