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

/*
Theme Name: Kiwanis
Author: Hanson Creative
Author URI: http://www.hanson.co.nz
Description: Kiwanis NZSP is the New Zealand and South Pacific region of this 100 year old  organisation. With around 1000 members from NZ, New Caledonia, French Polynesia Vanuatu and Fiji, Kiwanis NZSP works to support needy children throughout our community. Our key aspects include: evaluating both children’s issues and community needs on an on-going basis; conducting service projects to respond to those identified needs; maintaining an active membership of professional people who have both the desire and the ability to serve their community.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: kiwanis
*/

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

body {
	font-family: 'Raleway', sans-serif; 
	font-size:15px;
	line-height:1.5;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { padding:0; line-height:1.4; font-family: 'Roboto Slab', serif;}

h4, .h4{
color:#07508F;
}

.green-panel h4{ color:#FFF;}

.none {
	display:none;
}

a { color:#5F9609}

a:hover, a:focus{
	text-decoration:none;
}

blockquote {
    border-left-color: #eeeeee;
    border-left-style: solid;
    border-left-width: 5px;
    color: #07508f;
    font-size: 20px;
    font-style: italic;
    font-weight: 700;
    margin-bottom: 30px;
    margin-left: 0;
    margin-right: 0;
    margin-top: 30px;
    padding-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 20px;
}

/* Standard WordpRess image alignment */

img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}
.wp-caption { margin: 5px; padding: 5px; border: solid 1px #E5E5FF; background: #E5F2FF; font-size:90%; color: black }


.btn-learnmore a, .btn-member a, .footer-nav a { color:#fff}


.section .container {
	padding-left:40px;
}

.bold {
	font-weight:700;
}

.header {
	background:#0D335F;
	height:auto;
	padding-top:5px;
}

.logo-img img {
	padding-top:4px;
	margin-left:-15px;
}

.logo-img .logo-text {
	color:#fff;
	font-size:17px;
	font-weight:700;
	line-height:20px;
}

.logo , .logo-text {
	display:inline;
}

.logo-text span {
	padding-top:10px;
}


/*-----------   UNIVERSAL BUTTON STYLES -----------   */

.btn{  
	border-radius: 0;
	font-family: 'Roboto Slab', serif;
	font-size:13px;
	height:33px;
	cursor: pointer;
   	display: inline-block;
    	line-height: 30px;
	margin-bottom: 0;
    	padding: 0 15px;
    	text-align: center;
    	vertical-align: middle;
    	white-space: nowrap;
	text-transform:uppercase;
}

/*BTN default colour*/

.blue {
	background:#07508f;
 	border: 1px solid transparent; 
	color:#FFF;
}
.blue:hover {
	background:#fff;
	border:1px solid #07508f;
	color:#07508f;
}
.blue a, .blue:hover a  {
	color:#07508f;
}

/*BTN for Projects*/
.gold{
	background:#cb932a;
 	border: 1px solid transparent; 
	color:#FFF;
	}
.gold:hover {
	background:none;
	border:1px solid #cb932a;
	color:#cb932a;

}
.gold a, .gold:hover a  {
	color:#cb932a;
}

/*BTN for Donate*/
.donate {
	font-family: "Raleway",sans-serif;
	font-size: 15px;
    font-weight: bold;
	margin-top:25px;
}

.green {
	background:#5f9609;
	color:#fff;
	
	border:1px solid #FFF;
}
.green a { color:#fff}

.entry-content a.btn.green, .entry-content a.btn.blue { color:#fff}
.entry-content a.btn.green:hover { color:#5f9609}
.entry-content a.btn.blue:hover {color:#07508f;}

.green:hover {
	background:#FFF;
	border:1px solid #5f9609;
	color:#5f9609;
}
.green:hover a {
	color:#5f9609;
}

/* Yellow for JOIN US btn*/
.yellow {
	background:#FFD800;

	margin-top:0;
	border:1px solid #FFF;
}
.yellow a { color:#fff}

.yellow:hover {
	background:#FFF;
	border:1px solid #FFD800;
	color:#FFD800;
}
.yellow:hover a {
	color:#FFD800;
}



.entry-content a { color: #5F9609}

.wp-caption {
    background: #f7f7f7 none repeat scroll 0 0;
font-size: 12px;
    line-height: 19px;
    margin-bottom: 20px;
    padding: 4px;
    text-align: center;
}


/*-----------  Menu Section ----------*/

.menu-section {
	background:#07508f;
}

.navbar {
	margin-bottom:0px;
}
.navbar-default {
	background:none;
	border:none;
}
.navbar-default .navbar-nav > li > a {
	padding:16px;
	color:#fff;
	font-size:17px;
	font-weight:bold;
}
.navbar-default .navbar-nav > li > a:hover {
	background:#0D335F;
	color:#fff;
}
.navbar-default .first a {
	padding-left:20px !important;
}
.navbar-default .last a {
	padding-right:20px !important;
}


/*-------  Hero Image Section ------------*/
.hero-image {
	background:#0D335F;
}

.carousel-caption {
	font-family: 'Roboto Slab', serif;
	font-weight:400;
	width:415px;
	height:170px;
	background:rgba(0,0,0,0.5);
	padding:30px;
	text-align:left;
	left:0px;
	right:0px;
	bottom:0px;
}
.caption-block h2 { 
	font-size:22px;
	line-height:32px;
	margin:0px;
	padding:0 0 10px 0;
}
.yellow {
	background:#ffd800;
	border:1px solid #FFF;
}
.yellow:hover {
	background:#000;
	border:1px solid #ffd800;
}
.yellow:hover a {
	color:#ffd800;
}

.caption-block a {
	color:#000;
}
.carousel-caption { text-shadow:none}

/*----------  Fact Bar ---*/
.fact-bar {
	background:#5f9609;
	padding-top:5px;
	padding-left:30px;
	height:90px;
}

.fact-bar h2 {
	font-size:21.5px;
	font-family: 'Roboto Slab', serif;
	font-weight:300;
	color:#fff;
}
	
	
/*------- Content ---------*/

.content-block {
	padding-top:20px;
}
.content-left-top h2 {
	font-family: 'Roboto Slab', serif;
	font-size:27px;
	line-height:39px;
	font-weight:300;
	color:#07508f;
}
.content-left-top p {
	font-size:15px;
	line-height:22px;
	font-weight:400;
	color:#000;
}
	



.content-left-bottom .media-left {
	padding-right:30px;
}
.content-left-bottom .media-heading {
	font-size:23px;
	line-height:27px;
	color:#07508f;
	font-family: 'Roboto Slab', serif;
	font-weight:300;
	padding:0;
}
.content-left-bottom .media-body {
	font-size:15px;
	line-height:22px;
	color:#000;
}




.entry-meta { display:none}

/*-------- Events Calendar -----------*/

.content-right {
	margin-top:30px;
	background:#f2f2f2;
	padding-left:0px;
	float:right;
	width:300px;
	padding-bottom:35px;
}

.events-heading {
	font-family: 'Roboto Slab', serif;
	width:300px;
	background:#07508f;
	text-align:center;
	padding-bottom:14px;
	padding-top:13px;
}
.events-heading h2 {
	font-size:23px;
	font-weight:400;
	line-height:27px;
	color:#fff;
	margin:0px;
}

.events-content a , .events-content h4 {
	font-family: 'Roboto Slab', serif;
	font-weight:400;
	line-height:19px;
}
.events-content a {
	color:#5F9609;
	font-size:14px;
}
.events-content p {
font-family: 'Raleway', sans-serif; 
	
	line-height:1.3;
	font-size:13px;
	color:#000;
}
.value-title , .date-end , .end-time {
	display:none;
}
.ecs-event-list {
	margin-bottom:35px;
	margin-top:20px;
list-style:none;
}
.ecs-event {
	margin-bottom:10px;
}
.ecs-all-events {
	font-family: 'Roboto Slab', serif;
	background:#07508f;
	text-align:center;
	padding:10px 60px;
	margin-left:40px;
}
.ecs-all-events a {
	color:#fff;
}
.ecs-all-events:hover {
	background:#fff;
	border:1px solid #07508f;
}
.ecs-all-events:hover a {
	color:#07508f;
}

.dtstart {
	
}
.ecs-excerpt , .entry-title{
	margin-bottom:5px;
}
#tribe-events-content .tribe-events-calendar div[id*="tribe-events-event-"] h3.tribe-events-month-event-title 
{ font-family: 'Raleway', sans-serif;
font-weight:normal;
}
#tribe-events .tribe-events-button, #tribe-events .tribe-events-button:hover, #tribe_events_filters_wrapper input[type="submit"], .tribe-events-button, .tribe-events-button.tribe-active:hover, .tribe-events-button.tribe-inactive, .tribe-events-button:hover, .tribe-events-calendar td.tribe-events-present div[id*="tribe-events-daynum-"], .tribe-events-calendar td.tribe-events-present div[id*="tribe-events-daynum-"] > a {
    background-color: #5F9609;
}

#tribe-events-content-wrapper a {
	color:#07508f;
}
	

.duration.time { font-size:13px; font-family: 'Roboto Slab', serif;
background-color: #5f9610;
    color: white;
    font-family: "Roboto Slab",serif;
    font-size: 13px;
    padding: 5px;
    position: relative;
height: 50px;
width: 42px;}

/*----  CONTENT-THIRD --*/

.content-block-third {
	/*padding-top:35px;*/
	padding-bottom:40px;
}
.content-block-third h2 {
	font-family: 'Roboto Slab', serif;
	font-size:27px;
	line-height:32px;
	color:#07508f;
font-weight:300;
padding:0;
}
.content-block-third p {
	font-size:14px;
	line-height:21px;
	color:#000;
	margin-top:20px;
	margin-bottom:30px;
}
.country-list {
	display:inline-block;
}
.single-country {
	display:inline-block;
	margin-right:15px;
	margin-left:10px;
	width:170px;
	height:150px;
}
.single-country img {
	width:170px;
	height:100px;
}
.single-country-first {
	padding-left:0px;
	margin-left:0px;
}
.single-country-last {
	padding-right:0px;
	margin-right:0px;
}
.btn-country {
	font-family: 'Roboto Slab', serif;
	width:170px;
	height:30px; 
	background:#07508f;
	color:#fff;
	margin-top:20px;
	padding:4px;
	text-align:center;
	border:1px solid #07508f;
}
.btn-country:hover {
	background:#fff;
	border:1px solid #07508f;
	color:#07508f;
}

.fact h2 { margin:0; padding:15px 0 0 0; font-size:20px}
.fact h2 span{font-size:30px;}



/* --------- Second Content --*/

.content-second {
	background:#fdf5e7;
	padding-top:15px;
	padding-bottom:30px;
	margin-top:45px;
}
.content-block-second h2 {
	font-family: 'Roboto Slab', serif;
	font-weight:300;
	font-size:27px;
	line-height:27px;
	color:#cb932a;
	padding-left:15px;
	padding-bottom:20px;
}
.three-col-content .centered {
	position:relative;
	}
.three-col-content h3 {
	font-family: 'Roboto Slab', serif;
	font-size: 20px;
	font-weight: 300;
	line-height: 27px;
	color:#000;
padding:0;
}
.three-col-content p {
	font-size: 14px;
	font-weight: 400;
	line-height: 21px;
}

.btn-block:hover {
	background:#fff;
	border:1px solid #cb932a;
	color:#cb932a;
}

.btn-block {
	background:#cb932a;
	border-radius:0px;
	width:110px;
	height:32px;
	color: #fff;
	font-size: 13px;
	font-weight: 400;
	line-height: 19px;
	
}

html body.home.page.page-id-6 div.container div.row div.content-block-second div.three-col-content div.col-md-4.col-sm-6.margin-top-25 div.centered a img { width:300px; height:140px}

/*---------Posts page--------*/

.entry-footer{ clear:both; }

div.entry-header.blog-post-header h2.entry-title {
	font-size:22px;
line-height:26px;
}

html body.blog div#page.hfeed.site div#content.site-content div#primary.content-area main#main.site-main article , .archive.category article , .post-in-page .single-post { 
float: left;
    margin-left: 20px;
    overflow-x: hidden;
    overflow-y: hidden;
    padding-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 20px;
    width: 46%; 
    position:relative;
    max-height:680px;
} 
.post-in-page .single-post {
	padding-left:5px;
}
	
html body.blog div#page.hfeed.site div#content.site-content div#primary.content-area main#main.site-main img , .archive.category .entry-header img , .post-in-page .entry-header img { width:100%; max-width:100%; max-height:280px; height:auto; overflow:hidden; }


.blog .cat-links , .post-in-page .cat-links , .category .cat-links { display:block; padding:5px 10px; color:#fff; background-color:#cb932a; position:absolute; top:0px; right:0px; font-size: 11px; font-family:  "Roboto Slab",serif; border: 1px solid #FFF;}
.blog .cat-links a , .post-in-page .cat-links a, .home .cat-links a , .category .cat-links a { color:#fff}
.home .cat-links { display:block; padding:5px 10px; color:#fff; background-color:#cb932a; position:absolute; top:0px; right:7px; font-size: 11px; font-family:  "Roboto Slab",serif; border: 1px solid #FFF;}

html body  div#content.site-content div#primary.content-area main#main.site-main article div.section div.container div.row div.entry-header a img { max-width:100%; height:auto}
html body.single.single-post article { position:relative}
html body.single.single-post .entry-footer .cat-links { display:none}
div.entry-header h2.entry-title { font-size:28px; 
    font-family: "Roboto Slab",serif;
    font-size: 27px;
    font-weight: 300;
    line-height: 39px;}

html body.blog div#page.hfeed.site div#content.site-content div#primary.content-area main#main.site-main div.container article div.section div.row div.container , .archive.category div.row div.container  { width:auto; padding:0; margin:0}

.blog div.entry-content.blog-post-content , 
.archive.category div.entry-content.blog-post-content , .post-in-page div.entry-content.blog-post-content{
	max-height: 185px;
    	margin-bottom: 20px;
    	overflow: hidden;
}
.blog div.entry-content.blog-post-header {
	
}

.comments-link, .edit-link , .tags-links{
	display:none;
}


/*------ Template Sidebar -------*/
.template-sidebar {
    background: #F5F5F5 none repeat scroll 0 0;
    border-top: 10px solid #07508f;
    margin-top: 95px;
    padding-top: 20px;
    padding-bottom: 30px;
}
.category .template-sidebar {
	margin-top:110px;
}
.single-post .template-sidebar {
	margin-top:40px;
}
.screen-reader-text {
    font-size: 19px;
    font-weight: 500;
    line-height: 2em;
}

div.sidebar-heading h2{
    font-size: 19px;
    font-weight: 500;
    line-height: 2em;
}

.template-sidebar ul{
	padding:0;
margin:0;
}

.template-sidebar ul li{
    border: 1px solid #ccc;
    display: inline-block;
    font-size: 14px;
    line-height: 18px;
    list-style: outside none none;
    margin: 5px;
    padding: 5px;
}




/*-------- Footer --------- */
.top-footer {
	background:#0D335F;
	padding-top:60px;
	padding-bottom:60px;
	margin-top:30px;
}
.footer ul {
	list-style:none;
}
.footer .footer-nav-1 {
	padding-left:0px;
}
.footer .footer-nav-1 ul , .footer .footer-nav-2 ul {
	padding-left:0px;
}
.footer .footer-nav-2 {
	margin-left:30px;
}

.footer .footer-nav li a {
	font-size:13px;
	line-height:28px;
}

.footer-logo {
	padding-top:32px;
}

.lower-footer {
	font-family: 'Roboto Slab', serif;
	padding-top:40px;
	padding-bottom:50px;
}

.lower-footer .copyright , .lower-footer .copyright a, .lower-footer .sponsor {
	font-size:11px;
	line-height:14px;
	color:#15365f;
}

.lower-footer .sponsor {
	padding-right:20px;
}

.footer ul li a:hover , .copyright a:hover {
	text-decoration:underline;
}


.green-panel { background-color:#5F9609; color:#fff; padding:20px; margin-top:20px} 

#main { padding:20px 0}
html body.home #main { padding:0}

ul.ecs-event-list li.ecs-event h4.entry-title.summary { padding:5px 0}
h4.entry-title.summary { padding:0}

.blog-post-image {
	max-height: 200px;
    	/*min-height: 200px;*/
    	overflow: hidden;
	position:relative;
background-image: url(/wp-content/uploads/2015/11/blog-placeholder.png);
}
.single-post .entry-title {
	overflow:hidden;
}



.breadcrumbs {
	margin-bottom:25px;
}

html body  div#page.hfeed.site div#content.site-content div#primary.content-area main#main.site-main div.container div.row div.col-md-3.col-sm-3.col-xs-12.template-sidebar label.screen-reader-text { display:none}


/*--------Responsive Css -------------- */




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


@media (min-width: 1200px){
	.container {
		max-width:1000px;
		padding-left:20px;
		padding-right:20px;
	}
}


@media (max-width: 1200px){
	.single-country {
		margin-left:0px;
		margin-bottom:20px;
	}
	}

@media (min-width: 768px) { 

/*-----  Sub Menu-----*/

#menu-main-menu li:hover .sub-menu {
    z-index:99;
    opacity:1;
}
 
.sub-menu {
    width:140%;
    padding:0px 0px;
    position:absolute;
    top:100%;
    left:0px;
    z-index:-1;
    opacity:0;
    transition:opacity linear 0.15s;
    box-shadow:0px 2px 3px rgba(0,0,0,0.2);
    background:#0D335F;
}
 
.sub-menu li {
    display:block;
    font-size:16px;
}
 
.sub-menu li a {
    display:block;
    color:#fff;
    font-size: 17px;
    font-weight: bold;
    padding: 10px 25px;
}
 
.sub-menu li a:hover, .sub-menu .current-item a {
    background:#DDDADA;
    text-decoration:none;
    color:#333;
}

} 

@media (max-width: 991px){
	.content-right {
		float:none;		
		margin-left:auto;
		margin-right:auto;
		display:block;
	}
}



@media (max-width: 768px){
	.section .container {
    	padding-left: 15px;
	} 
	.menu-section {
		display:none;
	}
	header {
		padding-bottom:20px;
	}
	.green {
		float:none !important;
		margin:20px auto 0px;
	}
	.navbar-nav {
		margin:50px -15px;
	}
	.fact-bar {
		padding-left:15px;
		padding-top:0px;
	}
	.margin-top-25 {
		margin-top:25px;
	}
	.content-block-third {
		padding-left:15px;
	}
	.single-country {
		margin-left:0px;
		margin-bottom:20px;
	}
	.top-footer {
		padding-left:15px;
		padding-top:20px;
		padding-bottom:20px;
	}
	.footer-logo {
		padding-left:0px;
	}
	.footer-logo.pull-right , .footer-logo .pull-right {
		float:left !important;
	}
	html body.blog div#page.hfeed.site div#content.site-content div#primary.content-area main#main.site-main article
	{
		float:none;
		width:80%;
		display:block;
		margin:0 auto;
	}
	
	

	/*--- Mean Menu -------------- */

	.mean-container .mean-bar {
		background:#07508F;
		z-index:5;
	}
	.mean-container a.meanmenu-reveal {
		background:#07508F;
	}
	.mean-container .mean-nav {
		background:#07508F;
		margin-top:42px;
	}
	.mean-container .mean-nav ul li a:hover {
		color:#fff;
	}
	.mean-container .mean-nav ul li a.mean-expand {
		height:23px;
	}

	.mean-container a.meanmenu-reveal:focus , .mean-container .mean-nav ul li a.mean-expand:focus,.mean-container .mean-nav ul li a.mean-expand:hover {
		background:#0D335F;
	}
}
@media (max-width: 480px){
	
	.carousel-inner > .item > a > img, .carousel-inner > .item > img {
		min-height:200px;
	}
	.carousel-caption {
		height:200px;
		width:100%;
	}
	.caption-block {
		margin-top:20px;
	}
	.caption-block h2 {
		font-size:16px;
		line-height:22px;
	}
	.fact-bar h2 {
		font-size:16px;
	}
	.content-left-top h2 {
		font-size:22px;
		line-height:25px;
	}
	.media-body, .media-left, .media-right {
		display:inline;
	}
	.country-list {
		width:95%;
	}
	.single-country {
		margin:10px auto;
		display:block;
	}
	html body.blog div#page.hfeed.site div#content.site-content div#primary.content-area main#main.site-main img {
		height:280px;
	}
	html body.blog div#page.hfeed.site div#content.site-content div#primary.content-area main#main.site-main article
	{
		width:95%;
	}
	html body.blog div#page.hfeed.site div#content.site-content div#primary.content-area main#main.site-main article, .archive.category article, .post-in-page .single-post {
		width:96%;
	}
 
	}

@media (max-width: 767px){	

#main { padding:0 20px;}

	}




@media (min-width:100px) and (max-width:480px) { /* smartphones, iPhone, portrait 480x320 phones */ 

}


@media (min-width:481px) and (max-width:768px) { /* portrait e-readers (Nook/Kindle), smaller tablets @ 600 or @ 640 wide. */ 

}


@media (min-width:769px) and (max-width:991px) { /* portrait tablets, portrait iPad, landscape e-readers, landscape 800x480 or 854x480 phones */ 

}


@media (min-width:991px) and (max-width:1024px) { /* tablet, landscape iPad, lo-res laptops ands desktops */ 

}

@media (min-width:1025px){ /* big landscape tablets, laptops, and desktops */ 

}
.odd_post {
    clear: left;
}
.blog-post-image{
	background-image: none;
	height: 280px;
}
.text-float-left{
	float: left;
}
.text-float-left {
    margin-right: 25px;
    font-size: 12px;
    margin-top: 20px;
    width: 160px;
}
.clear-both{
	clear: both;
}
#qtranxs_select_qtranslate-2-chooser{
	float: left; margin-top: 30px;background-color: #0D335F;
    color: white;
}
.donate{
	margin-bottom: 10px;
}
@media (max-width:769px){ 
	#qtranxs_select_qtranslate-2-chooser{
		float: left;
	}
	.donate{
		float: right !important;
		margin-bottom: 0px;
	}
}
@media (max-width:600px){ 
	.logo-text{
		display: block;
		clear: both;
	}
}
.gallery  .gallery-item{
	float: left; 
	padding: 10px;
}
.gallery {
	clear: both;width: 100%;display: inline-block;
}
figure.aligncenter{
	margin: 0 auto;
}
figure img{
	max-width: 100%;
}