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


	h1 {font-family: 'Figtree', serif;  line-height:1.1em; font-weight:900; font-size:58px; }
	.shadow {text-shadow: 1px 1px #000; }
	 
h2  {font-family: 'Figtree', serif; font-weight:900; font-size:44px; color: #07142D; margin-bottom:20px;  line-height:1.3em;  }
h4, h3  {font-family: 'Figtree', serif; font-weight:900; font-size:26px; color: #2F9BBC; margin-bottom:20px;  line-height:1.2em; }
.mint {color:#2F9BBC !important;}
.olive {color:#766f53 !important;}
.skinny {font-weight:100 !important; letter-spacing: -1px !important;}
	p, li {font-family: 'Figtree', serif; font-size: 18px; color:#000; font-weight:300; line-height:1.8em; }
strong {font-weight:900;}
.date {font-size:14px; font-weight:300; font-family:'oswald', sans-serif; text-transform:uppercase;}
.scripture:hover {background-color:#f0f0f0 !important; flex:1;}
.news {font-weight:600;}
.larger {font-size:18px; font-family:'karma'; font-weight:500;}
.caption {line-height: 1.3em;}
.name {font-weight:400;  font-style:italic; font-size:16px; }
.legend {font-size:16px; margin-bottom:10px;}
.footer {font-size: 14px;}
.footer a {color:#2F9BBC;}
.partner {text-align:center;}
.logo {width:100%; padding:20px; }
.logo2 {width:90%; padding:20px; }
.highlight {background-color:yellow; font-weight:600;}
.shade span {background-color: #;
  padding: 6px;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  line-height: 1.5em;
 font-weight:400;  font-size:26px; color: #fff; 
}
.homenav {position: absolute; z-index: 20; top: 0px; right:100px;}
.fixed-top {position: absolute !important; top: 0px !important; }

.btn-dark {background-color:#2F9BBC !important; color:#000 !important;}
.btn-dark:hover {background-color:#fff !important;}
.nav-link  {color:#2F9BBC!important;   font-size:16px !important;  text-align: right !important;  font-weight:400;} 

.navbar-toggler {color:#000 !important;}
.nav-item {line-height:1.3em !important;  margin-right:20px; }

a.nav-link:hover {color: #f0f0f0 !important;}


.buttonlink { font-size:18px !important; padding:10px; text-align:left !important; font-family:'Figtree', serif !important; font-weight:300 !important;}

.modal {top:25% !important;}
.modal-content { border-radius:0px !important; background-color:#fff !important;}
.modal-header {border-bottom: 0px !important;}
 .btn  {font-size: 1.3rem;  color:#fff; font-weight:400;  font-family:'oswald', sans-serif; }

.carousel-control-prev-icon { filter: invert(100%);}
.carousel-control-next-icon { filter: invert(100%);}
.carousel-inner {
  padding: 2rem;
  margin: auto;
}

.carousel-indicators {
  margin-bottom: 0;
}

.carousel-control-next, .carousel-control-prev {
  width: 2rem;
}
.intro {background-image:url(hexagon.png); background-repeat: no-repeat; background-position: top right; } 
.hero {width:70%;}
.slide { padding: 20px;}
.slidetext {font-size:16px;}
.slide img {width:90%;  }
.nav-link {text-align:right;}
.btn:hover  {background-color: #2F9BBC;}

.btn-danger:hover  {background-color: #e74d4f;}
.quote2 {margin-left:10px; font-size:16px; }
a {color:#2e9bbc;}
a:hover {color:#ccc;}
.quote::before {
		content: "";
		width: 20%;
		height: 10px;
		background: #2F9BBC ;
	display:block;
		margin: 0 10px 20px 0;
	}


.card {background-color: #DFECEF; border:0px;}
.video-container{overflow:hidden;position:relative;width:100%}.video-container:after{padding-top:56.25%;display:block;content:''}.video-container iframe{position:absolute;top:0;left:0;width:100%;height:100%;}


.quote2::before {
content: '\201C';
background: transparent;
position:relative;
top:30px;
left:-10px;
float:left;
color: #f3c000;
font-size: 200px;
z-index: 9;
font-family:georgia;}


header {
  position: relative;
  height: 75vh;
  min-height: 50rem;
  width: 100%;
  overflow: hidden;
}

header video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: 0;
  -ms-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

header .container {
  position: relative;
  z-index: 3;
}

header .overlay {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
 
 background-color: #000 ;
 opacity: 0.4; /* Standard compliant browsers */
   -moz-opacity: 0.4; /* Firefox and Mozilla browsers */
   -webkit-opacity: 0.4; /* WebKit browser e.g. Safari */
   filter: alpha(opacity=40); /* For IE8 and earlier */
  z-index: 1;
}




/* 
 ##Device = Low Resolution Tablets, Mobiles (Landscape)
 ##Screen = B/w 481px to 767px
*/
	/* Media Query for devices withi coarse pointers and no hover functionality */

/* This will use a fallback image instead of a video for devices that commonly do not support the HTML5 video element */

@media (min-width: 768px) and (max-width: 2000px) {
		
		
			
			.mobile {display:none;}
	.floater {float:right; width:40%; padding:20px;}
	.desktopphoto {height:500px;}
			.reversed { display: flex; flex-direction: row-reverse ;}

		}

	@media (min-width: 481px) and (max-width: 767px) {
		
		
			.hero {width:100%;}
			h1 {font-size:42px !important;}
			h3 {font-size:36px;}
			.desktop {display:none;}
		
		.scripture {flex:none !important;}
		
		
	.floater {float:none; width:100%; padding:0px 0px 20px 0px;}
		.rounded-circle {width:65%;}
		}
	
	/* 
 ##Device = Most of the Smartphones Mobiles (Portrait)
 ##Screen = B/w 320px to 479px
*/
	
	@media (min-width: 100px) and (max-width: 480px) {
	
		
	.desktop {display:none;}
		.hero {width:100%;}
	h1 {font-size:42px !important;}
		h3 {font-size:36px;}
		.floater {float:none; width:100%; padding:0px 0px 20px 0px;}
		.logo, .logo2 {width:60%;}
		.scripture {flex:none !important; m-x:0 !important;}
		.rounded-circle {width:65%;}
	}