@import url('//fonts.googleapis.com/css2?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  ************
Rotator Size: 1600x669 (super wide, 2.39:1)

/************ FONTS  ************
Serif: EB Garamond  font-family: 'EB Garamond', serif;
Sans Serif: Lato    font-family: 'Lato', sans-serif;

/************ COLORS  ************
Brown: #6b5137; rgba(107,81,55,1)
Light Blue: #a2c1d9; rgba(162,193,217,1)
Lightest Brown: #f3f1ef rgba(243, 241, 239,1)

/************ NOTES ************
*Rotator overlay: brown @ 60% - rgba(107,81,55,.6)
*Quicklink overlay: brown @ 70% - rgba(107,81,55,.7)
*News images, calendar embed, and resource images have standard black dropshadow 20%, 0px, 0px, 10px blur
*'read more' is serif font
***********************************/

body {color: #333; font-family: 'Lato', 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: #6b5137; font-size: 3.5rem; font-weight: bold; font-family: 'EB Garamond', serif;}
h2, .page-header h2 {font-variant-caps: small-caps; color: #450e09; font-size: 2.2rem; font-family: 'EB Garamond', serif;  font-weight: bold;}
h3 {color: #6b5137; font-family: 'EB Garamond', serif; font-size: 1.8rem; border-bottom: 1px solid #a2c1d9; line-height: 1.3; margin: 0 0 10px 0;}
h4 {color: #6b5137; font-size: 1.8rem;}
h5 {background: #a2c1d9; font-size: 1.75rem;color: white; border-radius: .2rem; padding: .5rem;}
h6 {color: #a2c1d9; font-size: 1.4rem; text-transform: uppercase; font-weight: bold;}
a {color: #dbac3d;}
a:hover {color: black;}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
    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: 767px) {
 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: #a2c1d9;
}

/*************** HOMELAYOUT ***************/
.homelayout h3.g-title {background: #a2c1d9; color: #ffffff; border-bottom: none; margin: 0; padding: 0; font-weight: 400; border-radius: 5px;}

/*************** OFFCANVAS ****************/
/*************** TOP **********************/
/*************** NAVIGATION ***************/
.g-main-nav {font-family: 'Lato', sans-serif; font-weight: 400;}
.g-main-nav .g-toplevel>li>.g-menu-item-container>.g-menu-item-content {
    word-break: normal;
    line-height: normal;
    font-size: 1rem;
    letter-spacing: 0;
    font-weight: 400;
}
.g-main-nav .g-toplevel {text-transform: none;}

#g-navigation a:not(.button):hover {
    color: #a2c1d9;
}

@media only screen and (min-width: 51rem) {
    .homelayout #g-navigation .size-65 {flex: 1; width: 100%;}
    .g-logo img {margin: 1vw;}
}


        /*Mobile Logo*/
@media only screen and (max-width: 50.99rem) {
    #g-navigation .g-logo img {margin: 7vw 0;}
}

/**Clarity dropdown- remove border-radius on menu dropdowns:***/
.g-main-nav .g-toplevel>li>.g-menu-item-container {
padding: 0.625rem 0.075rem}

/*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: 'Lato', sans-serif;}**/


/*************** SLIDESHOW ****************/
        /*Rotator*/
.verticalcolumnoverlay div, .verticalcolumnoverlay #quicklogo:hover {background: rgba(107,81,55,.6);}
.verticalcolumnoverlay div:hover:not(.verticalcolumnoverlay div:hover:last-child) {background: rgba(107,81,55,.85);}
.verticalcolumnoverlay div a {color: white; font-size: 1.5rem;}

.outline-11 .verticalcolumnoverlay {position: absolute; top: 0; bottom: 0; left: -58vw; right: 0; width: 100%; display: flex; flex-direction: column;}
.outline-11 .verticalcolumnoverlay img {height: auto; width: 24vw; padding: 5vw 0vw 5vw 0vw;}

.fullwidthrotator.sidegradient .layout-slideshow .sprocket-features-content {display: none;}

@media only screen and (max-width: 767px) {
	.verticalcolumnoverlay div {background: rgba(255,255,255,0.25);}
	.verticalcolumnoverlay div:hover {background: rgba(107,81,55,.75);}

	.outline-11 .verticalcolumnoverlay {left: 0; position: inherit;}
	.outline-11 .g-logo img {width: 30vw;}
	.outline-11 .verticalcolumnoverlay img {width: 50vw;}
	.logo img {width: 50vw; padding: 1rem;}

}

/*************** HEADER *******************/
        /*Quicklinks*/
.qloverlaybackpic .sprocket-strips-content {background: rgba(107,81,55,.7);}
.qloverlaybackpic .sprocket-strips-content:hover {background: rgba(107,81,55,.9);}
.qlexpandingborder h4.sprocket-strips-title {font-family: 'EB Garamond', serif;}

.qloverlaybackpic .sprocket-strips-nav {display: none;} 

@media only screen and (max-width: 767px) {
	#g-header {margin-top: 0.35rem !important;}
	.qloverlaybackpic .sprocket-strips-content, .qloverlaybackpic .sprocket-strips-content:hover {background: none;}
	.qloverlaybackpic li {background: rgba(107,81,55,1);}
    .qloverlaybackpic li:hover {background: #a2c1d9;}
}

/*************** ABOVE ********************/
/*************** SHOWCASE *****************/
/*************** UTILITY ******************/
/*************** FEATURE ******************/
.homelayout #g-feature {background-position: bottom; background-size: 35%;}

        /*Parish News*/
.homelayout .zoompics.noncollapse h3.g-title {padding-left: 1vw;}
.homelayout .zoompics.noncollapse h4.sprocket-lists-portrait-title a {color: #6b5137; font-family: 'EB Garamond', serif; font-size: 1.6rem;}
.sprocket-lists-portrait-pagination li {background: #a2c1d9;}
.zoompics .sprocket-lists-portrait-arrows .arrow {color: #a2c1d9;}
.zoompics .active .portrait-image img, .zoompics.noncollapse .portrait-image img {
    /*box-shadow: 20% 0px 0px 10px #333 blur;*/
    box-shadow: 0 3px 10px rgb(0 0 0 / 0.2);
	margin: 0 20px 10px 20px;
	height: 12vw;
    width: 12vw;
}





/*************** EXPANDED *****************/
        /*Image Links*/
.img-links .sprocket-strips-s-container {display: flex; flex-direction: row; justify-content: space-around;}
.img-links .cols-3 .sprocket-strips-s-block {width: 30%;}
.img-links .sprocket-strips-s-block {padding: 4vw 2vw 1vw 2vw}
.img-links .sprocket-strips-s-item img {box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 0px 7px 0 rgba(0,0,0,0.19);}

@media only screen and (max-width: 767px) {
    .img-links .sprocket-strips-s-container {display: flex; flex-direction: column; justify-content: space-around; align-items: center;}
    .img-links .cols-3 .sprocket-strips-s-block {width: 80%;}
    .img-links .sprocket-strips-s-container li {padding-bottom: 0;}
    .img-links .sprocket-strips-s-item {display: flex; flex-direction: column; justify-content: space-evenly;}
    .img-links .sprocket-strips-s-item > img {order: 1; box-shadow: none;}
    .img-links .sprocket-strips-s-item > .sprocket-strips-s-content {order: 2;}
}

/*************** EXTENSION ****************/
/*************** BOTTOM *******************/
/*************** FOOTER *******************/
#g-footer {padding: 0; margin: 0;}
#g-footer .g-content {padding: 0; margin: 0;}

/*************** COPYRIGHT ****************/

/*************** MODULES ******************/
.moduletable .nav.menu, .moduletable .unstyled {background: #6b5137;}
.moduletable .nav.menu li.current.active a, .moduletable .nav.menu li a:hover {
    color: #ffffff;
    background: #a2c1d9;
}
.layout-top.animation-slideandfade .sprocket-tabs-panel.active {margin-top: 1.5rem;}
.sprocket-tabs-nav {
    border-bottom: 1px solid #ddd;
    background: #a2c1d9;
}

/*************** SECTIONS *****************/
#g-footer a {color: #ffffff;}

/*************** MOBILE *******************/
.g-offcanvas-toggle {color: #ffffff;}

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

.outline-_error .g-simplecontent .g-simplecontent-layout-header {width: 100%;}

/*************make news images smaller*****************/
.newslayout .pull-right.item-image img { max-width: 25vw;}
.newslayout .pull-left.item-image img { max-width: 25vw;}
@media only screen and (max-width: 767px) {
	.newslayout .pull-left.item-image img { width: 100%;}
	.newslayout .pull-right.item-image img { width: 100%;}
} 
.newslayout .row-fluid .span12 { border-bottom: 1px solid rgba(135,147,130,0.75);}

@media only screen and (min-width: 767px) {
    .smalltext {
        font-size: .9rem!important;
    }
}

@media only screen and (max-width: 767px) {
    .smalltext {
        font-size: .9rem!important;
    }
}

.cre-page div.item.column-1 h5 {
    display: none!important;
}