@import url('//fonts.googleapis.com/css2?family=Cinzel:wght@400;500;600;700;800;900&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&family=EB+Garamond:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap');
/************ TEMPLATE  ************

colors
burgandy #702D3A rgba(112, 45, 58, 1)
green #506659 rgba(80, 102, 89, 1)
cream #FECEA6 rgba(254, 206, 166, 1)

school - 
blue #0C3F67  rgba(12, 63, 103, 1)
gray #959191 rgba(149, 145, 145, 1)


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

.site-1 {
    --primary-color: #702D3A;
    --secondary-color: #FECEA6;
	--tertiary-color: #506659;

    --primary-rgb: 112,45,58;
    --secondary-rgb: 254,206,166;

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

    --title-font-family: 'Cinzel', 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 10px rgba(0,0,0,.5);

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

    --ql-title-color: var(--default-white);
    --ql-background-color: rgba(80,102,89,.75);
    --ql-background-hover: rgba(80,102,89,.95);
}

.site-2 {
    --primary-color: #0f3e67;
    --secondary-color: #959191;

    --primary-rgb: 15,62,103;
    --secondary-rgb: 149,145,145;

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

    --title-font-family: 'EB Garamond', serif;
    --body-font-family: 'Montserrat', sans-serif;
	--font-small-caps:normal;

    --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);
    --ql-background-color: rgba(15,62,103,.75);
    --ql-background-hover: rgba(15,62,103,.95);
}



.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);
} 
h6 {color: #506659;}

/*************** HOMELAYOUT ***************/ 
.site-1 #g-navigation .parish-alert {background: #fecea6; color: #702d3a; }
.site-1 #g-navigation .parish-alert a {color: #506659; }

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

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

/*************** TOP **********************/ 
/*************** NAVIGATION ***************/
#g-navigation .g-logo {
    max-width: 80%;
    margin: 1rem auto;
}
#g-navigation .g-logo img {
    width: 100%!important;
}
.site-2 #g-navigation {border-bottom: 3px solid var(--primary-color) !important;}
@media only screen and (min-width: 50.99rem) {

}
@media only screen and (max-width: 50.99rem) {
    
	.site-1 #g-navigation .g-logo {
        max-width: 70%;
    }
	.site-2 #g-navigation .g-logo {
        max-width: 65%;
    }
	.padleftmobile {padding-left: 20px; padding-right: 20px;}
}

/*************** SLIDESHOW ****************/ 
/*************SCHOOL Quicklinks*****************/
/*************** SLIDESHOW ****************/ 
@media only screen and (min-width: 50.99rem) {
    .site-2-home #g-slideshow {
        background: transparent;
    }

    .ql-swiper-side {
        max-height: var(--swiper-height)!important;
        overflow: hidden;
        margin: auto 0;
    }
    .ql-swiper-side .g-blockcontent {
        width: 80%;
        margin: 0 auto;
    }
    .ql-swiper-side .g-blockcontent-subcontent {
        display: flex;
        flex-direction: column;
        gap: 1vw;
    }
    .ql-swiper-side .g-blockcontent-subcontent-block {
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
        background: var(--ql-background-color);
        padding: 1vw;
        transition: var(--default-transition);
        box-shadow: var(--default-box-shadow);
    }
    .ql-swiper-side .g-blockcontent-subcontent-block-content {
        height: 100%;
        width: 100%;
        margin: 0;
        padding: 0;
    }
    .ql-swiper-side .g-blockcontent-subcontent-title {
        margin: 0;
        padding: 0;
        color: var(--ql-title-color);
        font-size: var(--ql-font-size-desktop);
    }
    .ql-swiper-side .g-blockcontent-subcontent-title-text {
        margin: 0;
        padding: 0;
        font-size: var(--ql-font-size-desktop);
        font-weight: var(--ql-title-weight);
    }
    .ql-swiper-side .g-blockcontent-buttons {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        height: 100%;
        width: 100%;
        margin: 0;
        padding: 0;
    }
    .ql-swiper-side .g-blockcontent-buttons a {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        height: 100%;
        width: 100%;
        border-radius: 0;
        background: transparent;
        color: transparent;
        opacity: 0;
        margin: 0;
        padding: 0;
    }
    .ql-swiper-side .g-blockcontent-subcontent-block:hover {
        background: var(--ql-background-hover);
        transform: scale(1.05);
    }
}

@media only screen and (max-width: 50.99rem) {
    .ql-swiper-side {
        max-height: auto;
        overflow: hidden;
        margin: auto 0;
    }
    .ql-swiper-side .g-blockcontent {
        width: calc(100% - 2rem);
        margin: 1rem;
    }
    .ql-swiper-side .g-blockcontent-subcontent {
        display: flex;
        flex-direction: column;
        gap: 1rem;
    }
    .ql-swiper-side .g-blockcontent-subcontent-block {
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
        background: var(--ql-background-color);
        padding: 1rem;
        transition: var(--default-transition);
        box-shadow: var(--default-box-shadow);
    }
    .ql-swiper-side .g-blockcontent-subcontent-block-content {
        height: 100%;
        width: 100%;
        margin: 0;
        padding: 0;
    }
    .ql-swiper-side .g-blockcontent-subcontent-title {
        margin: 0;
        padding: 0;
        color: var(--ql-title-color);
        font-size: var(--ql-font-size-mobile);
    }
    .ql-swiper-side .g-blockcontent-subcontent-title-text {
        margin: 0;
        padding: 0;
        font-size: var(--ql-font-size-mobile);
        font-weight: var(--ql-title-weight);
    }
    .ql-swiper-side .g-blockcontent-buttons {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        height: 100%;
        width: 100%;
        margin: 0;
        padding: 0;
    }
    .ql-swiper-side .g-blockcontent-buttons a {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        height: 100%;
        width: 100%;
        border-radius: 0;
        background: transparent;
        color: transparent;
        opacity: 0;
        margin: 0;
        padding: 0;
    }
    .ql-swiper-side .g-blockcontent-subcontent-block:hover {
        background: var(--ql-background-hover);
        transform: scale(1.05);
    }
}







/*************** HEADER *******************/
@media only screen and (min-width: 50.99rem) {
    .circle-links .g-blockcontent-subcontent-block {
        flex: 1;
        width: auto;
    }
    .site-1-home #g-header {
        padding: 0 5%;
    }
}

/*************** ABOVE ********************/
.m-times {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.m-times > div {
    flex: 50%;
    padding: 1vw;
}
.m-times :is(h1,h2,h3,h4,h5,h6) {
    border-bottom: none;
    line-height: 1.3;
    font-size: 2vw;
    font-family: var(--title-font-family);
    text-transform: uppercase;
    font-variant-caps: small-caps;
    color: var(--primary-color);
    margin: 0;
}

@media only screen and (max-width: 50.99rem) {
    .m-times :is(h1,h2,h3,h4,h5,h6) {
        font-size: 1.2rem;
    }
}

/*************** SHOWCASE *****************/
/*************** UTILITY ******************/

@media only screen and (max-width: 50.99rem) {
	.site-2 #g-utility .g-content {padding: 0;}
	.site-2 #g-mainbar .g-content {padding: 0.25rem;}
}

/*************** FEATURE ******************/
.site-1-home #g-feature {
    background: url('/images/template/paralax1.jpg') 0% 0% no-repeat;
    background-size: cover;
    background-attachment: fixed;
}
.site-1-home #g-feature > .g-container {
    background: rgba(255,255,255,.9);
    padding: 3rem 5%!important;
}
.site-1-home #g-feature > .g-container > .g-grid:nth-child(2) > .g-block {
    padding: 2rem;
}
.site-1-home #g-feature > .g-container > .g-grid:nth-child(3) > .g-block {
    padding: 2rem;
}
.float-text-box .g-content-array {
    margin: 0;
}
.float-text-box1 .g-content-array > .g-grid > .g-block > .g-content {
    display: flex;
    justify-content: flex-end;
}
.float-text-box2 .g-content-array > .g-grid > .g-block > .g-content {
    display: flex;
    justify-content: flex-start;
}
.float-text-box .g-array-item {
    background: var(--default-white);
    padding: 2rem;
    height: 22vw;
    width: 30vw;
    box-shadow: var(--default-box-shadow);
}
.float-text-box .text-buttons {
    display: flex;
    flex-direction: row;
}
.float-text-box .text-buttons > div {
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
}
.float-text-box .text-buttons .button {
    background: transparent;
    border: 2px solid #506659;
    color: #506659;
    border-radius: 0;
    font-size: 1vw;
}
.float-text-box .text-buttons .button:hover {
    background: #506659;
    color: var(--secondary-color);
}
.float-text-box h6 {
    font-size: 1.5vw;
    font-family: var(--title-font-family);
}
.float-text-box p {
    margin-bottom: 1vw;
    font-size: 1vw;
}
.float-text-img .g-logo {
    height: 22vw;
    width: 30vw;
}
.float-text-img2 .g-logo {
    height: 22vw;
    width: 30vw;
}
.float-text-img2 {
	margin-left: 10vw;
	margin-right: -10vw;
}
.float-text-img .g-logo img, .float-text-img2 .g-logo img  {
    height: 100%;
    width: 100%;
    object-position: center;
    object-fit: cover;
    box-shadow: var(--default-box-shadow);
}

@media only screen and (min-width: 50.99rem) {
    .ql-info-link .g-blockcontent-subcontent {
        display: flex;
        flex-direction: row;
        gap: 2rem;
    }
    .ql-info-link .g-blockcontent-subcontent-block {
        position: relative;
        flex: 1;
    }
    .ql-info-link .g-blockcontent-buttons {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        height: 100%;
        width: 100%;
        margin: 0;
        padding: 0;
    }
    .ql-info-link .g-blockcontent-buttons a {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        height: 100%;
        width: 100%;
        margin: 0;
        padding: 0;
        background: none;
        border-radius: 0;
        opacity: 0;
    }
    .ql-info-link .g-blockcontent-subcontent-block-content > img {
        height: 15vw;
        width: 100%;
        object-position: center;
        object-fit: cover;
        border-radius: 0;
        box-shadow: var(--default-box-shadow);
        transition: var(--default-transition);
    }
    .ql-info-link .g-blockcontent-subcontent-title {
        color: #506659;
    }
    .ql-info-link .g-blockcontent-subcontent-title-text {
        color: #506659;
    }
    .ql-info-link .g-blockcontent-subcontent-block:hover .g-blockcontent-subcontent-block-content > img {
        transform: scale(.95);
    }
}
@media only screen and (max-width: 50.99rem) {
    .ql-info-link .g-blockcontent-subcontent {
        display: flex;
        flex-direction: column;
        gap: 2rem;
    }
    .ql-info-link .g-blockcontent-subcontent-block-content {
        position: relative;
        height: 35vw;
    }
    .ql-info-link .g-blockcontent-buttons {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        height: 100%;
        width: 100%;
    }
    .ql-info-link .g-blockcontent-buttons a {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        height: 100%;
        width: 100%;
        margin: 0;
        padding: 0;
        background: transparent;
        border-radius: 0;
        opacity: 0;
    }
    .ql-info-link .g-blockcontent-subcontent-block-content > img {
        width: 50%;
        height: 35vw;
        float: left;
        object-position: center;
        object-fit: cover;
    }
    .ql-info-link .g-blockcontent-subcontent-title {
        width: 50%;
        margin: 0;
        float: left;
        padding-left: 1rem;
    }
    .ql-info-link .g-blockcontent-subcontent-desc {
        width: 50%;
        margin: 0;
        float: left;
        padding-left: 1rem;
    }
}

@media only screen and (max-width: 50.99rem) {
    .site-1-home #g-feature > .g-container > .g-grid:nth-child(2) {
        padding: 4rem 0 0 0;
    }
	.site-1-home #g-feature > .g-container > .g-grid:nth-child(3) {
        padding: 4rem 0 0 0;
    }
    .site-1-home #g-feature > .g-container > .g-grid:nth-child(2) > .g-block {
        padding: 0;
    }
	.site-1-home #g-feature > .g-container > .g-grid:nth-child(3) > .g-block {
        padding: 0;
    }
    .site-1-home #g-feature > .g-container > .g-grid:nth-child(2) > .g-block:nth-child(1) {
        order: 2;
    }
    .site-1-home #g-feature > .g-container > .g-grid:nth-child(2) > .g-block:nth-child(2) {
        order: 1;
    }
    .float-text-box .g-array-item, .float-text-box2 .g-array-item {
        width: 100%;
        height: fit-content;
    }
    .float-text-img .g-logo, .float-text-img2 .g-logo {
        width: 100%;
        height: 50vw;
    }
	.float-text-img2 {
	margin-left: 0;
	margin-right: 0;
	}
    .float-text-box h6 {
        font-size: 2rem;
    }
    .float-text-box p {
        font-size: 1rem;
    }
    .float-text-box .text-buttons .button {
        font-size: 1rem;
    }
}

/*************** MAIN *********************/

.site-2-home #g-container-main {
    background: url(../images/stories/template/logo-watermark.jpg) 95% 95% no-repeat;
    background-size: 50%;
}
.site-2 body #g-page-surround {
    background: white url(../images/stories/template/logo-watermark.jpg) 95% 95% no-repeat;
    background-attachment: fixed;
    background-size: 50%;
}


/*************** EXPANDED *****************/ 
/*************** EXTENSION ****************/
.site-1-home #g-extension {
    background: #EAECEB;
}
.site-1-home #g-extension h6 {
    letter-spacing: 3px;
    font-size: 2.5rem;
    font-weight: 700;
    color: #506659;
}
.connect-links {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}
.connect-links .bottom-social-icons {
    border-right: 1px solid var(--primary-color);    
}
.connect-links .bottom-social-icons a {
    margin-right: 1rem;
    font-size: 2rem;
}
.connect-links p {
    margin-left: 1rem;
    margin-bottom: 0;
    font-weight: 700;
    font-size: 2rem;
}

/*************** BOTTOM *******************/
#g-bottom > .g-container {
    padding: 2rem 0!important;
}

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

.site-2 #g-footer h2 {color: white;}

.footer-box {
    display: flex;
    flex-direction: row;
    margin: 2rem 0;
    gap: 2rem;
}
.footer-box > div {
    padding: 1rem;
}
.footer-box > div:nth-child(1) {
    flex: 50%;
}
.footer-box > div:nth-child(2) {
    flex: 25%;
}
.footer-box > div:nth-child(3) {
    flex: 25%;
}
#lower-menu {
    margin-bottom: 2rem;
}
#lower-menu .g-main-nav {
    background: #506659;
}
#lower-menu .g-menu-item a {
    color: var(--secondary-color);
}
#lower-menu .g-menu-item a:hover {
    color: var(--default-white);
}

@media only screen and (max-width: 50.99rem) {
    #lower-menu {
        display: none;
    }
    .footer-box {
        flex-direction: row;
        flex-wrap: wrap;
        gap: 0;
    }
    .footer-box > div:nth-child(1) {
        flex: 100%;
    }
    .footer-box > div:nth-child(2) {
        flex: 25%;
        text-align: center;
    }
    .footer-box > div:nth-child(3) {
        flex: 25%;
        text-align: center;
    }
}

/*************** 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 *****************/
.imgshadow a:hover img {box-shadow: 0px 0px 10px rgb(0 0 0 / 30%);}

/*************** MOBILE *******************/ 
/*************** ADS **********************/