@charset "utf-8";
/* CSS Document */
@font-face {
    font-family: 'Lato';
    src: url('/assets/fonts/Lato-Light.eot');
    src: url('/assets/fonts/Lato-Light.eot?#iefix') format('embedded-opentype'),
        url('/assets/fonts/Lato-Light.woff2') format('woff2'),
        url('/assets/fonts/Lato-Light.woff') format('woff'),
        url('/assets/fonts/Lato-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Lato';
    src: url('/assets/fonts/Lato-Medium.eot');
    src: url('/assets/fonts/Lato-Medium.eot?#iefix') format('embedded-opentype'),
        url('/assets/fonts/Lato-Medium.woff2') format('woff2'),
        url('/assets/fonts/Lato-Medium.woff') format('woff'),
        url('/assets/fonts/Lato-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Lato';
    src: url('/assets/fonts/Lato-Semibold.eot');
    src: url('/assets/fonts/Lato-Semibold.eot?#iefix') format('embedded-opentype'),
        url('/assets/fonts/Lato-Semibold.woff2') format('woff2'),
        url('/assets/fonts/Lato-Semibold.woff') format('woff'),
        url('/assets/fonts/Lato-Semibold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

body{
	margin:0px; padding:0px;
	font-family:sans-serif;
	font-weight:300;
	color:#666;
	background-color:#f3f3f3;
	
	
}

h1, h2, h3, h4, h5, h6{
	margin:0px; padding:0px;
	font-family:Lato;
	font-weight:300;
	color:#666;
	color:#1e4385;
	
}
big.control-label{
	display:block;
	margin-bottom:9px;
}
div.radio-group{
	display:inline-block;
	margin-right:27px;
}

div.radio-group > input{	
	margin-right:18px;
}

a{
	text-decoration:none;
}

/* width */
::-webkit-scrollbar {
    width: 4px;
    height: 4px;
}

/* Track */
::-webkit-scrollbar-track {
	box-shadow: inset 0 0 5px grey; 
    background: #1e4385; 
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #ff3333; 
	border-radius: 6px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: orange; 
}

.flex-row{
	display: -webkit-flex;
    display: -ms-flex;
    display: flex;
}
.flex-col-1{
	-webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.flex-col-2{
	-webkit-flex: 2;
    -ms-flex: 2;
    flex: 2;
}

.flex-col-3{
	-webkit-flex: 3;
    -ms-flex: 3;
    flex: 3;
}

.flex-col-4{
	-webkit-flex: 4;
    -ms-flex: 4;
    flex: 4;
}
.flex-col-5{
	-webkit-flex: 5;
    -ms-flex: 5;
    flex: 5;
}

.flex-col-8{
	-webkit-flex: 8;
    -ms-flex: 8;
    flex: 8;
}


.margin-top-15{
	margin:45px 0px;
}

.custom-modals{
	display:none;
	width:100%;
	height:100%;
	position:fixed;
	top:0px;
	left:0px;
	z-index:10000;
	background-color:rgba(0, 0, 0, 0.6);
}

#image-box{
	background-image:url(/images/offering-box.jpg);
	min-height:300px;
	background-size:cover;
	padding:18px;
}

.modal-toolbox{
	display:block;
	width:100%;
	padding:3px 18px;
	font-size:18px;
	background-color:#1e4385;
}

a#close-modal-btn{
	color:#fff;
}

.faded-form-controls{
	background-color:rgba(225, 225, 225, 0.56);
}

#menu-toggler{
	color:#fff;
	font-size:18px;
}

#sidenav{
	display:none;
	width:270px;
	height:100%;
	margin:0px;
	padding:18px 0px;
	position:fixed;
	top:0px;
	right:0px;
	z-index:10000;
	background-color:#5b88d6;
	background-color:rgba(0,0,0,0.9);
}

section.page-contents{
	display:block;
	width:100%;
	padding:36px;
	min-height:400px;
}
.capitalized-texts{
	text-transform:uppercase;
}

.centered-texts{
	text-align:center;
}

.italicised-texts{
	font-style:italic;
}

.check-in-caption{
	position:relative;
	top:0px;
	left:0px;
	display:block;
	width:100%;
	margin-top:36px;
	margin-bottom:36px;
}

.check-in-caption-text{
	position:absolute;
	top:63px;
	right:0px;
	display:block;
	width:50%;
	padding:45px;
	color:#fff;
	background-color:rgba(0,0,0,0.9);	
}

.check-in-caption-text h2{
	color:#fff;
	margin-bottom:18px;
}

.common-texts{
	font-size:16px;
	line-height:27px;
}

#sidenav > li, #sidenav > li > ul > li{
	display:block;
	margin:0px;
	padding:0px;
	list-style-type:none;
}

#sidenav > li > ul{
	display:none;
	margin:3px 27px;
	padding:0px;
}
.dropdown-level-1 > a{
	cursor:pointer;
}



#sidenav > li.close-sidebar{
	display:block;
	margin:0 0 9px 0;
	padding:3px 0 9px 0;
	font-size:27px;
	border-bottom:1px dotted #999;
}

#sidenav > li > a, #sidenav > li > ul > li > a{
	display:block;
	padding:4px 18px;
	color:#fff;
	text-decoration:none;
	font-size:16px;
}

#home-slide{
	display:block;
	/*
	position:relative;
	top:0px;
	left:0px;
	
	width:100%;
	min-height:720px;	
	background-repeat:no-repeat;
	background-size: cover;
	background-attachment:fixed;
	*/
	min-height:720px;
	background-image:url(/images/slide-1.jpg);
	background-size:cover;
	background-repeat:no-repeat;
}

.no-padding-right:{
	padding-right:0px;
}

#slide-header{
	margin-top:45px;
}

#header-menu{
	display:block;
	margin:0px;
	padding:0px;
	float:right;
}

#header-menu > li{
	display:inline-block;
	list-style-type:none;
	border-right:1px solid #fff;
	margin:36px 0;
}

#header-menu > li > a{
	display:block;
	text-decoration:none;
	color:#fff;
	
	font-size:18px;
	padding:0px 28px;
	
}

#header-menu > li:last-child{
	border-right:none;
}

#slide-links-box{
	display:block;
	margin-top:72px;
	text-align:center;
}

#header{
	display:block;
	width:100%;
	background-color:#fff;
	border-bottom:1px solid #eee;
	padding:0px;
}

ul#other-header-menu{
	margin:0px;
	padding:0px;
	float:right;
}

ul#other-header-menu li{
	display:inline-block;
	list-style-type:none;
	position:relative;
	top:0px;
	left:0px;
}
#other-head-logo{
	padding:9px;
}

ul#other-header-menu > li > a{
	display:block;
	padding:4px 18px;
	line-height:54px;
	font-size:18px;
	border-top:3px solid #fff;
	text-decoration:none;
}
ul#other-header-menu > li > a:hover{
	border-top:3px solid orange;
}

ul#other-header-menu > li:hover > ul{
	display:block;
	
}

ul#other-header-menu li > ul{
	display:none;
	margin:0px;
	padding:0px;
	position:absolute;
	top:0px;
	left:0px;
	z-index:1000;
	top:63px;
	left:0px;
	border:1px solid #eee;
}
ul#other-header-menu li > ul > li{
	display:block;
	margin:0px;
	padding:0px;
}

ul#other-header-menu li > ul > li > a{
	display:block;	
	padding:9px 18px;
}

ul#other-header-menu li > ul > li > a:hover{
	background-color:orange;
	color:#fff;
}

a.slide-links{
	display:inline-block;
	padding:12px 27px;
	color:#fff;
	border:2px solid #fff;
	margin-right:18px;
	text-decoration:none;
	font-size:18px;
}

a.slide-links > i.left-icon{
	width:36px;
	
}


#events{
	display:block;
	padding:27px 0px;
}
.media{
	border:1px solid #eee;
	padding:18px;
}

.media:nth-child(odd){
	background-color:#fff;
}

.media:nth-child(even){
	background-color:rgba(251, 251, 251, 0.36);
}

.media h3{
	margin-bottom:18px;
	color:#1e4385;
}

.media div.media-body{
	margin-left:27px;
}

#contact{
	background-color:#fff;
	padding:27px 0px;
	border-top:1px solid #eee;
}

.custom-form-controls{
	display:block;
	width:100%;
	border:1px solid #eee;
	box-sizing: border-box;
	padding:18px;
}

textarea.custom-form-controls{
	min-height:200px;
}

button.custom-submit-btn{
	display:inline-block;
	padding:12px 18px;
	border:2px solid #1e4385;
	background-color:#1e4385;
	color:#fff;
}

button.custom-submit-btn > i.left-icon{
	width:45px;
}


.alert-label {
    position: absolute;
    bottom: -9px;
    right: 9px;
    display: inline-block;
    background-color: #fff;
    border: 1px solid #f00;
    color: #f00;
    font-size: 9px;
    padding: 3px 9px;
}

ul#contact-social-links{
	display:block;
	margin:0px;
	padding:0px;
}

ul#contact-social-links li{
	display:block;
	list-style-type:none;
	padding:3px 0px;
}

ul#contact-social-links li > a{
	display:block;
	text-decoration:none;	
}

ul#contact-social-links li > a > i.left-icon{
	width:27px;
}

#footer{
	display:block;
	width:100%;
	background-color:#1e4385;
	color:#fff;
	padding:9px;
}

#footer a{
	color:orange;
}

li.dropdown{
	position:relative;
	top:0px;
	left:0px;
}
li.dropdown > ul{
	position:absolute;
	top:24px;
	left:0px;
	display:block;
	width:200px;
	background-color:#fff;
	display:none;
	z-index:1000;
	margin:0px;
	padding:0px;
}

li.dropdown > ul > li{
	display:block;
	list-style-type:none;
	border-bottom:1px solid #eee;
}



li.dropdown > ul > li > a{
	display:block;
	padding:9px 12px;
	text-decoration:none;
	color:#1e4385;
}

li.dropdown > ul > li > a:hover{
	background-color:orange;
	color:#fff;
}

li.dropdown:hover > ul{
	display:block;
}

#page-header-bg{
	background-image:url(/images/page-banners.jpg);
	min-height:180px;
	background-size:cover;
	background-position:fixed;
	padding:18px;
}

#donation-modal{
	min-height:300px;
	background-size:cover;
	padding:18px;
}

#happening-now, #plan-a-visit, #our-church{
	display:block;
	width:100%;
	padding:45px 27px;
	background-color:#fff;
}

div.happening-now-btn-box{
	text-align:center;
	margin-top:36px;
}

img.responsive-img{
	width:100%;
}

p.happening-now-text{
	display:block;
	width:100%;
	margin-top:36px;
	line-height:24px;
	font-size:16px;
}

a.happening-now-btn{
	display:inline-block;
	padding:9px 27px;
	border:2px solid #1e4385;
	color:#1e4385;
	text-decoration:none;
}

a.happening-now-btn:hover{
	background-color:#FF9800;
	border:2px solid #FF9800;
	color:#fff;
	text-decoration:none;
}


@media only screen and (max-width: 900px) {
	#header-menu{
		margin-top:27px;
		float:left;
	}
	
	a.slide-links {
		display: block;
		padding: 12px 27px;
		color: #fff;
		margin-bottom:9px;
		border: 2px solid #fff;
		margin-right: 18px;
		text-decoration: none;
		font-size: 18px;
		text-align:left;
	}
	
	#home-slide{
		position:relative;
		top:0px;
		left:0px;
		display:block;
		width:100%;	
		background-repeat:no-repeat;
		background-size: cover;
		background-attachment:fixed;
	}
}
@media only screen and (min-width: 768px) {
  /* For mobile phones: */
  
}