@charset "utf-8";

/* CSS for HTML Body */
html {
  position: relative;
  min-height: 100%;
}

body
{
	font-family: 'Open Sans', sans-serif;
	
	/* Margin bottom by footer height */
	margin-bottom: 130px;
	background-color:#f5f5f5;
}

a,.btn-link{
	color:#27848F;
}

a:hover, .btn-link:hover{
	color:#000;
}

.externalLink, .externalLink:hover{
	color:#487e94;
}

/*Columns on mobile devices*/
@media (max-width: 575.98px) {
	.col-sm-4{
		 margin-top: 20px;
	}
}



/* Cards */
.card{
	box-shadow: 0 0 5px 0 rgba(0,0,0,.2);
}

p.card-text{
	margin-bottom:5px;	
}

/*Index*/
.mt-5{
	margin-top:1.5rem !important
}


/* Index Carousel */
.w-100{
	width:100% !important;
}

@media (max-width: 575.98px) {
	.w-100{
		width:150% !important;		
	}
}

/* Generic CSS */
.hidden {
	display: none;
}

.form-centered{
	width:100%;
	margin:0 auto;
}
 
.modal-header{
	background-color: #709EB2;
	color:#fff;
}

.close{
	color:#fff;
}

.close:hover{
	color:#fff;
}

/* Footer Styles */
.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 60px;
  line-height: 60px; 
  text-align: center;
  font-size: 12px;
  background-color: #fff;
  box-shadow:0 0 2px 0 rgba(0,0,0,.3);
}

/* Body Container Styles */
body > .container {
  padding: 100px 15px 0;
}

.footer > .container {
  padding-right: 15px;
  padding-left: 15px; 
}

/* Navbar Modifications */
.navbar {
	padding-top: 0px;
	padding-bottom: 0px;
	background-color: #FFF;	
	border:1px solid rgba(0,0,0,0.15);
	border-left:0px;
	border-right:0px;
	border-top:0px;
	box-shadow:0 0 7px 0 rgba(0,0,0,.3);
}

@media(max-width: 768px) {
	.navbar-expand-md{
		padding-bottom:20px;
		padding-top: 0px;
	}
	
	.navbar-right{
		padding-top: 2px;
	}
}


.navbar-brand{
	padding-right:10px;
}

.navbar-light .navbar-nav .nav-link{
	color: rgba(0,0,0,0.5);
}

.nav-link:hover{
	color: rgba(0,0,0,1);
}


/* Navigation buttons  */
.nav-link.active{
	font-weight:bold;
}

.dropdown-item.active, .dropdown-item:active{
	background-color: #709EB2;
}

.navbar-light .navbar-nav .nav-link{
	color:rgba(0,0,0,0.6);
 }

.navbar-light .navbar-nav .nav-link:hover{
	color:000;
}

.btn{
	outline: 0 none;
	box-shadow: none !important;
}

.btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show > .btn-secondary.dropdown-toggle{
	border-color:#2D657D;
	background-color:#2D657D;
}

.btn-group.btn:focus, .btn-group.btn:active:focus, .btn-group.btn.active:focus {
    outline: 0 none;
	box-shadow: none;
}

.btn-outline-secondary{
	color:rgba(0,0,0,0.6);
	border-color:rgba(0,0,0,0.6);
	
}
.btn-outline-secondary:hover{
	background-color:#709EB2;
	border-color:#709EB2;
}

.btn-secondary, .btn-secondary:visited{
	background-color:#709EB2;
	border-color:#709EB2;
}

.btn-secondary:hover, .btn-secondary:active{
	background-color:#487D94;
	border-color:#487D94;
}

.btn-secondary:focus{
	background-color:#195068 !important;
	border-color: #487D94 !important;
}

.form-control:focus {
  border-color: #709EB2;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(167, 200, 214, 0.6);
}


/* Form field sign-in  */
.form-signin {
  width: 100%;
  max-width: 420px;
  padding: 15px;
  margin: 0 auto;
}


/* Responsive Google Calendar  */
.responsiveCal { 
	position: relative; padding-bottom: 75%; height: 0; overflow: hidden; 
}
 
.responsiveCal iframe { 
	position: absolute; top:0; left: 0; width: 100%; height: 100%; 
}

#calendar {
   max-width: 900px;
   margin: 0 auto;
}

.fc-view, .fc-view > table{
	background-color:white;
}

a:not([href]):not([tabindex]) {
  color: #FFF;
}

a:not([href]):not([tabindex]):hover {
  color: #FFF;
}


/* Full Calendar Plugin*/
.fc-left h2{
	font-size: 1.5rem;	
}

.fc-day-header.fc-widget-header{
	
	color:#fff;
	background-color: #709EB2;
	padding:0.5rem;
}

.fc-content{
	background-color:#709EB2;
	border-color:#709EB2;
}

.btn-secondary.fc-state-disabled{
	pointer-events: none;
}
.btn-secondary.fc-state-disabled:hover{
	background-color:#6c757d;
	border-color:#6c757d;
 }

.fc-content{
	cursor:pointer;
}

/* Sermons Container & Cards  */
#sermonsContainer{
	max-width: 650px;
	margin:0 auto;
	position: relative;
}

  
.sermonSpeakerName{
	padding-left: 5px;
	font-size:13px;
}

.card-title{
	margin-bottom: 5px;
}

.card-text{
	font-size:14px;
}


/* Sermons Audio */
.mejs__audio{
	width:100%;
}

.mejs__container.mejs__audio{
   background-color: #6c757d !important;
}

/*Staff Information*/
#staffInfo p{
	text-align: justify;
}

#staffInfo > .col-lg-4{
	margin-bottom:15px;
}

.rounded-circle{
	margin-bottom: 5px;
}


/*Photo Album*/
.gallery-container h1 {
    text-align: center;
    margin-top: 70px;
    font-weight: bold;
}

.gallery-container p.page-description {
    text-align: center;
    max-width: 800px;
    margin: 25px auto;
    color: #888;
    font-size: 18px;
}

.tz-gallery {
    padding: 40px;
	padding-bottom: 15px;
}

.tz-gallery .lightbox img {
    width: 100%;
    margin-bottom: 30px;
    transition: 0.2s ease-in-out;
    box-shadow: 0 2px 3px rgba(0,0,0,0.2);
}


.tz-gallery .lightbox img:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 15px rgba(0,0,0,0.3);
}

.tz-gallery img {
    border-radius: 4px;
}

.baguetteBox-button {
    background-color: transparent !important;
}

@media(max-width: 768px) {
    body {
        padding: 0;
    }

    .container.gallery-container {
        border-radius: 0;
    }
}

.tz-gallery >h4{
	margin-bottom:0;
}

.tz-gallery >span{
	font-size:14px;
}


/* Missions */
#missionsRows .col-md-3{
	max-width: 100%;
}


/*Members Only*/
#tabContent{
	background-color:#FFF;
	padding:15px;
	border-radius:.25rem;
	border:1px solid rgba(0,0,0,.125);
 }

#tabContainer .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{
	color:#fff;
	background-color:#709EB2;
	border:none;
	 
}
#tabContainer .nav-tabs .nav-link:hover{
	border-color: rgba(0,0,0,0);
}

#tabContainer .nav-link.active:hover{
	background-color:#487D94;
}

.table-bordered thead td, .table-bordered thead th{
	background-color: #709EB2;
	color:#fff;
}

/*Contact us*/
#locationInfo{
	padding-left:80px;
}