/*
Theme Name: Climate London 2015
Author: Glowmedia Ltd
Author URI: http://www.glowmedia.co.uk/
Description: I built this.
Version: 1.0
License: GNU General Public License v2 or later
*/

/*Wordpress editor styles start*/

.entry-content img {
	margin: 0 0 1.5em 0;
	}
.alignleft, img.alignleft {
	margin-right: 1.5em;
	display: inline;
	float: left;
	}
.alignright, img.alignright {
	margin-left: 1.5em;
	display: inline;
	float: right;
	}
.aligncenter, img.aligncenter {
	margin-right: auto;
	margin-left: auto;
	display: block;
	clear: both;
	}
.alignnone, img.alignnone {
	/* not sure about this one */
	}
.wp-caption {
	margin-bottom: 1.5em;
	text-align: center;
	padding-top: 5px;
	}
.wp-caption img {
	border: 0 none;
	padding: 0;
	margin: 0;
	}
.wp-caption p.wp-caption-text {
	line-height: 1.5;
	font-size: 10px;
	margin: 0;
	}
.wp-smiley {
	margin: 0 !important;
	max-height: 1em;
	}
blockquote.left {
	margin-right: 20px;
	text-align: right;
	margin-left: 0;
	width: 33%;
	float: left;
	}
blockquote.right {
	margin-left: 20px;
	text-align: left;
	margin-right: 0;
	width: 33%;
	float: right;
	}

/*Wordpress editor styles end*/

body {
    font-family: 'Open Sans', "Helvetica Neue", Helvetica,Arial,sans-serif;
    font-family: Arial,sans-serif;
	margin:0;
	padding:0;
    font-size: 14px;
    color: #777;
    line-height: 1.4em;
    background: #f0f0f0;
}
.home body, .whitebk { background: #fff; }


.whoImage { float:left; width: 23%; position: relative; }


.container-fluid {
    padding-right: 0px;
    padding-left: 0px;
    margin-right: auto;
    margin-left: auto;
}

.greenBk{
	background: #609a4e;
}

.bgContent{
	padding-top: 10px;
}


header, .strapLine{color:#fff; font-size: 16px; text-align:center;}
.topLogo{text-align:center;}
.headContact {
color:#fff;
padding-top: 10px;
font-size: 16px;
}
.headFB{text-align:center; }
.headFB img{
margin-top: 10px;
font-size: 20px;
width:75%; height:100%;
}

.headContact a, .headContact a:visited{
color:#fff;
}
.headContact a:hover{
color:#d4c161;
}

/*** Make simages responsive ***/
img.size-large{width:100%; height:auto;}


/*** Typography ***/

/*--- HEADINGS ---*/
h1, h2, h3, h4, h5, h6 {
  margin-bottom: 14px;
  font-weight: bold;
  color: #444;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
  color: #444;
  text-decoration: none;
}

h1 {
  font-size: 2em; /* 28px --> 28 ÷ 14 = 2.57142857 */
  line-height: 1em; /* 28px --> 28 ÷ 36 = 0.77777778 */
}

h2 {
  font-size: 1.71428571em; /* 24px --> 24 ÷ 14 = 1.71428571 */
  line-height: 1.16666667em; /* 28px --> 28 ÷ 24 = 1.16666667 */
}

h3 {
  font-size: 1.28571429em; /* 18px --> 18 ÷ 14 = 1.28571429 */
  line-height: 1.55555556em; /* 28px --> 28 ÷ 18 = 1.55555556 */
}

h4 {
  font-size: 1.14285714em; /* 16px --> 16 ÷ 14 = 1.14285714 */
  line-height: 1.2em; /* 28px --> 28 ÷ 16 = 1.75 */
}

h5, h6 {
  font-size: 1em; /* 14px --> 14 ÷ 14 = 1 */
  line-height: 2em; /* 28px --> 28 ÷ 14 = 1.5 */
}

.podTitle{color:#0095db;}
.resourcesTitle, .focusTitle, .newsTitle{margin-top:0; padding-top:0;}


a, a:visited {color: #14b0ea; text-decoration: underline;}
a:hover {color:#999; text-decoration:none;}
h1 a, h1 a:visited, h2 a, h2 a:visited, h3 a, h3 a:visited, h4 a,h4 a:visited, h5 a, h6 a {
    color: #444;
    text-decoration: none;
}
.eventshome{padding-top:40px;}
.homepageEvent h2{
	    font-size: 1.28571429em;
    line-height: 1.2em;
margin-top:0;
}
.homepageEvent h2 span.warning {
    color: #F46F20;
}

.homepageEvent h2.weatherWarning {
    color: #f46f22;
}

.homeNews h2, .eventsHome h2 {
    font-size: 1.28571429em;
    line-height: 1.55555556em;
}

.subnav h3{color: #aaa;}

blockquote {
    margin: 0 60px 0 42px;
   /* border-left: 3px solid #ccc;*/
   border:none;
   	margin-left: 15px;
   /* text-indent: -0.4em;*/
    font-family: 'Georgia', Serif;
    font-size:14px;
    font-style: italic;
}

.aboutpods {
	padding-left:75px;
}

.aboutwho{
background-image:url("images/whoweare.png");
background-repeat: no-repeat;
background-position: 0px 25px;
}
.about2020{
background-image:url("images/2020.png");
background-repeat: no-repeat;
background-position: 0px 25px;
}
.aboutpartners{
background-image:url("images/partners.png");
background-repeat: no-repeat;
background-position: 0px 25px;
}
.aboutclimate{
background-image:url("images/climateuk.png");
background-repeat: no-repeat;
background-position: 0px 25px;
}

.pageContent li{
	padding-bottom:10px;
}

/*** Tables ***/
.pageContent table {
    border-left: 1px solid #ddd;
    border-top: 1px solid #ddd;
    margin-bottom: 28px;
    width:100%;
}

.pageContent th {
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: 7px;
    background: #eee;
}
.pageContent td {
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: 7px;
    }

/** home slider **/
.metaslider {
overflow: hidden;
}

.metaslider .caption-wrap {
    position: absolute;
    top: 0px;
    left: 0;
    background:none !important;
    color: white;
    opacity: 1.0 !important;
    margin: 0;
    display: block;
    width: 100%;
    line-height: 1.4em;
}

/** Captions **/

.metaslider .flexslider{min-height:160px;}
.metaslider .flexslider ul.slides li img{display:none;}
.caption h1 {
    font-weight: normal;
    font-style: normal;
    color: #777;
    font-size: 32px;
    padding-top: 0px;
    text-shadow: none;
    margin: 0 auto;
    border-bottom: 0px !important;
    /*top: 32%;*/
    width: 100%;
    text-align: center;
    padding: 0 0% !important;
}
.caption h2 {
    font-size: 16px;
    line-height: normal;
    color: #777;
    text-shadow: none;
    width: 100%;
   padding: 0 10%;
   margin:8px 0;
     /*top: 45%;*/
    text-align: center;
}
.caption p {
	width: 100%;
    padding: 0 10%;
    text-align: center;
}
.sliderBtn {
    font-weight: normal!important;
    font-style: normal!important;

    display: inline-block;
    color: #fff !important;
    font-size: 18px!important;
    padding: 10px 15px 9px 15px!important;
    text-decoration: none;
    background: url('images/cta_bg.gif') repeat-x /*, url('images/cta_bg.png') no-repeat right 50%*/;
    -moz-box-shadow: 0px 1px 2px 0px #333;
    -webkit-box-shadow: 0px 1px 2px 0px #333;
    box-shadow: 0px 1px 2px 0px #333;
    background-color: #f38321;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    text-shadow: 0px 1px 2px #9c370e;
}


.homePod { 
    margin-top: 10px;
    margin-bottom: 8px;
    padding-bottom: 20px;
	text-align: center;
	padding-top: 100px;
	cursor: pointer;
    }
.homePod h2{
	font-size: 32px;
	font-weight: 600;
	margin-top:0;
	padding-top: 10px;
    margin-bottom: 10px !important;
	text-transform:uppercase;
	text-decoration:none;
	color: #777;
}
.homePod p{
	margin-top:30px;
	color: #777;
text-decoration:none;
}
 a.noLine{text-decoration:none;}


	
.one { background: url('images/projects@x2.jpg') 50% 0 no-repeat; }
.two { background: url('images/publications@x2.jpg') 50% 0 no-repeat; }
.three { background: url('images/partners@x2.jpg') 50% 0 no-repeat; }


.divider, .divider2 { position:absolute; z-index:-1; left: 33.333%; width:1px; height: 252px; background: url('images/divider.gif') no-repeat; top: 50%; margin-top: -126px; }
.divider2 { left: 66.666%; }

.pdf { display: block; background: url('images/pdf.jpg') 0 50% no-repeat;
padding: 5px 43px; }

.attachment-singleThumb, .attachment-eventsLogo, .single .attachment-partnersThumb, .attachment-partnersThumbBig {
    float: right;
    margin-top: 0px;
    margin-left: 20px;
    margin-bottom: 20px;
}

.homepageEvent h2 a span {
    color: #3B8A8F;
}

/* CLimate change */

.heat, .flood, .droughts { float: left; padding: 70px 0 20px; margin-right: 8%; text-align: center; width:28%; }
.heat { background:url(images/heatwave.png) no-repeat 50% 0; }
.droughts { background:url(images/drought.png) no-repeat 50% 0; margin-right: 0px;}
.flood  { background:url(images/flooding.png) no-repeat 50% 0; }

/*** forms ***/
textarea{width:80%;}

/* --------------- PAGINATION --------------- */

.wp-pagenavi { margin-top: 30px; }
.wp-pagenavi .pages, .wp-pagenavi .page, .wp-pagenavi .nextpostslink, .wp-pagenavi .previouspostslink { border: none; }
.page-id-61 .wp-pagenavi .current { border: 1px solid #3b8a8f; background: none !important; color: #3b8a8f; padding: 1px 5px; }


/** Tables **/
.tablepress-table-name{padding-bottom: 10px;}
.tablepress tr th{font-size: 12px; text-align:center; font-weight:normal !important;background-color:#609a4e !important; color:#fff;}
.tablepress td.column-2, .tablepress td.column-3, .tablepress td.column-4 {text-align:center;}

/** Navbar **/
/** Below changes the vreakpoint for the mobile menu to display **/
@media (max-width: 769px) {
    .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
		top: 0;
		border-width: 0 0 1px;
	}
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
		margin-top: 7.5px;
	}
	.navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
  		display:block !important;
	}
}







.topNav {
    padding:10px 0;
    background: #fff;
    border-bottom: 1px solid #aeaeae;
    
}
.navbar-default {
    background:none;
    border-color:none;
}
.navbar-default .navbar-text {
    color: #fff;
    
}


.navbar-brand {
    float: left;
    /*height: 68px; */
    padding: 0 0 0 10px;
    font-size: 18px;
    line-height: normal;
}
.navbar {
    position: relative;
    /*height: 78px;*/
    margin-bottom: 0px;
    padding:0px 0;
    border: none;
}

nav {
    padding-bottom: 0px;
   
}

.navbar {
    border-radius: 0px;
}



.navbar-default .navbar-nav>li>a {
    color: #444;
    text-decoration: none;
    font-size: 16px;
    font-weight: bold;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {
    color: #F76F23;
    background: none;
    text-decoration: none;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    color: #F76F23;
    background: none;
    text-decoration: none;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #000;
}
.navbar-default .navbar-toggle {
    border-color: #fff;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background-color: #dcdcdc;
}

.navbar-toggle{

float:right;
}




/* SEARCH */

#searchOuter { 
cursor: pointer;
float:right;
display:inline-block;
width: 50px; 
height: 22px; 
background: url('images/search_new.png') no-repeat 5px 0; 
position:relative;
padding-left:10px; 
margin-top: 14px; 
margin-left: 15px; 
border-left: 1px solid #9a9fa4; 
}
.topNav form { 
margin-left: 10px;
padding: 0 5px; 
background: url('images/search_panel.png') repeat-x; 
height: 64px; 
width: 338px; 
margin-top: 63px; 
position: absolute; 
top:0;
right:20px;
z-index:60; 
}


input.search {
border: none;
background: transparent;
font-size: 14px;
font-weight: normal;
font-family: Arial;
width: 230px;
color: #57A8C2;
vertical-align: top;
margin-top: 27px;
margin-left: 12px;
}

.searchButton { color: white; font-family: Novecentowide-Medium; font-weight: normal; font-style: normal; font-size: 14px; border:none; background:none; padding: 10px 28px; margin-top: 17px; cursor:pointer;}
.searchButton:hover { color: #103d62; }


/*** popular news posts ***/
ul.popularNews{padding:0; margin:0;}
ul.popularNews li{padding:0 0 10px 0; margin:0; list-style-type:none;}
ul.popularNews h4 a{text-decoration:none; color:#666; }
ul.popularNews h4{margin:0;}

/** Partners **/
ul.partnerList{padding:0; margin:0;}
.partners {
    margin-right: 3%;
    margin-bottom: 28px;
    width: 30%;
    display: inline-block;
}
.partners img {
    border: 1px solid #eee;
    width: 100%;
    height:auto;
}
/** Blog single **/
.single .attachment-articleThumb {
    float: right;
    margin-top: 35px;
    margin-left: 20px;
    margin-bottom: 20px;
    width: 44%;
    height:auto;
}

/** Page **/
.subnav {
    background: #e5e5e5;
    padding-bottom: 30px;
}
.subnav h2{padding-bottom:5px;margin-bottom:0;border-bottom: 1px solid #aeaeae;}
.subnav h2, .subnav .menu{
font-size:16px;
}
.subnav .menu { float: none; margin: 0; margin-bottom: 20px; padding:20px; }
.subnav .menu li { display: block; padding: 5px 0px 4px 10px; margin: 0px; border-bottom: 1px solid #aeaeae }
.subnav .menu li:first-of-type { padding-left: 0px;border-bottom: 1px solid #aeaeae  }
.subnav .menu li { padding-left:0px!important; }
.subnav .menu li a { color: #444; text-decoration: none; }
.subnav .menu li a:hover, .subnav h2 a:hover { color: #F76F23; }
.subnav .menu li.current_page_item a, .subnav .menu li.current-cat a { color: #F76F23 }

.sidebar .menu li:hover a { background:#E5E5E5; }



.pageContent{
	background: #fff;
	-moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -khtml-border-radius: 6px;
    border-radius: 6px;
    -moz-box-shadow: 0 2px 3px 1px #e5e5e5;
    -webkit-box-shadow: 0 2px 3px 1px #e5e5e5;
    box-shadow: 0 2px 3px 1px #e5e5e5;
    padding: 23px 30px 10px;
	position:relative;
    margin-bottom:20px;
}
.pageContent h1{color: #0095DB; margin-top:0px;}

.pageContent h2 a{
    color: #0095db;
}
.newsDate {
    float: none;
    font-weight: bold;
    margin-bottom: 10px;
    margin-top: 0px;
}

.attachment-eventsThumb {
    float: left;
    margin-right: 10px;
    margin-top: 7px;
}

.resources .attachment-eventsThumb {
    float: left;
    margin-right: 10px;
    margin-top: 7px;
}
.attachment-postThumb {
    float: left;
    margin-right: 20px;
    margin-bottom: 18px;
    margin-top: 0px;
}



/** Footer Styles **/
footer{background: #18588e;
    color: #57a8c2;
    padding-top: 40px;
    margin-top: 50px;}
footer .copyright { margin-bottom: 20px; font-size: 12px; margin-top: 10px; text-align: right;}

/** Footer Menu ***/
footer ul.menu{}
footer ul.menu{padding: 0px 0 0 0;}
footer ul.menu li{font-size:14px; border-bottom: 1px solid #14B0EA; padding: 5px 0;list-style-type:none;}
footer ul.menu li a{color:#14B0EA; text-decoration:none;}
footer ul.menu li a:hover{color:#d4c161;}
footer a:hover{color:#d4c161;}


.picImage{
	max-height:211px;
	overflow:hidden;
	margin-bottom: 10px;
}

footer h3{
margin-top:0;
color:#75c6e1;
}

/** fix hover issue for parent links **/
dropdown:hover .dropdown-menu{display: block;}

.dropdown-submenu{position:relative;}
.dropdown-submenu > .dropdown-menu{
	top:0;
	left:100%;
	margin: 0 0 0 0;
}


/*** show sub nav on mobile ***/
@media (max-width: 736px){
.dropdown-menu {
    position: relative; 
    top: 0;
    left: 0;
    z-index: 10;
    display: block; 
    float: none; 
    min-width: 160px;
    padding: 5px 0;
    margin: 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    /*border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 4px;*/
    border:none;
    /*-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);*/
    box-shadow:none;
}

dropdown-toggle{
	background-color:#ff9900;
	margin:0;
	padding:0;
}

li.dropdown > a{
	margin-top:0;
	padding-top:0;
	padding-bottom:0;
	margin-bottom:0;
	}

}

/*** Above mobile ***/
@media (min-width: 769px){



.home .topNav{ 
background: url('images/header_bg.png') repeat-x 0 bottom;
padding:10px 0 10px 0;
position: absolute;
    width: 100%;
    z-index: 50;
}
.topNav {
    padding:10px 0;
    background: url('images/header1_bg.png') repeat-x 0 bottom #f0f0f0;
    border:none;
    
}

.navbar-nav>li>a {

    padding: 15px 12px;
    
 }
 .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {
    color: #F76F23;

}


ul.nav li.dropdown:hover ul.dropdown-menu{
    display: block;
    margin: 0
}
 
a.menu:after, .dropdown-toggle:after {
  content: none;
}

.metaslider .caption-wrap {
    position: absolute;
    top: 100px;
    left: 0;
    background:none !important;
    color: white;
    opacity: 1.0 !important;
    margin: 0;
    display: block;
    width: 100%;
    line-height: 1.4em;
}

/** Captions **/
.caption h1 {
    font-weight: normal;
    font-style: normal;
    color: #fff;
    font-size: 48px;
    padding-top: 225px;
    text-shadow: 0px 2px 2px #333;
    margin: 0 auto;
    border-bottom: 0px !important;
    /*top: 32%;*/
    width: 80%;
    text-align: center;
    padding: 0 10% !important;
}
.caption h2 {
    font-size: 26px;
    line-height: 1.5em;
    color: #fff;
    text-shadow: 0px 2px 2px #333;
    width: 100%;
   padding: 0 10%;
    text-align: center;
    margin:15px 0;
}
.caption p {
	width: 100%;
    padding: 0 10%;
    text-align: center;
}
.sliderBtn {
    font-weight: normal!important;
    font-style: normal!important;

    display: inline-block;
    color: #fff !important;
    font-size: 18px!important;
    padding: 10px 15px 9px 15px!important;
    text-decoration: none;
    background: url('images/cta_bg.gif') repeat-x /*, url('images/cta_bg.png') no-repeat right 50%*/;
    -moz-box-shadow: 0px 1px 2px 0px #333;
    -webkit-box-shadow: 0px 1px 2px 0px #333;
    box-shadow: 0px 1px 2px 0px #333;
    background-color: #f38321;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    text-shadow: 0px 1px 2px #9c370e;
}

.metaslider .flexslider ul.slides li img{display:block;}
.homePod { 
    margin-top: 50px;
    margin-bottom: 13px;
    padding-bottom: 20px;
	text-align: center;
	padding-top: 100px;
	cursor: pointer;
    }


.bgContent{padding-top: 0px;}
footer ul.menu{display:block;}
.copyRight small{color:#fff; display:inline-block;}
.copyRight span{display:inline-block; color:#fff;}


}