@charset "UTF-8";
/* CSS Document */

	body {
		font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
		font-weight:normal;
	}


	
	
	/* General  -------------------------------------------------- */
	
	.textwrap {
			position:relative;
			display:inline-block;
			max-width:700px;
	}

	.hearticon {
		width: 20px;
		height: 20px;
		vertical-align:middle;
		margin: 0 3px 2px 0;
	}

	
	

	/* Circular call-to-action buttons -------------------------------------------------- */
	
	.circlewrapper {
		display:inline-block; 
		position:relative;
		margin:8px;
	}
	.circle_title {
		font-weight:bold;
		margin:0;
		padding:0;
		font-size:20px;
		line-height:25px;
	}
	.circle_text {
		margin:4px 0 0 0;
		padding:0;
		font-size:12px;
		color:#5e6875;
	}
	a.circle {
		display: table-cell;
		position:relative;
		vertical-align:middle;
		width: 190px;
		height: 190px;
		border-radius: 50%;
		border:3px #89b3d4 solid;
		padding:20px;
	}
	a:hover.circle {
		background-color:#426b9a;
		border-color:#426b9a;
		transition: background-color 0.2s linear, border-color 0.2s linear;
		
	
	}
	a:hover.circle p {
		color:#FFF;
		transition: none;
		
	}
	@media only screen and (max-width: 500px) {
		a.circle {
			width: 150px;
			height: 150px;
			padding:20px;
		}
		.circle_title {
			font-size:16px;
			line-height:22px;
		}
		.circle_text {
			font-size:12px;
		}
		.circlewrapper {
			margin:6px;
		}	
	}
	@media only screen and (max-width: 355px) {
		a.circle {
			width: 130px;
			height: 130px;
			padding:10px;
			border:2px #89b3d4 solid;
		}
		.circle_title {
			font-size:14px;
			line-height:17px;
		}
		.circle_text {
			margin:2px 0 0 0;
			font-size:11px;
		}
		.circlewrapper {
			margin:3px;
		}	
	}
	


	

	

	
	/* Footer -------------------------------------------------- */
	
	footer {
			position:relative;
			display:inline-block;
			width:100%;
			margin:0;
			padding:0;
	}
	footer img {
			vertical-align: baseline;
	}
	#credit {
			position:relative;
			display:inline-block;
			background-color:#131313;
			width:100%;
			margin:0;
			text-align:center;
			padding:25px;
	}
	#credit ul li {
		position:relative;
		display:inline-block;
		margin: 0 10px;
	}
	@media only screen and (max-width: 400px) {
		#credit ul li {
			position:relative;
			display:inline-block;
			margin: 0 3px;
		}
	}
	#credit ul li a {
		position:relative;
		display:inline-block;
		width:41px;
		height:41px;
		text-indent:-9999px;
		background-size:41px 82px;
		background-repeat:no-repeat;
		background-position:0 0;
	}
	a.facebook {
		background-image:url(../shared_files/facebook.png);
	}
	a.twitter {
		background-image:url(../shared_files/twitter.png);
	}
	a.instagram {
		background-image:url(../shared_files/instagram.png);
	}
	a.vimeo {
		background-image:url(../shared_files/vimeo.png);
	}
	a.rss {
		background-image:url(../shared_files/rss.png);
	}
	#socialmedia ul li a:hover {
		background-position:0 -41px;
	}
	#kingsinfo {
		position:relative;
		display:inline-block;
		background-color:#1f1f1f;
		width:100%;
		margin:0;
		text-align:center;
		padding:53px 25px;
	}
	#churchlogo {
		width:300px;
		position:relative;
		display:inline-block;
		margin:20px 0 20px 0;
	}
	@media only screen and (max-width: 450px) {
		#churchlogo {
			width:200px;
		}
	}
	.addresswrapper hr {
		border-top:1px dotted #FFF;
		border-bottom:0px;
		margin:0;
		background:none;
	}
	#kingsaddress {
		position:relative;
		display:inline-block;
		margin:0 25px;
		padding: 0;
	}
	#kingsaddress p {
		margin:6px 32px;
		color:#FFF;
		font-size:14px;
		letter-spacing:0.01rem;
	}
	#kingsaddress a:link,
	#kingsaddress a:visited,
	#affil_text a:link,
	#affil_text a:visited,
	#websitecredit a:link,
	#websitecredit a:visited   {
		color:#FFF;
		text-decoration:none;
	}
	#kingsaddress a:hover {
		color:#f7f198;
		text-decoration:underline;
	}
	#affil_text a:hover {
		text-decoration:underline;
	}
	.textwrapper {
		position:relative;
		display:inline-block;
		margin:0;
		padding:0;
	}
	.textwrapper p {
		margin:0;
		padding:0;
	
	}
	.addresswrapper p,
	#kingsaddress .textwrapper p {
		margin:6px 0;
		font-style:normal;
	}
	.addresswrapper {
		display:table-cell; 
		vertical-align:middle; 
		height:139px;
	}
	#kingsvenues {
		position:relative;
		display:inline-block;
		margin:0 0 0 25px;
		text-align:left;
	}
	#kingsvenues p {
		font-size:14px;
		color:#FFF;
		margin:8px 1px;	
	}
	#kingsvenues a:link,
	#kingsvenues a:visited {
		background-color:#000;
		padding:8px 11px;
		color:#FFF;
		margin-right:6px;
	}
	#kingsvenues a:hover {
		background-color:#4272ed;	
	}
	#kingsvenues a:active {
		background:none;	
	}
	@media only screen and (max-width: 1100px) {
		#churchlogo,
		#kingsvenues {
			margin:0 30%;	
		}
		#kingsaddress {
			margin:32px 0;
			height:auto;	
		}
		.addresswrapper {
			height:auto;
		}
		#kingsvenues {
			text-align: center;
		
		}
	}
	@media only screen and (max-width: 940px) {
		#churchlogo,
		#kingsvenues {
			margin:0 20%;	
		}
	}
	@media only screen and (max-width: 680px) {
		#churchlogo,
		#kingsvenues {
			margin:0 10%;	
		}
	}
	
	input[type=submit] {
		padding:15px 40px;
		margin-top:20px;
		text-align:center;
		color:#FFF;
		background-color: #4aacbd;
		font-weight:bold;
		font-size:16px;
		display:inline-block;
		-webkit-border-radius: 15px;
		-moz-border-radius: 15px;
		border-radius: 15px;	
		border:none;
	}
	input[type=submit]:hover {
		background-color: #393939
	}