/******************************************************************
Theme Name: Friendship Church
Theme URI: http://www.weilenman.com
Description: Friendship Church Greenwood, IN 46143
Author: Logan Weilenman
Author URI: http://www.weilenman.com
Version: 1.0
*****************************************************************/

img{
	max-width:100%;
	height:auto!important;
}

body{
	background:#eee;
padding-top:20px;
}

h2{
	margin:0 0 20px;
}

h4{
	margin:10px 0 20px;
	padding:0;
}

p{
	color:#999;
}

.navbar{
	border-radius:0px;
	border:none;
}

.navbar-brand{
	padding:0;
}

.navbar-default{
	background:url(images/header_bg.jpg) repeat-x;
}

.navbar-default .navbar-nav li a{
	color:#444;
}

.navbar-default .navbar-nav li a:hover{
	color:#2F8DA6;
}

.navbar-default .navbar-toggle{
padding:18px;
margin:0 -15px 0 0;
background:#6BA5B0;
border-radius:0px;
border:none;
border-left:2px solid #024964;
}

.navbar-default .navbar-toggle:hover{
	background:#4B8590;
}

.navbar-default .navbar-toggle .icon-bar, .navbar-default .navbar-toggle:hover .icon-bar{
	background-color:#fff;
}

.wrapper .container{
	max-width:960px;
}

.back-to{
	margin:0 0 20px;
}

.content{
	padding:40px;
	background:#fff;
}

.content p{
	margin:0 0 20px;
}


.event-header{
background-size:cover;
background-position:center center;
background-repeat:no-repeat;
}

.event-header img{
	width:100%;
}

.event-wrapper{
background:#fff;
text-align:center;
margin:0 0 30px;
}

.event-wrapper .full-image .event-img{
heiht:350px;
height:217px;
background-position:center center;
background-repeat:no-repeat;
}

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

.event-wrapper p{
	font-size:12px;
	line-height:18px;
}

.event-wrapper a{
	color:initial;
	text-decoration:none;
}

.event-wrapper:hover{
	box-shadow:0 0 10px rgba(0,0,0,0.2);
}

.event-wrapper .event-description{
padding:10px;
overflow:hidden;
}

.event-wrapper .event-date{
	float:left;
width:40px;
text-align:center;
}

.event-wrapper span.month{
	font-size:14px;
	line-height:14px;
	font-weight:normal;
	text-transform:uppercase;
}

.event-wrapper span.date{
	font-size:30px;
	line-height:30px;
	font-weight:bold;
}




.footer{
	text-align:center;
	margin:40px 0;
}

.btn-friendship, .fsSubmit input.fsSubmitButton{
	color: #fff;
	background:#2F8DA6;
}

.btn-friendship:hover, .fsSubmit input.fsSubmitButton:hover{
	color:#fff;
	background:#2986A0;
}

.content .fsBody .fsForm{
	border:none;
}

.content .fsForm .fsSubmit{
	background:none;
}

.content .fsSubmit input.fsSubmitButton{
display: inline-block;
margin-bottom: 0;
font-weight: 400!important;
text-align: center;
vertical-align: middle;
cursor: pointer;
background-image: none;
border: 1px solid transparent;
white-space: nowrap;
padding: 15px 30px!important;
font-size: 26px!important;
line-height: 1.42857143!important;
border-radius: 4px!important;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
color:#fff!important
}

.content .fsSection{
	margin:40px 0 0;
}

.content .fsForm .fsSectionHeader{
	background:none;
	padding:0;
margin:0 0 20px;
}

.content .fsBody .fsForm .fsSectionHeading{
	font-size:36px;
	font-weight:normal;
}
.content .fsForm .fsLabel{
	font-size:14px;
	margin:0 0 10px;
}
.content .fsForm label.fsOptionLabel{
	font-weight:normal;
	margin:0 0 0 10px;
}

.content .fsForm .fsSupporting{
	color:#999;
}

@media (max-width: 991px) {
    .navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin: 7.5px -15px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
}

@media (max-width: 480px) {
       .navbar-default .navbar-toggle{
		margin:0;
	}
    }




.overlay {
    	height:100%;
    	width:100%;
    	position:fixed;
	top:0;
    	background:rgba(0, 0, 0, 0.8);
}
.box {
    	width:500px;
    	margin:100px auto;
    	border:1px solid #ddd;
    	padding:50px;
    	background:#fff;
text-align:center;
}

.box h1{
	font-weight:normal;
}










.animated {
    -webkit-animation-duration: 5s;
    animation-duration: 5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }
    20% {
        opacity: 1;
    }
    90%{
        opacity:1;   
    }
    100%{
        opacity:0;   
    }
}
@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    20% {
        opacity: 1;
    }
    90%{
        opacity:1;   
    }
    100%{
        opacity:0;
	display:none;   
    }
}
.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}
@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px);
    }
    20% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    90%{
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    100%{
        opacity: 0;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px); 
    }
}
@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        transform: translateY(-20px);
    }
    20% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
    90%{
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
    100%{
        opacity: 0;
        -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        transform: translateY(-20px);
    }
}
.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
}

.events .col-sm-6:nth-child(-n+3) {
    width: 33.3333333%;
}