/**
 * @license
 * MyFonts Webfont Build ID 2985416, 2015-03-05T11:33:51-0500
 * 
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed Webfonts(s).
 * 
 * You may obtain a valid license at the URLs below.
 * 
 * Webfont: MuseoSans-700 by exljbris
 * URL: http://www.myfonts.com/fonts/exljbris/museo-sans/700/
 * 
 * Webfont: MuseoSans-300 by exljbris
 * URL: http://www.myfonts.com/fonts/exljbris/museo-sans/300/
 * 
 * 
 * License: http://www.myfonts.com/viewlicense?type=web&buildid=2985416
 * Licensed pageviews: 500,000
 * Webfonts copyright: Copyright (c) 2008 by Jos Buivenga. All rights reserved.
 * 
 * � 2015 MyFonts Inc
*/

body{

}

p,h1,h2,h3,ul,ol{font-family: "Quicksand", sans-serif;font-weight:400;}
strong,h1,h2,h3{font-family: "Quicksand", sans-serif;font-weight:700;}

header{box-shadow: 0px 0px 10px #ccc;border-bottom:1px solid #eee;}
header h1{width:330px;height:110px;background:url('/assets/images/logo.svg?2') center center no-repeat;background-size:contain;text-indent:-100000px;margin-top:15px;}
header p{top:10px;font-size:80%;}
header a{text-decoration: none;}
header nav ul{margin-bottom:0px;}
header nav ul li{margin-left:0px;padding:4px 20px 6px 20px;}
header nav ul li.active{background:#26537A;padding:4px 20px 6px 20px;border-radius: 3px;}
header nav ul li.active a{color:#fff;}
header nav ul li:hover{background:#f1f2f2;border-radius: 3px;}
header nav ul li:hover ul{top:40px;padding-bottom:10px;}
header nav ul li:hover ul li{padding:10px;float:left;height:auto;text-indent: 0px;overflow:hidden;box-sizing:border-box;margin-bottom:0px;}
header nav ul li.active:hover a{color:#035B77;}
header nav ul li.active:hover ul li a:hover{color:#222;}
header nav ul li.active:hover ul li.active a{color:#222;}

.hero{background:url('/assets/images/gracechurch3.jpg') top center no-repeat;background-size:1030px;position:relative;}

.VOY{width:60%;background:none;position:absolute;top:20px;left:20px;}
.VOY h2{font-size:18px;color:#fff;text-shadow: 0px 0px 3px #222;text-align: left;}
.VOY p{color:#fff;font-weight: 500;text-shadow: 0px 0px 2px #222;font-size:14px;text-align: left;float:none;}

.intro{}

img.smaller{width:40%;margin-left:20px;margin-bottom:20px;float:right;}

.social{background:#26537A;margin-bottom:100px;}
.social #map{margin-top:17px;margin-bottom:0px;}
.social p{color:#fff;}

h1{color:#245479;clear:both;}
h2{color:#245479;clear:both;}
h3{color:#245479;clear:both;}
p,ul,ol{color:#333;}
ul{list-style: disc;}
li{margin-bottom:12px;}

.primary{width:68%;}
.secondary{width:28%;}

.social ul{background:none;}

.socialmedia .address{background:none;}
.socialmedia .address p{color:#fff;}
.social #map{min-height:300px;}

.things{background:none;}
.things h2{color:#035B77;}
.thing h3{color:#245479;margin-bottom:1rem;}

a.more,.thing a{background:#245479;margin-bottom:20px;}
a.more:hover,.thing a:hover{background:#EEA91F;}

a.older.center{margin:0 auto;display:block;float:none;}

.primary,
.secondary{
	padding-top:100px;
	padding-bottom:100px;
}

.primary .strong{background:none;}

.restrict.contact ul,.social ul{list-style: none;}

.thing img{float:right;}
.secondary .thing h3{clear:none;}

.secondary .thing{float:left;margin-bottom:40px;padding-bottom:20px;border-bottom:1px solid #ccc;}

ul.filters{max-height:250px;background:#f1f2f2;border:1px solid #ccc;border-radius:3px;box-shadow:inset 0px 0px 10px #ccc;margin:0px;overflow:auto;list-style: none;margin-bottom:40px;}
ul.filters li{padding:4px;border-bottom:1px dotted #ccc;margin-bottom:0px;}
ul.filters.nomargin{margin-bottom:10px;}

ul.sermon-series{list-style: none;width:100%;}
ul.sermon-series li{width:47.5%;margin:0px 2.5% 2.5% 0px;float:left;display:inline-block;height:200px;border-bottom:1px dotted #ccc;padding-bottom:20px;text-align: center;}
ul.sermon-series li img{margin-bottom:12px;}

footer{
	background:#245479;
}

footer p{
	margin-bottom:1rem;
}

@media screen and (max-width:720px){
	.VOY{width:90%;}
	.primary{width:100%;margin:0%;margin-top:20px;}
	.secondary{width:100%;margin:0%;margin-bottom:20px;}
	header h1{height:70px;margin:0 auto;}
	#footernav ul{list-style: none;}
	.article{margin-top:20px;}
	.full-strong{padding:20px 0px;}
	.socialmedia ul{height:48px;margin-bottom:20px;}
	.socialmedia #map{margin-top:-20px;margin-bottom:20px;position: relative;}
	.socialmedia{padding-bottom:20px;}
}