@import url('//fonts.googleapis.com/css2?family=Josefin+Slab:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&family=Julius+Sans+One&display=swap');

/******** TEMPLATE **********
https://allsaints-hold-mock.forge.solutiosoftware.com/mockup-builder
-String for Mockup R2V1 at bottom of Template Notes
Rotator - Superwide or Wide
QL - Standard
News - Square, Portrait, or wide/standard
Gold: #bb9662 rgba(187,150,98,1)
Blue: #47748e rgba(71,116,142,1)
Light Grey: #eceeef rgba(236,238,239,1)
#
M3
blue: #2c536f
tan: #BEB29B
white

M4
blue: #47748e
orange: #c77432
cream: #eceeef
---
All Saints & St. John Catholic Parishes

All Saints: 1204 Logan St, Holdrege, NE 68949 | St. John: 105 East Niobrara St, Smithfield, NE 68976
308-995-4590 | church@asholdrege.org | Directions

Online Giving | Daily Readings | Catholic Diocese of Lincoln
---
<h1>Mass Schedule</h1>
<h6>Saturday</h6>
<p>5:30pm (All Saints)</p>
<h6>Sunday</h6>
<p>8:30am (St. John)</p>
<p>10:30am (All Saints)</p>
<p> </p>
<p><a class="button" href="news/mass-confession-times">Weekday Mass Times</a></p>
<p><a class="button" href="asdf">Confession Times</a></p>

^^^

Weekend Mass
Saturday
5:30pm (AS)

Sunday
8:30am (SJ)
10:30am (AS)

[Daily Mass Times]

[Confession Tiems]
----
Welcome 
We, the Christian family of All Saints Catholic Church, seek to proclaim the Kingdom of God to all through education, service and the Sacraments in preparation for Eternal Life.
---
FB: https://www.facebook.com/AllSaintsCatholicofHoldrege
Twitter: https://twitter.com/ascholdrege
---
QL: 
Online Giving
School
Bulletin
Ministry Schedules
St. John Mission Parish
________________
************/

.site-1 {
    --primary-color: #bb9662;
    --secondary-color: #47748e;
    --tertiary-color: #eceeef;

    --primary-rgb: 187,150,98;
    --secondary-rgb: 71,116,142;
    --tertiary-rgb: 236,238,239;

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

    --title-font-family: 'Julius Sans One', serif;
    --body-font-family: 'Josefin Slab', 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(0,0,0,.5);

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

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

    --hero-title-color: var(--secondary-color);

    --ph-title-color: var(--secondary-color);

    --grid-vertical-gap: 2rem;
}

.site-1 .grid-staff {
    --grid-img-width: 20vw;
}

.site-1 .ql-fa-toplinks {
    --ql-title-color: var(--default-white);
    --ql-icon-hover: var(--default-white);
    --ql-title-hover: var(--default-white);
}

.site-1 .ql-inner-box {
    --ql-background-color: rgba(var(--primary-rgb),.75);
    --ql-background-hover: rgba(var(--primary-rgb),.55);
}

.site-2 {
    --primary-color: #47748e;
    --secondary-color: #bb9662;
    --tertiary-color: #eceeef;

    --primary-rgb: 71,116,142;
    --secondary-rgb: 187,150,98;
    --tertiary-rgb: 236,238,239;

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

    --title-font-family: 'Julius Sans One', serif;
    --body-font-family: 'Josefin Slab', 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(0,0,0,.5);

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

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

    --hero-title-color: var(--secondary-color);

    --ph-title-color: var(--default-white);
    --ph-border-radius: 1rem;

    --mt-background-color: rgba(var(--secondary-rgb),.7);
    --mt-para-color: var(--default-white);

    --grid-vertical-gap: 2rem;

    --hero-title-color: #346887;
}

.site-2 .ql-fa-toplinks {
    --ql-title-color: var(--default-white);
    --ql-icon-hover: var(--default-white);
    --ql-title-hover: var(--default-white);
}

.site-2 .ql-inner-box {
    --ql-background-color: rgba(var(--primary-rgb),.75);
    --ql-background-hover: rgba(var(--primary-rgb),.55);
}

.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);
    font-weight: 500;
}

a {
    color: var(--secondary-color);
}

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

.contact-name {
    font-size: clamp(2rem, 2.75vw, 7rem);
}

/*************** HOMELAYOUT ***************/ 
/*************** 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) {
    .site-1 #g-navigation {
        background: url('/images/template/header.jpg') 0% 0% no-repeat;
        background-size: cover;
    }
    .site-1 #g-navigation > .g-container > .g-grid:first-child {
        padding: 2rem!important;
    }
    .site-1 #g-navigation .g-logo img {
        width: 80%;
    }
    .site-1 .ql-fa-toplinks .g-blockcontent-subcontent-title-icon {
        text-shadow: 0px 0px 10px rgba(0,0,0,.5);
    }
    .site-1 .ql-fa-toplinks .g-blockcontent-subcontent-title-text {
        text-shadow: 2px 2px 4px rgba(0,0,0,.5);
        font-family: var(--body-font-family);
        font-weight: 600;
    }
    .site-1 #g-navigation .g-social-items a {
        color: var(--secondary-color);
    }
    .site-1 #g-navigation .g-social-items a:hover {
        color: var(--tertiary-color);
    }
    .site-1 .ql-fa-toplinks .g-blockcontent-subcontent-block:not(.ql-fa-toplinks .g-blockcontent-subcontent-block:last-child) {
        border-right: 3px solid var(--default-white);
    }
    .site-1 #g-navigation .g-social-items {
        display: flex;
        flex-direction: row;
        gap: 2vw;
    }

    .site-2 #g-navigation {
        background: url('/images/template/header.jpg') 0% 0% no-repeat;
        background-size: cover;
    }
    .site-2 #g-navigation > .g-container > .g-grid:first-child {
        padding: 2rem!important;
    }
    .site-2 #g-navigation .g-logo img {
        width: 60%;
        padding-left: 7%;
    }
    .site-2 .ql-fa-toplinks .g-blockcontent-subcontent-title-icon {
        text-shadow: 1px 1px 15px #ffffff;
    }
    .site-2 .ql-fa-toplinks .g-blockcontent-subcontent-block:hover .g-blockcontent-subcontent-title-icon {
        text-shadow: 0px 0px 15px rgba(0,0,0,.5);
    }
    .site-2 .ql-fa-toplinks .g-blockcontent-subcontent-title-text {
        text-shadow: 1px 1px 15px #ffffff;
        font-family: var(--body-font-family);
        font-weight: 600;
    }
    .site-2 .ql-fa-toplinks .g-blockcontent-subcontent-block:hover .g-blockcontent-subcontent-title-text {
        text-shadow: 2px 2px 4px rgba(0,0,0,.5);
    }
    .site-2 #g-navigation .g-social-items a {
        color: var(--secondary-color);
    }
    .site-2 #g-navigation .g-social-items a:hover {
        color: var(--tertiary-color);
    }
    .site-2 .ql-fa-toplinks .g-blockcontent-subcontent-block:not(.ql-fa-toplinks .g-blockcontent-subcontent-block:last-child) {
        border-right: 3px solid var(--default-white);
    }
    .site-2 .ql-fa-toplinks {
        --ql-icon-color: var(--primary-color);
        --ql-title-color: var(--primary-color);
    }
    .site-2 #g-navigation .ql-fa-toplinks .g-blockcontent {
        background: rgba(255,255,255,.7);
    }
}

@media only screen and (max-width: 50.99rem) {
    .site-1 .ql-fa-toplinks {
        --ql-icon-color: var(--primary-color);
    }
    .site-1 .ql-fa-toplinks .g-blockcontent-subcontent-block-content > .g-blockcontent-subcontent-title {
        display: flex;
    }
    .site-1 .ql-fa-toplinks .g-blockcontent-subcontent-block {
        align-items: flex-start;
    }
    .site-1 #g-navigation .g-logo {
        max-width: 65%;
        margin: 2rem auto;
    }

    .site-2 .ql-fa-toplinks {
        --ql-icon-color: var(--primary-color);
    }
    .site-2 .ql-fa-toplinks .g-blockcontent-subcontent-block-content > .g-blockcontent-subcontent-title {
        display: flex;
    }
    .site-2 .ql-fa-toplinks .g-blockcontent-subcontent-block {
        align-items: flex-start;
    }
    .site-2 #g-navigation .g-logo {
        max-width: 65%;
        margin: 2rem auto;
    }
}

@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);
    }
}

/*************** SLIDESHOW ****************/ 
/*************** SLIDESHOW ****************/ 
.r-overlay .g-content-array {margin: 0; height: 100%;}
.r-overlay > .g-content.g-particle {height: 100%;}
.r-overlay .g-content-array > .g-grid {height: 100%;}
.r-overlay .g-content-array > .g-grid > .g-block {height: 100%;}
.r-overlay .g-content-array > .g-grid > .g-block > .g-content {height: 100%;}
.r-overlay .g-array-item-text {margin: 0; padding: 2vw;}
.r-overlay :is(h1,h2,h3,h4,h5,h6,p) {color: var(--default-white); text-shadow: 2px 2px 5px var(--default-black); letter-spacing: 1px;}
.r-overlay :is(h1,h2,h3,h4,h5,h6) {font-size: 2vw; font-family: var(--title-font-family); font-weight: 600; text-transform: uppercase; font-variant-caps: normal;}
.r-overlay :is(h1,h2,h3,h4,h5,h6).strong-title {font-size: 2.75vw; font-family: var(--title-font-family); font-weight: 400;}
.r-overlay p {font-size: 1.4vw; font-weight: 600;}
.r-overlay a.button {background: none; border: 1px solid var(--default-white); border-radius: 0; width: 100%; font-size: 1.5vw; padding: 1vw 0; text-shadow: 2px 2px 5px var(--default-black); font-weight: 600;}
.r-overlay a.button:hover {background: var(--primary-color);}
.swiper-overlay-text > .g-container {position: relative; height: 42vw!important; width: 100%;}
.swiper-overlay-text > .g-container > .g-grid:nth-child(1) {position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 100%; width: 100%;}
.swiper-overlay-text > .g-container > .g-grid:nth-child(2) {
    position: absolute; 
    top: 0; 
    bottom: 0; 
    left: 0; 
    height: 100%; 
    width: 30%; 
    z-index: 20;
}
.parish-home.parish-1 .swiper-overlay-text > .g-container > .g-grid:nth-child(2) {
    background: linear-gradient(to right, rgba(var(--secondary-rgb),.9), rgba(var(--secondary-rgb),.5) 85%, rgba(var(--secondary-rgb),0) 100%);
}
.parish-home.parish-2 .swiper-overlay-text > .g-container > .g-grid:nth-child(2) {
    background: linear-gradient(to right, rgba(0,0,0,.4) 0%, rgba(0,0,0,.1) 85%, rgba(var(--secondary-rgb),0) 100%);
}

@media only screen and (min-width: 50.99rem) {
    .site-2-home #g-slideshow > .g-container {padding: 2vw!important;}
    .site-2-home #g-slideshow > .g-container > .g-grid {gap: 2vw;}
    
    .site-2-home .fullwidth-swiper {flex: 2;}
    .site-2-home .mass-times-block {flex: 1;}

    .site-2-home .mass-times-block {
        background: none;
        box-shadow: 0px 0px 5px rgba(0,0,0,.5);
    }
    .site-2-home .fullwidth-swiper {
        box-shadow: 0px 0px 5px rgba(0,0,0,.5);
    }
}

@media only screen and (max-width: 50.99rem) {
    .swiper-overlay-text > .g-container {position: initial; height: auto!important;}
    .swiper-overlay-text > .g-container > .g-grid:nth-child(1) {position: initial;}
    .swiper-overlay-text > .g-container > .g-grid:nth-child(2) {position: initial; width: 100%; background: var(--secondary-color)!important;}

    .r-overlay :is(h1,h2,h3,h4,h5,h6) {font-size: 2rem;}
    .r-overlay p {font-size: 1.2rem;}
    .r-overlay a.button {font-size: 1.2rem; padding: 3vw 0;}
}

/*************** HEADER *******************/
.hero-title-design {
    background: rgba(255,255,255,.075);
    padding: 0 1vw;
    text-shadow: none!important;
}

/*************** ABOVE ********************/
/*************** SHOWCASE *****************/
/*************** UTILITY ******************/
@media only screen and (min-width: 50.99rem) {
    .site-2-home #g-utility p {
        font-size: 2vw;
    }
}

/*************** FEATURE ******************/
/*************** MAIN *********************/
.parish-home #g-container-main {
    padding: 0 5%;
}

.no-padding > div {
    padding: 0;
}

@media only screen and (min-width: 50.99rem) {
    .site-1-home #g-container-main {
        padding: 3vw 5%!important;
    }
    .site-1-home #g-container-main .ph-sidepics-3 .g-title {
        border-bottom: 1px solid var(--primary-color);
        font-size: 4vw;
        color: var(--secondary-color);
        font-weight: 400;
    }
    .site-1-home .ql-inner-box .g-blockcontent-subcontent-title > .g-blockcontent-subcontent-title-text {
        border: 1px solid var(--secondary-color);
        text-shadow: 1px 1px 5px #000000;
        font-family: var(--title-font-family);
        text-transform: none;
        font-variant-caps: normal;
    }

    .site-1-home #g-aside .g-title {
        border-bottom: 1px solid var(--primary-color);
        font-size: 2vw;
        color: var(--secondary-color);
        font-weight: 400;
    }

    .site-2-home #g-container-main {
        padding: 3vw 5%!important;
    }
    .site-2-home #g-container-main .ph-sidepics-3 .g-title {
        border-bottom: 1px solid var(--primary-color);
        font-size: 4vw;
        color: var(--secondary-color);
        font-weight: 400;
    }
    .site-2-home .ql-inner-box .g-blockcontent-subcontent-title > .g-blockcontent-subcontent-title-text {
        border: none;
        text-shadow: 1px 1px 5px #000000;
        font-family: var(--title-font-family);
        text-transform: none;
        font-variant-caps: normal;
    }

    .site-2-home #g-aside .g-title {
        border-bottom: 1px solid var(--primary-color);
        font-size: 2vw;
        color: var(--secondary-color);
        font-weight: 400;
    }
}

@media only screen and (max-width: 50.99rem) {
    .site-2 {
        --ph-title-color: var(--primary-color);
    }

    .site-1-home #g-container-main .g-title {
        text-align: center;
    }

    .site-2-home #g-container-main .g-title {
        text-align: center;
    }

    .site-1-sub #g-mainbar > .g-grid > .g-block > .g-content {
        margin: 0;
        padding: 0;
    }
    .site-2-sub #g-mainbar > .g-grid > .g-block > .g-content {
        margin: 0;
        padding: 0;
    }

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

/*************** EXPANDED *****************/ 
@media only screen and (min-width: 50.99rem) {
    .site-1-home #g-expanded {
        background: url('/images/template/paralax.jpg') 50% 50% no-repeat;
        background-size: cover;
        /*background-attachment: fixed;
        background-repeat: no-repeat;
        background-position: center;*/
    }    
    .site-1-home #g-expanded > .g-container {
        background: rgba(var(--secondary-rgb),.7);
        padding: 7vw 10%!important;
    }
    .site-1-home #g-expanded :is(h1,h2,h3,h4,h5,h6) {
        color: var(--default-white);
        font-size: 5vw;
        margin-bottom: 3vw;
        text-shadow: 1px 1px 10px rgba(0,0,0,.5);
    }
    .site-1-home #g-expanded p {
        color: var(--default-white);
        font-size: 1.5vw;
        font-weight: 500;
    }

    .site-2-home #g-expanded {
        background: url('/images/template/paralax.jpg') 50% 50% no-repeat;
        background-size: cover;
        /*background-attachment: fixed;
        background-repeat: no-repeat;
        background-position: center;*/
    }    
    .site-2-home #g-expanded > .g-container {
        background: rgba(var(--secondary-rgb),.7);
        padding: 7vw 10%!important;
    }
    .site-2-home #g-expanded :is(h1,h2,h3,h4,h5,h6) {
        color: var(--default-white);
        font-size: 5vw;
        margin-bottom: 3vw;
        text-shadow: 1px 1px 10px rgba(0,0,0,.5);
    }
    .site-2-home #g-expanded p {
        color: var(--default-white);
        font-size: 1.5vw;
        font-weight: 500;
    }
}

@media only screen and (max-width: 50.99rem) {
    .site-1-home #g-expanded {
        background: url('/images/template/paralax.jpg') 50% 50% no-repeat;
        background-size: cover;
        /*background-attachment: fixed;
        background-repeat: no-repeat;
        background-position: center;*/
    }    
    .site-1-home #g-expanded > .g-container {
        background: rgba(var(--secondary-rgb),.7);
        padding: 7vw 10%!important;
    }
    .site-1-home #g-expanded :is(h1,h2,h3,h4,h5,h6) {
        color: var(--default-white);
        font-size: 10vw;
        margin-bottom: 3vw;
        text-shadow: 1px 1px 10px rgba(0,0,0,.5);
    }
    .site-1-home #g-expanded p {
        color: var(--default-white);
        font-size: 4.5vw;
        font-weight: 500;
    }

    .site-2-home #g-expanded {
        background: url('/images/template/paralax.jpg') 50% 50% no-repeat;
        background-size: cover;
        /*background-attachment: fixed;
        background-repeat: no-repeat;
        background-position: center;*/
    }    
    .site-2-home #g-expanded > .g-container {
        background: rgba(var(--secondary-rgb),.7);
        padding: 7vw 10%!important;
    }
    .site-2-home #g-expanded :is(h1,h2,h3,h4,h5,h6) {
        color: var(--default-white);
        font-size: 10vw;
        margin-bottom: 3vw;
        text-shadow: 1px 1px 10px rgba(0,0,0,.5);
    }
    .site-2-home #g-expanded p {
        color: var(--default-white);
        font-size: 4.5vw;
        font-weight: 500;
    }
}

/*************** EXTENSION ****************/
@media only screen and (min-width: 50.99rem) {
    .site-1-home #g-extension {
        background: url('/images/template/marble.jpg') 50% 50% no-repeat;
        background-size: 110% 110%;
        background-attachment: fixed;
        background-repeat: no-repeat;
        background-position: center;
        padding: 6vw 7%;
    }

    .site-2-home #g-extension {
        background: url('/images/template/marble.jpg') 50% 50% no-repeat;
        background-size: 110% 110%;
        background-attachment: fixed;
        background-repeat: no-repeat;
        background-position: center;
        padding: 6vw 7%;
    }

    .feed-wrapper .g-array-item {
        text-align: center;
    }
    .feed-wrapper .g-array-item-image img {
        box-shadow: var(--default-box-shadow);
    }
    .feed-wrapper p {
        font-size: 1.5vw;
        color: var(--secondary-color);
        font-weight: 500;
    }
}

@media only screen and (max-width: 50.99rem) {
    .site-1-home #g-extension {
        background: url('/images/template/marble.jpg') 50% 50% no-repeat;
        background-size: 400% 110%;
        /*background-attachment: fixed;*/
        background-repeat: no-repeat;
        background-position: center;
        /*padding: 6vw 7%;*/
    }

    .site-2-home #g-extension {
        background: url('/images/template/marble.jpg') 50% 50% no-repeat;
        background-size: 400% 110%;
        /*background-attachment: fixed;*/
        background-repeat: no-repeat;
        background-position: center;
        /*padding: 6vw 7%;*/
    }

    .feed-wrapper .g-array-item {
        text-align: center;
    }
    .feed-wrapper .g-array-item-image img {
        box-shadow: var(--default-box-shadow);
    }
    .feed-wrapper p {
        font-size: 4.5vw;
        color: var(--secondary-color);
        font-weight: 500;
    }
}

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

@media only screen and (min-width: 50.99rem) {
    .site-1 #g-footer :is(h1,h2,h3,h4,h5,h6,a,p) {
        color: var(--default-white);
    }
    .site-1 #g-footer p {
        font-family: var(--body-font-family);
        font-size: 1.25vw;
    }

    .site-2 #g-footer :is(h1,h2,h3,h4,h5,h6,a,p) {
        color: var(--default-white);
    }
    .site-2 #g-footer p {
        font-family: var(--body-font-family);
        font-size: 1.25vw;
    }
}

@media only screen and (max-width: 50.99rem) {
    #g-footer {
        padding: 2rem 1rem!important;
    }

    .site-1 #g-footer :is(h1,h2,h3,h4,h5,h6,a,p) {
        color: var(--default-white);
    }
    .site-1 #g-footer p {
        font-family: var(--body-font-family);
        font-size: 3.5vw;
    }

    .site-2 #g-footer :is(h1,h2,h3,h4,h5,h6,a,p) {
        color: var(--default-white);
    }
    .site-2 #g-footer p {
        font-family: var(--body-font-family);
        font-size: 3.5vw;
    }
}

.feed-wrapper .g-array-item-image {
    pointer-events: none;
}

/*************** 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(--default-white); 
    background: var(--secondary-color);
} 
/*************** SECTIONS *****************/
/*************** MOBILE *******************/ 
/*************** ADS **********************/

@media only screen and (min-width: 50.99rem) {
    .grid.ph-sidepics-3 .g-array-item-read-more {
        opacity: 0;
    }
    #site-grid.site-1-sub #g-container-main {
        padding-bottom: 5vw;
    }   

    #site-grid.site-2-sub #g-container-main {
        padding-bottom: 5vw;
    }  

    #site-grid.site-2-sub .grid.ph-sidepics-3 {
        --ph-title-color: var(--primary-color);
    }
    .site-2-sub .grid.ph-sidepics-3 {
        --ph-title-color: var(--primary-color);
    }
}

.sprocket-tables-block {
	margin-left: -3px; 
}