- @import url('//fonts.googleapis.com/css?family=Lato:400,400i,700,700i|Rufina:400,700');
/************
TEMPLATE NOTES

Navy: #001940; rgba(0,25,64,1)
Gold: #BEA546; rgba(190,165,70,1)
Light Yellow: #F2EDDA; rgba(242,237,218,1)

font-family: 'Lato', sans-serif;
font-family: 'Rufina', serif;
************/
body { color: #333; font-size: 1.1rem; 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; font-size: 1.1rem;  font-family: 'Lato', sans-serif; }

h1 {color: #001940; font-size: 2.5rem; font-family: 'Rufina', serif;}
h2, .page-header h2 { color: #001940; font-size: 2rem; border-bottom: 1px solid #BEA546;  line-height: 1.3; margin: 0; padding: 0; font-family: 'Rufina', serif;}
h2.smaller { font-size: 1.5rem;}
h3 {color: #BEA546; font-size: 2rem; font-family: 'Rufina', serif;}
h4 {background: #001940; font-size: 1.75rem;color: white; border-radius: .2rem; padding: .1rem .4rem; font-family: 'Rufina', serif;}
h5 {color: #BEA546; font-size: 1.5rem; text-transform: uppercase; font-family: 'Rufina', serif;}
h6 {color: #001940; font-size: 1.6rem; font-style: italic;}
a { color: #BEA546; }
a:hover {color: #777; }

@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: #001940;
}

/************ HOMELAYOUT *********/
.homelayout .hiddenhome { display: none; }
p.buttonheading { margin: 0; padding: 0; }

.homelayout #g-feature {background: url(../images/template/cross.jpg) 95% 95% no-repeat; background-size: 14%; }
.homelayout h3.g-title {color: #001940;  border-bottom: 2px solid #BEA546; text-align: center; line-height: 1;  margin-bottom: 1.5rem; padding-bottom: 5px; font-size: 2rem;}

#g-extension, #g-feature {padding: 0 3%;}
#g-top, #g-slideshow, #g-above, #g-footer {padding: 0 7%;}
#g-feature .platform-content {padding-bottom: 0; }

#g-footer {border-top: none; }
#g-footer p, #g-footer a {color: #001940; }
#g-footer a:hover { color: #F2EDDA; }
#g-footer .platform-content:first-child { padding-bottom: 0; margin-bottom: 0px; }
#g-footer .platform-content:last-child { padding-top: 0; margin-top: 0px; }

@media only screen and (max-width: 767px) {
	.homelayout #g-feature {background: url(../images/template/cross.jpg) 100% 100% no-repeat; background-size: 40%; }
}


.hero img {
	height: 16vw;}

/************ MODULES  ************/
.moduletable .nav.menu, .moduletable .unstyled { background: #001940; }
.moduletable .nav.menu li.current.active a, .moduletable .nav.menu li a:hover {
	color: #001940;
	background: #BEA546;
}

.fancytable th {color: white; padding: 5px; background: #001940; border: 1px solid #001940;}
.fancytable td {padding: 5px 10px; border: 1px solid #001940;}

/************ TOP ****************/
@media only screen and (max-width: 767px) {
	.g-logo img { width: 85%;}
	.logo-top .g-content.g-particle { margin-bottom: 0px; padding-bottom: 0px; }
}

        /*TOP ICONS*/
#g-top .align-y { display: flex; align-items: center; }
#g-top .align-right.icons { display: flex; justify-content: flex-end; }
#g-top .g-iconmenu {display: flex; width: 100%;  margin: 0 0 0 auto;}
#g-top .g-iconmenu > a  { color: #001940;  flex:1; border-left: 2px #001940 solid; padding: 10px 25px;}
#g-top .g-iconmenu > a:hover { color: rgba(0,25,64,.25); }
#g-top .g-iconmenu > a:first-child { border-left: none;}
#g-top .g-iconmenu span { display: block; text-align: center; }
#g-top .g-iconmenu .g-iconmenu-text {  line-height: 1.1; font-size: 1rem; font-weight: bold; }
#g-top .g-iconmenu .g-iconmenu-icon {  font-size: 1.3rem; padding-bottom: 10px; }
#g-top .g-iconmenu img { height: 3vw; padding-bottom: 20px;}
#g-top .g-iconmenu img:hover { opacity: 0.25; }

@media only screen and (max-width: 767px) {
	#g-top .icons .g-content.g-particle { margin: 0px; padding-top: 1rem; }
	#g-top .align-y { display: flex; align-items: center; justify-content: center; }
	#g-top .align-right.icons { justify-content: center; }
	#g-top .g-iconmenu {width: 100%; }
	#g-top .g-iconmenu img { height: 10vw;}
	#g-top .g-iconmenu .g-iconmenu-text {  font-size: 1rem; }
}

/************ NAVIGATION *********/
#g-navigation { padding: 0 4%;}
#g-navigation .g-content { margin: 0; padding: 0;}
.g-main-nav .g-toplevel > li > .g-menu-item-container, .g-main-nav .g-toplevel > li:hover > .g-menu-item-container, .g-main-nav .g-toplevel > li.active > .g-menu-item-container { color: white; }
.g-main-nav .g-standard > .g-dropdown, .g-main-nav .g-fullwidth > .g-dropdown { margin-top: 0px;}
.g-main-nav .g-toplevel > li:hover, .g-main-nav .g-toplevel > li.active {   background: rgba(255,255,255,0.25); }
.g-main-nav .g-sublevel > li:hover, .g-main-nav .g-sublevel > li.active {   background: rgba(255,255,255,0.25); }
#g-navigation { padding-bottom: 0px; }
#g-navigation .g-container {width: 100%; padding: 6px;}
.g-main-nav .g-toplevel > li > .g-menu-item-container { text-align: center;  padding: 0.625rem 0.75rem;  }
.g-main-nav .g-toplevel > li.g-parent .g-menu-parent-indicator {display: none; }
.g-main-nav .g-toplevel > li > .g-menu-item-container, .g-main-nav .g-sublevel > li > .g-menu-item-container {font-size: 1.1rem; }

.g-main-nav ul.g-toplevel {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-around;
}
.g-main-nav .g-standard .g-fade.g-dropdown { z-index: 10;}
.g-main-nav .g-dropdown { border-radius: 0 0 6px 6px;}
.g-main-nav .g-fullwidth .g-dropdown > .g-dropdown-column:nth-child(1) {padding-left: 4vw;}
.g-main-nav .g-fullwidth .g-dropdown > .g-dropdown-column:last-child {padding-right: 4vw;}

.g-main-nav .g-standard > .g-dropdown.g-dropdown-right, .g-main-nav .g-fullwidth > .g-dropdown.g-dropdown-right { left: 0; }

@media only screen and (max-width: 767px) {
	.g-offcanvas-toggle { top: 20px; left: 20px; }
}

.g-dropdown-column .g-menu-item-type-heading .g-menu-item-title, .g-dropdown-column .menuheading .g-menu-item-title  {text-transform: uppercase; text-decoration: underline; }
.g-main-nav .g-sublevel {vertical-align: top;}
#g-navigation .g-grid { align-items: flex-start;}
.g-main-nav .g-sublevel > li > .g-menu-item-container {
    padding-top: .2rem; padding-bottom: .2rem;}
.g-main-nav .g-sublevel > li {margin: 0.125rem 0.9375rem;}

/************ SLIDESHOW **********/
/************ HEADER  ************/
        /*ROTATOR*/
.layout-showcase { margin: 0; }

#g-showcase.g-flushed { padding: 2% 8%!important; }

.arrows-active .sprocket-features-list { margin: 0;}
.layout-showcase .sprocket-features-list {overflow: hidden; }

.sprocket-features-img-container img {
	object-fit: cover;
	object-position: center;
	height: 37vw !important;
	width: 63vw !important;
}
.pagination-active { margin-bottom: 0px;}
.pagination-active .sprocket-features-pagination { bottom: 0px; left:auto; right:50px;}
.layout-showcase .sprocket-features-pagination li { padding: 10px; }

.sprocket-features-container {display: flex; align-items: center; }
.sprocket-features-img-container {width: 63vw !important; order:2;}
.sprocket-features-content {flex:1; order:1; height: 37vw !important; padding: 3vw 5vw; float: none !important;}
.sprocket-features-content {background: url(../images/template/mass-times.jpg) 50% 0% no-repeat !important; background-size: cover !important;}

h2.sprocket-features-title,
.sprocket-features-desc h1,
.sprocket-features-desc h2,
.sprocket-features-desc h3,
.sprocket-features-desc p,
.sprocket-features-desc a { color: white; }

.sprocket-features-img-container { margin-right: 0; }
.layout-showcase .sprocket-features-img-container img { float: none; margin-left: 0px; border-radius: 0; }
.layout-showcase .sprocket-features-img-container { margin-bottom: 0px; float: none;}

.sprocket-features-desc p, .sprocket-features-desc h2{ color: white; }

h2.sprocket-features-title, .sprocket-features-desc h2 {
	font-weight: normal;
	font-size: 2.1vw !important;
	border-bottom: none;
	padding: 8px 0 0 0;
	margin: 0;
}

.sprocket-features-desc p {
	font-size: 1.5vw;
	line-height: 1.3;
	padding: 0;
	margin-bottom: 10px;
}
h2.sprocket-features-title a { border: none;}

.sprocket-features-desc .readon { margin-top: 20px; display: block; width: 130px; text-align: center;}
.layout-showcase .sprocket-features-content .readon {margin-top: 0px; }

.layout-showcase .sprocket-features-desc > span.roksprocket-ellipsis {color: white; }

#g-showcase a.button, #g-showcase a.readon {color: white; margin-top: 10px; border: 1px rgba(177,199,225,0.25) solid;}
#g-showcase a.button:hover,  #g-showcase a.readon:hover {background: #b1c7e1; color: #023f7a; }
.layout-showcase .sprocket-features-list li {  transition: opacity 1s ease-in-out !important;  }

@media only screen and (max-width: 767px) {
	#g-showcase .g-grid .g-block .g-content { margin: 0; padding: 0; }
	#g-showcase.g-flushed { padding: 0!important; }
	.sprocket-features-container {flex-direction:column;}
	h2.sprocket-features-title, .sprocket-features-desc h2 { font-size: 1.6rem!important; padding: 3% 0 0 0;}
	.sprocket-features-desc p { font-size: 1.1rem; padding-bottom: 2%; }
	.sprocket-features-img-container {margin-right: 0px;}
	.sprocket-features-content {
		width:  100% !important;
		padding: 0 20px;
		min-height: 70vw !important;}
	.sprocket-features-arrows { display: none;}
	.sprocket-features-img-container { order:1;}
	.sprocket-features-content { order:2;}
	.sprocket-features-img-container img {height: 56vw !important; width: 100% !important; }
	.sprocket-features-img-container { width: 100% !important;}
	#g-navigation > .g-container > .g-grid { padding: 0;}
	.layout-showcase .sprocket-features-img-container img { margin: 0; border: none;}
	.layout-showcase .sprocket-features-list li { padding: 0; background: #ACA485; }
	#g-showcase span.button a,  #g-showcase a.readon {color: white; }
}

/************ ABOVE **************/
        /*QUICKLINKS*/
.qlexpandingborder h4.sprocket-strips-title {background: none;}
.sprocket-strips-content h4 {background: none;}
        
.qloverlaybackpic .sprocket-strips-content {	background: rgba(0,25,64,.7); }
.qloverlaybackpic .sprocket-strips-content:hover {background: rgba(0,25,64,.9);}
        
@media only screen and (max-width: 767px) {
    .qloverlaybackpic .sprocket-strips-content, .qloverlaybackpic .sprocket-strips-content:hover { background: rgba(0,25,64,.7); }
    .qloverlaybackpic li {background: rgba(0,25,64,.7);}
    .qloverlaybackpic li:hover {background: black;}

	.heightvw8 .sprocket-strips-item, .heightvw8 .sprocket-strips-s-item img, .heightvw8 .sprocket-strips-image-overlay img {height: 13vw;}
}

/************ FEATURE ************/
		/*PARISH NEWS SLIDER*/
#g-above .g-content {margin: 0; padding: 2rem 0.9rem; }
.sprocket-accordion-arrow {display: none; }
.active .sprocket-accordion-content { padding: 0 5px; position: absolute; bottom: 10px; }
.sprocket-accordion-content { padding: 0 5px; }
.sprocket-accordion-title { font-family: 'Lato', sans-serif; font-size: 1.1rem; line-height: 1.3; margin: 5px 0 5px 0; }
.active .sprocket-lists-portrait-title { position: relative; top: 50%; transform: translateY(-50%); }
.sprocket-accordion-title a:hover { color: #ddd; }
.sprocket-accordion-title a { pointer-events: none; }
.sprocket-accordion-desc { font-size: 1rem; line-height: 1.3; padding: .1rem 7px; }

h2.sprocket-accordion-title {
	border: none;
	margin: 0; padding: .5rem 7px;
	font-size: 1.5vw;
	line-height: 1.3;
	font-weight: 700;
}

.active h2.sprocket-accordion-title { background: none; color: #001940; }
.sprocket-accordion-content {color: #333; }

.sprocket-accordion-title a {color: #001940; }

.sprocket-accordion-item {
	border-bottom: 2px #BEA546 solid; opacity: 1;
	color: #001940;
	background-image: url(../images/template/article.jpg); background-color: #006633; opacity: 1;
	height: auto !important;
	background-position: 50% 20%;
	}

.sprocket-accordion-content .readon {background: #001940; padding: 0.5rem 1rem; }
.sprocket-accordion-content .readon:hover {background: #777; }

.sprocket-accordion-item.active { height: 280px !important; box-shadow: 0px -2px 20px rgba(0,0,0,0.1);    border-radius: 4px;}

.sprocket-accordion-item:not(.active) {background: white !important; transition: all .4s ease-in;}
.sprocket-accordion-item:not(.active) .sprocket-accordion-title a {color: #001940; font-weight: 400;}
.sprocket-accordion-item:not(.active) .sprocket-accordion-content { background: white; padding: 0px;}
.sprocket-accordion-item:not(.active) .sprocket-accordion-desc { display: none;}
.sprocket-accordion-container {background: transparent; }

.sprocket-accordion-overlay { background: linear-gradient(to top, rgba(255,255,255,0.95) 30%, rgba(255,255,255,0.75) 80%, rgba(255,255,255,0.25) 100%); }

@media only screen and (max-width: 767px) {
	h2.sprocket-accordion-title, .active h2.sprocket-accordion-title {font-size: 1.3rem; }
}

        /*LIVE STREAM*/
.stream img:hover { opacity: 0.75; }

@media only screen and (max-width: 767px) {
	.stream img { width: 50%; margin: 0 auto; }
	.stream p { text-align: center; }
}

        /*FIND US ON SOCIAL MEDIA ICONS*/
#g-feature .g-iconmenu {display: flex; width: 100%;  margin: 0 0 0 auto; }
#g-feature .g-iconmenu > a  { color: #001940;  flex:1; }
#g-feature .g-iconmenu > a:hover { color: rgba(0,25,64,.25);; }
#g-feature .g-iconmenu span { display: block; text-align: center; }
#g-feature .g-iconmenu .g-iconmenu-icon {  font-size: 1.5rem; padding-bottom: 10px; }
#g-feature .g-iconmenu img { height: 3.5vw; padding-bottom: 20px; }
#g-feature .g-iconmenu img:hover { opacity: 0.25;}

@media only screen and (max-width: 767px) {
	#g-feature .icons .g-content.g-particle { margin: 0px; padding-top: 1rem; }
	#g-feature .g-iconmenu {width: 100%; }
	#g-feature .g-iconmenu:last-child { width: 67%; margin: 10px auto 0 auto; }
	#g-feature .g-iconmenu img { height: 12vw;}
	#g-feature .g-iconmenu .g-iconmenu-text {  font-size: 2vw; }
}

        /*MISSION*/
.mission {padding: 0 7%;}
.mission h2 { font-size: 2rem; padding-bottom: 20px; border: none; }
.mission h2:after {
    content: "";
    display: block;
    margin: 0 auto;
    width: 75%;
    padding-top: 20px;
    border-bottom: 2px solid #BEA546;
}
#g-feature { padding-bottom: 35px; }

@media only screen and (max-width: 767px) {
	.mission h2 {font-size: 1.5rem;}
	.mission h2:after {width: 100%;}
}

/************ EXTENSION **********/
        /*FORMED, READINGS, CULTURE*/
#g-extension { padding-top: 2%; }
#g-extension img { width: 90%; box-shadow: 0px 0px 15px rgba(0,0,0,0.3); }
#g-extension h2 {margin: 1rem 0 0.5rem 0; border-bottom: none; }
#g-extension p.slimtext { margin: 0 2.2rem 1.5rem 2.2rem; }
#g-extension ul.newsfeed { margin-top: 0; }

/************ BOTTOM *************/
        /*BOTTOM ADS*/
#g-bottom {padding: 0;}		
#g-bottom .g-content { margin-bottom: 0; padding-bottom: 0; }

/************ FOOTER *************/
#g-footer a {color: white;}

        /*SOCIAL MEDIA ICONS WHITE*/
.g-social a { color: white; }
.g-social a:hover { color: #108093 !important; }

        /*FOOTER ICONS*/
.footer-icons .g-content { margin: 0 0 0.625rem 0; padding: 0 0 1.5rem 0; }
#g-footer .g-iconmenu { display: flex; width: 100%; justify-content: space-between; }
#g-footer .g-iconmenu > div  { color: #001940; border-left: 2px #001940 solid; display: flex; justify-content: center; align-items: center; }
#g-footer .g-iconmenu > div:nth-child(1) { flex-grow: 1; }
#g-footer .g-iconmenu > div:nth-child(2) { flex-grow: 1; }
#g-footer .g-iconmenu > div:nth-child(3) { flex-grow: 1; }
#g-footer .g-iconmenu > div:nth-child(4) { flex-grow: 2.5; justify-content: start; padding-left: 15px; }
#g-footer .g-iconmenu > div > a  { color: #001940; text-align: center; padding: 0 10px; }
#g-footer .g-iconmenu > div > a:hover { rgba(0,25,64,.25); }
#g-footer .g-iconmenu > div:first-child { border-left: none;}
#g-footer .g-iconmenu span { display: inline-block; }
#g-footer .g-iconmenu .g-iconmenu-text {  line-height: 1.1; font-size: 1rem; font-weight: bold; }
#g-footer .g-iconmenu .g-iconmenu-icon {  font-size: 1.5rem; padding-right: 10px; }
#g-footer .g-iconmenu img { height: 1.5rem; padding-bottom: 3px; }
#g-footer .g-iconmenu img:hover { color: #fff /*opacity: 0.25;*/}
#g-footer .g-icons a { padding: 0 7px ; }


@media only screen and (max-width: 767px) {
	.footer-icons .g-content { margin: 0.625rem 0 0 0; padding: 0 0 0.5rem 0;}
	#g-footer .g-grid:first-child .g-block:last-child .g-content { margin-top: 0px; padding-top: 0px; margin-bottom: 0px; padding-bottom: 0px; }
	#g-footer .g-iconmenu {  margin-bottom: 35px; justify-content: space-evenly; }
	#g-footer .g-iconmenu > div:nth-child(1) { padding-left: 20px; }
	#g-footer .g-iconmenu .g-iconmenu-icon { padding-right: 0; }
	#g-footer .g-icons { display: flex; width: 100%; justify-content: space-evenly; }
	#g-footer .g-icons .g-iconmenu-text {  line-height: 1.1; font-size: 1rem; font-weight: bold; }
	#g-footer .g-icons .g-iconmenu-icon {  font-size: 1.5rem; padding-right: 0; }
	#g-footer .g-icons img { height: 1.5rem; padding-bottom: 3px; }
	#g-footer .g-icons img:hover { opacity: 0.25; }
	#g-footer .g-icons > a:hover { color: rgba(0,25,64,.25)	}

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



/************ SECTIONS ************/


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

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

/************ CENTER SOCIAL MEDIA VERTICALLY  ************/
.g-block.size-5 { display: flex; justify-content: center; align-items: center; }

/************ OFFCANVAS MENU  ************/
.g-offcanvas-toggle { color: #001940; }
#g-offcanvas #g-mobilemenu-container .g-toplevel > li > .g-menu-item-container > .g-menu-item-content, #g-offcanvas #g-mobilemenu-container .g-sublevel > li > .g-menu-item-container > .g-menu-item-content {font-weight: normal; }
#g-offcanvas #g-mobilemenu-container ul > li > a.g-menu-item-container:hover {background: rgba(255,255,255,0.25); }
#g-offcanvas #g-mobilemenu-container ul > li.g-menu-item-link-parent > .g-menu-item-container > .g-menu-parent-indicator {border: none; background: none; }
#g-offcanvas #g-mobilemenu-container ul > li.g-menu-item-link-parent > .g-menu-item-container > .g-menu-parent-indicator:hover {border: none; background: none; }

#g-feature:before { border: none; }

/************ SUBPAGES ***********/
        /*FLOCKNOTE WIDGET*/
button {padding: 10px; }