@import url('//fonts.googleapis.com/css?family=EB+Garamond:400i|Lato:400,400i,700|Marcellus|Marcellus+SC|Pinyon+Script&display=swap');

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

TEMPLATE NOTES

Blue: #003E7E; rgba(0,62,126,1)
Gold: #C4960C; rgba(196,150,12,1)
Light Gray: #F2F2F2; rgba(242,242,242,1)

font-family: 'Pinyon Script', cursive;
font-family: 'EB Garamond', serif;
font-family: 'Marcellus', serif;
font-family: 'Lato', sans-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 { font-family: 'Pinyon Script', cursive; color: #003E7E; font-size: 3.5rem; }
h2, .page-header h2 { font-family: 'Marcellus', serif; color: #C4960C; font-size: 2rem; border-bottom: 1px solid #333;  line-height: 1.3; margin: 0; padding: 0;}
h3 { font-family: 'EB Garamond', serif; font-style: italic; color: #003E7E; font-size: 2.25rem;}
h4 { font-family: 'EB Garamond', serif; background: #F2F2F2; font-size: 2rem; color: #003E7E; border-radius: .2rem; padding: .1rem .4rem;}
h4.regular {background: none; font-size: 1.5rem; color: #C4960C; text-transform: uppercase; font-family: 'EB Garamond', serif; font-weight: 400; }
h5 { font-family: 'Marcellus SC', serif; color: #C4960C; font-size: 1.75rem; }
h5.regular { font-family: 'Marcellus SC', serif; color: #003E7E; font-size: 1.75rem; }
h6 {color: #003E7E; font-size: 1.5rem; font-family: 'Pinyon Script', cursive; line-height: 1; }
h6.regular {color: #003E7E; font-size: 1.6rem; font-style: italic; font-family: 'Lato', san-serif;}

a { color: #003E7E; }
a:hover { color: #C4960C; }

blockquote {
	color: #333;     
	padding: 0 0 0 15px;
	margin: 0 0 20px;
	border-left: 5px solid #d5d5d5;
	font: italic 16px/22px Georgia, Serif;
	line-height: 1.2;
	font-size: 1.3rem;
}

address {
	font-style: italic;
	font-weight: bold;
	font-size: 1.2rem;
	line-height: 1.2;
}

/************ BUTTONS  ************/
.readon, .button, a.button, .btn, p.readmore .btn   { 
  color: #C4960C; 
  font-size: 1rem;
  text-transform: none;
  font-weight: normal;
  background: white; 
  padding: .7rem 1.3rem; 
  margin: 0;
  display: inline-block;
  line-height: 1.125rem;
  border: 1px #C4960C solid;
  transition: all .2s ease-in;
  border-radius: 0; 
}
.bigbutton {
  color: #C4960C; 
  font-size: 2rem;
  text-transform: none;
  font-weight: normal;
  background: white; 
  padding: .7rem 1.3rem; 
  margin: 0;
  display: inline-block;
  line-height: 1.125rem;
  border: 1px #C4960C solid;
  transition: all .2s ease-in;
  border-radius: 0; 
}


.readon:hover, .button:hover, .btn:hover,  p.readmore .btn:hover, .bigbutton:hover { background: #C4960C; color: white; border: 1px #C4960C solid; }

.btn .icon-chevron-right { display: none;}

/************ TABLES  ************/
.fancytable th {color: white; background: #003E7E; border: 1px solid #003E7E;}
.fancytable td { border: 1px solid #003E7E;}

/************ ALERT ************/
.alert .g-content {padding: 0; margin: 0;}
.alert {border: none; padding: 0; margin: 0; background-color: #FFCFCF; color: #FF0000;}
.alert h1, .alert h2, .alert h3, .alert h4, .alert h5, .alert h6, .alert p { margin-left: 20px; color: red; background: transparent;}
#g-navigation { padding-bottom: 0px; }

/************ HERO IMAGE ************/
.hero p { margin: 0; }
.hero img { height: 27vw; object-fit: cover; width: 100%; }

@media only screen and (max-width: 767px) { 
	.hero img { height: 24vw; }
}

/************ HOMELAYOUT  ************/
.homelayout .hiddenhome { display: none; }
p.buttonheading { margin: 0; padding: 0; }
#g-feature:before { border: none; }

/************ HEADER ************/
.g-logo img { width: 80%; }

@media only screen and (max-width: 767px) {
	#g-top .g-content { padding: 0.5rem 0.25rem 0.25rem 0.25rem; }
	.g-logo img { width: 70%;} 
}

/************ MENU OVERLAYS ROTATOR & HERO ************/
#g-slideshow { position: absolute; z-index: 11; left: 0; right: 0; }

@media only screen and (max-width: 767px) { 
	#g-slideshow { position: relative; }
}

/************ MENU  ************/
.homelayout #g-slideshow { background: rgba(255,255,255,0.8); }
#g-slideshow { padding-top: 10px; padding-bottom: 10px; }
#g-slideshow .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: #003E7E; }
.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,.2); }
.g-main-nav .g-sublevel > li:hover, .g-main-nav .g-sublevel > li.active { background: rgba(0,0,0,.2); }
.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; font-family: 'Marcellus', serif; }

.g-main-nav ul.g-toplevel {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
}
.g-main-nav .g-standard .g-fade.g-dropdown { z-index: 10;}
.g-main-nav .g-dropdown { border-radius: 0 0 6px 6px; background: #003E7E url(../images/template/swirl-menu.png) 10% 100% no-repeat; }
.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; }
}

/************ FIXED MENU ************/
.fixed #g-slideshow > .g-grid:first-child > .g-block { 
	z-index: 100; 
	position: fixed; top:0; left: 0; right: 0; 
	background: rgba(255,255,255,0.85);
	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; }

/************ SIDE MENU  ************/
#g-aside .moduletable[class*="box"] { padding: 0; }
#g-aside .g-content { padding-left: 0; padding-right: 0px;}
.moduletable .nav.menu li a { width: 100%; border-radius: 0; padding: 10px 20px; color: white; font-weight: normal;}
.moduletable .nav.menu li{ transition: all .2s ease-in; border-radius: 3px; width: 100%; padding: 0; margin: 0;}
.moduletable .nav.menu, .moduletable .unstyled { border: none; padding: 0; margin: 0; display: block;  background: #003E7E;  border-radius: 0; }
.moduletable .nav.menu li:last-child {  padding-bottom: 0;  margin-bottom: 30px;}
.moduletable .nav.menu .nav-child li:last-child {  margin-bottom: 0px;}
.moduletable .nav .nav-child { margin-top: 0px;}
.moduletable .nav.menu .nav-child li { border: none; margin-left: 20px; padding-right: 20px;}

.moduletable .nav.menu li.current.active a, .moduletable .nav.menu li a:hover { 
	color: white;
	background: #C4960C;
	font-weight: normal;
}

#g-container-main { margin: 0; padding: 0 10%; }
/*.outline-10 #g-container-main { margin: 0; padding: 0 8%; }*/
#g-header .g-content, #g-expanded .g-content { padding: 0; margin: 0;}
#g-mainbar .g-content { margin: 0; padding: 0 20px; }
#extensionb {padding: 2% 0;}
/*.extensionb {overflow: visible;}*/
.minus10, .platform-content .moduletable.minus10  {  margin: 0 calc(-10vw - 20px); }
.plus10, .platform-content .moduletable.plus10 {  margin: 0 10vw; }
.fullwidthpic { width: 100%;}

@media only screen and (max-width: 767px) {
	#g-container-main { margin: 0; padding: 0 5%; }
	
}

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

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

/************ OFFCANVAS MENU  ************/
.g-offcanvas-toggle {color: #003E7E; }
#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-menu-item-title {color: white; }
#g-offcanvas #g-mobilemenu-container ul > li > a.g-menu-item-container:hover {background: rgba(0,0,0,0.15); }
#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-offcanvas #g-mobilemenu-container .g-toplevel > li.g-menu-item.g-menu-item-type-particle.g-menu-item---particle-ni9YP.g-standard { display: none; }

@media only screen and (max-width: 767px) {
	#g-slideshow { background: none !important; padding: 0; }
}
/************ ROTATOR - FULL WIDTH AND FULL HEIGHT ************/
#g-header { padding: 0; }
#g-header .sprocket-features-list li .sprocket-features-container { width: 100%; height: 87vh!important; overflow: hidden; position: relative; }
#g-header .arrows-active .sprocket-features-list { margin-left: 0px; margin-right: 0px;}
#g-header .sprocket-features-list li .sprocket-features-container .sprocket-features-img-container { position: absolute; top: 0; right: 0; left: 0; bottom: 0; z-index: 1; }
#g-header .sprocket-features-list li .sprocket-features-container .sprocket-features-content {  
	background: rgba(0,0,0,0.25); 
	overflow: hidden;
	position: absolute;  
	z-index: 2;
	top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
}
#g-header .layout-showcase .sprocket-features-img-container img { float: none; width: 100%;  height: 100vh !important; object-fit: cover; object-position: center; }
#g-header .layout-showcase .sprocket-features-pagination li { padding: 10px; background: white; }
#g-header .pagination-active .sprocket-features-pagination { bottom: 15px; }
#g-header .pagination-active { margin-bottom: 0px; }

#g-header .sprocket-features-desc h1 { font-size: 6vw; margin: 0; line-height: 1; }
#g-header .sprocket-features-desc h3 { font-size: 4vw; margin: 0; line-height: 1; margin-top: -7px; }
#g-header .sprocket-features-desc h5 { font-size: 4vw; margin: 0; line-height: 1; }
#g-header .sprocket-features-desc p { font-size: 1.5vw; font-family: 'Marcellus', serif; }
#g-header .sprocket-features-desc a { color: white; }
#g-header .sprocket-features-desc a:hover { color: #C4960C; }
#g-header .sprocket-features-desc h1,
#g-header .sprocket-features-desc h2, 
#g-header .sprocket-features-desc h3, 
#g-header .sprocket-features-desc h4, 
#g-header .sprocket-features-desc h5, 
#g-header .sprocket-features-desc h6, 
#g-header .sprocket-features-desc p { color: white; border: none; text-shadow: 0px 0px 15px rgba(0,0,0,0.75); }

@media only screen and (max-width: 767px) {
	#g-header .sprocket-features-list li .sprocket-features-container { height: 85vh !important; }
	#g-header .sprocket-features-desc h1 { font-size: 13vw; }
	#g-header .sprocket-features-desc h3 { font-size: 8vw; }
	#g-header .sprocket-features-desc h5 { font-size: 8vw; }
	#g-header .sprocket-features-desc p { font-size: 5vw; }
	#g-header .rotatorflextable td {display: block;
    table-layout: auto;
    width: 100%;
    border: none;
    margin: 0;}
}

/************ BIGGER ARROWS ON SLIDESHOW ************/
.sprocket-features.layout-showcase.arrows-active.arrows-onhover .sprocket-features-arrows .arrow { 	background: none; box-shadow: none; color: white; text-shadow: 2px 2px 5px rgba(0,0,0,0.75); }
.sprocket-features.layout-showcase.arrows-active.arrows-onhover .sprocket-features-arrows .arrow { font-size: 5rem; }
.arrows-active .sprocket-features-list {margin: 0px; }
.arrows-onhover .sprocket-features-arrows .arrow.prev { margin-left: 0;}
.arrows-onhover .sprocket-features-arrows .arrow.next { margin-right: 0;}

@media only screen and (max-width: 767px) {
	.sprocket-features-pagination, .sprocket-features-arrows { display: none;}
}

/************SECOND rotator --- slideshow 4.7.21**********************/
#g-showcase .layout-slideshow .sprocket-features-content {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0px;
    padding: 15px 0 15px 40px;
    width: auto;
    background: linear-gradient(to right, rgba(0, 62, 126, .7) 40%, rgba(0, 62, 126, .5) 65%, rgba(255,255,255,0));
    display: flex;
    justify-content: center;
    flex-direction: column;
}


#g-showcase .layout-slideshow .sprocket-features-title,
#g-showcase .layout-slideshow .sprocket-features-desc,
#g-showcase .sprocket-features-desc h1,
#g-showcase .sprocket-features-desc h2,
#g-showcase .sprocket-features-desc h3,
#g-showcase .sprocket-features-desc h4,
#g-showcase .sprocket-features-desc h5,
#g-showcase .sprocket-features-desc h6,
#g-showcase .sprocket-features-desc p {
    background: rgba(0,0,0,0);
    color: #ffffff;
}

#g-showcase .fwrwide .layout-slideshow .sprocket-features-img-container img {
    height: 42vw !important;
}

@media only screen and (max-width: 767px){
	#g-showcase .fwrsuperwide .layout-slideshow .sprocket-features-content, 
	#g-showcase .fwrwide .layout-slideshow .sprocket-features-content, 
	#g-showcase .fwrultrawide .layout-slideshow .sprocket-features-content {
		height: 42vw;}
	#g-showcase .layout-slideshow .sprocket-features-content {padding: 15px 0 15px 15px;
		position: absolute;
		top: 42vw;
		bottom: auto;
		left: 0px;
		right: 0px;
		padding: 10px;
		width: 100%;
		background: rgba(0, 62, 126, 1);
		display: block;
		justify-content: auto;
		flex-direction: column;	}
	#g-showcase .layout-slideshow .sprocket-features-desc,
	#g-showcase .sprocket-features-desc h1,
	#g-showcase .sprocket-features-desc h2,
	#g-showcase .sprocket-features-desc h3,
	#g-showcase .sprocket-features-desc h4,
	#g-showcase .sprocket-features-desc h5{
		font-size: 1.5rem;}
	#g-showcase .sprocket-features-desc h6,
	#g-showcase .sprocket-features-desc p {
		font-size: 1.2rem;}	
}




/************ MISSION ************/
#g-above { text-align: center; }
#g-above h3 { font-size: 1.75rem; margin-bottom: 25px; }
#g-above p { margin-bottom: 0; }
#g-above img { width: 150px; }
#g-above:after { content: ""; display: block; margin: 0 auto; width: 750px; border-bottom: 2px solid rgba(0,62,126,0.5); margin-bottom: 4%; }

@media only screen and (max-width: 767px) {
	#g-above:after { width: 350px; }
}

/************ UPCOMING EVENTS ************/
/* .homelayout #g-showcase { padding: 0 10% 6% 10% !important; } */
/* .homelayout #g-showcase .g-content { margin: 0 0.625rem !important; padding: 0 1.5rem !important; } */
#g-showcase { background: url(../images/template/swirl-left.png) 0% 0% no-repeat, url(../images/template/swirl-right.png) 100% 0% no-repeat; }
.home-title h1 { font-size: 6rem; }
.home-title span.gold-title { font-family: 'Marcellus', serif; color: #C4960C; font-size: 3rem; margin-left: -13px; }
#g-showcase h4.sprocket-strips-p-title { background: none; font-style: italic; padding: 0; margin: 0; line-height: 1.1; }
#g-showcase .sprocket-strips-p-text p { margin-bottom: 0.7rem; }
#g-showcase .sprocket-strips-p .roksprocket-ellipsis { display: none; }
#g-showcase a.readon { margin-top: 0px; padding: 0; color: #003E7E; border: none; background: none; text-transform: uppercase; }
#g-showcase a.readon:hover { color: #C4960C; }
#g-showcase .sprocket-strips-p-pagination li { padding: 6px !important; border-radius: 0; background: #003E7E; }
#g-showcase .sprocket-strips-p-arrows .arrow { background: #003E7E; color: white; }
.events-modules .platform-content:first-child { margin: 0; padding: 0; }
.events-modules .platform-content:last-child { margin: 0; padding: 1.5rem 0 0 0; }
.events-modules .platform-content:last-child p { text-align: center; margin-bottom: 0px; }
.events-modules .platform-content:last-child a.button { text-transform: uppercase; letter-spacing: 1px; }

@media only screen and (max-width: 767px) {
	#g-showcase .sprocket-strips-p-arrows .arrow { margin-left: 25px; }
	#g-showcase .sprocket-strips-p-container .sprocket-strips-p-block { width: 100%; }
	.home-title h1 { font-size: 11vw; text-align: center; }
	.home-title span.gold-title { font-size: 7vw; margin-left: -5px; text-align: center; }
	#g-showcase { background: url(../images/template/swirl-left.png) 0% 0% no-repeat; }
}

@media only all and (max-width: 59.938rem) and (min-width: 48rem) {
	.homelayout #g-showcase { padding: 0 2% 10% 2% !important; }
}

@media only all and (max-width: 47.938rem) {
	.homelayout #g-showcase { padding: 0 0% 15% 0% !important; }
}




/************ JOYFULLY SERVING THE KING ************/
.homelayout body, .homelayout html { height: 100%; }
#g-utility { padding: 0; background-color: white; background-image: url(../images/template/joyfully-serving.jpg);
	background-attachment: fixed; background-position: 100% 0%; background-repeat: no-repeat; background-size: cover; }
.photo-title { height: 57vh; position: relative; text-align: center; color: white; background: rgba(0,0,0,0.25); }
.photo-title a { height: 57vh; position: absolute; top: 0; right: 0; bottom: 0; left: 0; 
	display: flex; justify-content: center; align-items: center; color: white; }
.photo-title a:hover { background: rgba(0,62,126,0.25); }
.photo-title-text { font-family: 'EB Garamond', serif; font-style: italic; font-size: 4vw; text-shadow: 0px 0px 15px rgba(0,0,0,0.75); }
.photo-title-subtext { font-family: 'Marcellus', serif; font-size: 2vw; text-shadow: 0px 0px 15px rgba(0,0,0,0.75); }
#g-utility .fa.fa-youtube-play { font-size: 4vw; text-shadow: 0px 0px 15px rgba(0,0,0,0.75); }

@media only screen and (max-width: 767px) {
	.photo-title-text { font-family: 'EB Garamond', serif; font-style: italic; font-size: 9vw; }
	.photo-title-subtext { font-family: 'Marcellus', serif; font-size: 6vw; }
	#g-utility .fa.fa-youtube-play { font-size: 10vw; }
	#g-utility { background: url(../images/template/joyfully-serving.jpg) 50% 0% no-repeat !important; background-size: cover !important; }
}

/************ MEET THE SISTERS ************/
#g-feature { padding-top: 3%; padding-bottom: 3%; background: url(../images/template/swirl-left.png) 0% 0% no-repeat, url(../images/template/swirl-right.png) 100% 0% no-repeat; }
#g-feature .g-content { margin-bottom: 0px; padding-bottom: 0px; margin-top: 0px; padding-top: 0px; }
#g-feature h1 { margin: 0; }
#g-feature h4.sprocket-strips-s-title { background: none; padding: 0; font-style: italic; font-size: 1.75rem; text-align: center; margin: 0; }
#g-feature .sprocket-strips-s-content a.readon { display: none; }
#g-feature .sprocket-strips-s-arrows .arrow  { background: none; color: #C4960C; width: auto; height:  auto; border-radius: 0; opacity: 0.75; }
#g-feature .sprocket-strips-s .sprocket-strips-s-nav .arrow { position: absolute; top: 40%; }
#g-feature .sprocket-strips-s-arrows .arrow:before { border-top: 15px solid transparent; border-bottom: 15px solid transparent; }
#g-feature .sprocket-strips-s-arrows .next:before { border-left: 15px solid; }
#g-feature .sprocket-strips-s-arrows .prev:before { border-right: 15px solid; }
#g-feature .sprocket-strips-s .sprocket-strips-s-nav .arrow.next { right: -50px; }
#g-feature .sprocket-strips-s .sprocket-strips-s-nav .arrow.prev { left: -50px; }

@media only screen and (max-width: 767px) {
	#g-feature { padding-top: 10%; padding-bottom: 20%; background: url(../images/template/swirl-right.png) 100% 0% no-repeat; }
	#g-feature .g-content { padding: 0; }
	#g-feature h1 { margin: .75rem 0; }
	#g-feature .sprocket-strips-s .sprocket-strips-s-nav .arrow.next { right: 40%; }
	#g-feature .sprocket-strips-s .sprocket-strips-s-nav .arrow.prev { left: 40%; }
	#g-feature .sprocket-strips-s .sprocket-strips-s-nav .arrow { top: 100%; }
	#g-feature .sprocket-strips-s-container .sprocket-strips-s-block { width: 46%; }
	#g-feature .sprocket-strips-s-container { padding: 0 0 0 2%; }
	#g-feature .sprocket-strips-s-content { margin-top: 0px; }
	#g-feature h4.sprocket-strips-s-title { font-size: 1.4rem; }
	#g-feature .sprocket-strips-s-container > li:nth-child(1) { margin: 0 7px 0 0; }
	#g-feature .sprocket-strips-s-container > li:nth-child(2) { margin: 0 0 0 7px; }
	#g-feature .sprocket-strips-s-container > li:nth-child(3) { margin: 0 7px 0 0; }
	#g-feature .sprocket-strips-s-container > li:nth-child(4) { margin: 0 0 0 7px; }
}

/************ VIEW ALL COMMUNITY PROFILES ************/
#g-expanded { padding: 0; background-color: white; background-image: url(../images/template/community.jpg);
	background-attachment: fixed; background-position: 100% 50%; background-repeat: no-repeat; background-size: cover; }
	
@media only screen and (max-width: 767px) {
	#g-expanded { background: url(../images/template/community.jpg) 50% 0% no-repeat !important; background-size: cover !important; }
}
#g-extension { padding-top: 1%; padding-bottom: 1%; padding-left: 0; padding-right: 0; background: url(../images/template/swirl-left.png) 0% 0% no-repeat, url(../images/template/swirl-right.png) 100% 0% no-repeat; }
#g-extension .g-content { margin: 0; padding: 0; }


#g-bottom .platform-content:first-child {margin-bottom: 0; padding-bottom: 0; margin-top: 0.5rem; padding-top: 1rem;}
#g-bottom .platform-content:last-child {margin-top: 0; padding-top: 0; margin-bottom: 0.5rem; padding-bottom: 1rem;}

/************ RESOURCES ADDED TO HOMEPAGE LATER *************/
#g-bottom .resources-module .sprocket-strips-item {height: 15vw;}
#g-bottom .resources-module .sprocket-strips-text a, #g-bottom .resources-module .sprocket-strips-text h3, #g-bottom .resources-module .sprocket-strips-text p {color: white;}
#g-bottom .resources-module .sprocket-strips-content {background: rgba(0,0,0,0.25); height: 15vw; text-align: center;}
#g-bottom .resources-module .sprocket-strips-item a.readon, #g-bottom  .resources-module .sprocket-strips-text .button {background: transparent; color: white; border: none; text-transform: uppercase; }
#g-bottom a.readon:hover, #g-extension .button:hover {background: #C4960C;}
#g-bottom .resources-module .sprocket-strips-container.cols-3 .sprocket-strips-item {height: 17vw;}
#g-bottom .resources-module .sprocket-strips-container.cols-3 .sprocket-strips-content {height: 17vw;}


@media only screen and (max-width: 767px) {
	#g-bottom .resources-module .sprocket-strips-item {height: 15rem;}
	#g-bottom .resources-module .sprocket-strips-content {height: 15rem;}
	#g-bottom .resources-module .sprocket-strips-container.cols-3 .sprocket-strips-item {height: 17rem;}
	#g-bottom .resources-module .sprocket-strips-container.cols-3 .sprocket-strips-content {height: 17rem;}
}


/************ LATEST NEWS & MEDIA ************
#g-extension .sprocket-strips-item { height: 22vw; }
#g-extension .sprocket-strips-container { display: flex; justify-content: center; }
#g-extension .sprocket-strips { position: relative; }
#g-extension .sprocket-strips-item { background: url(../images/template/article.jpg) 0 0 no-repeat;  position: relative;  box-shadow: none; }
#g-extension .sprocket-strips-content > a.readon { position: absolute; top: 0; right:0; bottom: 0; left: 0; background: none; display: flex; justify-content: center;  align-items: center; }
#g-extension .sprocket-strips-item a.readon { padding: 0; margin: 0; border: none; color: white; }
#g-extension .sprocket-strips-item .readon:hover { background: rgba(0,62,126,0.9); font-family: 'EB Garamond', serif; font-style: italic; }
#g-extension .sprocket-strips-item .readon span  { flex: 1; text-align: center; transition: all .2s ease-in; opacity: 0; color: white; font-family: 'EB Garamond', serif; font-style: italic; font-size: 2rem; }
#g-extension .sprocket-strips-item .readon:hover span  { opacity: 1; }
#g-extension .sprocket-strips-content h4 { 
	position: absolute; top: 0; left: 0; right: 0; bottom: 0; font-family: 'EB Garamond', serif; font-style: italic; 
	background: rgba(0,0,0,0.3); font-size: 2rem; text-shadow: 0px 0px 10px rgba(0,0,0,.75); margin-bottom: 0px;
	text-align: center; transition: all .2s ease-in; display: flex; align-items: center; justify-content: center; padding: 20px;
}
#g-extension .sprocket-strips-item { box-shadow: none; }
#g-extension .sprocket-strips-content h4 a { color: white; }
#g-extension .sprocket-strips-container > li { margin: 10px 3%;}
#g-extension .sprocket-strips-item:hover .sprocket-strips-content h4 { opacity: 0;}
#g-extension .sprocket-strips-item { background-position: 50% 50%; background-size: cover; }
#g-extension .sprocket-lists-title { padding: 15px 10px !important;}
#g-extension .sprocket-lists-item .sprocket-padding { padding-top: 0px;}

.latest-news .platform-content:first-child { margin: 0; padding: 0; }
.latest-news .platform-content:last-child { margin: 0; padding: 1.5rem 0 0 0; }
.latest-news .platform-content:last-child p { text-align: center; margin-bottom: 0px; }
.latest-news .platform-content:last-child a.button { text-transform: uppercase; letter-spacing: 1px; }

@media only screen and (max-width: 767px) {	
	#g-extension .sprocket-strips-container { display: block; }	
	#g-extension .sprocket-strips .cols-3 > li { width: 100%; float: left; }
	#g-extension .sprocket-features-content img { display: none;}
	#g-extension .sprocket-strips-item { height: 50vw;  }
}

@media only screen and (max-width: 767px) {
	#g-extension { padding-top: 10%; padding-bottom: 10%; background: url(../images/template/swirl-left.png) 0% 0% no-repeat; }
}*/

/************ CONNECT WITH US ************/
#g-bottom { padding-top: 2%; padding-bottom: 3%; background: url(../images/template/swirl-left.png) 0% 0% no-repeat, url(../images/template/swirl-right.png) 100% 0% no-repeat, linear-gradient(0deg, rgba(242,242,242,1) 0%, rgba(255,255,255,1) 100%); }
#g-bottom .g-content { margin-bottom: 0px; padding-bottom: 0px; margin-top: 0px; padding-top: 0px; }
.connect-modules .platform-content { margin: 0; padding: 0; }
#g-bottom .connect-modules .sprocket-strips { position: relative; }
#g-bottom .connect-modules .sprocket-strips-item { height: 30vw; box-shadow: none; position: relative; background-position: 50% 50%; background-size: cover; }
#g-bottom .connect-modules .sprocket-strips .cols-2 > li { width: 47%; }
#g-bottom .connect-modules .sprocket-strips-container > li:nth-child(1) { margin: 0 3% 3% 0; }
#g-bottom .connect-modules .sprocket-strips-container > li:nth-child(2) { margin: 0 0 3% 3%; }
#g-bottom .connect-modules .sprocket-strips-container > li:nth-child(3) { margin: 3% 3% 0 0; }
#g-bottom .connect-modules .sprocket-strips-container > li:nth-child(4) { margin: 3% 0 0 3%; }
#g-bottom .connect-modules .sprocket-strips-content { position: absolute; top: 0; bottom: 0; left: 0; right: 0;  display: flex;
    justify-content: center; align-items: center; text-align: center; background: rgba(0,0,0,0.25); padding: 25px; }
#g-bottom .connect-modules .sprocket-strips-text, #g-bottom .sprocket-strips-text h3  { color: white; text-shadow: 0px 0px 10px rgba(0,0,0,.75); }
#g-bottom .connect-modules .sprocket-strips-text h3 { font-size: 3rem; }
#g-bottom .connect-modules .sprocket-strips-text p { font-size: 1.2rem; }
#g-bottom .connect-modules .sprocket-strips-text a.button { margin-top: 0px; color: white; border: none; background: none; text-transform: uppercase; font-size: 1.2rem; letter-spacing: 1px; }
#g-bottom .connect-modules .sprocket-strips-text a.button:hover { background: #C4960C; }


@media only screen and (max-width: 767px) {
	#g-bottom { padding-top: 0; padding-bottom: 10%; background: url(../images/template/swirl-right.png) 100% 0% no-repeat, linear-gradient(0deg, rgba(242,242,242,1) 0%, rgba(255,255,255,1) 100%); }
	#g-bottom .connect-modules .sprocket-strips-item { height: 60vw; }
	#g-bottom .connect-modules .sprocket-strips .cols-2 > li { width: 100%; }
	#g-bottom .connect-modules .sprocket-strips-container > li { margin: 7% 0 !important; }
	#g-bottom .connect-modules .sprocket-strips-container > li:first-child { margin-top: 0 !important; }
	#g-bottom .connect-modules .sprocket-strips-container > li:last-child { margin-bottom: 0 !important; }
	#g-bottom .connect-modules .sprocket-strips-text h3 { font-size: 2rem; }
	#g-bottom .connect-modules .sprocket-strips-text p { font-size: 1rem; }
}

/************ FOOTER ************/
.homelayout #g-footer { border: none; background: none; }
#g-footer {padding: 0 5%; }
#g-footer { border-top: 10px solid #F2F2F2; }
#g-footer .footer-logo .g-content { margin-left: 0px; padding-left: 0px; }
.footer-middle .platform-content:first-child { margin-bottom: 0px; padding-bottom: 0px; }
.footer-middle .platform-content:last-child { margin-top: 0px; padding-top: 0px; }
#g-footer input[type="search"] { background-color: white; border: 2px solid rgba(0,62,126,0.5); }
#g-footer a.button { background: #C4960C; color: white; }
#g-footer a.button:hover { background: white; color: #C4960C; }

@media only screen and (max-width: 767px) {
	#g-footer .footer-logo .g-content { margin-left: 0.625rem; padding-left: 1.5rem; margin-bottom: 0px; padding-bottom: 0px; } 
	#g-footer .footer-middle .g-content { padding-top: 0.75rem; margin-bottom: 0px; padding-bottom: 0px; } 
	#g-footer .footer-right .g-content { padding-top: 0; } 
	#g-footer p { text-align: center; }
}

/************ ADMIN FOOTER  ************/
#g-copyright .g-block { display: flex; align-items: center; justify-content: flex-end; }
#g-copyright .g-content { margin: 0; padding: 0;}
#g-copyright { margin:  -25px 0 0 0; padding: 0; height:  40px; }
#g-copyright a .fa.fa-lock { color: #003E7E; }
#g-copyright a:hover .fa.fa-lock { color: #C4960C; }

@media only screen and (max-width: 767px) {
	#g-copyright { display: none !important; }
}

/************ ERROR OUTLINE ************/
.homelayout.outline-_error #g-showcase { background: none; margin: 0 !important; padding: 0 !important; }
.homelayout.outline-_error #g-showcase .g-content { margin: 0 !important; padding: 0 !important; }

/************ SUBPAGE STRIPS *************/
.subpagemod .sprocket-strips-item {height: 15vw;}
.subpagemod .sprocket-strips-text a, .subpagemod .sprocket-strips-text h3, .subpagemod .sprocket-strips-text p {color: white;}
.subpagemod .sprocket-strips-content {background: rgba(0,0,0,0.25); height: 15vw; text-align: center;}
.subpagemod .sprocket-strips-item a.readon, .subpagemod .sprocket-strips-text .button {background: transparent; color: white; border: none; text-transform: uppercase; }
.subpagemod a.readon:hover, .subpagemod .button:hover {background: #C4960C;}
.subpagemod .sprocket-strips-container.cols-3 .sprocket-strips-item {height: 17vw;}
.subpagemod .sprocket-strips-container.cols-3 .sprocket-strips-content {height: 17vw;}


@media only screen and (max-width: 767px) {
	.subpagemod .sprocket-strips-item {height: 15rem;}
	.subpagemod .sprocket-strips-content {height: 15rem;}
	.subpagemod .sprocket-strips-container.cols-3 .sprocket-strips-item {height: 17rem;}
	.subpagemod .sprocket-strips-container.cols-3 .sprocket-strips-content {height: 17rem;}
}
/************ SISTERS SUBPAGE STRIPS *************/
.sistersubpagemod .sprocket-strips-item {height: 25vw;}
.sistersubpagemod .sprocket-strips-text a, .sistersubpagemod .sprocket-strips-text h3, .sistersubpagemod .sprocket-strips-text p {color: white;}
.sistersubpagemod .sprocket-strips-content {background: rgba(0,0,0,0.25); height: 25vw; text-align: center;}
.sistersubpagemod .sprocket-strips-item a.readon, .subpagemod .sprocket-strips-text .button {background: transparent; color: white; border: none; text-transform: uppercase; }
.sistersubpagemod a.readon:hover, .sistersubpagemod .button:hover {background: #C4960C;}
.sistersubpagemod .sprocket-strips-container.cols-3 .sprocket-strips-item {height: 17vw;}
.sistersubpagemod .sprocket-strips-container.cols-3 .sprocket-strips-content {height: 17vw;}
.sistersubpagemod .sprocket-strips .cols-2 > li {width: 45%;}
.sistersubpagemod .sprocket-strips-container > li {float: left; margin: 20px 2%; }


@media only screen and (max-width: 767px) {
	.sistersubpagemod .sprocket-strips-item {height: 12rem;}
	.sistersubpagemod .sprocket-strips-content {height: 12rem;}
	.sistersubpagemod .sprocket-strips .cols-2 > li {width: 48%;}
	.sistersubpagemod .sprocket-strips-container > li {float: left; margin: 10px 1%; }
}




/************* HISTORY PAGE *****************/
.historypage #g-menu-overlay { background: url(../images/template/letter.jpg) 100% 0% no-repeat; }

/************ WHO WE ARE *****************/
h1.imagequote {
    color: white;
    margin-top: 8vw;
    z-index: 5;
    position: absolute;
    max-width: 50vw;
	text-shadow: 0 0 10px #000;
}

h5.imagequote {
    color: white;
    margin-top: 20vw;
    z-index: 5;
    position: absolute;
    left: 52%;
	text-shadow: 0 0 10px #000;
}


img.imagequote {
    /*position: absolute;*/
    z-index: 0;
	width: 100%;
    opacity: .75;
}

@media only screen and (max-width: 767px) {
	h1.imagequote {color: white; margin-top: 5vw; z-index: 5; position: absolute; max-width: 84vw; font-size: 8vw;}
	h5.imagequote {margin-top: 36vw; font-size: 4vw; left: 65%;}
}

.eventslayout #g-container-main img {padding-bottom: 65px;}

.historypage #g-container-main { padding-left: 10%; padding-right: 10%; margin: 0; background: url(images/letter.jpg) 0 100% no-repeat; }



/************ SUB PAGES QUOTES AND TITLES ************/
.homelayout .grayback { background: rgba(242,242,242,0.8); padding: 0 20px 0 0; margin-top: 20px; margin-bottom: 20px; }
@media only screen and (max-width: 767px) {
	.homelayout .grayback {padding: 10px; }
}

.grayback { background: rgba(242,242,242,0.5); padding: 20px 0; margin-top: 20px; margin-bottom: 20px; }
.grayback h6 { text-align: center; font-size: 1.75rem;}
.grayback h4 { text-align: center; font-size: 1.2rem; background: none;}
h5.pagetitle { margin-bottom: 0px; z-index: 1; position: relative;  font-size: 2.7rem;}
h6.pagetitle { 
	line-height: .01;
    margin-top: -6px;
    color: rgba(0,62,126, 0.6);
    font-size: 1.7rem;
    z-index: -3;
	background: none;
}
.padright { padding-right: 30px;}
.padleft { padding-left: 30px;}
p.csscode {background-color: #f7f7f7;
	border: 1px solid rgba(0, 0, 0, 0.1);
	padding: 0.938rem; margin: 0 0 1.5rem;
	border-radius: 0.1875rem;
	font-family: "Menlo", "Monaco", monospace;
	clear: both;
} 

hr.cross {  
	background: url(../images/template/cross-icon.png) 50% 50% no-repeat;
    background-size: contain;
	width: 100%;
	height: 50px;
	border: none;
	margin: .5rem 0;
}
hr.short {
    padding: 0;
    margin: 0 auto;
    width: 100px;
}
hr {border-bottom: 2px #003E7E solid;}

.blog .items-row, .item-page .items-row { padding-bottom: 3rem;}
.blog .items-row:last-child, .item-page .items-row:last-child { padding-bottom: 0;}
#g-container-main {background: none; }

.flexrow > .imageside { flex: 1}
.imageside .fullwidth { 
	width: 38vw;
    height: 24vw;
    object-fit: cover;
} 
.flexrow > .moduleside { flex-basis: 35%}

@media only screen and (max-width: 767px) {
	.imageside .fullwidth {
		width: 75vw;
		height: 50vw;	
		margin: auto;
		display: block;
	}
	.imageside .padright { padding-right: 0;}
	.imageside .padleft { padding-left: 0;}
	
}



/**************DONATE PAGE WAYS TO GIVE**************/
/************ SPROCKET LIST  ************/
.sprocket-lists-title { padding: 10px !important; }
.sprocket-lists-title.padding { background: none; }
h4.sprocket-lists-title.padding { background: none; /*color: #251D83;*/ text-shadow: none; border: none; margin: 0;  font-size: 1.4rem !important; }
.sprocket-lists-container li { border-bottom: 1px #251D83 solid;}
.sprocket-lists-container .indicator { background: none; }
.roksprocket-ellipsis::after {  content: ""; clear: both;  display: table; }
.sprocket-lists-pagination li { background: #b9232a; padding: 6px !important; border-radius: 0; }
.sprocket-lists-arrows .arrow {   background: #e3a7aa;   color: #b9232a; line-height: 1;}

/***PORTRAIT THEME LIST ***/
.sprocket-lists-portrait ul .sprocket-lists-portrait-item ul {
    list-style: disc !important;
    margin: 0 0 10px 25px;
}

/***MODERN THEME LIST ***/
.sprocket-lists-modern ul .sprocket-lists-modern-item ul {
    list-style: disc !important;
    margin: 0 0 10px 25px;
}
.sprocket-lists-modern-container li .sprocket-lists-modern-item li {border-bottom: none;}

/***DEAFULT THEME LIST ***/
.sprocket-lists ul .sprocket-lists-item ul {
    list-style: disc !important;
    margin: 0 0 10px 25px;
}
.sprocket-lists-container li .sprocket-lists-item li {border-bottom: none;}







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

TEMPLATE NOTES

Blue: #003E7E; rgba(0,62,126,1)
Gold: #C4960C; rgba(196,150,12,1)
Light Gray: #F2F2F2; rgba(242,242,242,1)

font-family: 'Pinyon Script', cursive;
font-family: 'EB Garamond', serif;
font-family: 'Marcellus', serif;
font-family: 'Lato', sans-serif;

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

/************ UPCOMING EVETNS  ************/
/* .upcomingevents .sprocket-features-img-container img {   object-fit: cover;  object-position: center;  width: 100%; height: 28vw !important;} */

#g-showcase .platform-content {padding: 0; margin: 0;}
#g-showcase h3, #g-extension h6 { color: white; }
#g-showcase hr.short { border-color: white; }

.upcomingevents { background: url(/images/stories/template/christ-the-king.jpg) 100% 50% no-repeat; background-size: cover; background-position: top;  }
.upcomingevents h5 { font-size: 4rem; padding-right: 5px; }

.upcomingevents h5, .upcomingevents h3, .upcomingevents h2 { color:white; text-shadow: 2px 2px 3px rgba(0,0,0,0.45); border-bottom: none;  }
.upcomingevents h2 { color:white; text-shadow: 2px 2px 3px rgba(0,0,0,0.45); border-bottom: 0px solid #333;}
/* .upcomingevents a { color:white !important;} */
.sprocket-features-container, .sprocket-features-content, .sprocket-features-desc { display: flex; }
.sprocket-features-container > div, .sprocket-features-content > div, .sprocket-features-desc > div { flex: 1;  }
.sprocket-features-desc { display: flex; flex-direction: column; justify-content: center; align-items: center; }
.upcomingevents .layout-showcase { background: rgba(88, 102, 124, .75); }
/* .upcomingevents .layout-showcase .sprocket-features-img-container img { margin: 15px 0; } */

.toprightinsection { position: absolute; top:15px; right: 15px; }
.fa-facebook-f:before, .fa-facebook:before { margin-left: .2rem;}


@media only screen and (max-width: 767px) {
	.upcomingevents .layout-showcase .sprocket-features-img-container img { margin: auto; display: block; float: none;}
	.upcomingevents .sprocket-features-container { flex-direction: column; }
	.upcomingevents .sprocket-features-img-container { order: 2; }
	.upcomingevents .sprocket-features-content { order: 1; }
	.upcomingevents .sprocket-features-img-container img { width: 40%; padding-bottom: 10px;}
	.upcomingevents h5 { font-size: 4rem; text-align: center !important; margin-bottom: 0px; line-height: 1; }
	.upcomingevents h2 { margin: .2rem; text-align: center !important; font-size: 1.4rem; } 
	.upcomingevents h3 { margin: .2rem; text-align: center !important; font-size: 1.4rem; } 
}

@media only screen and (max-width: 400px) {
	.upcomingevents h5 { font-size: 3rem; text-align: center !important; margin-bottom: 0px; line-height: 1; }
	.upcomingevents h2 { margin: .2rem; text-align: center !important; font-size: 1.2rem; } 
	.upcomingevents h3 { margin: .2rem; text-align: center !important; font-size: 1.2rem; } 
}

.events-title {
	padding: 0 5% !important;
}

.layout-showcase .sprocket-features-img-container img {
	margin: 0;
	aspect-ratio: 16/9;
	height: 19vw !important;
	object-fit: cover;
	width: 100%;
	border-radius: 10px;
	box-shadow: 0 0 20px rgba(0,0,0,.65);
	border: 3px solid rgba(0, 62, 126,0.5);
}

.upcomingevents .sprocket-features-img-container {
	display: grid;
    justify-content: center;
    align-items: center;
	flex: 0.5;
	padding: 5%;
}

.upcomingevents p {
	margin: 0%;
	line-height: 1.5;
}

.events-title h1 {
	text-align: center;
}

.upcomingevents .readon {
	color: white !important;
	padding: 1rem 1.75rem !important;
	background-color: #003E7E !important;
	box-shadow: 0 0 10px rgba(0,0,0,.65);
	font-size: 1.25rem;
	display: inline-block;
}

.upcomingevents .readon:hover {
	transition: all 200ms ease-in;
	transform: scale(0.97);
}

.upcomingevents .sprocket-features-desc {
	gap: 1rem;
	padding-right: 5%;
}

.eventslayout #g-container-main {
	padding: 5% 10%;
}

.outline-9 #g-container-main {
	padding: 5% 10%;
}

.fwrwide {
	padding: 7% 10% 10% 10% !important;
}

.fwrwide > div {
	border-radius: 10px;
    overflow: hidden;
}

@media (max-width: 767px) {
	.fwrwide .sprocket-features-img-list {
		background-color: #003E7E;
	}

	.upcomingevents .sprocket-features-desc {
		padding: 5%;
	}

	.fwrwide .sprocket-features-desc {
		background-color: #003E7E !important;
	}

	.upcomingevents h5 {
		padding: 0;
		margin: 0;
		line-height: 1.5;
		font-size: 2rem !important;
	}

	.layout-showcase .sprocket-features-img-container img {
		height: auto !important;
		padding: 0;
		width: 90vw !important;
		aspect-ratio: 16/9 !important;
	}

	.upcomingevents > div {
		min-height: 60vh;
	}

}

/* all events button */

.events-button {
	margin-top: 1.5rem !important;
	padding: 1rem 2rem !important;
	font-size: 1.5rem !important;
}

.events-button-module p {
	margin: 0;
}