@import url('//fonts.googleapis.com/css2?family=Caudex:ital,wght@0,400;0,700;1,400;1,700&family=EB+Garamond:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&family=Lato:ital,wght@0,400;0,700;1,400;1,700&display=swap');
/************ TEMPLATE  ************
rgba(35,31,32,1)
light yellow: #eee1c5
brown:
gray:

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

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

.parish-1 {
    --primary-color: #414042;
    --secondary-color: #E2CD9F;

    --primary-rgb: 65,64,66;
    --secondary-rgb: 226,205,159;

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

    --default-white-rgb: 255,255,255;
    --default-black-rgb: 0,0,0;

    --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(0,0,0,.5);

    --default-transition: all .4s ease-in-out;

    --swiper-box-shadow: var(--default-box-shadow);
    --swiper-title-color: var(--secondary-color);
    --swiper-text-color: var(--default-white);
    --swiper-button-border-radius: 0;
    --swiper-button-background: var(--secondary-color);
    --swiper-button-color: var(--primary-color);
    --swiper-title-font-size-desktop: 1.4vw;
    --swiper-title-font-size-mobile: 1.3rem;
    --swiper-text-font-size-desktop: .9vw;
    --swiper-text-font-size-mobile: 1rem;

    --ql-background-color: rgba(var(--default-black-rgb),.5);
    --ql-background-hover: rgba(var(--default-black-rgb),.7);
    --ql-title-color: var(--default-white);

    --ph-columns-img-size: 12vw;
    --ph-title-color: var(--secondary-color);
    --ph-text-font-size-desktop: 1rem;
    --ph-background-hover: rgba(var(--secondary-rgb),.2);

    --cg-height: 26vw;
    --cg-height-mobile: 12rem;
    --cg-background: rgba(var(--default-black-rgb),.6);
    --cg-background-hover: rgba(var(--default-black-rgb),.8);
    --cg-title-color: var(--default-white);
    --cg-text-color: var(--default-white);
}

h1, h2, h3, h4, blockquote {color: #eee1c5;}


.readon, .button, .btn, p.readmore .btn, .sprocket-lists-portrait-container > li .sprocket-lists-portrait-item > a span, .listentobutton.moduletable a {
    background: var(--secondary-color);
    color: var(--primary-color);
    font-family: 'Lato', sans-serif;
} 
a {color: #08aff6;}

/*************** HOMELAYOUT ***************/ 
.homelayout .g-title {font-family: var(--home-title-font); border-bottom: none; color: var(--secondary-color);}

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

/*************** TOP **********************/ 
/*************** NAVIGATION ***************/
#g-navigation .g-social-items > a {margin-right: 5px;}

/*.item-image {
    display: none!important;
}*/


@media only screen and (min-width: 50.99rem) {
    .parish-sub #g-navigation .g-logo {
        max-width: 70%;
        margin: 0 auto;
    }
    .parish-sub #g-navigation .g-logo img {
        width: 100%;
    }
    #g-main-nav {
        height: 3.5vw;
    }
    #g-navigation.sticky {
        position: fixed;
        top: 0;
        right: 0;
        left: 0;
        z-index: 10;
    }
    #g-top.stick-margin {
        margin-bottom: 3.5vw;
    }
}

@media only screen and (max-width: 50.99rem) {
    .contact-form-page iframe {
        height: 270vh;
    }

    .contact-form-page #g-mainbar > .g-grid > .g-block > .g-content {
        margin: 0;
        padding: 0;
    }
}

/************ FIXED MENU ************/
.fixed #g-navigation > .g-grid:first-child > .g-block { 
	z-index: 100; 
	position: fixed; top:0; left: 0; right: 0; 
	background: rgba(35, 31, 32, 0.95);
	box-shadow: 0px 0px 10px rgba(0,0,0,0.6); 
}
.fixed .g-main-nav .g-toplevel > li > .g-menu-item-container { color: #003E7E; }
.fixed .g-main-nav ul.g-toplevel { justify-content: space-around; align-items: center; }
.fixed .g-main-nav .g-toplevel > li.g-menu-item-type-particle { display: inline-block;} 
.fixed .menu-item-particle img { height: 58px; } 
.g-main-nav .g-toplevel > li.g-menu-item-type-particle { display: none; transition: all 0s ease-in; }



/*************** SLIDESHOW ****************
@media only screen and (min-width: 50.99rem) {
    .parish-home #g-slideshow .g-logo > img {margin: 1vw 0;}
    .parish-home #g-slideshow > .g-container {position: relative; height: 56vw!important;}
    /*.parish-home #g-slideshow > .g-container > .g-grid:nth-child(1) {
        background: rgba(var(--primary-rgb),.8);
        position: absolute; 
        top: 0; 
        left: 0; 
        right: 0; 
        width: 100%; 
        z-index: 6;
    }
    .parish-home #g-slideshow > .g-container > .g-grid:nth-child(3) {
        position: absolute; 
        top: 0; 
        bottom: 0; 
        left: 0; 
        right: 0; 
        height: 100%; 
        width: 100%; 
        z-index: 5;
    }
}***/
@media only screen and (max-width: 50.99rem) {
    .parish-home #g-slideshow .g-logo > img {
        width: 65%;
        margin: 2rem 0;
    }
}

@media only screen and (min-width: 50.99rem) {
    .parish-home .fullwidth-swiper .g-swiper .g-swiper-slider .swiper-slide .slide .slide-content-wrapper {
        align-items: flex-end;
        justify-content: flex-end;
    }
    .parish-home .fullwidth-swiper .g-swiper .g-swiper-slider .swiper-slide .slide .slide-content-wrapper .button {
        margin-right: 1vw;
        margin-bottom: 1vw;
    }
}


/*************** HEADER *******************/
.hero img {opacity: 0.65;}

/*************** ABOVE ********************/
@media only screen and (min-width: 50.99rem) {
    .parish-home #g-above {
        background: url('/images/template/rope-paralax.jpg') 0% 0% no-repeat;
        background-size: cover;
        background-attachment: fixed;
    }

    .circle-links .g-blockcontent-subcontent-block-content img {
        box-shadow: var(--ql-box-shadow);
    }
}

@media only screen and (max-width: 50.99rem) {
    .parish-home #g-above {
        background-attachment: initial;
    }
}
.parish-home #g-above p {font-size: 1.5rem;}

/*************** SHOWCASE *****************/
.center-align {align-items: center;}
.swiper-third .g-swiper {box-shadow: var(--default-box-shadow);}


.parish-home #g-showcase {padding: 4vw 15%; }

@media only screen and (min-width: 50.99rem) {
    .parish-home #g-showcase {
        background: url('/images/template/rope-paralax.jpg') 0% 0% no-repeat;
        background-size: cover;
        background-attachment: fixed;
    }
}

@media only screen and (max-width: 50.99rem) {
    .parish-home #g-showcase {
        background-attachment: initial;
    }
	.parish-home #g-showcase {padding: 4vw 3%; }
}


/*************** UTILITY ******************/
.parish-home #g-utility > .g-container {padding: 10% 5vw!important; background: rgba(0,0,0,.3);}
.parish-home #g-utility h3.g-title {
    font-size: 3vw;
    border: none;
    color: var(--default-white);
}
.parish-home #g-utility .button {
    background: none; 
    border-radius: 0; 
    border: 1px solid var(--default-white);
    color: var(--default-white);
}
.parish-home #g-utility .button:hover {
    background: var(--primary-color);
}
.parish-home #g-utility .g-content-array {
    margin: 0;
}
.parish-home #g-utility {
    background: url('/images/stories/template/brothers-background.jpg') 0% 0% no-repeat;
    background-position: center;
    background-size: cover;
}

@media only screen and (max-width: 50.99rem) {
    .parish-home #g-utility h3.g-title {
        font-size: 2rem;
    }
}

/*************** FEATURE ******************/
@media only screen and (max-width: 50.99rem) {
    .ph-default-mobile .g-content-array .g-array-item .g-array-item-text {color: #333;}
}

/*************** MAIN *********************/
/*************** EXPANDED *****************/ 
.staff-block .g-content-array {display: flex; flex-direction: row; flex-wrap: wrap;}
.staff-block .g-content-array > .g-grid {flex: 1; margin: 0;}
.staff-block .g-content-array-pagination {flex: 100%;}
.staff-block .g-array-item {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.staff-block .g-array-item-read-more {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
}
.staff-block .g-array-item-read-more > a {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
    border-radius: 0;
    opacity: 0;
}
.staff-block .g-array-item-image img {box-shadow: var(--default-box-shadow);}
.staff-block .g-item-title {
    color: var(--secondary-color);
    border: none;
}
.staff-block .g-item-title > a {
    color: var(--secondary-color);
}

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


@media only screen and (max-width: 50.99rem) {
    .staff-block .g-content-array > .g-grid > .g-block > .g-content {
        margin: .625rem;
        padding: 1.5rem;
    }
    .parish-home #g-expanded {
        background-attachment: initial;
    }
}


/*************** EXTENSION ****************/
.parish-home #g-extension .button {
    width: 100%;
    background: var(--primary-color);
    color: var(--secondary-color);
}
.parish-home #g-extension .button:hover {
    background: var(--secondary-color);
    color: var(--primary-color);
}

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

/*************** 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 **********************/

/*.item-image:not(.itemimagegrid .item-image) {
    display: none!important;
}*/
.noitemimage .item-image {display: none; }

/* Homepage updates 4/29/24 - Adding a Give Button */

.give-button {
    display: grid;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    right: 7%;
    width: fit-content;
    transform: translate(0, -50%);
}

#g-top {
    position: relative;
}

.give-button > div {
    padding: 0;
    margin: 0;
}

.give-button a {
    font-weight: bold;
    font-size: 1.1rem;
    padding: 0.85rem 2rem;
    letter-spacing: 1px;
}

.give-button a:hover {
    background-color: #a08d66;
    color: var(--primary-color);
}

@media (max-width: 50.99rem) {
    .give-mobile > div {
        margin-top: 0;
        padding-top: 0;
    }

    .give-mobile a {
        width: fit-content;
        font-weight: bold;
        font-weight: bold;
        font-size: 1.1rem;
        padding: 0.85rem 2rem;
        letter-spacing: 1px;
    }
}

@media (min-width: 50.99rem) {
    .show-mobile {
        display: none;
    }
}

/*  */

.form-validate.form-horizontal.well .btn {
    width: 100%;
    color: black;
    font-weight: bold !important;
}

.form-validate.form-horizontal.well .controls {
    display: flex;
    gap: 2rem;
}

.form-validate.form-horizontal.well {
    padding: 0;
}

fieldset {
    min-width: initial;
}

#mailto-window h2 {
    font-weight: bold;
    color: #b7a887;
}

.btn.dropdown-toggle {
    margin-bottom: 2rem;
    display: flex;
    flex-direction: row;
    gap: 1rem;
}

.btn-group>.btn.dropdown-toggle .caret,
.btn [class^="icon-"] {
    display: initial;
}

.icon-options:before, .icon-cog:before {
    content: "\26";
}

.btn-group.open .btn.dropdown-toggle {
    background: #917666;
}

button.btn.dropdown-toggle:hover {
    background: #eee1c5;
    color: black;
}

.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus, .dropdown-submenu:hover>a, .dropdown-submenu:focus>a {
    color: black !important;
}

textarea, input[type="text"], input[type="password"],
 input[type="datetime"], input[type="datetime-local"],
 input[type="date"], input[type="month"], input[type="time"],
 input[type="week"], input[type="number"], input[type="email"],
 input[type="url"], input[type="search"],
 input[type="tel"], input[type="color"], .uneditable-input {
	color: var(--primary-color);
}