/*TEXT STYLES*/

h1, h2, h3, h4, h5, h6, p{ font-family: open sans, sans-serif; color: #7d7d79; font-weight: lighter;}
		
h1{color: #ffffff;  font-family: "prenton",sans-serif; font-size: 240%; text-align: center; font-weight: 300; font-style: normal;}
h2{color: #fff;  font-family: "prenton",sans-serif; font-size: 180%; font-weight: 300; font-style: normal;}	
h3{color: #fff;  font-family: "prenton",sans-serif; font-size: 140%; font-weight: 300; font-style: normal;}	
h4{font-size: 100%; line-height: 2em;}
h5{font-size: 140%;  font-family: "prenton",sans-serif; font-weight: lighter; color: #fff; font-weight: 300; font-style: normal;}
h6{color: #7d7d79; font-size: 90%; line-height: 2em;}
p{font-family: open sans, helvetica, arial, sans-serif; color: #fff; font-size: 90%; line-height: 2em;}
.unwrapping article li{font-family: open sans, helvetica, arial, sans-serif; color: #2e5e6e; font-size: 90%; line-height: 2em;}
.unwrapping article h1 {text-align: left;}
	
.bold {font-weight: 400!important; font-size: 230%;}
.social-ref a h4{ color: #bf0000;}
.social-ref a h4:hover{ color: #4b4b49;}

.clear {clear:both;}
/* NAV */
	
.navigation li{ padding: 12px 0; list-style: none;}
ul {margin-bottom:0px!important;}
nav li{ position: relative;}
nav ul li a{ font-family: "prenton",sans-serif; font-weight: lighter; font-size: 110%; color: #4b4b49;}
nav ul li a:hover{ color: #bf0000;}	
nav ul li a span{ position: absolute; top: 5px;	bottom: 0; right: 1em;}	

.accordion {
    background: #fff;
	cursor: pointer;
    padding: 12px 0px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    transition: 0.4s;
	font-family: "prenton",sans-serif; font-weight: lighter; font-size: 110%; color: #4b4b49;
	margin-left: 1.1rem;

}

.active, .accordion:hover, .accordion a:active {
	color: #bf0000;
	    background: #fff;

}

button:focus  {
	color: #bf0000;
	    background: #fff;

}

.panel {
    padding: 0px;
    display: none;
    background-color: white;
    overflow: hidden;
	border:none;
}

.panel-nav li {padding: 8px 0px 5px 20px; list-style: none;}
.panel-nav li a {font-family: "prenton",sans-serif; font-weight: lighter; font-size: 98%; color: #4b4b49;}
.panel-nav li a:hover {color: #bf0000; background: #fff;}	

/* MOBILE */
.mob-menu {background-color: #2e5e6e; padding: 10px;  top: 0; width: 100%; z-index: 999;}
#my-menu ul li {font-size: 130%; margin: 10px 0; color: #bf0000; font-weight: 400;}
#my-menu ul li a:hover{color: #000;}
#my-menu {background-color: #ececec; }

.mm-menu .mm-list > li > a.mm-subclose {
	background: #2e5e6e;
	color: #fff;
}

.mm-list a.mm-subopen {
	background: #2e5e6e;
	
}

.bborder-btn{
    border: 1px solid #1c3c49;
    color: #1c3c49;
    padding: 1em 1.4em;
    margin: 0 10px;
    font-size: 80%;
}

#home .right-container-img .backstretch {width: 100%;}

#home h1 {color: #144a86; font-size: 1.95em; font-weight: 800; text-align: left; margin-bottom: 0.5em;}
#home h2 {color: #144a86; font-size: 1.6em; font-weight: 800; text-align: left;}
#home h3 {color: #6f9337; font-size: 1.15em; font-weight: 400; text-align: left; lin-height: 1.8em;}
#home iframe {height: 600px!important; overflow:hidden;}
.home-left {padding-top: 3em;}
.home-links {padding-top: 6em;}
.home-links .bborder-btn {border-color: #144a86; color:#436e9e;}
.home-links p {text-align: center; font-size: 1.1em; margin-bottom: 2em;}
.s-element-container {box-shadow: none!important; border: none!important; padding: 0.5em;}
.storify {height: 700px; overflow:scroll;}

#home .home-content {padding-top: 1.5em;}

/* HOMEPAGE */

.home-text {position: absolute; top: 60%; text-align: center; width: 100%; color: #fff; padding: 0 80px 100px 80px;}
.home-text h5{padding-bottom: 1.2em; }
.home-text a{border: 1px solid #fff; color: #fff; padding: 1em 1.4em; margin: 0 10px;font-size: 80%;}

/* GENERIC PAGE LAYOUT */

.section-two-content { margin-top: 3em;}
.social-ref{padding: 30px 20px 0; line-height: 1.5em}
hr{ color: #ababab; text-align: center; margin: 2em 3em; border-width: 1.5px; }
a{color: #bf0000;}
#home .backstretch-container{padding: 0px;}
.logo {text-align: left; padding: 30px 20px 30px;}
.secondary-nav{transition-delay: 3000ms;}

/* HOMEPAGE */
#home .right-container-img {height: 900px!important;}

/* ABOUT US PAGE */
#about-church .right-container-img{height: 500px; position: relative;}
#about-church .right-container-img h1{position: absolute; bottom: 2em; left: 2em; font-weight: 500; color: #fff; text-shadow: 0 0 2px #4F4F4F;
}
#about-church .section-two {background-color: #ececec; color: #fff; margin-top: -0.5em; padding: 20px 80px 30px; text-align: center;}
#about-church .p-space{padding: 15px 0;}
#about-church .section-two{padding-top: 40px;}

/* ABOUT TRANSFORMING PRESENCE PAGE */
#about .right-container-img{height: 500px; position: relative;}
#about .right-container-img h1{position: absolute; bottom: 2em;	right: 2em; font-weight: 500; color: #fff; text-shadow: 0 0 2px #4F4F4F;
}
#about .section-two {background-color: #1c3c49; color: #fff; margin-top: -0.5em; padding: 20px 80px 30px; text-align: center;}
#about .section-two h2, h3{color: #fff;}
#about .section-two p{color: #fff;}
#about .section-two h2 a {font-weight: 600; color: silver; font-size: 1.25em;}
#about .section-two p a{font-weight: 600; color: #ececec; font-size: 1.25em;}
#about .page-title h2{text-transform: none; font-weight: 400; font-size: 145%}
#about .page-title h3{text-transform: none;}
#about .p-space{padding: 40px 0;}

#about-church h1 {color:#2e5e6e;}


.section-one, .section-two, .section-three, .section-four {clear:both;}


/* PRIORITY PAGE */

#priority h3{ text-transform: none;}
#priority .right-container-img{height: 500px; position: relative;}
#priority .right-container-img h1{position: absolute; bottom: 2em; left: 1em;  font-weight: 400; color: #fff; text-shadow: 0 0 2px #4F4F4F;
}
#priority .section-two {background-color: #2e5e6e; margin-top: -0.5em; padding: 20px 100px 30px; text-align: center; padding-bottom: 4em;}
#priority .section-two .centered-title {padding: 40px 60px 15px;}
#priority .p-space{padding: 24px 0;}
#priority .section-two .xp-space{padding: 80px 0 10px;}
#priority .section-two h2{color: #fff; font-weight: 300;}
#priority .section-two p strong{line-height: 0em; margin-top: 10px;}
#priority .section-two p{margin-bottom: 5px;}
#priority .section-two-content .p-space .border {font-size: 100%; text-align: center; }
#priority .section-two-content .p-space .border p{color: #fff; padding: 1em .75em; border: 1px solid #fff; }
#priority .section-two-content .p-space .border p a{color: #fff;}
#priority .section-two-content .p-space .border p:hover { background-color: #43964d;}
#priority .section-two .button-w p { font-size: 80%; color: #fff; padding: .75em; border: 1px solid #fff; text-align: center; font-weight: 400;}
#priority .section-two .button-w p:hover {background-color:#43964d;}

/* PRIORITY PAGE EVANGELISING PAGE */
#priority .section-two p, h2{color:#fff;}
#priority .section-two p a{color: #fff; font-size: 120%; font-weight: 400;}
#priority .section-three {background-color: #43964d; padding: 50px 100px 30px; text-align: center; padding-bottom: 4em;}
#priority .centered-title{padding: 30px 60px 15px;}
#priority .centered-title h1{ font-weight: 300; color: #fff; text-align: center; text-shadow: 0 0 2px #4F4F4F;
}
#priority .centered-title h2{text-transform: none; font-weight: lighter; color: #fff; text-align: center; font-size: 150%;}
#priority .centered-title h3{font-weight: 400; text-align: center; font-size: 150%;}
#priority .centered-title p{text-align: center;}
#priority .centered-title a{border: 1px solid #fff; color: #fff; padding: .75em 1.5em; font-size: 80%;}
#priority .section-three p{color: #fff; line-height: 1.8em;}
#priority .section-three .group1{padding: 40px 30px;}
#priority .section-three .group1 .group1-text{margin-top: 30px; text-align: center;}
#priority .section-three .group1 .group1-text a{border: 1px solid #fff; color: #fff; padding: .75em 1.5em; font-size: 80%;}
#priority .section-three a:hover {background-color: #2e5e6e;}
#priority .section-three .group2{padding: 40px 30px;}
#priority .section-three .group2 a{border: 1px solid #fff; color: #fff; padding: .75em 1.5em; font-size: 80%;}


/* PRIORITY PAGE SERVING WITH ACCOUNTABILITY PAGE */
#priority .section-four {background-color: #ececec; padding: 50px 100px 30px; text-align: center; padding-bottom: 20em;}
#priority .section-four p {color:#2e5e6e;}
#priority .section-four a {color:#2e5e6e;}

#priority .section-four h1, h2, p a{color: #2e5e6e;}
#priority .centered-title-blue p{text-align: center;}
#priority .blue-btn a{border: 1px solid #2e5e6e; color: #2e5e6e; padding: .75em 1.5em; font-size: 80%;}
#priority .blue-btn a:hover {background-color: #1c3c49; color: #fff;}
#priority .centered-title-blue{padding: 40px 60px 10px;}
#priority .centered-title-blue h1{ font-weight: 300; color: #2e5e6e; text-align: center;}
#priority .centered-title-blue h2{text-transform: none; font-weight: lighter; color: #2e5e6e; text-align: center; font-size: 150%;}
#priority .centered-title-blue h3{font-weight: 400; text-align: center; font-size: 150%; color: #2e5e6e;}

/* PRIORITY PAGE RE-IMAGING MINISTRY PAGE */
#priority .section-five {background-color: #1c3c49; padding: 50px 100px 30px; text-align: center; padding-bottom: 4em;}
#priority .section-five h1 h2 h3 p{color: #fff;}
#priority .section-five p, a{color: #fff;}
#priority .section-five p a{border: 1px solid #fff; color: #fff;  padding: .75em 1em; font-size: 90%;}
#priority .section-five p a:hover{background-color: #ececec; color: #1c3c49;}
#priority .section-five .p-space{padding: 30px 0;}
#priority .centered-title-5{padding: 20px 60px 15px;}
#priority .centered-title-5 h3{font-weight: 400; text-align: center; font-size: 150%; margin-bottom: 30px;}


/* 2015 CONDFERENCE PAGE */
#conference .right-container-img{height: 500px; position: relative;}
#conference h1{font-size: 220%; font-weight: 300; color:#fff; text-shadow: 0 0 2px #4F4F4F; text-align: center;}
#conference .section-two {background-color: #2e5e6e; text-align: left; padding: 50px 90px;}
#conference .section-two p{color: #fff;}
#conference .section-two h2{ color: #fff;}
#conference .section-two p a{color: #ececec; font-size: 140%;}
#conference .section-two p a:hover{color: #43964d;}
#conference .section-two .conference-video{text-align: center; margin: 1em 0;}
#conference .section-two .conference-video p a{font-size: 100%; color: #fff; padding: 1em; border: 1px solid #fff; text-align: center;}
#conference .section-two .conference-video p a:hover{background-color: #43964d;}

/* E-BULLETIN PAGE */
#e-bulletins .right-container-img{height: 500px; position: relative;}
#e-bulletins .right-container-img h1{position: absolute; bottom: 2em; right: 3em; font-weight: 500; color:#fff; text-shadow: 0 0 2px #4F4F4F;}
#e-bulletins h2, p{color: #2e5e6e}
#e-bulletins .section-two h1{color: #2e5e6e}
#e-bulletins h2{font-size: 200%;}
#e-bulletins .section-two {background-color: #ececec; margin-top: -0.5em; padding: 30px 50px 30px;}
#e-bulletins .contact-box{ background-color: #b8b8b8; background-color: rgba(184, 184, 184, 0.4); padding: 10px 5px; margin: 20px 0;}
#e-bulletins .contact-box h2{color: #2e5e6e;  font-family: "prenton",sans-serif; font-size: 180%; font-weight: 300;}
#e-bulletins .contact-box ul{list-style: none; margin-left: 0px;}
#e-bulletins .contact-box .button {background-color: #2e5e6e; font-weight: 400; font-family: 'helvetica neue'; font-size: 100%; }
#e-bulletins .contact-box .button:hover {background-color: #43964d;}
#e-bulletins .contact-info {padding: 10px 30px 0px 0px;}



/* RESOURCES AND DOWNLOADS PAGE */
#resources .right-container-img{height: 600px; position: relative;}
#resources .right-container-img h1{position: absolute; bottom: 2em; right: 1em; font-weight: 500; color: #fff; text-shadow: 0 0 2px #4F4F4F;
}

#resources h2{color: #1c3c49;  font-family: "prenton",sans-serif; font-size: 140%; font-weight: 300; line-height: 1.5em;}

#resources .section-two {background-color: #1c3c49; margin-top: -0.5em; padding: 30px 40px 40px;}
#resources .section-two .secondary-nav{text-align: center; padding: 40px 0px 30px;}
#resources .section-two .secondary-nav a{ font-weight: 200; color: #fff; font-size: 110%; line-height: 2.0em; text-align: center; }
#resources .section-two .secondary-nav a:hover{color: #43964d;}
#resources .section-two .downloads {padding: 30px 0;}
#resources .section-two .downloads .border { font-size: 100%; text-align: center; }
#resources .section-two .downloads .border p{color: #fff; padding: 1em .75em; border: 1px solid #fff; }
#resources .section-two .downloads .border p a{color: #fff;}
#resources .section-two .downloads .border p:hover { background-color: #43964d;}
#resources .section-two .downloads h2{ color: #fff; text-align: center; margin-bottom: 1em;}

#resources .section-three {background-color: #ececec; padding: 60px 70px 0px; text-align: center;}
#resources .section-three .list{text-align: center; color: #1c3c49;}
#resources .section-three .nurture-container{text-align: center;}
#resources .section-three .resources-container{text-align: center;}
#resources .section-three h1{ font-weight: 200; color: #1c3c49; text-align: center;  font-family: "prenton",sans-serif; font-size: 180%;}
#resources .section-three p{color: #1c3c49;}
#resources .section-three p a{color: #1c3c49; font-weight: 600;}
#resources .section-three p a:hover{color: #bf0000;}
#resources .section-three .blue-btn {margin: 50px 0;}
#resources .section-three .blue-btn p a{border: 1px solid #1c3c49; color: #1c3c49; padding: .75em 2em; font-size: 80%;}
#resources .section-three .blue-btn p a:hover{background-color: #1c3c49; color: #fff; }
#resources .section-three .blue-btn2 {margin: 0px;}
#resources .section-three .blue-btn2 p a{border: 1px solid #1c3c49; color: #1c3c49; padding: .75em 2em; font-size: 80%;}
#resources .section-three .blue-btn2 p a:hover{background-color: #1c3c49;  color: #fff; }

#resources .section-four {background-color: #ececec; padding: 10px;}
#resources .section-four h1 {font-weight: 200; color: #1c3c49; text-align: center;  font-family: "prenton",sans-serif; font-size: 180%;}
#resources .section-four p {color: #1c3c49; }
#resources .section-four p a {color: #1c3c49;  font-weight: 600;}
#resources .section-four p a:hover {color: #bf0000;}
#resources .section-four .blue-btn {text-align: center; margin: 10px 0;}
#resources .section-four .blue-btn p a {border: 1px solid #1c3c49; color: #1c3c49; padding: .75em 2em; font-size: 80%;}
#resources .section-four .blue-btn p a:hover {background-color: #1c3c49;  color: #fff; }
#resources img{padding: 5px 0px 20px;}

#resources .left-container img{padding: inherit;}


#holding #growth {text-align: center; padding: 20px 0 40px;}

/* PAGES */
.inner-banner {height: 500px; position: relative; margin-bottom: 1em;}
.inner-banner h1{position: absolute; bottom: 1em;	left: 2em; font-weight: 500; color: #fff; text-shadow: 0 0 2px #4F4F4F;}
.schools h1, .schools h2{ color: #1c3c49!important; }

.school-btn{
text-transform: uppercase;
font-weight: 700;
border: 1px solid #2e5e6e;
padding: 5px 10px;
}

.school-btn:hover{
	background-color: #2e5e6e;
	color: #fff;
}



/* CONTACT PAGE */
#contact .right-container-img{height: 500px; position: relative;}
#contact .right-container-img h1{position: absolute; bottom: 0.5em; left: 3em;  font-weight: 500; color: #fff; text-shadow: 0 0 2px #4F4F4F;
}
#contact .section-two {background-color: #ececec; margin-top: -0.5em; padding: 20px 40px 30px;}
#contact .contact-box{ background-color: #b8b8b8; background-color: rgba(184, 184, 184, 0.4); padding: 10px 20px; margin: 20px 0;}
#contact form {padding: 0.2em 0;}
#contact .contact-info{padding: 50px 10px;}
.button{background-color: #2e5e6e; }
.button:hover{background-color: #43964d;}
#contact p {color: #2e5e6e;}
#contact p a {color: #bf0000;}
#contact p a:hover {color: #007095;}

#contact .contact-info ul {margin-left: 0px;}
#contact .contact-info ul li{list-style: none; font-family: 'open sans', helvetica, arial, sans-serif; color: #2e5e6e; font-size: 95%; font-weight: 300; margin-left: 0; }
#form_box input, #form_box textarea{ font-family: "prenton", sans-serif; font-size: 100%;}

/* THANKYOU */
#thankyou .right-container-img{height: 500px; position: relative;}
#thankyou .right-container-img h1{position: absolute; bottom: 2em; left: 3em; font-weight: 500; text-shadow: 0 0 2px #4F4F4F;
}
#thankyou .section-two {background-color: #ececec; margin-top: -0.5em; padding: 60px 40px 30px;}
#thankyou .section-two a{font-weight: bold; font-size: 1.1em;}


#404 .right-container-img{height: 500px; float: right;}
#404 .right-container-img h1{position: absolute; bottom: 2em; left: 3em; font-weight: 500;}
#404 .right-container-img .section-two {background-color: #ececec; margin-top: -0.5em; padding: 60px 40px 30px;}
#404 .right-container-img .section-two a{font-weight: bold; font-size: 1.1em;}


/* FOOTER */
.copyright {background-color: #fff; color: #c9c9c9; font-family: "open-sans",sans-serif;font-weight: lighter; font-size: 90%; text-align: center;}
h6 a{color: #bf0000;}
h6 a:hover{color: #000;}	
		
/* #PRIVACY PAGE */
#privacy .right {background-color: #ececec; padding-top: 40px;}
#privacy ul {font-family: 'open sans', sans-serif; color: #2e5e6e; font-size: 95%;}
#privacy .right h1 {padding: 0 40px;}
#privacy .right h2 {padding: 0 40px;}
#privacy .right p {padding: 0 40px;}
#privacy .right table p {padding: 0px;}
#privacy .right ul{padding: 0 40px;}

		
/* MEDIA QUEIRIES */

@media only screen and (max-width : 1025px) {
	
	.home-text a {line-height: 5em;}
	.home-text {position: absolute; top: 28%; padding: 10px;}

	.left-container{padding-left: 10px;}
	.logo {width: 90%; padding-left: 20px; text-align: center;}
	nav .main-nav {padding: 0px;}
    .right-container-img h1{font-size: 150%!important; text-align: center; left: 0em!important; right: 0em!important; bottom: 1em!important;}
	nav ul li a {font-size: 90%;}
	
	
/* 	ABOUT PAGE */
	#about .section-two {padding: 10px 20px 30px; }
	#about .p-space{padding: 10px; }


/* PRIORITY PAGE */
	#priority .section-two{padding: 2em 1.5em 4em;}
	#priority .section-two p{font-size: 90%;}
	#priority .section-three{padding: 2em 1.5em 4em;}
	#priority .section-three .group1 {padding: 5px 0px;}
	#priority .centered-title {padding: 30px 20px;}
	#priority .centered-title h1{font-size: 180%; }
	#priority .centered-title h2{font-size: 115%;}
	#priority .section-three .group1 .group1-text {margin: 0px;}
	#priority .section-three .group2 { padding: 5px 0px;}
	
	#priority .section-four {padding: 2em 1.5em 4em; }
	#priority .section-five {padding: 2em 1.5em 4em;}
	#priority .section-two .p-space{padding: 20px 0;}
	#priority .section-four .p-space{padding: 20px 0;}
	#priority .section-five .p-space{padding: 20px 0;}
	#priority .centered-title-blue {padding: 20px;}	
	
	
	
	 h2 {font-size: 140%;}
	 h3 {font-size: 120%;}
	 p { font-size: 90%;}
	
/* CONFERENCE PAGE */
	#conference .section-two{padding:70px 20px;}


/* RESOURCES PAGE */
	#resources .section-two {padding: 30px 10px 10px 10px;}
	#resources .section-three {padding: 30px 10px 0px;}
	#resources .section-two .secondary-nav{padding: 20px 0px; }
	#resources .section-two .secondary-nav a{font-size: 100%;}
	#resources .right-container-img h1{left: 1em; font-size: 180%;}
	#resources .section-three .blue-btn{margin: 25px 10px;}


	/* CONTACT PAGE */
	#contact .contact-info{padding: 20px 10px;}
	#contact .contact-box{margin: 0px;}
	

	
}


.unwrapping article {padding: 1em 3em;}
.unwrapping h1 {color:#2e5e6e; font-size: 2.2em; margin: 0.5em 0 0.2em;}
.unwrapping-landing h1 {color:#2e5e6e; font-size: 2.6em; margin: 1em 0;}
.unwrapping-landing {padding: 0;}
.unwrapping-landing .columns {padding: 0px;}
.unwrapping-landing img {margin: 0;}
.unwrapping-landing a {color:#2e5e6e!important;}
.unwrapping-landing h2 {color:#2e5e6e; font-size: 1.8em; margin-bottom: 0.8em; }
.unwrapping-landing .one a  {color:#ae649c;}
.unwrapping-landing .two a {color:#0069a9;}
.unwrapping-landing h3 {color:#2e5e6e; font-size: 1.2em;}
.video-container  {float:left; margin-top: 40px;}
.unwrapping-landing iframe {margin-top: 25px;}
.links-container {margin: 0 0 2em; padding: 2.3em; background:#fafafa; border: 1px solid #f5f5f5; float:left;}
.unwrapping h4 {color:#2e5e6e; font-weight: bold;}

.image-fix {overflow:hidden;}
.image-fix img {max-width: 102%;}

@media only screen and (max-width : 642px){

	#home .right-container-img {min-height: 800px}
	.right-container-img {min-height: 300px}
	.right-container-img h1{font-size: 150%; text-align: center; left: 0em; right: 0em; bottom: 1em;}
	#conference .section-two .conference-video .c-video{ margin: 1em 0;}
	
	
	}
	
/* Smartphones (portrait and landscape) ----------- */
@media only screen and (max-width : 480px) {
	.right-container-img {max-height: 250px}
	.right-container-img h1{font-size: 150%; text-align: center; left: 0em; right: 0em; bottom: 1em;}
	.home-text{padding: 0 15px;}
	
	.inner-banner{max-height: 250px;}
	
	#resources .section-two .secondary-nav a {font-size: 80%;}
	
	
	footer{padding: 10px 0;}
	#priority .mob{float: none !important;}
	#priority .section-two {padding: 10px;}
	#priority .right-container-img h1{left: 3em; }
	#priority h2 {font-size: 140%;}
	#priority .centered-title h3 {font-size: 120%;}
	#priority p { font-size: 90%;}
	
	
	
/* 	CONTACT PAGE */
	#contact .section-two {padding: 20px 10px 30px;}
	
}


