@import url('https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400;1,500&family=Lato:wght@400;700&family=Montserrat:wght@500&display=swap');
/************ TEMPLATE  ************
Rotator Size: 1600x669 (super wide, 2.39:1)

/************ FONTS  ************
Serif Headings: EB Garamond
Sans Serif Headings:  Montserrat
Sans Serif:  Lato

/************ COLORS  ************
Blue: #062E44; rgba(6,46,68,1)
Brown: #665848; rgba(102,88,72,1)
Green: #4C837A; rgba(76,131,122,1)
Cream: #E1DDBF; rgba(225,221,191,1)


/************ NOTES ************
Quicklinks: Blue, 60% opacity: rgba(6,46,68,0.6)
Parish photos link to respective page under about us **/

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

h1 {color: #062E44; font-size: 3.5rem; font-family: 'EB Garamond', serif;}
h2, .page-header h2, h3.g-title { color: #062E44; font-size: 2.7rem; font-family: 'EB Garamond', serif; border: none; }
h3, h4.sprocket-strips-c-title { font-family: 'EB Garamond', serif; color: #4C837A; font-size: 1.8rem; border-bottom: 1px solid #cdbe79;  line-height: 1.3; margin: 0 0 10px 0; text-transform: none; }
h4 { font-family: 'Montserrat', sans-serif; font-weight: 500; text-transform: uppercase; color: #062E44; font-size: 1.5rem; letter-spacing: 1px; }
h5 {background: #062E44; font-size: 1.75rem;color: white; border-radius: .2rem; padding: .5rem; font-family: 'EB Garamond', serif; font-style: italic; }
h6 {color: #665848; font-size: 1.3rem; font-family: 'EB Garamond', serif; }
a { color: #4C837A; }
a:hover { color: black; }


@media only screen and (min-width: 768px) and (max-width: 1199px) {
	h1 { font-size: 2rem; }  
	h2 { font-size: 1.3rem; }
	h3 { font-size: 1.3rem; }
	h4 { font-size: 1.3rem; }
	h5 { font-size: 1.1rem; } 
	h6 { font-size: 1.1rem; }
	p { font-size: 1rem; margin-bottom: 4px;}
	h1, h2, h3, h4, h5, h6, p{ line-height: 1.1; }
}

@media only screen and (max-width: 767px) {

}

.readon, .button, .btn, p.readmore .btn, .sprocket-lists-portrait-container > li .sprocket-lists-portrait-item > a span, .listentobutton.moduletable a {
	background: #E1DDBF;
	color: #062E44;
}

 .readon:hover, .button:hover, .btn:hover, p.readmore .btn:hover  { background: #062E44; color: white;}


/************ HEADER  ************/
.g-logo { text-align: center; padding: 3vw 0; display:block; }
#g-slideshow .g-content { padding: 0; margin: 0;}
.g-main-nav .g-toplevel > li > .g-menu-item-container {
    color: #072d42; 
    font-weight: bold;
}
.g-main-nav .g-toplevel > li > .g-menu-item-container { font-size: .9rem;}
.g-main-nav .g-toplevel > li > .g-menu-item-container { padding-left: 0.5rem; padding-right: 0.5rem; }
 #g-slideshow { padding: 0 2.5%; }
 #g-slideshow .g-grid { align-items: center; }
 #g-slideshow .g-social a { color: #062E44; }

#g-navigation {background: url('/images/template/header-new1.jpg') no-repeat center center; background-size: cover;}
 
 /************ QUICKLINKS  ************/
.overlaybackpic .sprocket-strips-content {  background: rgba(6,46,68,.6); }
.overlaybackpic .sprocket-strips-content:hover {  background: rgba(6,46,68,.8); } 

/************ MODULES  ************/
.moduletable .nav.menu, .moduletable .unstyled { background: #062E44; }
.moduletable .nav.menu li.current.active a, .moduletable .nav.menu li a:hover {
	color: #E1DDBF;
	background: #4C837A;
}
.expandingborder h4.sprocket-strips-title { 
	font-family: 'EB Garamond', serif; font-size: 1.1rem; text-transform: none; 
}

.bluebox .g-content, .greenbox .g-content, .brownbox .g-content { color: white; padding: 2vw; }
.bluebox .g-content h3.g-title, .greenbox .g-content h3.g-title, .brownbox .g-content h3.g-title { color: white; }
.bluebox { background: #062E44; margin-right: 2vw; margin-bottom: 4vw;}
.greenbox { background: #4C837A; }
.brownbox { background: #665848; margin-left: 2vw; margin-bottom: 4vw;}
#g-extension .size-50 { width:  auto; flex: 1; }

@media only screen and (max-width: 767px) { 
	#g-extension .size-50 { flex: auto; }
	.bluebox, .brownbox { margin-left: 0; margin-right: 0px; }
}


/************ SECTIONS  ************/
#g-extension a { color: white; }
#g-extension a:hover { color: #062E44; }
#g-extension .button { background: #E1DDBF; color: #062E44;}


#g-footer a, #g-footer h1, #g-footer h2, #g-footer h3, #g-footer h4, #g-footer h5, #g-footer h6 { color: white; }

#g-footer h3 { border: none; }
#g-footer h4 { margin-bottom: 0px; }
#g-footer h5 { margin-top: 0px; padding-top: 0px;}

#g-utility h5 { background: none; color: #062E44; margin-top: 0px; padding-top: 0px;}
#g-extension { padding-top: 40px;}
#g-bottom .g-grid { padding: 3vw 0; }


.sprocket-strips-c-container { margin: 0 -4%;}
.sprocket-strips-c-container .sprocket-strips-c-block:nth-child(1) .sprocket-strips-c-image { border-color:  #062E44;}
.sprocket-strips-c-container .sprocket-strips-c-block:nth-child(2) .sprocket-strips-c-image { border-color:  #4C837A;}
.sprocket-strips-c-container .sprocket-strips-c-block:nth-child(3) .sprocket-strips-c-image { border-color:  #665848;}

.sprocket-strips-c-container .sprocket-strips-c-block:nth-child(1) .sprocket-strips-c-title { color:  #062E44;}
.sprocket-strips-c-container .sprocket-strips-c-block:nth-child(2) .sprocket-strips-c-title { color:  #4C837A;}
.sprocket-strips-c-container .sprocket-strips-c-block:nth-child(3) .sprocket-strips-c-title { color:  #665848;}

#g-utility .cols-3 .sprocket-strips-c-block { width: 31%;}
#g-utility .sprocket-strips-c-block:nth-child(1) { margin: 0 10px 0 0;}
#g-utility .sprocket-strips-c-block:nth-child(2) { margin: 0 10px 0 0;}
#g-utility .sprocket-strips-c-block:nth-child(odd) .sprocket-strips-c-item { background: none;}
#g-utility .sprocket-strips-c-block:nth-child(even) .sprocket-strips-c-item { background: none;}


/************ ROTATOR  ************/
.bigarrows .layout-slideshow .sprocket-features-arrows .arrow { color: rgba(255,255,255,.8); }
.fullwidthrotator.sidegradient .layout-slideshow .sprocket-features-content {
	background: linear-gradient(to right, rgba(6,46,68,.8), rgba(6,46,68,.7), rgba(0,0,0,0));
}

.sidegradient .sprocket-features-desc  > .readon { display: table; margin-top: 10px;}

.layout-slideshow .sprocket-features-title { margin-bottom: 0px;}
.fullwidthrotator.sidegradient .layout-slideshow .sprocket-features-content { padding-top: 0px;}

@media only screen and (max-width: 767px) {
	.fullwidthrotator.sidegradient .layout-slideshow .sprocket-features-content	{ background: rgba(6,46,68,1); } 
	.fullwidthrotator.superwiderotator .layout-slideshow .sprocket-features-img-container { padding-bottom: 70vw;}
	.fullwidthrotator.superwiderotator .layout-slideshow .sprocket-features-content { width: 100%;}
	.fullwidthrotator.superwiderotator .layout-slideshow .sprocket-features-content { right: 0; height:  70vw; overflow: auto}
	.fullwidthrotator.superwiderotator .sprocket-features-pagination { display: none; }
	.layout-slideshow .sprocket-features-title { margin-bottom: 0px; padding-bottom: 0px;}
	
	.mobilesidebyside.centerverhoz h4.sprocket-strips-title a { padding-left: 40vw;}
	.overlaybackpic .sprocket-strips-content { background: rgba(6,46,68,.2); }
}	


/************ NEWS  ************

/************ MOBILE  ************/
.g-offcanvas-toggle { color:white }

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