/*
Theme Name: CalledSouth
Theme URI: http://www.twosparrows.co.nz
Author: Imelda & Tim Morgan
Author URI: http://www.twosparrows.co.nz
Description: A custom theme created for Called South.
Version: 1.0
*/

* {
	margin: 0;
	padding: 0;
}

body {
	font-family: PlutoSansLight, Arial, sans-serif;
	color: #303747;
	background-color: #a6adae; /* For non-CSS3 browsers, this is the darker colour at the bottom */
	background-image: linear-gradient(bottom, rgb(166,173,174) 17%, rgb(203,210,207) 77%);
	background-image: -o-linear-gradient(bottom, rgb(166,173,174) 17%, rgb(203,210,207) 77%);
	background-image: -moz-linear-gradient(bottom, rgb(166,173,174) 17%, rgb(203,210,207) 77%);
	background-image: -webkit-linear-gradient(bottom, rgb(166,173,174) 3017, rgb(203,210,207) 77%);
	background-image: -ms-linear-gradient(bottom, rgb(166,173,174) 17%, rgb(203,210,207) 77%);
	background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.17, rgb(166,173,174)), color-stop(0.77, rgb(203,210,207)));
	background-repeat: no-repeat; /* Important! This means the bottom of the page will be the darker colour */
	font-size: 11.5px;
	line-height: 18px;
}


/* Inline & Block Level Elements */

p, li, label, th, td {
	font-size: 11.5px;
	line-height: 18px;
	margin: 10px 0;
}

h1 {
	font-family: PlutoHeavy-Italic, Arial, sans-serif;
	font-size: 26px;
	line-height: 29px;
	font-weight: normal;
	color: #f8b55a;
	margin: 15px 0 10px 0;
}

h2 {
	font-family: PlutoMedium, Arial, sans-serif;
	font-size: 17px;
	color: #303747;
	font-weight: normal;
	text-transform: uppercase;
	margin: 15px 0;
}

h3 {
	font-family: PlutoMedium, Arial, sans-serif;
	font-size: 16px;
	font-weight: normal;
	color: #f8b55a;
	margin: 15px 0 5px 0;
}

h4 {
	font-family: PlutoMedium, Arial, sans-serif;
	font-size: 17px;
	font-weight: normal;
	color: #303747;
	margin: 15px 0;
}

ol, ul {
	margin: 10px 0;
}

li {
	margin: 0 0 0 20px;
}

img {
	border: none;
}

a {
	border: none;
}


/* Anchors */

a:link {
	color: #303747;
	text-decoration: underline;
}

a:visited {
	color: #303747;
	text-decoration: underline;
}

a:hover {
	color: #6c7383;
}

a:active {
	color: #8a91a1;
}

h3 a:link {
	color: #f8b55a;
	text-decoration: none;
}

h3 a:visited {
	color: #f8b55a;
	text-decoration: none;
}

h3 a:hover { /* lightened by 20 */
	color: #ffc96e;
}

h3 a:active {
	color: #ffdd82;
}

h2 a:link {
	text-decoration: none;
}

h2 a:visited {
	text-decoration: none;
}

h2 a:hover {
	text-decoration: underline;
}

h2 a:active {
	text-decoration: underline;
}

#header-title a:link {
	color: #303747;
	text-decoration: none;
}

#header-title a:visited {
	color: #303747;
	text-decoration: none;
}

#header-title a:hover {
	color: #303747;
}

#header-title a:active {
	color: #303747;
}


/* CS Header text - styles by Benjamin, modified by Tim @ Two Sparrows (Also requires added anchors above) */

.cs-header-text-title-box {
	color: 303747;
	}

.cs-header-text-title-line1 {
	font-size: 50px;
	margin: 0;
	padding: 0;
	margin-top: 12px;
	}

.cs-header-text-title-font-sans {
	font-family: PlutoSansHeavy-Italic;
	display: inline;
	}

.cs-header-text-title-font-serif {
	font-family: PlutoHeavy-Italic;
	}

.cs-header-text-title-font-medium {
	font-family: PlutoMedium;
	}

.cs-header-text-title-line2 {
	font-size: 13px;
	margin-top: 14px;
	padding-left: 5px;
	}

.cs-header-text-title-hidden {
	display: none;
	}

.cs-header-text-title-kerning-left-05 {
	margin-left: -0.5px;
	}

.cs-header-text-title-kerning-left-10 {
	margin-left: -1px;
	}
	
.cs-header-text-title-kerning-left-15 {
	margin-left: -1.5px;
	}

.cs-header-text-title-kerning-left-20 {
	margin-left: -2px;
	}
	
.cs-header-text-title-rotate-c {
	position: relative;
	display: inline-block;
	vertical-align:top;
	-webkit-transform-origin: left bottom;
	-webkit-transform: rotate(3deg);
	-mos-transform-origin: left bottom;
	-mos-transform: rotate(3deg);
	-o-transform-origin: left bottom;
	-o-transform: rotate(3deg);
	-ms-transform-origin: left bottom;
	-ms-transform: rotate(3deg);
	transform-origin: left bottom;
	transform: rotate(3deg);
	}

#cs-header-text-title-line2-a, #cs-header-text-title-line2-b {
	display: none;
	text-transform: uppercase;
}

p#hidden_slogan {
	display: none;
}


/* Image Alignment */

div.wp-caption.alignleft, img.alignleft {
	float: left;
	margin: 0 10px 10px 0;
}

div.wp-caption.alignright, img.alignright {
	float: right;
	margin: 0 0 10px 10px;
}

div.wp-caption.aligncenter, img.aligncenter {
	text-align: center;
	clear: both;
	margin-bottom: 10px;
}



/* Structural Elements */

#all_content_wrap {
	width: 800px;
	margin: 60px auto 4px auto;
	background-color: #fff;
}

#header {
	border-top: 24px solid #f8b55a;
	height: 341px;
	position: relative; /* For positioning other elements relative to it, such as nav */
}

#cs-search-box {
	position: absolute;
	left: 600px;
	top: -53px;
	width: 200px;
	height: 25px;

}

#searchform input[type="text"] {
	height: 25px;
	background-color: #e9eceb;
	border: none;
	font-family: PlutoSansLight, Arial, sans-serif;
	font-size: 11px;
	line-height: 25px;
	width: 70px;
	padding-left: 6px;
	margin-left: 100px;
	float: left;
	-webkit-transition-duration: 400ms;
	-webkit-transition-property: width, margin-left;
	-webkit-transition-timing-function: ease;
	-moz-transition-duration: 400ms;
	-moz-transition-property: width, margin-left;
	-moz-transition-timing-function: ease;
	-o-transition-duration: 400ms;
	-o-transition-property: width, margin-left;
	-o-transition-timing-function: ease;
}

#cs-search-box input[type="text"]:focus {
	margin-left: 0;
	width: 170px;
}

#searchform input[type="submit"] {
	background-image: url('img/header/mag-glass.png');
	background-position: right center;
	background-repeat: no-repeat;
	background-color: #e9eceb;
	height: 25px;
	width: 24px;
	border: none;
	line-height: 25px;
	float:right;
}

#searchform input[type="submit"]:hover {
	background-color: #dfe2e1;
}

#searchform input[type="submit"]:active {
	background-color: #dadddc;
}

#magazine-page-right form#searchform input[type="text"] {
	/*float: left;
	border: 1px #f00 solid;*/
	width: 126px;
	margin: 5px 0 15px 0;
}

#magazine-page-right form#searchform input[type="submit"] {
	float: left;
	margin: 5px 0 15px 0;
}

#header-title {
	position: absolute;
	left: 160px;
	top: 50px;
	height: 126px;		
}

#header-logo-bg {
	position: absolute;
	left: 40px;
	top: -24px;
	z-index: 10;
}

#header-logo {
	position: absolute;
	left: 40px;
	top: -24px;
	z-index: 100;
}

#logo {
	width: 118px;
	height: 201px;
	background-image: url('img/header/crest-colour.png');
	background-repeat: no repeat;
}

#header-pix {
	position: absolute;
	left: 0px;
	top: 126px;
	overflow: hidden;
}

#header-pix #pix-hover-area {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 800px;
	height: 161px;
	z-index: 8;
}

#header-pix #pix-caption {
	position: absolute;
	left: -1000px; /* Moves it off screen, jQuery will move it into position */
	top: 125px;
}

#header-pix #pix-caption.pix-caption-hover {
	opacity: 1.0;
	z-index: 14;	
}

#header-pix #pix-caption p {
	font-size: 11px;
	text-align: right;
	color: #fff;
	line-height: 20px;
	margin: 0;
	float: right;
	padding: 5px 12px 5px 10px;
	background-color: #303747; /* For older browsers */
	background-color: rgba(48, 55, 71, 0.86);
	white-space: nowrap;
}

/* Pix Caption Links */
#header-pix #pix-caption a:link {
	color: #fff;
	text-decoration: underline;
	z-index: 100;
}

#header-pix #pix-caption a:visited {
	color: #fff;
	text-decoration: underline;
	z-index: 100;
}

#header-pix #pix-caption a:hover {
	color: #eee;
}

#header-pix #pix-caption a:active {
	color: #ddd;
}

#main_content_wrap {
	width: 600px;
	padding: 5px 100px 20px 100px;
	overflow: hidden;
}

#page-left {
	width: 370px;
	float: left;
	
}

#page-sidebar {
	width: 188px;
	float: right;

}


/* Nav */

#access li {
	float: left;
	position: relative;
}

#access a {
	color: #fff;
	display: block;
	line-height: 41px;
	/*padding: 0 1.2em; Old padding */
	padding: 0 1em;
	text-decoration: none;
}

#access ul ul {
	-moz-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
	box-shadow: 0 3px 3px rgba(0,0,0,0.2);
	display: none;
	float: left;
	margin: 0;
	position: absolute;
	top: 41px;
	left: 0;
	width: 188px;
	z-index: 99999;
}
#access ul ul ul {
	left: 100%;
	top: 0;
}
#access ul ul a {
	background: #e9eceb;
	border-bottom: 1px solid #dce1ed;
	color: #444;
	font-size: 12px;
	font-weight: normal;
	height: auto;
	line-height: 1.4em;
	padding: 10px 10px;
	width: 168px;
}

#access ul ul li:last-child a {
	border-bottom: none;
}

#access li:hover > a,
#access ul ul :hover > a,
#access a:focus {
	background: #828793;
	background: -moz-linear-gradient(#828793, #4b505c);
	background: -o-linear-gradient(#828793, #4b505c);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#828793), to(#4b505c)); /* Older webkit syntax */
	background: -webkit-linear-gradient(#828793, #4b505c);
}

#access li:hover > a,
#access a:focus {
	background: #646975; /* Show a solid color for older browsers */
	background: -moz-linear-gradient(#646975, #4b505c);
	background: -o-linear-gradient(#646975, #4b505c);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#646975), to(#4b505c)); /* Older webkit syntax */
	background: -webkit-linear-gradient(#646975, #4b505c);
	color: #f8b55a;
}

#access li.page-item-47:hover > a {
	background-color: #646975;
	background-image: url('img/header/home-icon-orange-padded.png'); /* fallback */
	background-image: url('img/header/home-icon-orange-padded.png'), -webkit-gradient(linear, 0% 0%, 0% 100%, from(#646975), to(#4b505c)); /* Saf4+, Chrome */
	background-image: url('img/header/home-icon-orange-padded.png'), -webkit-linear-gradient(#646975, #4b505c); /* Chrome 10+, Saf5.1+ */
	background-image: url('img/header/home-icon-orange-padded.png'),    -moz-linear-gradient(#646975, #4b505c); /* FF3.6+ */
	background-image: url('img/header/home-icon-orange-padded.png'),     -ms-linear-gradient(#646975, #4b505c); /* IE10 */
	background-image: url('img/header/home-icon-orange-padded.png'),      -o-linear-gradient(#646975, #4b505c); /* Opera 11.10+ */
	background-image: url('img/header/home-icon-orange-padded.png'),         linear-gradient(top, #646975, #4b505c);
	background-repeat: no-repeat;
	/* The home icon orange image contains 10px 10px padding, so background position is not required (was affecting the gradient position too) */
	color: #f8b55a;
}

#access ul li:hover > ul {
	display: block;
}

nav {
	position: absolute;
	left: 0px;
	top: 287px;
	width: 755px; /* 800px - padding-left */
	height: 41px;
	background-color: #303747;
	background-color: rgba(48, 55, 71, 0.86);
	border-bottom: 6px #f8b55a solid;
	padding-left: 45px;
}

#nav-triangle {
	position: absolute;
	left: 56px; /* Updated via jQuery for whichever section the page is in */
	top: 334px;
	width: 17px;
	height: 7px;
}

#nav-triangle img {
	position: absolute;
	left:0;
	top:0;
}

/* General Nav li */
nav ul {
	list-style-type: none;
	margin: 0;
}

nav ul li {
	font-family: PlutoMedium;
	font-size: 12px;
	line-height: 41px;
	color: #fff;
	text-transform: uppercase;
	float: left;
	margin: 0;
	display: block;
}

nav ul li a {
	color: #fff;
	text-decoration: none;
	padding: 10px 12px;
}

nav ul li a:link {
	color: #fff;
	text-decoration: none;
}

nav ul li a:visited {
	color: #fff;
	text-decoration: none;
}

nav ul li a:hover {
	color: #f8b55a;
	text-decoration: none;
}

nav ul li a:active {
	color: #ffbf64;
	text-decoration: none;
}

nav .menu_over {
	color: #f8b55a;
	text-decoration: none;
}

nav .current_menu {
	color: #f8b55a;
}

/* Specific Nav li*/
nav li.page-item-47 { /* Post 47 is the Home page (formerly #cs-home-icon) */
	width: 41px;
	height: 40px;
	background-image: url('img/header/home-icon-white.png');
	background-repeat: no-repeat;
	background-position: 10px 10px;
	cursor: auto;
	z-index: 10;
	text-indent: -9999px;
}

nav li.home-over {
	background-image: url('img/header/home-icon-orange.png');
	background-repeat: no-repeat;
	background-position: 10px 10px;
}

nav li.page-item-47 a {
	padding: 11px 19px 11px 20px;
	cursor: pointer;
}


/* Latest News on Home page */

#page-left h2 {
	margin-top: 0;
}

#page-left ul {
	display: none;
}

.latest-news-back-top-top-link {
	display: none;
}


/* Magazine Page */

#main_content_wrap.magazine_main {
	width: 690px;
	padding: 5px 50px 20px 70px;
	overflow: hidden;
}

#magazine-page-left {
	width: 470px;
	float: left;
}

#magazine-page-right {
	position: relative;
	top: -10px;
	width: 178px;
	float: right;
}

#magazine-page-right h3 {
	margin-top: 0px;
	color: #303747; 
}

#magazine-page-right ul {
	list-style-type: none;
}

#magazine-page-right li {
	margin-left: 0;
}

#full-page { /* No sidebar, full width content */
	width: 648px;
	margin-top: 30px;
}

.mag_post_entry {
	margin: 0 0 35px 0;
}

.mag_post_entry h3 {
	margin-top: 0;
}

.mag_post_entry img, .full_page_post_entry img {
	max-width: 470px;
	/*float: left;
	margin: 5px 15px 10px 0;*/
}

.full_page_post_entry {
	margin: 0;
}

.full_page_post_entry h3 {
	margin-top: 35px;
}

.navigation .next-posts {
	float: left;
}

.navigation .prev-posts {
	float: right;
}

div#all_categories {
	display: none;
}

/* Sidebar */

#page-sidebar {
	font-size: 11.5px;
}

#page-sidebar h3 {
	margin-top: 0px;
	color: #303747;
} 

div#mailchimpsf_widget-2 {
	margin-top: 35px;
}

div#mailchimpsf_widget-2 h3 {
	text-transform: none;

}


/* Footer */

footer {
	background-color: #e9eceb;
	width: 800px;
	height: 22px;
	margin: 0 auto 60px auto;
}

footer p {
	font-family: PlutoSansLight, Arial, sans-serif;
	line-height: 22px;
	font-size: 9px;
	padding: 0;
	margin: 0;
	text-align: center;
}


/* IE10 Fixes */

.ie10 #pix-caption {
	background: transparent url('../img/header/blank_png_fix_for_ie.png') repeat 0 0;
}

.ie10 #pix-hover-area {
	background: transparent url('../img/header/blank_png_fix_for_ie.png') repeat 0 0;
}


/* Retina Background Images */

@media only screen and (-Webkit-min-device-pixel-ratio: 1.5),
only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min-device-pixel-ratio: 1.5) {

	#logo {
		background-image: url('img/header/crest-colour-retina.png');
		background-size: contain;
	}
}


/* Classes */

.clear {
	clear: both;
}

.horiz-line {
	/* width: 100%; */
	width: 680px;
	height: 1px;
	min-height: 1px;
	/*background-color: #303747;*/
	border-bottom: 1px solid #303747;
	margin: 20px 0 30px 0;
	overflow: hidden;
}

.ref_code {
	margin-top: 20px;
	font-size: 95%;
}

p.print-link-different-spacing {
	margin: 20px 0 -10px 0;
}


/* Plugin Formatting */

/* Latest News plugin */

li.latest-news-item {
	list-style-type: none;
	margin: 0;
}

/* Connections */

div#cn-list {
	font-size: 11.5px;
}

span[style] {
   font-variant: normal !important;
}

/* Downloads Pages */

td[style] {
	font-size: 11.5px !important;
	font-weight: bold !important;
}

/* Mail Chimp */

.mc_list label {
	padding-left: 5px;
}

div.mc_merge_var input.mc_input {
	width: 169px;
}

/* All in One Event Calendar */

div.ai1ec-category-colors {
	display: none;
}

/* Bishop's Blog: Sil RSS Reader */

ul.sil_rss_list { 
	list-style-type: none;
}

ul.sil_rss_list li {
	margin: 25px 0;
}

/* Churches/People directory page */
.churchaddressphotocaption{
	font-size:9pt;
}

.churchaddressbox{
	clear: both;
}

.phone-number-block{
    display: block;
    margin-top: 5%;	
}
.email-address-block, .link-name{
	    display: block;
}

#linkShow{
	    text-decoration: underline;
    cursor: pointer;
}

.cn-entry{
   min-height: 80px;
}

.cn-entry > input{
	display:none;
}

.cn-entry > input:checked ~ div #cardLeft-st-james, .cn-entry > input:checked ~ #cardBelow-st-james,  .cn-entry > input:checked ~ #card-noeline-adam{
			display:block!important;
}

label span.hidetext{
	  display:none;
}

.cn-entry > input:checked ~ label span.hidetext{
	  display:block!important;
}

.cn-entry > input:checked ~ label span.showtext{
	  display:none;
}

.address-block{
	  width: 50%;
    float: left;
    display: block;
}

.pagination{
	  clear: both;
    position: static;
    background: transparent;
    padding: 0;
    border: 0;
    margin: 5% 0 5%;
}

.page-numbers.current, .page-numbers{
	  border: 1px solid rgba(128, 128, 128, 0.3);
    padding: 1%;
}

.right{
    position: absolute;
    top: 3px;
    right: 10px;	
}

.right ul.people-role{
    list-style: none;	
}

div.cn-list-row-alternate::before{
content: "";
height: 30px;
margin-top: -30px;
display: block;
visibility: hidden;
}