@import url('//fonts.googleapis.com/css2?family=Bellefair&family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
/************ TEMPLATE  ************
-sarah probs needs to make logos for the two extra parishes
Rotator / QL - Wide 1600x900
News - square
R2V1 - https://stmary-wayne-mockup.forge.solutiosoftware.com/cluster-mockup-r2v1 
R2V2 - https://stmary-wayne-mockup.forge.solutiosoftware.com/cluster-mockup-r2v2
M1 - https://stmary-wayne-mockup.forge.solutiosoftware.com/mockup-8
M2 - https://stmary-wayne-mockup.forge.solutiosoftware.com/cluster-mockup-2
M3 - https://stmary-wayne-mockup.forge.solutiosoftware.com/cluster-mockup-3
(stjoe-king-override.css)
/************ FONTS  ************
Serif: Caudex(M1), Bellefair(M2), Julius Sans One(M3)
Sans Serif: Montserrat all the way (no real reason, I just kept it same each time)
/************ COLORS  ************
Dark Blue: #002D74, rgb(0,45,116)
Blue: #009ADE, rgb(0,154,222)
Gold: #ae9766, rgba(174,151,102,1)
Light Grey: #f1f2f2

Navy: #1F364A; rgb(31,54,74)
Dusty Blue: #798692; rgb(121,134,146)
Light Dusty Blue: #A5AFB7; rgb(165,175,183)

Tan: #B5A591; rgb(181,165,145)
Light Tan: #D3C9BD; rgb(211,201,189)
Lighter Tan: #E1DBD3; rgb(225,219,211)
Lightest Tan: #F0EDE9; rgb(240,237,233)

Slate Blue: #59626A; rgb(89,98,106)
Slate Blue2: #69737A; rgb(105,115,122)
Light Slate Blue: #9BA1A6; rgb(155,161,166)
------------ ANOTHER BLUE OPTION -----------
light blue: #adb5be; rgb(173,181,190)

/************ NOTES ************
------- Welcome -----------
We are a Catholic Community, united in the Eucharist, living as disciples of Christ, through the practice of Stewardship.
------- FOOTER INFO -----------
Family Parishes of 
St. Mary's, Wayne · St. Anne's, Dixon · St. Mary's, Laurel

St. Mary's Catholic Church - Wayne, NE
412 E 8th St, Wayne, NE 68787 | 402-375-2000 | parish@stmaryswayne.org
Office Hours: Tues-Thurs - 9:00am-5:00pm | Fri - 8:00am-1:00pm

St. Mary's Wayne  | St. Anne's Dixon | St. Mary's Laurel | St. Mary's Catholic School | WSC Wildcat Catholic
------- MASS TIMES -----------
Mass & Confession 
(D) St. Anne's - Dixon
(L) St. Mary's - Laurel
(W) St. Mary's - Wayne

Weekend Mass
Sat – (W) 5:00pm
Sun – (D) & (W) 8:00am, (L) & (W) 10:00am,(W) 7:00pm when WSC in session (No PM Mass if Mon is holiday)

Daily Mass
Tues, Wed – (W) 5:15pm
Thurs – (W) 8:00pm when WSC in session (5:15pm when WSC not in session)
Fri – (W) 8:15am
See Bulletin/Calendar for Daily Mass in Laurel

Reconciliation 
30 minutes prior to weekend Masses
Anytime by Appointment:
	St. Mary’s, Wayne - 402-375-2000
	St. Mary’s, Laurel & St. Anne’s, Dixon - 402-256-3019

Adoration
First Monday 5:00pm - through - Tues 5:00pm 
------- QL STUFF -----------
Icon QL - Bulletin, Ministry Schedule, Flocknote, Give Online
QL - St. Mary's - Laurel, St. Anne's - Dixon, St. Mary's Wayne, St. Mary's Catholic School, WSC Wildcat Catholic
------- FB FEEDS -----------
<h3>St. Mary's - Wayne</h3>
<iframe src="https://www.facebook.com/plugins/page.php?href=https%3A%2F%2Fwww.facebook.com%2Fstmaryswayne&tabs=timeline&width=500&height=700&small_header=false&adapt_container_width=true&hide_cover=false&show_facepile=true&appId" width="500" height="700" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowfullscreen="true" allow="autoplay; clipboard-write; encrypted-media; picture-in-picture; web-share"></iframe>

<h3>St. Anne's - Dixon</h3>
<iframe src="https://www.facebook.com/plugins/page.php?href=https%3A%2F%2Fwww.facebook.com%2FStAnnesDixonNE&tabs=timeline&width=500&height=700&small_header=false&adapt_container_width=true&hide_cover=false&show_facepile=true&appId" width="500" height="700" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowfullscreen="true" allow="autoplay; clipboard-write; encrypted-media; picture-in-picture; web-share"></iframe>

<h3>St. Mary's - Laurel</h3>
<iframe src="https://www.facebook.com/plugins/page.php?href=https%3A%2F%2Fwww.facebook.com%2Fprofile.php%3Fid%3D100071138367268&tabs=timeline&width=500&height=700&small_header=false&adapt_container_width=true&hide_cover=false&show_facepile=true&appId" width="500" height="700" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowfullscreen="true" allow="autoplay; clipboard-write; encrypted-media; picture-in-picture; web-share"></iframe>

<h3>St. Mary's School</h3>
<iframe src="https://www.facebook.com/plugins/page.php?href=https%3A%2F%2Fwww.facebook.com%2Fstmaryschoolwayne%2F&tabs=timeline&width=500&height=700&small_header=false&adapt_container_width=true&hide_cover=false&show_facepile=true&appId" width="500" height="700" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowfullscreen="true" allow="autoplay; clipboard-write; encrypted-media; picture-in-picture; web-share"></iframe>
************/

:is(.site-1,.site-2,.site-3,.site-4,.site-5) {
    --grid-tile-height: 16vw;
    --grid-tile-width: 16vw;

    --ph-text-font-size-desktop: 1.25vw;
}

.site-1 /*CLUSTER*/{
    --primary-color: #486980;
    --secondary-color: #D3C9BD;

    --primary-rgb: 72,105,128;
    --secondary-rgb: 211,201,189;

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

    --title-font-family: 'Bellefair', serif;
    --body-font-family: 'Montserrat', 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 15px rgba(0,0,0,.2);

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

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

    --mt-header-desktop: 2.25vw;
    --mt-para-desktop: 1vw;
}

.site-2 /*STMARY-WAYNE*/{
    --primary-color: #002d74;
    --secondary-color: #009ade;

    --primary-rgb: 0,45,116;
    --secondary-rgb: 0,154,222;

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

    --title-font-family: 'Bellefair', serif;
    --body-font-family: 'Montserrat', 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 15px rgba(0,0,0,.2);

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

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

    --mt-header-desktop: 2.25vw;
    --mt-para-desktop: 1vw;
}

.site-3 /*STMARY-LAUREL*/{
    --primary-color: #26829b;
    --secondary-color: #D3C9BD;

    --primary-rgb: 38,130,155;
    --secondary-rgb: 211,201,189;

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

    --title-font-family: 'Bellefair', serif;
    --body-font-family: 'Montserrat', 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 15px rgba(0,0,0,.2);

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

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

    --mt-header-desktop: 2.25vw;
    --mt-para-desktop: 1vw;
}

.site-4 /*STANNE*/{
    --primary-color: #7a997d;
    --secondary-color: #D3C9BD;

    --primary-rgb: 122,153,125;
    --secondary-rgb: 211,201,189;

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

    --title-font-family: 'Bellefair', serif;
    --body-font-family: 'Montserrat', 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 15px rgba(0,0,0,.2);

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

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

    --mt-header-desktop: 2.25vw;
    --mt-para-desktop: 1vw;
}

.site-5 /*STMARY-SCHOOL*/{
    --primary-color: #009ade;
    --secondary-color: #D3C9BD;

    --primary-rgb: 0,154,222;
    --secondary-rgb: 211,201,189;

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

    --title-font-family: 'Bellefair', serif;
    --body-font-family: 'Montserrat', 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 15px rgba(0,0,0,.2);

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

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

    --mt-header-desktop: 2.25vw;
    --mt-para-desktop: 1vw;
}

.ql-fa-toplinks {
    --ql-title-color: var(--primary-color);
    --ql-icon-color: var(--primary-color);

    --ql-font-size-mobile: 3vw;
}

.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);
    box-shadow: var(--default-box-shadow);
} 

/*************** HOMELAYOUT ***************/ 
.g-content-array {
    margin: 0;
    padding: 0;
}

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

/*************** TOP **********************/ 
/*************** NAVIGATION ***************/
@media only screen and (min-width: 50.99rem) {
    :is(.site-1-home ) #g-navigation {
        background: url('/images/template/header.png') 50% 0% no-repeat;
        background-size: cover;
        margin-bottom: -38vw!important;
        padding-bottom: 38vw!important;
    }
	:is(.site-2-home) #g-navigation {
		background: url('/images/template/header-wayne4.png') 50% 0% no-repeat;
        background-size: cover;
        margin-bottom: -38vw!important;
        padding-bottom: 38vw!important;
	}
	:is(.site-3-home) #g-navigation {
		background: url('/images/template/header-laurel1.png') 50% 0% no-repeat;
        background-size: cover;
        margin-bottom: -38vw!important;
        padding-bottom: 38vw!important;
	}
	:is(.site-4-home) #g-navigation {
		background: url('/images/template/header-dixon.png') 50% 0% no-repeat;
        background-size: cover;
        margin-bottom: -38vw!important;
        padding-bottom: 38vw!important;
	}
	:is(.site-5-home) #g-navigation {
		background: url('/images/template/header-wayne-school4.png') 50% 0% no-repeat;
        background-size: cover;
        margin-bottom: -38vw!important;
        padding-bottom: 38vw!important;
	}
    :is(.site-1-sub ) #g-navigation {
        background: url('/images/template/header.png') 50% 0% no-repeat;
        background-size: cover;
    }
	:is(.site-2-sub) #g-navigation {
        background: url('/images/template/header-wayne4.png') 50% 0% no-repeat;
        background-size: cover;
    }
	:is(.site-3-sub) #g-navigation {
        background: url('/images/template/header-laurel1.png') 50% 0% no-repeat;
        background-size: cover;
    }
	:is(.site-4-sub) #g-navigation {
        background: url('/images/template/header-dixon.png') 50% 0% no-repeat;
        background-size: cover;
    }
    :is(.site-5-sub) #g-navigation {
        background: url('/images/template/header-wayne-school4.png') 50% 13% no-repeat;
        background-size: cover;
    }
    :is(.site-1, .site-2, .site-3, .site-4, .site-5) .g-main-nav .g-toplevel>li>.g-menu-item-container>.g-menu-item-content {
        font-size: 1vw;
        font-family: var(--body-font-family);
    }
    :is(.site-1, .site-2, .site-3, .site-4, .site-5) .g-main-nav .g-sublevel>li>.g-menu-item-container>.g-menu-item-content>.g-menu-item-title {
        font-size: 1vw;
        font-family: var(--body-font-family);
    }
    :is(.site-1, .site-2, .site-3, .site-4, .site-5) #g-navigation .g-logo {
        margin: 2rem auto;
    }
    :is(.site-1, .site-2, .site-5) #g-navigation .g-logo img {
        width: 75%;
    }
    .site-3 #g-navigation .g-logo img {
        width: 55%;
    }
    .site-4 #g-navigation .g-logo img {
        width: 55%;
    }
    :is(.site-1, .site-2, .site-3, .site-4, .site-5) .ql-fa-toplinks {
        padding: 0 3vw;
    }

    .ql-fa-toplinks .g-blockcontent-subcontent-block-content {
        margin: 0;
        padding: 0;
    }
    .ql-fa-toplinks .g-blockcontent-subcontent-block:not(.ql-fa-toplinks .g-blockcontent-subcontent-block:last-child) {
        border: none;
    }
    .ql-fa-toplinks .g-blockcontent-subcontent-block {
        flex: 33%;
        padding: 0;
    }
    .site-5 .ql-fa-toplinks .g-blockcontent-subcontent-block {
        flex: 50%;
        padding: 0;
    }

    :is(.site-1, .site-2, .site-3, .site-4, .site-5) #g-navigation .g-social-items {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        gap: 1vw;
    }
    :is(.site-1, .site-2, .site-3, .site-4, .site-5) .ql-fa-toplinks .g-blockcontent-subcontent-title-text {
        font-weight: 700;
        font-size: 1vw;
    }
    :is(.site-1, .site-2, .site-3, .site-4, .site-5) .ql-fa-toplinks .g-blockcontent-subcontent-title-icon {
        font-size: 1.4vw;
    }
}

@media only screen and (max-width: 50.99rem) {
    :is(.site-1-sub, .site-2-sub, .site-3-sub, .site-4-sub, .site-5-sub) #g-navigation {
        background: #f1f2f2;
    }
    :is(.site-1, .site-2, .site-3, .site-4, .site-5) #g-navigation .g-logo {
        max-width: 65%;
        margin: 1rem auto;
    }
    .ql-fa-toplinks .g-blockcontent-buttons > a {
        box-shadow: none;
    }
    .ql-fa-toplinks .g-blockcontent-subcontent-block-content > .g-blockcontent-subcontent-title {
        display: flex;
    }
    .ql-fa-toplinks .g-blockcontent-subcontent {
        align-items: flex-start!important;
    }
}

/*************** SLIDESHOW ****************/ 
@media only screen and (min-width: 50.99rem) {
    :is(.site-1-home, .site-2-home, .site-3-home, .site-4-home, .site-5-home) #g-slideshow {
        background: transparent;
    }
    :is(.site-1-home, .site-2-home, .site-3-home, .site-4-home) #g-slideshow .mass-times-block {
        box-shadow: var(--default-box-shadow);
    }
    :is(.site-1-home, .site-2-home, .site-3-home, .site-4-home) #g-slideshow .fullwidth-swiper {
        box-shadow: var(--default-box-shadow);
    }
    .swiper-text-split .button {
        box-shadow: none;
    }

    .site-5 .swiper-text-split .g-swiper > .g-swiper-slider > .swiper-slide > .slide > .slide-content-wrapper > .slide-content > .g-swiper-text :is(h1,h2,h3,h4,h5,h6) {
        font-size: 2vw;
    }

    .site-5-home .swiper-text-split .g-swiper > .g-swiper-slider > .swiper-slide > .slide > .slide-content-wrapper > .slide-content > a {
        color: var(--swiper-slide-read-more-color)!important;
    }
}

@media only screen and (max-width: 50.99rem) {
    :is(.site-1, .site-2, .site-3, .site-4, .site-5) .mass-times-block {
        order: 2;
    }
    :is(.site-1, .site-2, .site-3, .site-4, .site-5) .fullwidth-swiper {
        order: 1;
    }
    .swiper-text-split .button {
        box-shadow: none;
    }

    .site-5-home .swiper-text-split .g-swiper > .g-swiper-slider > .swiper-slide > .slide > .slide-content-wrapper > .slide-content > a {
        color: var(--swiper-slide-read-more-color)!important;
    }
}

/*************** HEADER *******************/
@media only screen and (min-width: 50.99rem) {
    :is(.site-1-home, .site-2-home, .site-3-home, .site-4-home, .site-5-home) #g-header {
        padding: 1vw 5%!important;
    }

    .circle-links .g-blockcontent-subcontent-block {
        width: 20%;
    }
    .circle-links .g-blockcontent-subcontent-block-content {
        box-shadow: var(--default-box-shadow);
    }
}

/*************** ABOVE ********************/
/*************** SHOWCASE *****************/
/*************** UTILITY ******************/
/*************** FEATURE ******************/
/*************** MAIN *********************/
@media only screen and (min-width: 50.99rem) {
    :is(.site-1-home, .site-2-home, .site-3-home, .site-4-home, .site-5-home) #g-container-main {
        padding: 2rem 0;
    }
    :is(.site-1-home, .site-2-home, .site-3-home, .site-4-home, .site-5-home) #g-container-main > .g-grid:nth-child(1) > .g-block:nth-child(1) {
        display: flex;
        justify-content: center;
        align-items: center;
    }
    :is(.site-1-home, .site-2-home, .site-3-home, .site-4-home, .site-5-home) .ph-sidepics-3 .button {
        box-shadow: none;
    }

    :is(.site-1-home, .site-2-home, .site-3-home, .site-4-home, .site-5-home) #g-aside .g-title {
        text-transform: none;
        font-variant-caps: normal;
        font-size: 2.5vw;
        border-bottom: 1px solid var(--primary-color);
        font-weight: 400;
    }
    :is(.site-5-home) #g-mainbar .g-title {
        text-transform: none;
        font-variant-caps: normal;
        font-size: 2.5vw;
        border-bottom: 1px solid var(--primary-color);
        font-weight: 400;
    }
    :is(.site-1-home, .site-2-home, .site-3-home, .site-4-home, .site-5-home) .ph-sidepics-3 .g-title {
        text-transform: none;
        font-variant-caps: normal;
        font-size: 3vw;
        font-weight: 400;
    }
    :is(.site-1-home, .site-2-home, .site-3-home, .site-4-home, .site-5-home) #g-aside iframe {
        box-shadow: var(--default-box-shadow);
    }

    .site-5-sub #g-container-main {
        padding: 0 5%;
    }

    .ph-sidepics-3 .g-array-item-read-more {
        opacity: 0;
    }
}

@media only screen and (max-width: 50.99rem) {
    :is(.site-1-home, .site-2-home, .site-3-home, .site-4-home, .site-5-home) #g-aside .g-title {
        text-transform: none;
        font-variant-caps: normal;
        font-size: 8vw;
        border-bottom: 1px solid var(--primary-color);
        font-weight: 400;
    }
    :is(.site-1-home, .site-2-home, .site-3-home, .site-4-home, .site-5-home) .ph-sidepics-3 .g-title {
        text-transform: none;
        font-variant-caps: normal;
        font-size: 8vw;
        text-align: center;
        font-weight: 400;
    }
    :is(.site-1-home, .site-2-home, .site-3-home, .site-4-home, .site-5-home) #g-aside iframe {
        box-shadow: var(--default-box-shadow);
    }

    .ph-sidebyside-mobile .g-array-item-read-more {
        opacity: 0;
    }
    .ph-sidebyside-mobile .g-array-item-title {
        padding: 1rem;
    }
}

/*************** EXPANDED *****************/ 
/*************** EXTENSION ****************/
@media only screen and (min-width: 50.99rem) {
    :is(.site-1-home) #g-extension {
        background: url('/images/template/paralax.jpg') 50% 50% no-repeat;
        background-size: cover;
        background-attachment: fixed;
    }
	:is(.site-2-home) #g-extension {
        background: url('/images/template/parallax-wayne.jpg') 50% 50% no-repeat;
        background-size: cover;
        background-attachment: fixed;
    }	
	:is(.site-3-home) #g-extension {
        background: url('/images/template/parallax-laurel.jpg') 50% 50% no-repeat;
        background-size: cover;
        background-attachment: fixed;
    }
	:is(.site-4-home) #g-extension {
        background: url('/images/template/parallax-dixon.jpg') 50% 50% no-repeat;
        background-size: cover;
        background-attachment: fixed;
    }
    :is(.site-5-home) #g-extension {
        background: url('/images/template/school-paralax.jpg') 50% 50% no-repeat;
        background-size: cover;
        background-attachment: fixed;
    }
    :is(.site-1-home, .site-2-home, .site-3-home, .site-4-home, .site-5-home) #g-extension > .g-container {
        padding: 7rem 10%!important;
        background: rgba(255,255,255,.7);
    }
    :is(.site-1-home, .site-2-home, .site-3-home, .site-4-home, .site-5-home) #g-extension .g-array-item-text h1 {
        font-size: 8vw;
    }
    :is(.site-1-home, .site-2-home, .site-3-home, .site-4-home, .site-5-home) #g-extension .g-array-item-text p {
        font-size: 1.5vw;
        font-weight: 500;
    }
}

@media only screen and (max-width: 50.99rem) {
    :is(.site-1-home, .site-2-home, .site-3-home, .site-4-home, .site-5-home) #g-extension {
        background: url('/images/template/paralax.jpg') 50% 50% no-repeat;
        background-size: cover;
    }
    :is(.site-1-home, .site-2-home, .site-3-home, .site-4-home, .site-5-home) #g-extension > .g-container {
        padding: 7rem 10%!important;
        background: rgba(255,255,255,.7);
    }
    :is(.site-1-home, .site-2-home, .site-3-home, .site-4-home, .site-5-home) #g-extension .g-array-item-text h1 {
        font-size: 9vw;
    }
    :is(.site-1-home, .site-2-home, .site-3-home, .site-4-home, .site-5-home) #g-extension .g-array-item-text p {
        font-size: 5vw;
        font-weight: 500;
    }
}

/*************** BOTTOM *******************/
@media only screen and (min-width: 50.99rem) {
    #g-bottom {
        padding: 2vw 0!important;
    }
    #g-bottom .admod td {
        margin: 0;
        padding: 0;
    }
}

/*************** FOOTER *******************/
#g-footer .g-content-array {margin: 0;}
#g-footer a {color: var(--default-white);} 

@media only screen and (min-width: 50.99rem) {
    #g-footer {
        padding: 2vw 5% 4vw 5%!important;
    }
    #g-footer .g-array-item-text {
        margin: 0;
    }
    .footer-info-wrapper {
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 4vw;
    }
    .footer-info-wrapper > div {
        flex: 50%;
    }
    .footer-info p {
        font-family: var(--body-font-family);
        font-size: 1.25vw;
    }

    :is(.site-3, .site-4) .footer-logo {
        text-align: center;
    }
    :is(.site-3, .site-4) .footer-logo img {
        width: 60%;
    }
}

@media only screen and (max-width: 50.99rem) {
    #g-footer {
        padding: 2vw 5% 4vw 5%!important;
    }
    #g-footer .g-array-item-text {
        margin: 0;
    }
    .footer-info-wrapper {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 4vw;
    }
    .footer-info-wrapper > div {
        flex: 50%;
    }
    .footer-info p {
        font-family: var(--body-font-family);
        font-size: 3vw;
    }
}

/*************** 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);
} 
/*************** SECTIONS *****************/
/*************** MOBILE *******************/ 
/*************** ADS **********************/

@media only screen and (min-width: 50.99rem) {
    .grid-link-tiles .g-blockcontent-subcontent-block {
        width: 16vw;
        height: 16vw;
        border-radius: 50%;
        overflow: hidden;
        flex: unset;
    }
}

@media only screen and (max-width: 50.99rem) {
    .grid-link-tiles-mobile {
        --grid-title-color: var(--default-white);
    }

    .site-5-home .swiper-text-split .g-swiper {
        margin: 0;
    }
    .site-5-home .swiper-text-split .g-swiper-slider {
        padding-bottom: 98vw!important;
    }
    .site-5-home .swiper-text-split .swiper-slide img {
        height: 56vw!important;
    }
    .site-5-home .swiper-text-split .g-swiper-text img {
        display: none!important;
    }
}