@charset "utf-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css2?family=Assistant:wght@200;300;400;500;600;700;800&family=Average&family=Montserrat:wght@100;200;300;400;500;600;700;800;900');

body {
  font: 1em 'Assistant', sans-serif;
  color: #222;
  margin: 0;
  font-size: 1em;
  font-weight: 600;
  overflow-x: hidden;
  position: relative;
}

.scrollup {
  width: 40px;
  height: 40px;
  opacity: 1;
  position: fixed;
  bottom: 20px;
  right: 0;
  display: none;
  text-indent: -9999px;
  background: url(graphics/icon_top.png) no-repeat;
  z-index: 999999999;
}

a {text-decoration: none;}
a:hover { text-decoration: none;}

.small {font-size: 90%!important;}
.smaller {font-size: 80%!important;}
.large {font-size: 110%!important;}
.larger {font-size: 120%!important;}

.teal {color:#27796d;}
.gray {color:#999;}
.black {color:#222;}
.white {color:#fff;}

.bar-gray {width:125px; border-top:8px solid #999;}
.bar-teal {width:100px; border-top:2px solid #27796d;}

.divider-gray {border-top:1px solid #999;}

h1 {
	font-family: 'Montserrat', sans-serif;
	font-size: 2.5em;
	font-weight: 900;
	color:#27796d;
	text-transform: uppercase;
	letter-spacing: -.5px;
}

h2 {
	font-family: 'Average', serif;
	font-size: 2em;
	font-weight: 400;
	color:#999;
	letter-spacing: -1px;
}

h3 {
	font-family: 'Average', serif;
	font-size: 1.65em;
	font-weight: 700;
	color:#999;
	letter-spacing: -.5px;
}

h4 {
	font-family: 'Montserrat', sans-serif;
	font-size: 1.25em;
	font-weight: 900;
	color:#27796d;
	text-transform: uppercase;
	letter-spacing: -.5px;
}

.header {
  padding: 0 10px;
  background: #fff;
  z-index: 999999;
  -webkit-box-shadow: 0px 1px 10px 2px rgba(0,0,0,0.15);
  box-shadow: 0px 1px 10px 2px rgba(0,0,0,0.15);
  border-top:6px solid #27796d;
}

.sticky {
  position: fixed;
  top: 0;
  width: 100%;
  background: #fff;
  z-index: 10;
}

.sticky + .content {
  padding-top: 102px;
}

.navbar-light .navbar-nav .nav-link {
  font-family: 'Montserrat', sans-serif;
  font-size: 1em;
  font-weight: 500;
  color: #222;
  text-transform: uppercase;
  padding: 15px 1.05rem !important;
  margin:-15px 0 0 0;
  letter-spacing: -.5px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border: 2px solid #fff;
}
.navbar-light .navbar-nav .nav-link:hover {color:#27796d!important; border: 2px solid #999;}

.nav-link3 {
	font-size: 1em;
	font-family: 'Montserrat', sans-serif;
	background:#27796d;
	color:#fff; 
	padding:15px 1.05rem!important;
	margin:20px 0 0 20px;
	text-transform: uppercase;
	font-weight: 600;
	letter-spacing: -.5px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	border:2px solid #27796d;
}
.nav-link3:hover {color:#999; background:#222; border:2px solid #222; text-decoration:none;}

.dropdown-menu {
	background-color: #fff!important;
	border-radius: 0!important;
	font-family: 'Montserrat', sans-serif;
	font-size: .95em!important;
	font-weight: 400!important;
	text-transform: uppercase;
	letter-spacing: -.5px;
	line-height: 1.5em;
	top:100%!important;
	left:15%;
	border:0!important;
	text-align: left!important;
}
.dropdown-menu a {color: #222!important; font-weight: 400; text-decoration: none; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.dropdown-menu a:hover {color: #fff!important; text-decoration: none;}
.dropdown-item {color:#fff!important; font-weight: 500!important; padding:.25rem 1.25rem .25rem .75rem!important; text-align: left!important;}
.dropdown-item:hover {background:#27796d!important;}

.navbar-toggler {border-color:#000!important; background-color:transparent!important; border:0!important; color:(0,0,0,1.0)!important;}
.navbar-light .navbar-toggler {outline: none;}

.navbar-brand {height:100%;}
.navbar-brand img {height:85px;}
.navbar-brand.js-scrolling img {
	height: 50px;
	-webkit-transition: height 0.3s ease;
	-moz-transition: height 0.3s ease;
	-ms-transition: height 0.3s ease;
	-o-transition: height 0.3s ease;
	transition: height 0.3s ease;
}

.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link {color:#aaa!important;}

.bg-carousel {background:rgba(0,0,0,0.65); line-height: 3em; letter-spacing: -1px; color:#fff; border-bottom: 6px solid #27796d;}
.caption-lg {font-size: 2.25em; font-family: 'Montserrat', sans-serif; font-weight: 900;}
.caption-sm {font-size: 1.5em; font-family: 'Assistant', sans-serif; font-weight: 500;}
.hidden {display: none;}
.carousel-arrows {display: block;}

.content-index {min-height:300px;}
.content {min-height:550px; font-weight: 500; letter-spacing: -.5px;}
.content a {color:#27796d; text-decoration:none; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.content a:hover {color:#999; text-decoration:none;}

.bg-tagline {background-image: url(graphics/bg-tagline.jpg);}
.tagline-header {font-family: 'Montserrat', serif; font-size: 2.85em; font-weight: 300; letter-spacing: -.5px; color:#999;}
.tagline-text {font-family: 'Assistant', sans-serif; color:#fff; font-size: 1.25em; font-weight: 500; line-height: 1.2em; color:#fff;}
.btn-tagline {
	background-color:#27796d;
	font-family: 'Montserrat', sans-serif;
	font-size:.85em;
	font-weight: 600;
	text-transform: uppercase;
	text-align: center;
	text-shadow: none!important;
	color:#fff!important;
	letter-spacing: 2px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	border:2px solid #27796d;
}
.btn-tagline:hover {
	background:transparent;
	color:#999!important;
	cursor: pointer;
	border:2px solid #27796d;
}

.footer {font-family:'Montserrat', sans-serif; font-size:.9em; font-weight:700; text-transform: uppercase; color:#27796d; letter-spacing: -.5px;}
.footer a {color: #27796d; text-decoration: none; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.footer a:hover {color: #999; text-decoration: none;}
.footer ul {padding:0; margin:0; text-align:center;}
.footer ul li {list-style-type:none; display:inline;}
.footer ul li:before {content:'';}
.footer ul li:after {content:''; margin:0 25px;}
.footer ul li:last-child:after {content:'';}

.footer-link a {font-size: 150%; color:#27796d; text-decoration: none; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.footer-link a:hover {color:#888;}

.bg-anchor {background:#222; color:#999; font-weight:500; font-size:70%; letter-spacing: -.25px;}
.bg-anchor a {color:#999; text-decoration:underline; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.bg-anchor a:hover {color:#fff; text-decoration:underline;}

.bg-anchor ul {padding:0; margin:0; text-align:center!important;}
.bg-anchor ul li {list-style-type:none; display:inline;}
.bg-anchor ul li:before {content:'';}
.bg-anchor ul li:after {content:'|'; color:#27796d; margin:0 10px; font-weight: 900;}
.bg-anchor ul li:last-child:after {content:'';}

.home-h2 {margin-top: -10px;}

.index-text {font-size: 1.1em; line-height: 2.3em; letter-spacing: -.5px;}

.callout-container {border:2px solid #ccc;}
.callout-container a {color:#27796d; text-decoration:none; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.callout-container a:hover {color:#999; text-decoration:underline;}
.callout-heading1 {font-family: 'Average', serif; font-size: 1.75em; letter-spacing: -.5px; color:#222;}
.callout-heading2 {font-family: 'Montserrat', sans-serif; font-size: 2em; font-weight: 900; letter-spacing: -.5px; color:#27796d; text-transform: uppercase;}
.callout-text {font-size: 1.1em; letter-spacing: -.5px; color:#999; line-height: 1em;}
.callout-link {font-size: 1.5em; margin-top: -15px!important;}
.callout-link a {color:#27796d; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.callout-link a:hover {color:#999;}

.bg-events {background:#eee; font-weight: 700;}
.events-heading1 {font-family: 'Average', serif; font-size: 1.75em; letter-spacing: -.5px; color:#222;}
.events-heading2 {font-family: 'Montserrat', sans-serif; font-size: 2em; font-weight: 900; letter-spacing: -.5px; color:#27796d; text-transform: uppercase;}

.bg-sundays {background-image: url(graphics/bg-sundays.jpg); font-size: 1.15em;}
.sundays-text {font-size: 1em; font-weight: 700; color:#fff; line-height: 1.65em; letter-spacing: -.5px;}
.btn-sundays {
	background-color:#222;
	font-family: 'Montserrat', sans-serif;
	font-size:.775em;
	font-weight: 300;
	text-transform: uppercase;
	text-align: center;
	text-shadow: none!important;
	color:#999!important;
	letter-spacing: 1px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	border:2px solid #222;
}
.btn-sundays:hover {
	background:transparent;
	color:#fff!important;
	cursor: pointer;
	border:2px solid #222;
}

.bg-who {background-image: url(graphics/bg-who.jpg);}
.who-header {font-family: 'Montserrat', sans-serif; font-size: 2.5em; font-weight: 300; color:#999; text-transform: uppercase;}
.who-text {font-size: 1.15em; font-weight: 600; line-height: 2.25em; letter-spacing: -.5px; color:#fff;}
.btn-who {
	background-color:#27796d;
	font-family: 'Montserrat', sans-serif;
	font-size:.9em;
	font-weight: 500;
	text-transform: uppercase;
	text-align: center;
	text-shadow: none!important;
	color:#fff!important;
	letter-spacing: 2px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	border:3px solid #27796d;
}
.btn-who:hover {
	background:transparent;
	color:#999!important;
	cursor: pointer;
	border:3px solid #27796d;
}

.bg-what {background-image: url(graphics/bg-what.jpg);}
.what-header {font-family: 'Montserrat', sans-serif; font-size: 2.5em; font-weight: 300; color:#999; text-transform: uppercase;}
.what-text {font-family: 'Average', serif; font-size: 1.35em; line-height: 2.7em; letter-spacing: -.5px; color:#222;}

.paralax {
	background-size: cover;
	margin: 0 auto;
	width: 100%;
	z-index: 200;
	min-height: auto;
	background-origin: content-box;
	background-attachment: fixed;
	background-repeat: no-repeat;
}

.callout {background:#fff; -webkit-box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.2); box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.2);}
.callout-icon {font-size: 2.5em; color:#27796d;}
.callout-title {font-family: 'Montserrat', sans-serif; font-size: 1.35em; font-weight: 700; color:#222; text-transform: uppercase;}
.btn-callout {
	background-color:#27796d;
	font-family: 'Montserrat', sans-serif;
	font-size:.85em;
	font-weight: 600;
	text-transform: uppercase;
	text-align: center;
	text-shadow: none!important;
	color:#fff!important;
	letter-spacing: 1px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.btn-callout:hover {
	background:#222;
	color:#999!important;
	cursor: pointer;
}

.bg-give {background:#27796d;}
.give-header {font-family: 'Montserrat', sans-serif; font-size: 2.5em; font-weight: 300; color:#999; text-transform: uppercase;}
.give-text {font-size: 1.25em; font-weight: 700; color:#fff; letter-spacing: -.5px;}
.btn-give {
	background-color:#222;
	font-family: 'Montserrat', sans-serif;
	font-size:1em;
	font-weight: 600;
	text-transform: uppercase;
	text-align: center;
	text-shadow: none!important;
	color:#999!important;
	letter-spacing: 4px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	border:2px solid #222;
}
.btn-give:hover {
	background:transparent;
	color:#fff!important;
	cursor: pointer;
	border:2px solid #222;
}

.intro-text {font-size: 1.25em; line-height: 1.25em; letter-spacing: -.5px; font-weight: 800;}
.subintro-text {font-size: 1.15em; line-height: 1em; letter-spacing: -.5px;}

.verse {font-family: 'Average', serif; font-size: 1.5em; font-weight: 400;	color:#999;	letter-spacing: -.5px; margin-bottom: 5px;}

/* TABS*/

.tab-pane {
  padding:2rem 0;
}

.nav-tabs {font-family: 'Montserrat', sans-serif; font-size: 110%; font-weight: 800; text-transform: uppercase; border-bottom:0;}
.nav-item-tab {padding:1.5%; background:#fff; border:1px solid #bbb; margin-right:1%;}

.nav-link-tab {
background: #fff;
color:#999!important;
}
.nav-link-tab.active {
color:#27796d!important;
font-weight: 900;
background:#fff;
}

.map-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px; height: 0; overflow: hidden;
border:2px solid #27796d;
}

.map-container iframe,
.map-container object,
.map-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

/*FORM*/

#form {
        width:100%;
        float:left;
}


form{
        width: 100%;

        }

fieldset{
        border: 0;
        padding: 10px 0 ;
        clear: left;
		
        }
        
textarea, input, select{
        border: 1px solid #ccc;
        padding: 2%;
        width: 96%;
        }

label{
        font-weight: 500!important;
		font-size: 90%;
        }       
        
textarea:focus, input:focus, select:focus{
        background: #eee;
        border: 1px solid #27796d;
        -webkit-transition: all .4s ease-in-out;
        -moz-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out;
        outline: none;
}

input[type="submit"]{
        border: 1px solid #ccc;
        padding: 3px 0;
        margin-top: 5px;
        font-weight: bold;
        /*font-size: 1.3em;*/
        width: 130px;
        cursor: pointer;

        
        -webkit-transition: all .4s ease-in-out;
        -moz-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out;
        
        background: #f6f5f5; /* Old browsers */
        /* IE9 SVG, needs conditional override of 'filter' to 'none' */
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y2ZjhmOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2U1ZWJlZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2Q3ZGVlMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNWY3ZjkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: -moz-linear-gradient(top, #f6f5f5 0%, #e5ebee 50%, #d7dee3 51%, #ebebeb 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f5f5), color-stop(50%,#e5ebee), color-stop(51%,#d7dee3), color-stop(100%,#ebebeb)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #f6f5f5 0%,#e5ebee 50%,#d7dee3 51%,#ebebeb 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #f6f5f5 0%,#e5ebee 50%,#d7dee3 51%,#ebebeb 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #f6f5f5 0%,#e5ebee 50%,#d7dee3 51%,#ebebeb 100%); /* IE10+ */
        background: linear-gradient(to bottom, #f6f5f5 0%,#e5ebee 50%,#d7dee3 51%,#ebebeb 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f5f5', endColorstr='#ebebeb',GradientType=0 ); /* IE6-8 */
        }

.submit {
	padding:2.5%;
	background:#27796d; 	
	color:#ccc!important;
	font-family: 'Montserrat', sans-serif;;
	font-size:2em;
	font-weight:900;
	text-transform:uppercase;
	letter-spacing: -.5px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.submit:hover {
	background-color:#222!important;
	color:#fff!important;
	cursor:pointer;
}

input {padding:7px!important;}
/*END FORM*/

@media (max-width: 1372px) {
.bg-carousel {line-height: 2.5em;}
.caption-lg {font-size: 1.85em;}
.caption-sm {font-size: 1.5em;}
}

@media (max-width: 1200px) {
.footer {font-size:.85em;} 
.footer ul li:after {content:''; margin:0 10px;}
.btn-callout {font-size:.8em; letter-spacing: 0;}
}

@media (max-width: 992px) {
.navbar-light .navbar-nav .nav-link {margin:0 0 5px -15px!important;}
.nav-link3 {margin:15px 0 0 0!important;}
.footer {font-size:.925em; line-height: 2em;}
.footer ul li {display:block;}
.footer ul li:after {margin:0;}
.btn-callout {font-size:.85em; letter-spacing: 1px;}
.callout-title {font-size: 1.75em;}
}
	
@media (max-width: 768px) {
.bg-carousel {background:rgba(0,0,0,1.0);}
.hidden {display: block;}
.callout-title {font-size: 1.5em;}
.carousel-arrows {display: none;}
}

@media (max-width: 576px) {
.bg-carousel {line-height: 2.5em;}
.caption-lg {font-size: 1.75em;}
.caption-sm {font-size: 1.35em;}
.callout-title {font-size: 1.25em;}
.what-text {font-size: 1.25em; line-height: 2em;}
.nav-item-tab {padding:2.5%; margin:1.5%;}
}

@media (max-width: 480px) {
.bg-carousel {line-height: 2em;}
.caption-lg {font-size: 1.35em;}
.caption-sm {font-size: 1.2em;}
.bg-anchor ul li {display:block;}
.bg-anchor ul li:after {content:''; margin:0;}
}

@media (max-width: 375px) {
.bg-carousel {line-height: 2em;}
.caption-lg {font-size: 1.75em;}
.caption-sm {font-size: 1.1em;}
.tagline-header {font-size: 2.35em;}
.tagline-text {font-size: 1.1em;}
.btn-sundays {font-size:.8em; line-height: 1.5em;}
.callout-title {font-size: 1.125em;}
.nav-item-tab {padding:5%; margin:1.5%;}
}