/*Theme Name: church-site
Theme URI: http://192.168.0.40/church-site/
Description: Theme for church website
Version: 1.0
Author: Karen
Author URI: petoba.com
Tags: Church, html, wordpress
*/

body, html {
	margin: 0;
	padding: 0
}
img {
	max-width: 100%
}
.row {
	width: 100%
}
.row:after {
	clear: both;
	display: block;
	content: '';
	line-height: 0
}
.row [class^="block"] {
	display: block;
	float: left;
	margin-left: 5%
}
.row [class^="block"]:first-of-type {
	margin-left: 0 !important
}
.explore .row [class^="block"]:first-of-type {
	margin-left: 10px !important
}
.block1 {
	width: 3.75%
}
.block2 {
	width: 12.5%
}
.block3 {
	width: 21.25%
}
.block4 {
	width: 30.0%
}
.block5 {
	width: 38.75%
}
.block6 {
	width: 47.5%
}
.block7 {
	width: 56.25%
}
.block8 {
	width: 65%
}
.block9 {
	width: 73.75%
}
.block10 {
	width: 82.5%
}
.block11 {
	width: 91.25%
}
.block12 {
	width: 100%
}
@media (max-width:800px) {
	.block1 {
		width: 0.3125%
	}
	.block2 {
		width: 9.375%
	}
	.block3 {
		width: 18.4375%
	}
	.block4 {
		width: 27.5%
	}
	.block5 {
		width: 36.5625%
	}
	.block6 {
		width: 45.625%
	}
	.block7 {
		width: 54.6875%
	}
	.block8 {
		width: 63.75%
	}
	.block9 {
		width: 72.8125%
	}
	.block10 {
		width: 81.875%
	}
	.block11 {
		width: 90.9375%
	}
	.block12 {
		width: 100%
	}
	[class*="block"] {
		margin-left: 8.75% !important
	}
}
@media (max-width:550px) {
	[class^="block"] {
		width: 100% !important;
		float: none !important;
		margin: 0 0 0 0 !important
	}
}
.header-nav .container {
	width: 960px;
	max-width: 960px;
	margin: 0 auto
}
.container {
	width: 960px;
	max-width: 90%;
	margin: 0 auto
}
.strip {
	padding: 80px 0
}
.strip.dark {
	background: #48576f;
	color: white
}
.strip.mute {
	background: #f6f3ed
}
.strip.bb {
	border-bottom: 5px solid #f5f5f5
}
.strip.twitter {
	background: #4099ff;
	color: white;
	text-align: center
}
.strip.twitter a {
	color: white
}
html, body, div, span, object, iframe, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 99%;
	vertical-align: baseline;
	
}
body {
	line-height: 1
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
nav ul {
	list-style: none
}
blockquote, q {
	quotes: none
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none
}
a {
	margin: 0;
	padding: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent
}
ins {
	background-color: #ff9;
	color: #000;
	text-decoration: none
}
mark {
	background-color: #ff9;
	color: #000;
	font-style: italic;
	font-weight: bold
}
del {
	text-decoration: line-through
}
abbr[title], dfn[title] {
	border-bottom: 1px dotted;
	cursor: help
}
table {
	border-collapse: collapse;
	border-spacing: 0
}
hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #cccccc;
	margin: 1em 0;
	padding: 0
}
input, select {
	vertical-align: middle
}
.logo {
	width: 120px;
	vertical-align: middle;
	margin-left: 25px;
}
.sponsor {
	width: 250px;
	vertical-align: middle;
	margin: 20px auto;
}
.event-item {
	margin: 40px 0 0;
	text-align: center;
	
}
.event-item .inner {
	padding: 20px 20px;
	border: solid 2px #eee;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color: #000;
}
.event-item .inner .info {
	text-align: left;
	
}
.event-item h4 
{
	color: #48576f;
}
.event-item .inner .info .opt {
	color: #5db12e;
	font-weight: 700;

}
.container.strip.bb {
	border-bottom: 3px solid #f5f5f5
}
.tal {
	text-align: left
}
.tar {
	text-align: right
}
.tac {
	text-align: center
}

.blog img {
	width: auto;
	height: 300px;
	display: block;
	margin: 0 auto;
}
.blog h4 {
	margin: 20px 0;
	text-align: center;
}
.blog h4 a {
	text-decoration: none
}
.blog .excerpt {
	text-align: left
}
.twitter-head {
	margin: 10px 20px;
	width: 70px;
	padding-bottom: 10px;
}
.tweets {
margin: 20px 0;

}
.twitter h2 
{
	color: white;
}
.tweets li{
	margin: 50px 5px;
	font-size: 1.25em;
	font-weight: 300;
	line-height: 1.6em
}
.tweets a {
	background: rgba(255, 255, 255, 0.1);
	color: white;
	padding: 5px 5px;
	margin: 0 5px
}
.tweets .meta {
	font-size: .75em;
	color: rgba(0, 0, 0, 0.4)
}
.tweets li:last-child {
	margin-bottom: 0
}
.widget-title h3{
	
}
body {
	font-size: 1.1em;
	line-height: 1.6em;
	font-family: Verdana, Geneva, sans-serif;
	font-weight: 400;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%
}
h1, h2, h3, h4, h5, h6 {
	
	font-weight: 400;
	margin-top: 0
}
h1 {
	font-size: 2.5em
}
h2 {
	color: #48576f;
	font-size: 2em
}
h3 {
	font-size: 1.8em
}
h4 {
	font-size: 1.4em
}
nav {	
	font-weight: 700
}
a {
	color: #48576f
}
p {
	margin: 0 0 25px
}
p:last-child {
	margin-bottom: 0
}
p.intro {
	text-align: center;
	position: relative;
	padding: 0 100px 30px
}
p.intro:after {
	display: block;
	content: '';
	position: absolute;
	width: 50px;
	left: 50%;
	margin-left: -25px;
	bottom: 0;
	height: 5px;
	background: #eee
}
.center-title {
	text-align: center;
	padding-bottom: 15px;
	max-width: 600px;
	margin: 0 auto
}
.button {
	background: #e43b37;
	color: white;
	text-decoration: none;
	padding: 12px 24px;
	
	font-weight: 400;
	border-radius: 4px;
	box-shadow: 0 3px 0 #e3322e;
	display: inline-block
}
.button.prim {
	background: #5db12e;
	box-shadow: 0 3px 0 #59a92c
}
.header-nav {
	position: absolute;
	left: 0;
	right: 0;
	padding: 20px 0;
	z-index: 1;	
}
nav {
	float: right;
}
nav li {
	text-decoration: none;
	display: inline-block;
	margin-right: 10px;
	padding: 30px 0;
	font-size: .9em
}
nav li a {
	text-decoration: none;
}
.header-nav nav:last-child {
	margin-right: 0%;
}

.footer p {
	margin: 0
}
.footer .title {
	font-weight: 700;
	margin-bottom: 5px
}
.footer li {
	list-style: none;
}
.footer li a {
	text-decoration: none
}
.hero-welcome, .au-top {	
	position: relative;
	min-height: 570px;
}
.hero-welcome .container {
	padding-top: 200px;
}
.hero-welcome .block7 h1 {
	text-align: left;
}
.hero-welcome h1 {
	margin: 0 0 20px;
	color: #5db12e;
	font-weight: 400;
	line-height: 1.25em;
	position: relative;
	text-align: center;
}
.icon-head 
{
	margin-bottom: 20px;
}
.hero-welcome h2 {
	color: #48576f;
	font-size: 1em;
	width: 98%;
}
.hero-welcome .hero, .au-top .hero  {	
	visibility: hidden;
	}
.visitor-redir {
	background: #48576f;
	color: white;
	padding: 50px 0;
	text-align: center
}
.visitor-redir img {
	vertical-align: middle;
}
.strip.bb.news {
	background: #eee;
}
.strip.events h2 {
	color: #000;
}
.events span{
	color: #000;
	font-weight: normal;
}
.header{
	background: url("img/bg/church_update.png");
	background-repeat: no-repeat;
	background-size: 520px 520px;
	background-position: 85% bottom;
	text-align: center;
}
.hero-welcome{
	text-align: left;
}
#primary .entry-title
{
	display: none;
}
.header.page 
{
	background: none;
	
	padding-bottom: 75px;
	background: #eee;
}
.header.page .hero-welcome
{
	min-height: inherit;
}

.header.page.blog-2, .header.page.resources, .header.page.about-us, .header.page.contact-us, .header.page.exploring-churches
{
	background: #eee;
}
.strip.tall 
{
	padding: 100px 0;
}
p.lead
{
	color: #48576f;
	font-size: 1.25em;
}
.cat-search
{
	background: #eee;
	padding: 40px;
	border-radius: 5px;
}
.contact-form 
{
	margin-top: 50px;
}
.contact-form input[type=text], .contact-form input[type=email], .contact-form textarea
{
	display: block;
	margin-top: 10px;
	background: #eee;
	border: 1px solid #dadada;
	padding: 10px 20px;
	border-radius: 3px;
	width: 500px;
}
.contact-form input[type=submit]
{
	padding: 10px 30px;
	background: #5db12e;
	border: 1px solid #5db12e;
	color: white;
	font-weight: 700;
	border-radius: 3px;
}
.contact-form label 
{
	margin-bottom: 10px;
}
.cat-search input[type=submit] 
{
	padding: 10px 30px;
	background: #5db12e;
	border: 1px solid #5db12e;
	color: white;
	font-weight: 700;
	border-radius: 3px;
	margin-left: 20px;
}
#cat, .inlineSearch
{
	padding: 10px;
}
#searchForm
{
	margin-top: 20px;
}
.strip.blogs h2
{
	margin: 0 0 40px;
}
@media (max-width:980px){
	.header{
		background: transparent;
	}
	.hero-welcome .hero , .au-top .hero{	
	margin-left:40px;
	margin-top:40px;
	visibility: visible;
	}
	.header-nav {
		margin-right:30px;
	}
.hero-welcome .block7{
width:100%;
}
	.hero-welcome .block7 h1, .hero-welcome .block7 h2{
		width: 90%;
margin: 0 auto;
display: block;
margin-bottom: 10px;
	}	
}
.twitter li{
	list-style:none;
}
.au-top .container{
	padding-top: 115px;
}
.au-top h1 {
	margin: 30px 0;
	color: #5db12e;
	padding: 20px 5px;
	font-weight: 400;
	line-height: 1.25em;
	position: relative;

}
.au-top h2 {
	color: #48576f;
	font-size: 1em;
	width:100%;	
	margin: 0 auto;
	margin-bottom: 50px;
}
.visitor-redir ul li{
	text-align: left;
	margin: 10px 0;
	padding: 0 20px;
}
.visitor-redir ul{
	list-style-image: url("http://cvta.org.uk/church-site/img/assets/church-icon2.png");
}
.char{
	margin: 100px 0;
	color: #48576f;
}
.char h4{
	color: #5db12e;
	text-align: center;
}
.char-but{
	text-align: center;
}
.char-but a{
	margin: 20px 15px;
}
.cat-res{
background: #48576f;
color: #fff;
}
.cat-res a{
	color: #fff;
}
.content-area{
background-color: #48576f;
padding: 50px 0;
}
.content-area a{
color: #fff;
}
.site-main{
width: 80%;
margin: 0 auto;
}
.entry-title {
	color: #5db12e;	
	padding: 10px 0;
}
.entry-title a{
	color: #48576f;	
	margin: 10px 0;
	line-height: 1.25em;
}
.entry li{
	list-style-type: none;	
	margin: 0 0 50px;
}
.entry h2{
	margin: 10px 0;
	color: #5db12e;	
}
.entry h3{
	margin: 0 0 10px;
}
.entry a 
{
	text-decoration: none;
}
.entry .posted-on, .entry .byline
{
	color: #bbb;
	font-size: .9em;
}
.entry p{
	margin: 5px 0;
}
#container_division {
	width: 100%;
	}
.post-block {
	width: 45%;
	float: left;
	clear: none;
	margin: 5px 2%;
	min-height: 400px;
	}
.excerpt_thumbnail {
	float: left;

}
.excerpt_thumbnail img {
	width: 50%;
	height: auto;
	display: block;
	margin: 0 auto;
	padding: 20px 0;
}
.block2 .excerpt_thumbnail img {
	width: 90%;
	padding: 5px 10px;
}
 .error{
    padding: 5px 9px;
    border: 1px solid #5db12e;
    color: #5db12e;
    border-radius: 3px;
 } 
 .success{
    padding: 5px 9px;
    border: 1px solid green;
    color: green;
    border-radius: 3px;
 } 
 form span{
    color: #5db12e;
 }
 textarea { 
  vertical-align: top; 
 }​

 .post .trustees h2{
	color: #5db12e;
 }

 .footer-top{
 	background: #48576f;
	color: #fff;
	width: 100%;
	margin-bottom: 50px;
}
 .sub {
	width: 50%;
	margin: 0px auto;
	padding: 50px 0;
	margin-bottom: 15px;
 }
 .sub p{
	margin: 15px 0px;
	font-size: 18px;
 }
 #mc4wp_email{
	font-size: 18px;
 }
 .entry-meta{
 color: #bbb;
 margin-bottom: 10px;
 }

 .entry-content {
 	min-height: 90px;
 }
 .entry-content li{
 list-style-type: circle;
 }
 .entry-footer
 {
 	color: #bbb;
 	margin: 20px 0;
 }

 .entry-content blockquote {
	color: #000;
	background: #f9f9f9;
	border-left: 10px solid #ccc;
	margin: 1.5em 10px;
	padding: 0.5em 10px;
	quotes: "\201C""\201D""\2018""\2019";
}
 .entry-content blockquote:before {
	color: #ccc;
	content: open-quote;
	font-size: 4em;
	line-height: 0.1em;
	margin-right: 0.25em;
	vertical-align: -0.4em;
}
.navigation{
	color: #48576f;
	margin-top: 40px;
	text-align: center;
}
.navigation h1 
{
	font-size: 1em;
	color: #bbb;
}
.nav-previous
{
	float: left;
	margin-right: 500px;
}
.nav-next
{
	float: right;
}
.navigation a{
color: #48576f;
}
@media (max-width:1300px) {
	.header 
	{
		background-position: 90% bottom;
		background-size: 480px;
	}
}
.visitor-redir p{
	line-height: 3em;
}
.row.explore{
	margin: 20px auto;
}
.events img{
	max-width: 100%;
	height: auto;
}
.alignleft{
	float: left;
	margin: 8px 30px;
}
.alignright{
	float: right;
	margin: 8px 30px;
}
.container .row li{
	margin-left: 20px;
}
.trustees {
	padding: 100px 0;
}
@media (max-width: 700px), handheld and (orientation: landscape) {
	.logo{
		width: 18%;
		margin:5px 3px;
	}
	.header-nav{
		margin-right: 0px;
	}
	nav{
		font-weight:400;
		width: 80%;
		margin-left: 1px;
	}
	nav li{
		margin-right: 5px;
		padding: 3px 0;
	}
	.hero-welcome .container{
		padding-top: 150px;
	}
	.hero-welcome{
		padding: 0 5px;
		min-height: 450px;
	}
	
	.hero-welcome h2 {
		
		margin: 20px auto;
	}
	.header-nav .container{
		width: 95%;
	}
	.container{
		width:95%;
	}
	.sub{
		width: 95%;
	}
	p.intro{
		padding: 0;
	}
	.contact-form input[type=text], .contact-form textarea{
		width: auto;
		max-width: 300px;
	}
	.alignright{
		float: none;
		margin: 10px auto;
		display: block;
	}
	.alignleft{
		float:none;	
		margin: 10px auto;
		display: block;	
	}
	.header.page{
		padding-bottom: 25px;
	}
	.cat-search input[type=submit]{
		margin: 15px 3px;
	}
	.strip.tall, .trustees{
		padding: 30px 0;
	}
	.strip{
		padding: 60px 0;
	}
	.excerpt_thumbnail{
		float: none;
	}
	.excerpt_thumbnail img, .block6.blog img, .events img{
		float: none;
		width: auto;
		display: block;
		margin: 5px auto;
	}
	.block5.tar img{
		margin: 30px auto;
		
	}
	.footer .block5{
		margin: 30px auto !important;
	}
	.nav-previous
	{
		margin-right: 40px;
	}
	.block2 .excerpt_thumbnail img {
		width: auto;
	}
	}
@media (max-width: 360px), handheld and (orientation: landscape) {
	nav{
		
		margin-left: 0;
	}
}