html,body{
	font-family:Century Gothic,Verdana,Arial,sans-serif;
    background:#ffffff;
}

:root{
    --red:#d50000;
    
}

.mid-show{
    display:none;
}




h1,h2,h3,h4,h5,h6,.logo{
	font-family:TimesNewRoman,Times New Roman,Times,Baskerville,Georgia,serif;
}

.container{
    margin:0 auto;
}


h4{
    margin-top:0px;
    color:#c02f38;
}

h5{
    font-size:1.5rem;
    font-weight:400;
    color:#505050;
    line-height:1.9rem;
}

    .headline h1{
        position:absolute;
        width:100%;
        top:20vh;
        font-size:4vw;
        color:#ffffff;
        text-align:center;
        letter-spacing:18px;
        font-weight:bold;
        
    }
    
    .headline h1 span{
        display:inline-block;
        background:rgba(255,255,255,0.4);
        padding:15px;
        border-radius:50px;
        color:#303030;
        
    }
    
    .headline h1{
        position:absolute;
        display:inline-block;
        top:20vh;
        left:0%;
        width:100%;
        font-size:4vw;
        color:#606060;
        text-align:center;
        letter-spacing:18px;
        font-weight:bold;
        background:rgba(255,255,255,0.2);
    }

    
    
    
    
    .headline h1.scrolled{
    	opacity:0.0;
    	
    }


    .home-panel{
        
    }
    
    .home-panel h4{
        color:#c02f38;
    }


	.yellow{
		color:#F2F396;
	}
	
	.yellow-bg{
		background:#F2F396;
	}
	
	.red{
		color:#c02f38;
		background:white !important;
	}
	
	.red-bg{
		background:#c02f38;	
	}
	
	.red-bg h5{
		color:white;
	}
	
	
	.feature-sqaure{
		padding:0px;
		transition:all 0.2s;
		margin-bottom:20px;
	}
	
	.feature-square:hover{
		transform:scale(1.05);
	}
	
	.feature-sqaure h5{
		position:absolute;
		top:20px;
		right:20px;
		padding:0px;
		margin:0px;
		z-index:10;
		text-shadow:0px 0px 2px rgba(0,0,0,0.8);
		font-size:30px;
		font-weight:bold;
		
	}
	
	.feature-sqaure .darken{
		position:absolute;
		top:0px;
		left:0px;
		width:100%;
		height:100%;
		z-index:5px;
		background:rgba(0,0,0,0.0);
	}
	
	.feature-sqaure img{
		width:100%;
		
	}
	
	.feature-sqaure img:hover{
		
	}



	.sq-panel{
	}
	
.square {
  position: relative;
  width: 100%;
}

.square:after {
  content: "";
  display: block;
  padding-bottom: 100%;
}

.content {
  position: absolute;
  width: 100%;
  height: 100%;
}



    .nav{
        position:fixed;
        top:0px;
        left:0px;
        width:100%;
        height:80px;
        background:rgba(0,0,0,0.3);
        line-height:80px;
        transition:all 0.2s;
        z-index:12;
        overflow:hidden;
        

    }
    
    .nav:before{
    	position:absolute;
    	content:"";
    	left:0px;
    	bottom:1px;
    	height:0px;
    	width:100%;
    	background:#F2F396;
    	z-index:100;
    	
    }
    
    .logo{
        display:inline-block;
        letter-spacing:5px;
        color:#202020;
        font-size:1.6vw;
        margin-left:20px;
    }
    

    .nav.scrolled{
        background:#F2F396;   
        box-shadow:0px 0px 8px rgba(0,0,0,0.3);
        border-bottom:4px solid #c02f38;
    }
    
    .nav .logo{
        opacity:0;
        transition:all 0.2s;
    }
    
    .nav.scrolled .logo{
        opacity:1;
    }
    
    .nav.scrolled .right-menu a{
    	color:#404040;
    }
    
    .nav.scrolled .logo{
    	color:#404040;
    }
    
    .nav .right-menu{
        position:absolute;
        top:0px;
        right:3vw;
        text-align:right;
    }
    
    .nav .right-menu a{
        display:inline-block;
        padding:0px 8px;
        color:#ffffff;
        font-size:14px;
        line-height:20px;
    }
    
    .nav .right-menu a:hover{
        
    }
    
    .nav .mobile-icon{
    	position:absolute;
    	top:10px;
    	right:30px;
    	
    }
    
    .nav .mobile-icon a{
    
    }
    
    .nav .mobile-icon i{
    	color:#606060;
    	font-size:3.0rem;
    }
    
    .mobile-menu{
    	position:fixed;
    	top:0px;
    	left:0px;
    	height:100vh;
    	width:100vw;
    	z-index:10;
    	padding:30px;
    	padding-top:80px;
    	background:rgba(255,255,255,0.9);
    	overflow:hidden;
    	
    }
    
    .mobile-menu a{
    	display:block;
    	font-size:22px;
    	color:#606060;
    	line-height:40px;
    }

    .headline{
        width:100%;
        min-height:90vh;
        background:url(../img/warmwell.jpg) center -150px fixed;
        background-size: cover;
        border-bottom:4px solid #c02f38;

    }
    
    .headline.rands{
        background:url(../img/hero/rands1.jpg) center -150px fixed;
        background-size: cover;
    }
    
    .headline.rands .asa{
    	top:16vh;
    }

    .hero{
        width:100%;
        overflow:hidden;
        min-height:90vh;
    }
    

    
    
    .section{
        width:100% !important;
        min-height:400px;
        padding-top:40px;
        padding-bottom:40px;
        background:white;
        color:#606060;
        font-size:16px;
        line-height:30px;

    }
    

    .footer{
    	position:relative;
        width:100%;
        min-height:400px;
        height:400px;
        background:#c02f38;
        color:#c02f38;
        overflow:hidden;
    }
    
    .footer h2,.footer h3,.footer h4,.footer h5,.footer h6{
        color:#ffffff;
    }
    .footer a{
        color:#ffffff;
    }
    
    
    .footer:before{
    	position:absolute;
    	content:"";
    	left:0px;
    	top:0px;
    	height:3px;
    	width:100%;
    	background:#F2F396;
    	z-index:1000;
    	
    }

    .footer-donate{
        position:relative;
        width:100%;
        height:150px;
        line-height:150px;
        background:#8f232a;
        font-size:2.0rem;
        color:white;
        padding-left:40px;
        padding-right:40px;

    }

    .footer-donate .btn-donate{
        display:inline-block;
        border:2px solid white;
        line-height:1.4rem;
        color:white;
        font-size:1.0rem;
        font-weight:bold;
        padding:10px 20px;
        background:#8f232a;
        margin-left:40px;


    }
    
    
    .asa{
        transition:all 0.2s;
    }
    
    .panel{
    	margin-bottom:40px;
    }
    
    .panel h2{
    	margin-top:0px;
    }
    
    .slide-up{
    	background:white;
    	padding:30px !important;
    	min-height:400px;
    	margin-top:-110px;
    	z-index:100;
    	box-shadow:0px 0px 10px rgba(0,0,0,0.4);
    }
    
    .footer .panel{
    	margin-top:30px;
    	color:white;
    	background:transparent;
    }
    

    
	.burger-icon{
		position:relative;
		display:inline-block;
		width:50px;
		height:50px;

	} 
	
	.burger-icon .bar{
		position:absolute;
		left:0px;
		width:100%;
		height:7px;
		background:#606060;
		border-radius:2px;
		transition:all 0.2s;

		
	}
	
	.burger-icon .l1{
		top:5px;
	}
	
	.burger-icon.closer .l1{
		transform:rotate(45deg);
		top:21px;
		background:#404040;
	}
	
	
	
	.burger-icon .l2{
		top:20px;
	}
	
.burger-icon.closer .l2{
		transform:rotate(-45deg);
		top:21px;
		background:#404040;
	}
	
	.burger-icon .l3{
		top:35px;
	}
	
.burger-icon.closer .l3{
	opacity:0;
}

.areas-list li{
	display:inline-block;
	width:49%;
	font-size:16px;
	color:#606060;
	line-height:40px;
	
}

.church-item{
    display:block;
    color:#606060;
    font-size:14px;
    line-height:30px;
    border-bottom:1px solid #f0f0f0;
}

.map-overlay-wrap{
    position:relative;
}

.map-display{
    height:60vh;
    width:100%;
    margin-top:100px;
    z-index:-1;
}

.map-overlay{
    position:absolute;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    z-index:2000;
    background:rgba(255,255,255,0.2);
}

#rightmenu{
    margin-top:40px;
    background:white;
    
}

#rightmenu a{
    display:block;
    color:#c02f38;
    font-size:14px;
    line-height:30px;
}

.church-main-img{
    width:100%;
}

.church-main-img img{
    width:100%;
    height:auto;
}

.church-search-wrapper{
    position:relative;
    margin-top:44px;
    margin-bottom:30px;
}

.church-search-wrapper:before{
    content: "\f002";	
  color:#c02f38;
  font-weight:900;
  font-family: 'Font Awesome 5 Pro';
	position:absolute;
	top:6px;
	left:7px;
	z-index:10;
	font-size:1.2rem;

    
}


.church-search{
    box-sizing:border-box;
    width:100%;
    border:1px solid #606060;
    padding:10px 10px 10px 40px;
    font-size:14px;
    color:#606060;
}

.footer-icon{
    font-size:1.1rem;
    margin-right:20px;
}

.right-red{
    color:#c02f38;
}

.church-right-inner{
    
}

.church-right-inner label{
    margin:0px;
}

.church-sub{
  margin-top:30px;
  margin-bottom:60px;
}



.right-menu-h5{
    border-bottom:1px solid #c02f38;
}

.cms-resp-img{
    width:100%;
    height:auto;
}

.home-panel-wrap{
    position:relative;
    
    margin-bottom:30px;
    

}

.home-panel-wrap img{
    transition:all 0.2s;
    overflow:hidden;
    
}


.home-panel-wrap img:hover{
    transform:scale(1.03);
    
}

.home-panel-wrap span{
display:block;
width:100%;
text-align:center;
color:#303030;
font-size:16px;
line-height:30px;
margin-bottom:10px;
}

.wrap2{
    display:block;
    position:relative;
    margin-bottom:20px !important;

}

.wrap2 img{
}

.wrap2 span{
    position:absolute;
    display:inline-block;
    bottom:-10px;
    left:20px;
    width:200px;
    background:#c02f38;;
    color:white;
    transition:all 0.2s;
    
}

.wrap2:hover span{
    width:100%;
    left:0px !important;
}

.small-table h4{
    padding-top:30px;
}

.table-pad-foot{
    margin-bottom:30px;
}

.church-small-images{
}
    

.church-small-images img{
    max-width:250px;
    max-height:250px;
    margin:10px;
}

.index-subtitle{
    font-size:16px;
    color:#a0a0a0;
    font-weight:bold;
    text-align:center;
    margin:0 auto;
    max-width:800px;
    margin-bottom:30px;
}

.band-red{
    background:#c02f38;
    color:white;
    min-height:200px;
    padding-top:30px;
    padding-bottom:30px;
    margin-top:-30px;
    margin-bottom:0;
    
}

.band-grey{
    background:#e0e0e0;
     min-height:200px;
    padding-top:30px;
    padding-bottom:30px;

}

.grants-section{
    
}

.grants-section label{
    color:white;
    font-size:20px;
    padding:0;
    margin:0;
}


.grants-section h2{
    color:white;
    font-size:60px;
    padding:0;
    margin:0;
    margin-bottom:30px;
}

.grants-section h5{
    margin-bottom:20px;
    font-size:30px;
}

.btn-grants{
    display:inline-block;
    font-size:16px;
    color:white;
    padding:5px 20px;
    border:1px solid white;
    margin-top:20px;
    border-radius:2px;
}

.btn-grants:hover{
    color:white;
    box-shadow:0px 0px 10px rgba(0,0,0,0.3);
}

.btn-main{
    display:inline-block;
    font-size:16px;
    color:#606060;
    padding:2px 20px;
    border:1px solid #606060;
    margin-top:20px;
    border-radius:2px;
}


.btn-index{
    display:inline-block;
    font-size:16px;
    color:#ffffff;
    padding:2px 20px;
    border:1px solid #c02f38;
    background:#c02f38;
    border-radius:2px;
    margin-bottom:30px;
}

.btn-index:hover{
    color:white;
    box-shadow:0px 0px 10px rgba(0,0,0,0.3);
}

.overlay{
    position:fixed;
    width:100%;
    height:100%;
    z-index:10;
    background:rgba(255,255,255,0.4);

}

.overlay.transparent{
    background:rgba(255,255,255,0) !important;

}