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

/************ FONTS  ************
Heading and body font: Lato
Welcome - Lato, black (with letter spacing)
Module titles - Lato, bold (with letter spacing)
News titles, Contact titles - Lato, black (with letter spacing)

/************ COLORS  ************
Dark Green: #1C4E1B; rgba(28,78,27,1)
Moss Green: #7A9167; rgba(122,145,103,1)
Light Green: #AFBDA4; rgba(175,189,164,1)
Link Color (the 4th Green, sorry Joel): #5C6D4D; rgba(92,109,77,1)

/************ NOTES ************
*code for the rss fa icon: fa-rss
--- <i class="fa fa-rss" aria-hidden="true"></i>
*code for the search fa icon: fa-search
--- <i class="fa fa-search" aria-hidden="true"></i>
*they have YouTube, too - so please add YouTube fa icon link to the other social media buttons 
************/

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: #001940; font-size: 3.5rem; font-weight: bold; font-family: 'Lato', sans-serif;}
.page-header h1 {text-transform: none; font-size: 3rem;}
h2, .page-header h2 { font-variant-caps: small-caps; color: #450e09; font-size: 2.2rem; font-family: 'Lato', sans-serif;  font-weight: bold;}
h3 { color: #7A9167; font-size: 2rem; /*border-bottom: 1px solid #cdbe79;*/  line-height: 1.3; margin: 0 0 10px 0; font-family: 'Lato', sans-serif; }
h3.wb {background: #7A9167; color: #ffffff; border-bottom: none; font-weight: 400; text-transform: normal; font-size: 2rem; padding: 0.5rem;}
h4 { color: #dbb45a; font-size: 1.8rem; font-family: 'Lato', sans-serif;}
h5 {background: #dbb45a; font-size: 1.75rem;color: white; border-radius: 0; padding: .5rem;}
h6 {color: #450e09; font-size: 1.4rem; text-transform: uppercase; font-weight: bold; }
a { color: #5C6D4D; }
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: #AFBDA4; color: #1C4E1B;
}
a.greensqbtn {    
	color: #1C4E1B;
    font-size: 1rem;
    text-transform: none;
    text-align: center;
    font-weight: normal;
    background: #AFBDA4;
    padding: .7rem 1.3rem;
    border-radius: 0;
    margin: 0;
    display: inline-block;
    line-height: 1.125rem;
    border: 2px solid #AFBDA4;
    transition: all .2s ease-in;
}
.greensqbtn:hover {
	background: transparent !important;
	color: #1C4E1B !important;
}

a.greenblockbtn {    
	color: #1C4E1B;
    font-size: 1rem;
    text-transform: none;
    text-align: center;
    font-weight: normal;
    background: #AFBDA4;
    padding: .7rem 1.3rem;
    border-radius: 0;
    margin: 0;
    display: block;
    line-height: 1.125rem;
    border: 2px solid #AFBDA4;
    transition: all .2s ease-in;
}
.greenblockbtn:hover {
	background: transparent !important;
	color: #1C4E1B !important;
}

/************ HOMELAYOUT *************/
.homelayout #g-container-main {display: none;}
.homelayout h3.g-title {background: #7A9167; color: #ffffff; border-bottom: none; font-weight: 400; text-transform: normal; font-size: 1.5rem; padding: 5px 0;}
.homelayout .button, .homelayout .readon, .homelayout .btn, .homelayout p.readmore .btn, .homelayout .sprocket-lists-portrait-container > li .sprocket-lists-portrait-item > a span, .homelayout .listentobutton.moduletable a {border-radius: 0;}

#g-offcanvas #g-mobilemenu-container ul {background: transparent;}

/************ TOP ********************/
.homelayout #g-navigation {padding: .5vw 0!important; position: absolute; width: 100%; z-index: 10;}

.sticky {
    position: fixed!important;
    top: 0!important;
    width: 100%!important;
    z-index: 100!important;
}

#g-navigation .g-logo img {height: 100px;}
#g-navigation .g-logo {padding: 1vw;}

@media only screen and (max-width: 767px) {
	.homelayout #g-navigation {position: inherit;}
	#g-navigation .g-logo img {height: 35%; width: 35%;}
}

#g-navigation  .g-main-nav .g-sublevel > li > .g-menu-item-container {word-break: break-word;}
#g-navigation a {color: white;}
#g-navigation .g-main-nav .g-sublevel > li > .g-menu-item-container a:hover {color: #dbb45a;}

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

/************ NAVIGATION *************/
#g-navigation {position: relative;}

.g-main-nav .g-dropdown {border: 1px solid white; }
.g-main-nav .g-toplevel > li:hover, .g-main-nav .g-toplevel > li.active {border: 1px solid white; }
.g-main-nav .g-toplevel > li, .g-main-nav .g-toplevel > li {border: 1px solid transparent; }
.g-main-nav .g-sublevel > li:hover, .g-main-nav .g-sublevel > li.active {border: 1px solid white; }
.g-main-nav .g-sublevel > li, .g-main-nav .g-sublevel > li {border: 1px solid transparent; }

/************ SHOWCASE ***************/

/*************mobile logo*********************/
#g-slideshow .g-logo img {width: 150px;}

.fwrotator .layout-slideshow .sprocket-features-content {top: 0; width: 100%; height: 100%; bottom: auto; left: auto; right: auto; text-align: center; padding-top: 19vw; background: rgba(0,0,0,.2);}
.fwrotator .layout-slideshow .sprocket-features-content h2 {font-size: 6vw; text-transform: uppercase; text-shadow: 3px 2px #333; margin-bottom: 2vw;}
.sprocket-features-desc {color: #ffffff;}
.sprocket-features-desc a {color: #ffffff;}
.sprocket-features-desc a:hover {color: #1C4E1B;}
.sprocket-features-desc p {font-size: 2vw; text-shadow: 3px 2px #333;}
.sprocket-features-desc .button {background: transparent; border: 1px solid #ffffff; text-transform: uppercase; border-radius: 0px; color: #ffffff;}
.sprocket-features-desc .button:hover {background: #ffffff; color: #1C4E1B;}
.fwrbigarrows .layout-slideshow .sprocket-features-arrows .arrow {color: rgba(255,255,255, .9); background: #1C4E1B; width: 32px; height: 40px; border-radius: 0;}


@media only screen and (max-width: 767px) {
	.fwrotator .layout-slideshow .sprocket-features-content {padding-top: 0; background: rgba(0,0,0,.3);}
	.fwrotator .layout-slideshow .sprocket-features-content h2 {font-size: 2.5rem;}
	.sprocket-features-desc p {font-size: 1.2rem;}
	.fwrgradientback .layout-slideshow .sprocket-features-title, .fwrgradientback .layout-slideshow .sprocket-features-desc, .fwrotator .layout-slideshow .sprocket-features-title, .fwrotator .layout-slideshow .sprocket-features-desc {padding-left: 0!important;}
	.layout-slideshow .sprocket-features-title {margin: 0; padding: 0;}
	.fwrsuperwide .layout-slideshow .sprocket-features-img-container, .fwrwide .layout-slideshow .sprocket-features-img-container, .fwrultrawide .layout-slideshow .sprocket-features-img-container {padding-bottom: 0;}
}

/************ UTILITY ****************/
		/*Quicklinks*/
.qloverlaybackpic .sprocket-strips-content {background: rgba(28,78,27,.6);}
.qloverlaybackpic .sprocket-strips-content:hover {background: rgba(28,78,27,.9);}
.qlexpandingborder h4.sprocket-strips-title {font-size: 1.5rem;}

@media only screen and (max-width: 767px) {
	.qloverlaybackpic .sprocket-strips-content, .qloverlaybackpic .sprocket-strips-content:hover { background: rgba(28,78,27,.6); }
	.qloverlaybackpic li {background: rgba(28,78,27,1);}
    .qloverlaybackpic li:hover {background: black;}

	.sprocket-strips {margin-top: 5px;}
}

/************ FEATURE ****************/
/************ EXPANDED ***************/
#g-expanded {padding: 0 5%;}
h4.sprocket-lists-portrait-title {text-transform: uppercase; font-weight: bold; color: #1C4E1B;}
.zoompics h4.sprocket-lists-portrait-title {font-size: 1.1rem!important;}

.sprocket-lists-portrait-container > li .sprocket-lists-portrait-item > a span {float: right; padding: 5px 16px;}
.sprocket-lists-portrait-container > li .sprocket-lists-portrait-item > a span:hover {padding: 5px 16px;}
.sprocket-lists-portrait-container li {border-bottom: 1px solid #7A9167;}

.sprocket-lists-portrait-pagination li {background: #AFBDA4;}
.zoompics .sprocket-lists-portrait-arrows .arrow {color: #AFBDA4;}

.contactus h4 {font-size: 1.2rem; color: #333; text-transform: uppercase; font-weight: bold;}
.contactus .button {
	font-size: 1.5rem; 
	color: white; 
	text-transform: none; 
	text-align: center;
	background: #7A9167;
	padding: .7rem 1.3rem;
    border-radius: 0;
    margin: 0;
    display: block;
    line-height: 1.125rem;
    border: 2px solid #7A9167;
    transition: all .2s ease-in;
}

.contactus .button:hover  {
	background: transparent !important;
	color: #1C4E1B !important;
}


@media only screen and (max-width: 767px) {
	.zoompics.noncollapse .sprocket-lists-portrait-item {opacity: 1!important;}
}

.rsphotoblocknews .sprocket-strips-item {background: url(/images/stories/template/default-news.jpg);
	background-size: cover; }


/************ EXTENSION **************/
#g-extension {padding: 0 5%;}
.homelayout #g-extension {background: transparent;}

.latest-podcast img {display: none;}

/************ BOTTOM *****************/
 #g-bottom {margin-top: -42vw; padding-top: 40vw!important; padding-bottom: 2vw!important;}
 #g-bottom {background: url('/images/template/bg-exterior2.jpg') 100% 100% no-repeat; background-size: 50%;}

@media only screen and (max-width: 1020px) {
	 #g-bottom {background-size: 75%;}
}

@media only screen and (max-width: 767px) {
	 #g-bottom {background: none;}
}

/************ FOOTER *****************/
#g-footer {border-top: none; margin-bottom: -25px; padding-top: 25px!important;}
#g-footer .g-social a {margin: 0 5px;}
.footer-text {padding: 0 2%!important;}
.footer-map {padding-top: 2vw!important;}

.adminfootericon {bottom: 250px;}
/*Shalom Media Button*/
.pm_mg-round-button {margin: 0 45px 25px 0;}

.pm_mg-round-button:before {
    position: absolute;
    top: 0px !important;
	left: 0px !important;
}
.pm_mg-round-button:after {
    position: absolute;
    top: 0px !important;
    left: 0px !important;
	opacity: 0;
}

/************ COPYRIGHT **************/
#g-copyright {padding-bottom: 0px;}

/************ MODULES ****************/
.moduletable .nav.menu, .moduletable .unstyled { background: #1C4E1B; }
.moduletable .nav.menu li.current.active a, .moduletable .nav.menu li a:hover {
	color: #1C4E1B;
	background: #AFBDA4;
}
#g-aside h3 {background: #7A9167; color: #ffffff; border-bottom: none; font-weight: 400; text-transform: normal; font-size: 2rem; padding: 0.5rem;}

#g-aside .moduletable[class*="box"] {
    padding: 0.5rem;
	margin: 0;
}


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

/*********PAUL requested the page not have so much margin in the body 5.4.21 **************/
#g-container-main {margin-left: 3%; margin-right: 3%;}
#g-aside {background: transparent;}

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

/************ ADS ********************/
/********** EQUAL TABLES ********************/
.equaltables { width: 100%; display: table; table-layout: fixed;}
.equaltables > div  {	display: table-cell; margin: 10px; width: 2%; border: 10px solid rgba(0,0,0,0); vertical-align: top; word-break: break-word;}

@media only screen and (max-width: 767px){ 
	.equaltables, .equaltables div{ display: block; table-layout:auto; width: 100%; border: none; margin: 0;}
	.equaltables img { display: block; margin: 0 auto;}
}
 
 @media only screen and (max-width: 767px) {
.ministrycontactlayout td img {width: auto;} 
 }
 
 /********** EQUAL TABLES WITH ROWS ********************/
.equaltableswithrows { width: 100%; display: table; table-layout: fixed;}
.tablerow { display: table-row;}
.tablerow > div  {	display: table-cell; margin: 10px; width: 2%; border: 10px solid rgba(0,0,0,0); vertical-align: top;}

@media only screen and (max-width: 767px){ 
	.equaltableswithrows, .tablerow, .tablerow div{ display: block; table-layout:auto; width: 100%; border: none; margin: 0;}
	.equaltables img { display: block; margin: 0 auto;}
	.tablerow  { border-bottom: 1px #000000  solid; margin-bottom: 20px;}
	.tablerow div:first-child { font-weight: bold;}
}

.breadcrumb { padding-bottom: 0px; margin-bottom: 0px;}


/************ FILEMAN PHOTO GALLERY - FOLDERS   ************/
.gallerycolorstrip .k-ui-namespace .koowa_media--gallery .koowa_media__item__content {
	background: none;
	border: none;
	border-radius: 0; 
}

.gallerycolorstrip .k-ui-namespace .koowa_media--gallery .koowa_media__item .koowa_media__item__content:not(.file) .koowa_media__item__link {
	box-shadow: 2px 2px 5px rgba(0,0,0,.2);
	position: relative;
	width: 20vw;
	height: 15vw;
	max-width: 400px;
	max-height: 300px;
	background: url(/images/stories/template/default-photo-gallery.jpg) 0 0 no-repeat;
    background-size: cover; 
	margin-bottom: 2vw;
	transition: all .4s ease-in-out;
}



.gallerycolorstrip .koowa_media {
	display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}

.gallerycolorstrip .k-ui-namespace .koowa_media--gallery .koowa_media__item {
	padding: 0;
	width:  auto;
	max-width:  auto;
}

.gallerycolorstrip .k-ui-namespace .koowa_media--gallery .koowa_media_contents.columns-4 .koowa_media__item {
	width: auto;
}

.gallerycolorstrip .k-ui-namespace .koowa_header {     position: initial;}

.gallerycolorstrip .k-ui-namespace .koowa_media--gallery .overflow_container {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: flex-end;
}

.gallerycolorstrip .k-ui-namespace .koowa_media--gallery .koowa_media__item__content img:not(.k-js-image-preview) {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	object-fit: cover;
	object-position: center;
	width: 20vw;
	height: 15vw;
	max-width: 400px;
	max-height: 300px;
	z-index: 10; 
}

.gallerycolorstrip .k-ui-namespace .koowa_media--gallery .koowa_media__item .koowa_media__item__content.file .koowa_media__item__link {
	box-shadow: 2px 2px 5px rgba(0,0,0,.2);
	position: relative;
	width: 15vw;
	max-width: 300px; 
    background-size: cover; 
	margin-bottom: 2vw;
	transition: all .4s ease-in-out; 
}

.gallerycolorstrip .k-ui-namespace .koowa_media--gallery .koowa_media__item__content img.k-js-image-preview {
	width: 15vw;
	max-width: 300px;
}

.k-ui-namespace .koowa_media--gallery .koowa_media_contents.columns-2 .koowa_media__item, .k-ui-namespace .koowa_media--gallery .koowa_media_contents.columns-3 .koowa_media__item, .k-ui-namespace .koowa_media--gallery .koowa_media_contents.columns-4 .koowa_media__item,.k-ui-namespace .koowa_media--gallery .koowa_media_contents.columns-5 .koowa_media__item, .k-ui-namespace .koowa_media--gallery .koowa_media_contents.columns-6 .koowa_media__item, .k-ui-namespace .koowa_media--gallery .koowa_media_contents.columns-7 .koowa_media__item, .k-ui-namespace .koowa_media--gallery .koowa_media_contents.columns-8 .koowa_media__item, .k-ui-namespace .koowa_media--gallery .koowa_media_contents.columns-9 .koowa_media__item {
	width: 16vw;
	max-width: 350px;
}

.gallerycolorstrip .k-ui-namespace .koowa_media--gallery .koowa_media__item .koowa_media__item__content.file .koowa_media__item__link.js-lightbox-item {
	padding: 0;
	margin: 0 auto 1.2vw auto;
	border-radius: 1vw; 
	
}

.gallerycolorstrip .k-ui-namespace .koowa_media--gallery .koowa_media__item .koowa_media__item__content.file .koowa_media__item__link.js-lightbox-item:hover {
	opacity: .8;
}


.gallerycolorstrip .k-ui-namespace .koowa_media--gallery .koowa_media__item__link {
	padding: 0; 
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	display: flex;
	align-items: flex-end;
}

.gallerycolorstrip .k-icon-document-folder.k-icon--size-medium { display: none; }

.gallerycolorstrip .g-content { padding-left: 0; padding-right: 0px; margin-left: 0px; margin-right: 0px;}

/*
.gallerycolorstrip .k-ui-namespace .koowa_media--gallery .koowa_media__item .koowa_media__item__content:not(.file) .koowa_media__item__link :hover {
	opacity: 0.90;
	
}
*/

@media only screen and (max-width: 767px) {
	.gallerycolorstrip .k-ui-namespace .koowa_media--gallery .koowa_media__item .koowa_media__item__content:not(.file) .koowa_media__item__link, .gallerycolorstrip .k-ui-namespace .koowa_media--gallery .koowa_media__item__content img:not(.k-js-image-preview)	{
		width: 80vw;
		height: 60vw;
		max-width: auto;
		max-height: auto;
	}
	.gallerycolorstrip .k-ui-namespace .koowa_media--gallery .koowa_media__item .koowa_media__item__content:not(.file) .koowa_media__item__link {
		margin-bottom: 8vw;
	}
	
	.gallerycolorstrip .k-ui-namespace .koowa_media--gallery .koowa_media__item .koowa_media__item__content.file .koowa_media__item__link {
		width: 40vw;
	}

	.gallerycolorstrip .k-ui-namespace .koowa_media--gallery .koowa_media__item__content img.k-js-image-preview {
		width: 40vw;
	}

	.k-ui-namespace .koowa_media--gallery .koowa_media_contents.columns-2 .koowa_media__item, .k-ui-namespace .koowa_media--gallery .koowa_media_contents.columns-3 .koowa_media__item, .k-ui-namespace .koowa_media--gallery .koowa_media_contents.columns-4 .koowa_media__item,.k-ui-namespace .koowa_media--gallery .koowa_media_contents.columns-5 .koowa_media__item, .k-ui-namespace .koowa_media--gallery .koowa_media_contents.columns-6 .koowa_media__item, .k-ui-namespace .koowa_media--gallery .koowa_media_contents.columns-7 .koowa_media__item, .k-ui-namespace .koowa_media--gallery .koowa_media_contents.columns-8 .koowa_media__item, .k-ui-namespace .koowa_media--gallery .koowa_media_contents.columns-9 .koowa_media__item {
		width: 45vw;
	}

}


/************ FILEMAN PHOTO GALLERY - PICS  ************/



/************ CUSTOM TO THE GALLERY TYPE  ************/
.gallerycolorstrip .k-ui-namespace .koowa_media--gallery .overflow_container > span {
	z-index: 20;
	width:  100%;
	text-align: center;
	margin-bottom: 2vw;
	padding-top: .4vw;
	padding-bottom: .4vw;
	background: rgb(119 149 118 / 80%);
	color: white;
	transition: all .4s ease-in-out;
	font-weight: 400 !important;
}

.gallerycolorstrip .k-ui-namespace .koowa_media--gallery .koowa_media__item .koowa_media__item__link:hover .overflow_container > span {
	margin-bottom: 3vw;
	background: rgb(119 149 118 / 100%);
}

@media only screen and (max-width: 50.99rem) {
	.mobileministry .alternaterowsm tr {
		height: fit-content!important;
	}
	.mobileministry .alternaterowsm td {
		height: fit-content!important;
	}
}

.topheadertable tr:first-child {
	background: #1C4E1B !important;}
	
.alternaterows tr:nth-child(odd) {
    background: #ddf0dc;
    border-bottom: 1px solid #ddf0dc;
}