/************ COLORS & FONTS *********/
:root { --main-color: #163259; } /* Blue */
:root { --accent-color: #A01D21; } /* Red */
:root { --secondary-color: #F3D272; } /* Yellow */
:root { --base-font-color: #333; } 

body {color: #232529; }

/* DEFAULT FOR ALL */
h1, h2, h3, h4, h5, h6 { margin: .75rem 0; line-height: 1.3; font-weight: normal;}

/* SIZES */
h1 {font-size: 2.5rem; }
h2, h3, h4, h5, h6 { font-size: 2rem;}

/* FONTS */
body, p, h6 { /*font-family: Arimo, sans-serif; */ }
h1, h2, h3, h4, h5 { /*font-family: Adamina, serif*/ }

/* STYLING */
h1, .page-header h1 {color: #163259; font-size: 3.5rem; border-bottom: 5px #ddd solid; }
h2 {color: #163259; font-size: 2.5rem; border-bottom: 1px solid #232529;}
h3 {color: #A01D21; font-size: 2rem;}
h4 {background: #163259; font-size: 1.75rem;color: white; border-radius: .2rem; padding: .1rem .4rem;}
h5 {color: #163259; font-size: 1.5rem; text-transform: uppercase;}
h6 {color: #232529; font-size: 1.5rem;}
a {color: #A01D21; }

blockquote {
  color: #232529;     
  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, .readmore { 
  color: white; 
  font-size: 1rem;
  font-weight: normal;
  background: #163259; 
  padding: .7rem 1.3rem; 
  border-radius: .5rem; 
  display: inline-block;
  text-transform: none; 
  font-weight: 500;
  font-weight: bold ;
  line-height: 1.125rem;
  border: none;
  transition: all .2s ease-in;
}
.readon, .readmore  a {color: white !important;}

.readon:hover, .readmore:hover  {background: #777; color: white;}

.button .btn { 
  color: #000; 
  font-size: 1rem;
  font-weight: normal;
  background: transparent; 
  padding: .7rem 1.3rem; 
  border-radius: 2rem; 
  display: inline-block;
  text-transform: uppercase; 
  font-weight: 500;
  font-weight: bold ;
  line-height: 1.125rem;
  border: 1px solid #000;
  transition: all .2s ease-in;
}
/**.button .btn a {color: white !important;}**/

.button:hover, .btn:hover {background: #A01D21; color: white; border: 1px solid #A01D21;}



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

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

/************ HIDDEN  ************/
/*.homelayout .hiddenhome { display: none; }
.homelayout .visiblehome { visibility: visible !important; }
.visiblehome { display: none; }*/

/************ HEADER AND MENU  ************/
/* MENU IN FLEX TABLE  - OPTIONAL CSS 
.g-main-nav ul.g-toplevel {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-around;
}*/
.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-menu-item-content {
	font-weight: bold;
	font-family: "EB Garamond", Times;
}

  
  
.g-main-nav .g-toplevel > li > .g-menu-item-container { font-size: 1.17vw; }
/*26b13d507d3f2a25d6f4031c1a70d5c9*/


.g-main-nav .g-toplevel > li > .g-menu-item-container, .g-main-nav .g-sublevel > li > .g-menu-item-container {
padding: 0.225rem 0.225rem;}

.outlined .g-menu-item-container {
border-radius: .5rem; 
  border: 1px solid;}

@media only all and (max-width: 59.938rem) and (min-width: 48rem) {
	.g-main-nav .g-toplevel > li > .g-menu-item-container {font-size: 1.1vw; padding: 0.625rem 0.725rem;}
}

.g-main-nav .g-sublevel > li > .g-menu-item-container { padding: .4rem 0; }

.g-main-nav .g-toplevel {
	display: flex;
    gap: 1rem;
    justify-content: flex-end;
    padding-left: 2%;
}

#g-navigation > .g-grid:nth-child(2) {
	padding-bottom: 29px;
}

#g-navigation .g-content {
	margin: 0 !important;
}

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

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

.homelayout #g-navigation { 
	position: absolute;
    z-index: 10;
    left: 0;
    right: 0;
}

#g-navigation { border-bottom: 4px #A01D21 solid; padding-bottom: 0px;}
.section-paddings, #g-navigation {padding: 0 2.5%;}

.outline-14 #g-navigation a { color: white; }

.g-main-nav .g-toplevel > li:hover, .g-main-nav .g-toplevel > li.active {   background: rgba(0,0,0,.1); }
.g-main-nav .g-sublevel > li:hover, .g-main-nav .g-sublevel > li.active {   background: rgba(0,0,0,.1); }
.g-main-nav .g-sublevel > li > a.g-menu-item-container:hover { background: rgba(0,0,0,0.1); }

.homelayout #g-navigation .g-social a {color: #163259; }
.homelayout #g-navigation .g-social a:hover {color: #A01D21 !important;  }
.g-social .fa-fw {width: 1em;}


.homelayout #g-navigation .toprightlinks a { color: #A01D21; font-size: .9rem;}
.homelayout #g-navigation .toprightlinks a:hover { color: #163259;}
#g-navigation .toprightlinks a { color: white; font-size: .9rem;}
#g-navigation .toprightlinks a:hover { color: #F3D272;}

#g-slideshow { padding: 0; }
#g-slideshow .g-content { padding: 0; margin: 0; }
#g-navigation .g-content { margin: -1.1rem 0 8px 0; padding: 0;}

/*#g-navigation > .g-grid:first-child { position: absolute; top: 0; right: 20px; }*/
#g-navigation > .g-grid:first-child > .g-block > .g-content { margin: 0px 0 0 0;}

@media only screen and (max-width: 767px) {	
	.g-logo img { width: 80%;} 
	.homelayout #g-navigation { position: relative; }
	#g-navigation .g-content { margin: 0.625rem; padding: 0;}
}
@media only all and (max-width: 74.938rem) and (min-width: 60rem){
.g-main-nav {
    white-space: inherit;}
}


.g-offcanvas-toggle { top:10px; left: 5px; padding-left: 0;}
.homelayout .g-offcanvas-toggle { color: #163259;}
.g-offcanvas-toggle { color: white;}

#g-mobilemenu-container {margin: -1.525rem;}
#g-offcanvas #g-mobilemenu-container .g-toplevel > li.active > .g-menu-item-container > .g-menu-item-content {color: rgba(255, 255, 255, 0.7);}
#g-offcanvas #g-mobilemenu-container .g-toplevel > li:hover > .g-menu-item-container > .g-menu-item-content {color: rgba(255, 255, 255, 0.7);}
#g-offcanvas #g-mobilemenu-container ul > li:hover > .g-menu-item-container > .g-menu-item-content {color: rgba(255, 255, 255, 0.7);}
#g-offcanvas #g-mobilemenu-container ul > li.active > .g-menu-item-container > .g-menu-item-content {color: rgba(255, 255, 255, 0.7);}
#g-offcanvas a:hover {color: rgba(255, 255, 255, 0.7);}


/************ MISSION STATEMENT AREA  ************/
#g-header { 
	background: #163259 url(../images/template/pattern-mission.png) 0 0 no-repeat;  
	background-size: cover;
}
/*************Header Banner - White strip*************************/
#g-header .banner { 
	background: #fff 0 0 no-repeat;
   background-size: cover;
  padding: 0;
  margin: 0;
}

#g-header .banner .g-content {padding-top: 0; padding-bottom: 0;}

.site-1-home #g-header {
  padding: 0;
}


#g-header h3 { color: white; font-size: 2.65rem; font-weight: bold; margin: 0;}
#g-header h5 { color: white; font-size: 1.8rem; font-family: "Open Sans"; text-transform: none; font-style: italic; margin: 0; line-height: 1.2; padding-bottom: 35px;}
#g-header p { font-size: 1.1rem;}

@media only screen and (min-width: 1200px) {}

@media only screen and (min-width: 768px) and (max-width: 959px) {}

@media only screen and (max-width: 767px) {
	#g-header h3 {  font-size: 1.65rem; }
	#g-header h5 { font-size: 1.4rem; }
	#g-header p { font-size: .85rem;}
}


/************ ALERT AREA (RED BACKGROUND) ************/
#g-above { background: #163259 url(../images/template/pattern-hiddenarticle.jpg) 0 0 no-repeat;  
background-size: cover; margin-top: 15px; }
#g-above h2.contentheading { color: white; text-align: center; border-bottom: 1px #ffffff solid; font-weight: normal; }
#g-above > .g-grid > .g-block > .g-content { padding-top: 0px; padding-bottom: 0px; margin: 0;}
#g-above .button, #g-above .readon { background: none; border: 1px #ffffff solid;}
#g-above .button:hover, #g-above .readon:hover { background: #163259; }
#g-above .mod_placehere_leading.even { padding-bottom: 20px; }
#g-above > .g-grid > .g-block > .g-content {color: #fff}
#g-above .sprocket-strips-p-text h1, #g-above .sprocket-strips-p-text h3, #g-above h4.sprocket-strips-p-title, #g-above .sprocket-strips-p-text h5, #g-above .sprocket-strips-p-text h6, #g-above .sprocket-strips-p-text p { color: white; }

@media (max-width: 767px) and (min-width: 481px){
.sprocket-strips-p-container .sprocket-strips-p-block {width: 100%;}}

/*************Utility - yellow strip*************************/
.imgshadow td a:hover img {box-shadow: 0px 0px 10px rgb(0 0 0 / 30%);}

#g-utility .g-content {padding: 0.5rem;}
#g-utility p {margin: 0;}
#g-utility .button {color: #313259; border: 1px solid #313259; font-size: 1.1rem;}
#g-utility .button:hover {color: #ffffff;}

/************ 3 quicklink boxes  ************

#g-feature .button { background: none; border: 1px #A01D21 solid; color: #A01D21;}
#g-feature .button a { color: #A01D21; }
#g-feature .button:hover { background: #A01D21; color: #ffffff;}
#g-feature .button:hover a { color: #ffffff;}

TURNED RESOURCE BUTTONS NOV 2023
**/

#g-feature:before { display: none; } 
#g-feature { padding-top: 3%; }
#g-feature h4.sprocket-strips-p-title { background: none; color: #163259; }
#g-feature h4.sprocket-strips-p-title a { color: #163259; }
#g-feature h4.sprocket-strips-p-title a:hover { color: #163259; }
#g-feature .sprocket-strips-p-block { margin-bottom: 5%; padding: 0 2%; }
#g-feature .sprocket-strips-p-item {
	display: flex; flex-direction: column;
	background: #163259;
	border-radius: 0.5rem;
	box-shadow: 0px 0px 10px rgba(0,0,0,0.25);
	/*height: 525px;*/
}

#g-feature .sprocket-strips-p-item img::before { color: rgba(22,50,89,0.25); }
#g-feature .sprocket-strips-p-item img {
	order: 1;
	width: 100%;
	max-width: 100%;
	height: 250px;
	margin-right: 0;
	border-radius: 0.5rem 0.5rem 0 0;
	object-position: 0 10%; object-fit: cover;
	float: none;
	margin-bottom: 0px;
	opacity: 0.95;
}

#g-feature .sprocket-strips-p-content {
	order: 2;
	padding: 20px 30px; margin: 0;
	background: white;
	height: 250px;
	border-radius: 0 0 0.5rem 0.5rem; 
	overflow: hidden;
}

#g-feature .sprocket-strips-p-content > a.readon { position: absolute; top: 0; right:0; bottom: 0; left: 0; background: none; display: flex; justify-content: center; align-items: center; }
#g-feature .sprocket-strips-p-item { position: relative; }
#g-feature .sprocket-strips-p-item .readon { padding: 0; margin: 0; font-size: 2rem; font-family: 'Crimson Text', serif; }
#g-feature .sprocket-strips-p-item .readon:hover { background: rgba(22,50,89,0.75);}
#g-feature .sprocket-strips-p-item .readon span { flex: 1; text-align: center; transition: all .2s ease-in; opacity: 0; }
#g-feature .sprocket-strips-p-item .readon:hover span { opacity: 1; }
#g-feature .sprocket-strips-p-pagination li { padding: 6px !important; border-radius: 0; background: #303882; }
#g-feature .sprocket-strips-p-arrows .arrow { background: rgba(22,50,89,0.35); color: #303882; }

@media only screen and (max-width: 767px) {
	#g-feature .sprocket-strips-p-arrows .arrow { margin-left: 25px; }
	#g-feature .sprocket-strips-p-container .sprocket-strips-p-block { width: 100%; }
	#g-feature .sprocket-strips-p-block { margin-bottom: 40px; }
}





/************ NEWS AND EVENTS  ************/
#g-extension a { color: #F3D272; }
.active .portrait-image { width: 100%; display: block;}
.portrait-image { display: none;}
.portrait-image img { width: 100%;}
.portrait-image { float: none;}
.sprocket-lists-portrait-title { font-family: "Open Sans"; }
#g-extension a:hover { color: white; } 

#g-extension h3.g-title { color: white; border-bottom: 1px #ffffff  solid; line-height: 1.2; margin-bottom: 0; padding-bottom: .3rem;}
.active h4.sprocket-lists-portrait-title { background: linear-gradient( rgba(255,255,255,0), #163259 30px); margin-top: -10px; margin-bottom: 0px; font-size: 1rem !important; margin-left: 0px; margin-right: 0px; padding: 20px 0 10px 0;}
.portrait-text { margin: 0;}
.sprocket-lists-portrait-title { font-size: 1rem !important; margin: 0; font-weight: bold;}

/************ BLOG FEED  ************/
#g-extension .feed-link a { color: white; font-weight: 700; line-height: 1.2;}
#g-extension .feed-link a:hover { color: #F3D272;}
.feed-item-description { font-size: .8rem; font-weight: 300;}
ul.newsfeed { list-style-type: none; margin-left: 0px;}
.newsfeed li { border-bottom: 1px #ffffff solid; padding-bottom: 10px;margin-bottom: 10px;} 

/************ UPCOMING EVENTS  ************/
#g-extension { background: #163259 url(../images/template/background.png) 100% 100% no-repeat; }
.rme-badge { background: white; border-radius: 15px; color: #A01D21; padding: 5px 0px; width: 55px; float: none; margin-bottom: 0px;}
.rme-items { display: block;}
.rme-items li { display: flex; }
.rme-description { flex: 1;}
.rme-day, .rme-month { text-transform: none;}
.rme-title { font-size: 1rem; font-weight: normal;}
.rme-time { font-size: .9rem; font-weight: 300;}

.rme-items li { background: none; border: none; margin-left: 0px; margin-right: 0px; padding-left: 0px; padding-right: 0px;}

.centered { align-items: center; justify-content: space-around; }
.centered p { margin: 0;}
.centered div { text-align: center; }

/************ FOOTER  ************/
#g-footer a { color: #163259; }
#g-offcanvas #g-mobilemenu-container { font-weight: normal; font-size: .9rem;}
#g-footer a:hover { color: #A01D21;}
#g-footer .allblack a { color: #000000; font-weight: normal; }
#g-footer a.button { background: #A01D21; border-radius: 25px; padding: 15px 35px; font-size: 1.5rem; color: white;}
#g-footer a.button:hover { background: #163259; }
#g-footer {    
	border-top: 3px solid #a01d21;
    margin-top: 5px;
}
#g-feature {
	border-bottom: 3px solid #a01d21;
    margin-bottom: 5px;
}

.outline-14 #g-footer a { color: white; }
.outline-14 #g-footer a:hover { color: #F3D272; }
#g-footer a.button:hover { background: white; color: #a01d21; }

#g-footer a .fa.fa-lock { color: #fff; }
#g-footer a:hover .fa.fa-lock { color: #777; }


/************ SUBPAGES  ************/
.page-header h2 { margin-top: 0px;}
#g-mainbar > .g-grid > .g-block > .g-content { padding-top: 0px;}
.outline-14 #g-page-surround { background: url(../images/template/pattern-background.png) 0 0 repeat; }



/****** MINISTRIES PAGES ***********************/
/************ CMS3 MINISTRY LAYOUT  ************/
.threecolpics .item { display: flex; flex-direction: column; }
.threecolpics .item .item-image { order: 1; }
.threecolpics .item .page-header { order: 2; }
.threecolpics .item p { order: 3; }
.threecolpics .pull-left.item-image { margin: 0; padding: 0;}
.threecolpics .pull-left.item-image img { border: 1px #000000  solid; border-radius: 5px;}

.page-header h2 { line-height: 1.2; padding-bottom: .2rem; margin-bottom: .2rem; border: none;}

/************ ROTATOR  ************/
.layout-slideshow h2.sprocket-features-title { padding: 0px; border: none; color: white; margin-bottom: 0px; text-shadow: 1px 1px 2px rgba(0,0,0,.5), 0px 0px 10px rgba(0,0,0,0.75), 1px 1px 20px rgba(0,0,0,0.2); }
.sprocket-features-desc p { color: white; font-size: 1.15rem; line-height: 1.2; text-shadow: 1px 1px 2px rgba(0,0,0,.5), 0px 0px 10px rgba(0,0,0,0.75), 1px 1px 20px rgba(0,0,0,0.2);}
.sprocket-features-desc a { color: white; }
.sprocket-features-desc .button { color: white; background: none; margin-top: 10px; border: 1px white solid; }
.sprocket-features-desc .button:hover { color: white; background: #163259; margin-top: 10px; border: 1px white solid;}

.sprocket-features-img-container img { height: 56vw !important; object-fit: cover; 	object-position: center; }

.layout-slideshow .sprocket-features-title, .layout-slideshow .sprocket-features-desc { background: rgba(0,0,0,0); }
.layout-slideshow .sprocket-features-content { position: absolute; top: 65%; left: 7%; display: flex; flex-direction: column;}


@media only screen and (max-width: 767px) {
	/*.layout-slideshow .sprocket-features-content { bottom: 0; left: 15px; width: 100%; position: relative; min-height: 250px; }*/
	 .sprocket-features-desc .button { padding: 0.5rem 1.15rem;}
	.layout-slideshow .sprocket-features-content { 
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		background: rgba(0,0,0,0.2);
		padding: 4vh 1vh 1vh 2vh;
		width: 100%;
		}
	.sprocket-features-desc p { font-size: 1rem; }
	.sprocket-features-img-list { background:#9f1d21; border-bottom: 15px white solid;}
	/*.sprocket-features-arrows { display: none;}*/
	.layout-slideshow h2.sprocket-features-title { font-size: 1.5rem;}
}


/************ BIGGER ARROWS ON SLIDESHOW ************/
.layout-slideshow .sprocket-features-arrows .arrow span { font-size: 6rem; line-height: 0px; width: 25px;}

.sprocket-features.layout-slideshow.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-slideshow.arrows-onhover .sprocket-features-arrows .arrow { font-size: 5rem; }
.arrows-active .sprocket-features-img-list {margin: 0px; }
.arrows-onhover .sprocket-features-arrows .arrow.prev span { margin-left: 0;}
.arrows-onhover .sprocket-features-arrows .arrow.next span { margin-right: 0;}


@media only screen and (max-width: 767px) {
	/*.sprocket-features-pagination, .sprocket-features-arrows { display: none;}*/
	.layout-slideshow .sprocket-features-arrows .arrow span { font-size: 3.75rem; }
}

/************ RED BACKGROUND EVENTS ARTICLES  ************/
.containpicheight .sprocket-strips-p-item img { height:  250px; width: auto;}
h4.sprocket-strips-p-title { background: none; border-bottom: 1px white solid; font-size: 2rem;} 
h4.sprocket-strips-p-title a { color: white; } 


/************ COLORS & FONTS *********/
:root { --main-color: #163259; } /* Blue */
:root { --accent-color: #A01D21; } /* Red */
:root { --secondary-color: #F3D272; } /* Yellow */
:root { --base-font-color: #333; } 

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