/*
Theme Name: Green Billion Child
Theme URI: http://arthou.cse
Template: greenbillion
Author: Chesley Andrews & Nathaniel Kerksick
Author URI: http://arthou.se
Description: Child of the Green Billion theme that replaces the Brandon Grotesque font (which we'd have to pay for) with the similar Josefin Sans.
Version: 1.0.1692122107
Updated: 2023-08-15 13:55:07

*/

/* RESET */
/* ----------------------------------------- */
/* Global reset */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
*,html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,label,fieldset,input,p,blockquote,th,td {
	margin: 0;
	padding: 0
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

fieldset,img {
	border: 0
}

address,caption,cite,code,dfn,em,strong,th,var {
	font-style: normal;
	font-weight: 400
}

ol,ul,li {
	list-style: none
}

caption,th {
	text-align: left
}

h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
	font-weight: 400
}

q:before,q:after {
	content: ''
}

/* Global reset-RESET */
/* The below restores some sensible defaults */
strong {
	font-weight: 700
}

em {
	font-style: italic
}

a img {
	border: none
}

/* Font includes */
@font-face {
	font-family: Josefin Sans;
	src: url(https://fonts.googleapis.com/css?family=Josefin+Sans);
	font-weight: 400;
	font-style: normal
}

@font-face {
	font-family: Josefin Sans;
	src: url(https://fonts.googleapis.com/css?family=Josefin+Sans);
	font-weight: 400;
	font-style: italic
}

@font-face {
	font-family: Josefin Sans;
	src: url(https://fonts.googleapis.com/css?family=Josefin+Sans);
	font-weight: 700;
	font-style: normal
}

@font-face {
	font-family: Josefin Sans;
	src: url(https://fonts.googleapis.com/css?family=Josefin+Sans);
	font-weight: 700;
	font-style: italic
}

/* ============================== */
/* ! Base Layout for desktop version   */
/* ============================== */

/* GLOBAL tag definitions - AS MUCH as possible should exist here */
body {
	background: #e1e1e1 url(../styles/images/bg_wavecut.png) repeat;
	font: normal 100% Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif;
	padding: 0 0 40px
}

/* Custom background prog. enhancement */
body:after {
	content: '';
	width: 100%;
	height: 180px;
	position: absolute;
	top: 0;
	left: 0;
	background-color: rgba(255,255,255,0.25);
	z-index: -1
}

h1,h2,h3,h4,h5,h6 {
	font-family: Josefin Sans,"Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #333;
	margin: 20px 0 10px
}

h1,h2 {
	font-family: Josefin Sans,"Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #003e1a;
	font-size: 26px;
	font-weight: 700;
	margin: 5px 0 50px;
	font-size: 34px;
	line-height: 36px
}

h3 {
	text-transform: uppercase;
	color: #d2733d;
	font-size: 15px;
	font-weight: 700;
	letter-spacing: .05em;
	width: 100%
}

h4 {
	color: #333;
	font-size: 18px
}

a {
	color: #3c7c59;
	text-decoration: none
}

a:hover {
	color: #2a945a
}

p,li,td {
	color: #333;
	font-size: 14px;
	line-height: 21px;
	margin: 0 0 20px
}

blockquote {
	margin-left: 20px;
	font-style: italic;
	border-left: 1px solid #ccc;
	padding-left: 20px;
	margin-top: 20px;
	margin-bottom: 20px;
	padding-right: 20px
}

ol,ul {
	margin-top: 10px;
	margin-bottom: 20px
}

ul li {
	list-style: outside;
	list-style-type: disc;
	margin-bottom: 5px;
	margin-left: 35px;
	line-height: 1.5em
}

ol li {
	list-style-type: decimal;
	margin-bottom: 5px;
	margin-left: 35px;
	line-height: 1.5em
}

hr{
background:#ddd;
height:1px;
color:#fff;
border:0;
}

/* COMMON Classes - I don't think we need all these - however it's good to make as much as possible a common class if we might re-use it */

h2.subheader {
	color: #d2733d;
	font-size: 24px;
	letter-spacing: .2em;
	font-weight: 400;
	margin: 20px 0
}
h2.subheader a {
	margin-top: 0
}

p.inline {
	display: inline
}

.aligncenter {
	display: block;
	margin: 0 auto
}

.alignleft {
	float: left;
	margin-right: 15px
}

.alignright {
	float: right;
	margin-left: 15px
}

.text_center {
	text-align: center
}

br.clear {
	clear: both;
	display: block;
	height: 1px;
	margin: -1px 0 0
}

.nextprev {
	border-top: 1px dotted #ccc;
	padding-top: 20px;
	margin-top: 15px
}

.nextpage,.prevpage {
	width: 50%;
	float:left;
}

.nextpage {
	text-align: right;
	
}

.nextpage a,.prevpage a {
	font-family: Josefin Sans,"Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 1em;
	line-height: 1em
}

/* Link styles */
a.button {
	display: inline-block;
	text-align: center;
	font-family: Josefin Sans,"Helvetica Neue", Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	color: #fff;
	letter-spacing: .25em;
	padding: 2px 5px;
	font-size: 10px;
	background: #3C7C59;
	background: -moz-linear-gradient(top,#4691680%,#3e7f5b);
	background: -webkit-gradient(linear,lefttop,leftbottom,from(#469168), to(#3e7f5b));
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border: 1px solid #3e7f5b;
	-moz-box-shadow: 0 0 0 rgba(000,000,000,0.5), inset 0 0 0 rgba(255,255,255,0);
	-webkit-box-shadow: 0 0 0 rgba(000,000,000,0.5), inset 0 0 0 rgba(255,255,255,0);
	text-shadow: 0 -1px 0 rgba(000,000,000,0.7), 0 1px 0 rgba(255,255,255,0.3)
}

a.button:hover {
	background: grey;
	cursor: pointer;
	border: 1px solid #999
}

a.rss {
	background: url(../styles/images/icons/rss_14.png) no-repeat;
	padding-left: 20px;
	font-weight:bold;
}

a.download {
	background: url(../styles/images/icons/dl.png) no-repeat 0 6px;
	font-family: Josefin Sans,"Helvetica Neue", Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	letter-spacing: .15em;
	padding: 0 0 0 15px;
	font-size: 12px;
	font-weight: 700;
	display: inline-block;
	line-height: 18px;
	margin: 10px 0
}

a.download:hover {
	cursor: pointer
}

a.seemore {
	float: right;
	font-style: italic;
	font-size: 11px;
	margin-top: -8px;
	color: #999;
	text-decoration: underline
}

a.seemore:hover {
	color: #333
}

a.icon_link {
	font-family: Josefin Sans,"Helvetica Neue", Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	color: #777;
	font-size: 11px;
	line-height: 11px;
	letter-spacing: .2em;
	opacity: .75;
	font-weight: 700;
	padding-left: 20px;
	margin-right: 10px
}

a.icon_link:hover {
	opacity: 1
}

a.print {
	background: url(../styles/images/icons/print_14.png) no-repeat 0 2px
}

a.share {
	background: url(../styles/images/icons/share_14.png) no-repeat 0 2px
}

/* Rule Header */

.rule_header {
	position: relative;
	display: block;
	margin: 10px 0 20px
}

.rule_header h3 {
	display: inline-block
}

.rule_header h3.line_50:after {
	border-top: 1px solid #dfdfdf;
	display: block;
	height: 1px;
	content: " ";
	top: 10px;
	left: 50px;
	right: 40px;
	position: absolute
}

.rule_header h3.line_100:after {
	border-top: 1px solid #dfdfdf;
	display: block;
	height: 1px;
	content: " ";
	top: 10px;
	left: 100px;
	right: 40px;
	position: absolute
}

.rule_header h3.line_140:after {
	border-top: 1px solid #dfdfdf;
	display: block;
	height: 1px;
	content: " ";
	top: 10px;
	left: 140px;
	right: 40px;
	position: absolute
}

.rule_header a.seemore {
	position: absolute;
	right: 0;
	top: 12px
}


/* COMMON SUB-LAYOUTS (features used across various pages) */

/* Logo list */
ul.logo_list {
	width: 76%
}
ul.logo_list h2,ul.logo_list h2 a {
	font-size: 16px;
	line-height: 18px;
	margin-top: 0
}
ul.logo_list li {
	list-style: none;
	margin: 0 20px 10px 0;
	float: left;
	display: table-cell;
	vertical-align: center;
	width: auto;
	height: 40px;
	padding: 5px;
	text-align: center
}
ul.logo_list li img {
	margin-top: 0;
	max-width: none
}

/* Tabs */
ul.tabs {
  border-bottom: 1px solid #CCC;
  display: block;
  height: 17px;
  margin: 20px 0 0 0;
}
ul.tabs:after {
  content: ' ';
  clear: both;
}
ul.tabs li {
  display: block;
  float: left;
  margin: -7px 10px 0 0;
  height: 17px;
}
ul.tabs li a {
  padding: 5px 8px;
  border-top: 1px solid #CCC;
  border-left: 1px solid #CCC;
  border-right: 1px solid #CCC;
  border-bottom: 1px solid #CCC;
	font-family: Josefin Sans,"Helvetica Neue", Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	font-size: 11px;
	line-height: 11px;
	letter-spacing: 1px;
	margin: 0;
	height: 17px;
}
ul.tabs li.active a {
  color: #333;
  cursor: default;
  border-bottom: 1px solid #FFF;
}


/* Large list */
.large_list li {
	list-style: none;
	border-bottom: 1px dotted #ccc;
	margin: 0;
	height: 80px;
}
.large_list li:last-child {
	border-bottom: none;
}
.large_list li a {
	display: block;
  height: 60px;
  padding: 10px 0;
  width: 100%;
}
.large_list li a .vertical-middle {
  display: inline-block;
  vertical-align: middle;
  min-height: 60px;
}
.large_list li a .image {
	display: inline-block;
	vertical-align: middle;
  width: 120px;
  height: 60px;
  line-height: 60px;
  padding-right: 5px;
}

.large_list li.case_study a .image img{
	border:1px solid #ccc;
}
.large_list li a h2 {
	display: inline;
	vertical-align: middle;
	font-size: 22px;
	padding: 0;
	font-weight: 400;
	margin: 0;
	color:#003E1A;
	letter-spacing: 0;
}
.large_list li a:hover h2 {
  color: #2A945A;
}
.large_list li a p.metatext {
  display: inline;
	vertical-align: middle;
	margin: 0 0 0 12px;
	padding: 0;
}

/* Two column variant for large_list */
.large_list.two_columns li {
  width: 320px;
  margin-right: 40px;
  float: left;
  display: block;
}
.large_list.two_columns li .image {
  width: 60px;
}
.large_list.two_columns li h2 {
  width: 220px;
  margin: 0;
  font-size: 16px;
  line-height: 20px;
  display: inline-block;
}


/* Single Participant */

.breadcrumb a.metatext{
text-decoration: underline;
}

.breadcrumb a.metatext:hover{
color:#333;
}

.breadcrumb .metatext{
display:inline;
}

.single-participant h2 {
	margin: 20px 0;
	font-weight: 400;
	line-height: 40px
}


.single-participant img {
	margin: 0 20px 20px 0
}

.single-participant .aside h3 {
	margin-top: 20px
}

.single-participant .aside .ins-logo{
display: block;
}

/* Documents */

.case-studies .document{
  border-bottom:1px dotted #ccc;
}

.investment-primer .aside img,
.single-report .aside img,
.single-case_study .aside img{
border: 1px solid #ddd;
}

.document img {
	border: 1px solid #ddd;
	margin: 10px 0
}

.document h3 {
	text-transform: none;
	font-size: 22px;
	font-weight: 700;
	color: #333;
	line-height: 28px
}

/* Post */
.post h2 {
	display: inline-block;
	color: #d2733d;
	font-size: 24px;
	letter-spacing: 1px;
	font-weight: 400
}

.post .header_meta {
	margin-left: 30px;
	display: none
}

.metatext,.post .metatext,.post .metatext p {
	color: #999;
	margin-right: 6px;
	font-size: 12px;
	margin-bottom: 10px;
	display: block;
	margin-top: 10px
}

.post .wp-caption {
	text-align: left;
	font-style: italic;
	margin-bottom: 5px
}

.post p.wp-caption-text {
	color: #666;
	font-size: 11px;
	line-height: 16px;
	margin: 5px 0 10px
}

.post .lede {
	font-size: 22px;
	line-height: 28px;
	color: #333;
	font-family: Josefin Sans,"Helvetica Neue", Helvetica, Arial, sans-serif;
	margin: 0 0 20px
}

.post .postmeta {
	border-bottom: 1px dotted #ccc;
	padding-bottom: 15px;
	margin-bottom: 15px
}

/* Sub-post */
.sub-post {
	min-height: 200px;
	clear: both
}

/* Aside (Right sidebar) */
.aside {
	width: 25.75%!important;
	padding-right: 5%
}

.aside h3 {
	margin-top: 0;
	font-size: 13px;
	font-weight:bold;
	text-transform: uppercase;
	letter-spacing: .2em;
	margin-bottom: 5px;
}

.aside p {
	font-size: 13px
}

.aside ol li,.aside ul li {
	list-style: none;
	margin-left: 0;
	border-bottom: 1px dotted #CCC;
	padding-bottom: 2px;
	text-transform: uppercase;
	font-size: 11px;
	font-family: Josefin Sans,"Helvetica Neue", Helvetica, Arial, sans-serif
}

.aside ol li {
	list-style: decimal;
	margin-left: 15px
}

.aside li.archivelist a{
  font-weight:bold;
}

.aside .metatext {
	margin-top: 0
}

.aside ul.xoxo {
	margin-top: 0
}

.aside ul.xoxo li {
	border-bottom: none;
	margin-bottom: 20px
}

.aside ul.xoxo li ul li {
	border-bottom: none;
	margin-bottom:0;
}

/* Forms */
form label {
	font-family: Josefin Sans,"Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 16px;
	color: #333;
	margin-bottom: 10px
}

form input,form textarea {
	clear: both!important;
	padding: 5px;
	display: block;
	clear: both!important;
	background: #F8F8EE;
	border: 1px solid #E0E0C8
}

form .required {
	color: red;
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: .1em;
	font-family: Josefin Sans,"Helvetica Neue", Helvetica, Arial, sans-serif;
	margin: 10px 0
}

form .submit {
	display: inline-block;
	text-align: center;
	font-family: Josefin Sans, Arial, sans-serif;
	font-size: 10px;
	text-transform: uppercase;
	color: #fff;
	letter-spacing: .25em;
	padding: 5px 4px 3px 6px;
	background: #3C7C59;
	border: 1px solid #3e7f5b;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-box-shadow: 0 0 0 rgba(000,000,000,0.5), inset 0 0 0 rgba(255,255,255,0);
	-webkit-box-shadow: 0 0 0 rgba(000,000,000,0.5), inset 0 0 0 rgba(255,255,255,0);
	text-shadow: 0 -1px 0 rgba(000,000,000,0.7), 0 1px 0 rgba(255,255,255,0.3);
	cursor: pointer;
	height:25px;
}

form .submit:hover {
	background: #D2733D;
	border: 1px solid #D2733D;
	text-shadow: 0 -1px 0 rgba(000,000,000,0.3), 0 1px 0 rgba(255,255,255,0.3)
}

/* TARGETED LAYOUT - anything here should have parent class that it pertains to so it is namespaced properly (i.e. does not conflict) */
/* Left Nav */
#left_column {
	width: 196px;
	margin-right: 0
}

#left_column h2,#left_column h3,#left_column h4 {
	margin: 0
}

#left_column .logo {
	background: #f8f8ea;
	background: rgba(255,255,235,0.7);
	text-align: center;
	height: 180px
}

#left_column .logo img:hover{
opacity: .8;
}

#left_column .logo h2 {
	margin: 0 auto;
	padding: 0;
	line-height: 0;
	font-size: 0
}

#left_column .logo h2 img {
	margin: 20px auto;
	width: 140px;
	height: 140px
}

/* Navigation */
#left_column .nav {
	width: 196px
}

#left_column ul#access {
	background: #f3f3e9;
	background: rgba(255,255,235,0.5);
	padding: 10px;
	margin: 0
}

#left_column ul#access li {
	border-bottom: 1px solid #e0e0c8;
	padding: 5px 0;
	margin: 0 10px;
	list-style: none
}

#left_column ul#access li:last-child {
	border-bottom: 0
}

#left_column ul#access li a {
	font-family: Josefin Sans, "Helvetica Neue", Helvetica, Arial, sans-serif;
	letter-spacing: 1px;
	font-size: 17px
}

#left_column ul#access li.current_page_item {
	background: #D2733D;
	color: #fff;
	margin: 0;
	padding: 5px 10px
}

#left_column ul#access li.current_page_item a {
	color: #fff
}

#left_column ul#access ul.children {
	padding: 10px 0 20px;
	margin: 0
}

#left_column ul#access ul.children li {
	border-bottom: 0;
	text-transform: uppercase;
	line-height: 12px;
	padding: 5px 10px 5px 9px;
	list-style: none;
	margin: 0
}

#left_column ul#access ul.children li a {
	letter-spacing: .1em;
	font-size: 11px
}

#left_column ul#access ul.children li.current {
	background: rgba(255,255,255,0.75)
}

#left_column ul#access ul.children li.current a {
}

/* Participation */
#left_column .participation_numbers {
	background: #b5b5b5;
	background: rgba(50,50,50,0.25);
	padding: 10px
}

#left_column .participation_numbers h3 {
	color: #fff;
	font-size: 13px;
	font-weight: 700
}

#left_column .participation_numbers ul {
	display: block;
	padding-left: 9px;
	border-left: 1px solid #ccc;
	margin-bottom: 10px
}

#left_column .participation_numbers ul li {
	font-family: Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif;
	color: #fff;
	font-size: 13px;
	font-style: italic;
	line-height: 13px;
	margin: 5px 0;
	list-style: none;
	padding-left: 0
}

#left_column .participation_numbers h4 span.participation_numbers {
	text-transform: uppercase;
	letter-spacing: .1em;
	font-size: 12px!important;
	letter-spacing: .03em;
	font-family: Josefin Sans,"Helvetica Neue", Helvetica, Arial, sans-serif
}

/* Social bar */
.social_bar {
	border-bottom: 1px dotted #ccc;
	overflow: auto;
	width: 100%;
	padding: 10px 0 5px
}

.social_bar .post-edit-link {
	display: none
}

.home .social_bar {
/* border: none; */
}

.social_bar .addthis_toolbox {
	margin-top: 5px
}

input#mce-EMAIL {
	display: inline-block;
	color:#888;
/* 	height:25px; */
}

/* Main column */
.maincol {
	background: #fff;
	min-height: 500px;
	padding-bottom: 30px
}

/* News */
.newsfeed .post h2.subheader {
	margin-bottom: 0;
	margin-top: 0
}

.faq h4 {
	margin-top: 10px;
	line-height: 24px
	margin-bottom:5px;
}

/* PAGE-SPECIFIC OVERRIDES - do we need all this? */


.home .social {
	border-bottom: none
}

.home h2 {
	font-size: 30px;
	line-height: 38px;
	margin: 0 0 40px;
	padding-right: 30px;
	color: #333;
	margin-top: 30px
}

.home h2 a.joinlink {
	font-style: italic;
	font-weight: 700;
	padding-left: 5px
}

.mega_footer h3,
.home h3,
.home .fourcol h3 {
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: .2em;
	margin: 0;
	font-weight:bold;
	display: inline-block
}

.home .latest_news {
	margin-right: 8.65%
}

.home .latest_news .post {
	margin: 30px 0
}

.home .latest_news h4,.latest_news h4 a {
	margin-top: 4%;
	font-size: 24px;
	line-height: 28px;
	margin-bottom: 5px
}

.home .resources {
	margin: 0 0 15px;
	overflow-x: hidden
}

.home .resource {
	margin: 35px 0
}

.home .resource img {
	margin-top: 3px;
	border: 1px solid #ccc;
	background: #f9f9f9;
	display: block;
}

.home .resource p {
	font-size: 12px;
	line-height: 18px
}

.home .resource a p.title {
	color: #3c7c59;
	font-size: 14px;
	line-height: 18px;
	margin: 10px 0
}

.home .resource a:hover p.title {
	color: #2a945a
}

.home .institutions {
	margin: 10px 0
}

.home li.institution {
	margin: 0;
	padding: 5px 0 4px;
	border-bottom: 1px solid #f1f1f1;
	list-style: none
}

.home .latest_news p {
	display: inline;
	padding-bottom: 4%
}

.slidingdiv {
	display: none
}

/* Conference/Leef Page */

.agenda{
width:487px;
}

.agenda .time{
width:100px;
float:left;
display: block;
margin-right:15px;
}

.agenda .event{
  float:left;
  width:330px;
  display: block;
}

.agenda hr{
margin:0 0 20px 0;
clear:both;
}



/* Scroll to Top */
#scroll-top {
	position: fixed;
	bottom: 10px;
	right:20px;	
}

/* Footer */
.mega_footer {
	margin-left: 196px;
	background: #efefef;
	background: rgba(250,250,250,0.5);
	padding-top: 30px;
	padding-bottom: 30px;
	overflow: auto;
	width: 100%
}

.mega_footer h3 {
	color: #666
}

.mega_footer .rule_header {
	position: relative;
	display: block;
	margin: 0
}

.mega_footer .rule_header h3 {
	display: inline-block;
	color: #666;
	margin-bottom: 10px
}

.mega_footer .rule_header h3.line_100:after {
	border-top: 1px solid #ccc;
	display: block;
	height: 1px;
	content: " ";
	top: 10px;
	left: 100px;
	right: 40px;
	position: absolute;
	font-weight: 700
}

.mega_footer .rule_header a.seemore {
	position: absolute;
	right: 0;
	top: 12px
}

.mega_footer .jtwt_tweet{
	font-style: italic;
	margin-top: 10px;
	list-style: none;
	margin-left: 0;
	padding-left: 0;
	margin-bottom:0;
	margin-top:10px;
  font-size:13px;
  line-height: 20px;
}

p#jtwt_loader{
color:#ccc;
font-style:italic;}


.mega_footer a.jtwt_date{
font-size:11px;

}

.mega_footer .logos {
	height: 70px;
	width: auto;
	overflow: hidden
}

/* Latest Tweets Widget */
.latest-tweets ul, ul li {
	list-style: none;
	padding-left: 1em;
	margin-left: 0px;
	position: relative;
}

.latest-tweets li:before {
	position: absolute ;
    font-family: 'FontAwesome';
    top: 0;
    left: -1em;
    content: "\f099";
}

.latest-tweets p.tweet-text {
	margin: 0px;
}


/*
  .logos li{
  display: block;
  position: relative;
   height:40px
  }
  
  .logos li a{
  border:0;
  margin:0;
  display: block;
  }
  
  .logos li a img{
  position:absolute;
  top:0;
  left:0
  height:40px;
*/

}

.mega_footer .funders-home h3 {
	margin-top: 20px
}

.mega_footer .partners-footer img,.mega_footer .funders-footer img {
	display: block;
	float: left;
	height: 40px;
	width: auto;
	margin: 0 20px 10px 0
}

.mega_footer .partners_funders img {
	opacity: .5
}

.mega_footer .partners_funders img:hover {
	opacity: 1
}

/* ========================================== */
/* Custom Features   */
/* ========================================== */
/* FlexSlider - TODO: this is redundant code to the CSS in the FlexSlider plugin. Please mimize this until it's just what we need.
*********************************/
/* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {
	max-width: 100%;
	display: block
}

.no-js .slides li:first-child {
	display: block
}

/* FlexSlider Default Theme
*********************************/
.flexslider {
	background: #fff;
	position: relative;
	width: 100%;
	margin: 0!important;
	padding: 0
}

.flexslider .slides li {
	position: relative;
	display: none;
	margin: 0;
	list-style: none
}

/* Suggested container for "Slide" animation setups. Can replace this with your own, if you wish */
.flexslider-container {
	position: relative
}

.flexsider li {
	list-style: none
}

/* Caption style */
p.flex-caption {
	margin: 0!important;
	width: 100%;
	padding: 1.25%;
	position: absolute;
	left: 0;
	top: 0;
	background: #333;
	background: rgba(0,0,0,.65);
	color: #fff;
	text-shadow: 0 -1px 0 rgba(0,0,0,.3);
	font-size: 16px!important;
	line-height: 18px;
	font-style: italic;
	letter-spacing: 1px
}

.flex-direction-nav li{
  list-style-image: none;
  list-style-type: none;

}


/* Direction Nav */
.flex-direction-nav li a {
	width: 52px;
	height: 52px;
	margin: -13px 0 0;
	font-size: 11px;
	display: block;
/* background: url(../styles/images/bg_direction_nav.png) no-repeat 0 0; */
	position: absolute;
	font-family: Josefin Sans, Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif;
	letter-spacing: .3em;
	text-transform: uppercase;
	color: #fff;
	top: 5%;
	cursor: pointer;
	
}


/* set negative margin-top equal to half the height on the directional-nav for perfect vertical centering */
.flex-direction-nav li a.next {
	background-position: -52px 0;
	font-weight: 700;
	top: 21px!important;
	right: 1%!important;
	font-size: 10px!important;
	color: rgba(255,255,255,.75)!important;
	text-align: right
}

.flex-direction-nav li a.next:hover {
	color: #fff!important
}

.flex-direction-nav li a.prev {
	display: none
}

/* Control Nav */
.flex-control-nav {
	left: 77%!important;
	top: 12px!important;
	width: 100%!important;
	padding-right: 30px!important;
	text-align: right!important
}

.flex-control-nav li {
	margin: 0 5px 0 0!important;
	display: block!important;
	zoom: 1;
	float: left!important
}

.flex-control-nav li:first-child {
	margin: 0
}

.flex-control-nav li a {
	width: 13px;
	height: 13px;
	display: block;
	background: url(../styles/images/bg_control_nav.png) no-repeat 0 -26px!important;
	cursor: pointer;
	text-indent: -9999px!important;
	line-height: 1;
	color: rgba(0,0,0,0);
	overflow: hidden;
	color:transparent;
	font-size:.1em;
}

.flex-control-nav li a:hover {
	background-position: 0 -12px!important
}

.flex-control-nav li a.active {
	background-position: 0 0!important;
	cursor: default
}

.post-edit-link {
	display: none
}

.fc, .ci{
font-family: Josefin Sans,"Helvetica Neue", Helvetica, Arial, sans-serif;
border-radius:6px;
display: inline;
/* color:white; */
padding:0 2px;
margin-left:15px;
font-size:10px;
font-weight:bold;
text-transform: uppercase;
}


.fc{
border: 1px solid #D2733D;
color: #D2733D;
}

.ci{
border: 1px solid #d2b13d;
color: #d2b13d;
}

.fourcol .fc,
.fourcol .ci{
margin-left:0;
}

/* Tipsy */

.tipsy { font-size: 10px; position: absolute; padding: 5px; z-index: 100000; }
  .tipsy-inner { background-color: #000; color: #FFF; max-width: 200px; padding: 5px 8px 4px 8px; text-align: center; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 11px; }

  /* Rounded corners */
  .tipsy-inner { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
  
  /* Uncomment for shadow */
  /*.tipsy-inner { box-shadow: 0 0 5px #000000; -webkit-box-shadow: 0 0 5px #000000; -moz-box-shadow: 0 0 5px #000000; }*/
  
  .tipsy-arrow { position: absolute; width: 0; height: 0; line-height: 0; border: 5px dashed #000; z-index: 100001; }
  
  /* Rules to colour arrows */
  .tipsy-arrow-n { border-bottom-color: #000; }
  .tipsy-arrow-s { border-top-color: #000; }
  .tipsy-arrow-e { border-left-color: #000; }
  .tipsy-arrow-w { border-right-color: #000; }
  
	.tipsy-n .tipsy-arrow { top: 0px; left: 50%; margin-left: -5px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent; }
    .tipsy-nw .tipsy-arrow { top: 0; left: 10px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent;}
    .tipsy-ne .tipsy-arrow { top: 0; right: 10px; border-bottom-style: solid; border-top: none;  border-left-color: transparent; border-right-color: transparent;}
  .tipsy-s .tipsy-arrow { bottom: 0; left: 50%; margin-left: -5px; border-top-style: solid; border-bottom: none;  border-left-color: transparent; border-right-color: transparent; }
    .tipsy-sw .tipsy-arrow { bottom: 0; left: 10px; border-top-style: solid; border-bottom: none;  border-left-color: transparent; border-right-color: transparent; }
    .tipsy-se .tipsy-arrow { bottom: 0; right: 10px; border-top-style: solid; border-bottom: none; border-left-color: transparent; border-right-color: transparent; }
  .tipsy-e .tipsy-arrow { right: 0; top: 50%; margin-top: -5px; border-left-style: solid; border-right: none; border-top-color: transparent; border-bottom-color: transparent; }
  .tipsy-w .tipsy-arrow { left: 0; top: 50%; margin-top: -5px; border-right-style: solid; border-left: none; border-top-color: transparent; border-bottom-color: transparent; }


/* ============================= */
/* ! Layout for tablet version   */
/* ============================= */
@media handheld,only screen and (max-width: 1000px) {
.maincol.container {
	padding-left: 20px;
	padding-right: 20px
}

.mega_footer.container {
	padding-right: 20px;
	padding-left: 20px
}

#left_column .nav {
	width: 100%;
	position: relative!important
}

/* Control Nav */
.flex-control-nav {
	left: 68%!important;
	top: 9px!important;
	width: 100%!important;
	padding-right: 30px!important;
	text-align: right!important
}



/* set negative margin-top equal to half the height on the directional-nav for perfect vertical centering */
.flex-direction-nav li a.next {
	background-position: -52px 0;
	top: 18px!important;
	right: 1%!important;
	text-align: right
}
}

/* ============================= */
/* ! Layout for mobile version   */
/* ============================= */
@media handheld,only screen and (max-width: 767px) {
body {
}

.logo {
	text-align: center;
	margin-top: 0;
	padding-top: 0;
	border-bottom: 1px solid #e0e0c8
}

.logo img {
	margin-left: 0;
	padding-top: 0;
	margin-top: 10px;
	width: 135px;
	height: 140px
}

.logo img:hover {
	opacity: .8
}

h1 {
	margin-bottom: 20px
}

.home h2 {
	padding-right: 0;
	margin-bottom: 30px
}



.aside {
	width: 100%!important
}

.row .twocol.use_margin {
	width: 100%
}

.maincol .twelvecol,.maincol .eightcol,.maincol .fourcol,.sevencol,.twocol {
	padding: 0!important
}

.home .latest_news h4,.latest_news h4 a {
	font-size: 28px
}

.home .latest_news {
	margin-right: 0
}

.home .institutions {
	clear: both;
	margin-top: 20px
}

#left_column {
	width: 100%;
	margin-right: 0
}

#left_column .nav {
	width: 100%;
	position: relative!important
}

#left_column ul#access {
	text-align: center
}

#left_column ul#access li {
	border: none;
	display: inline-block;
	padding: 0;
	text-align: center
}

#left_column ul#access ul.children {
	display: none
}

#left_column ul#access li.current_page_item {
	color: #fff;
	/* margin-right: 10px */
}

#left_column ul#access li.current_page_item a {
	padding: 3px;
	color: #fff
}

#left_column .participation_numbers ul {
	border-left: 0;
	padding:0;
}

#left_column .participation_numbers {
	padding: 10px;
	clear: both;
	text-align: center
}

#left_column .participation_numbers ul {
	margin-bottom: 0
}

#left_column .participation_numbers h3 {
	margin-bottom: -5px;
}

#left_column .participation_numbers h4 {
	display: inline
}

#left_column .participation_numbers h4 {
	padding-left: 4%
}

.addthis_button_facebook_like {
	display: block;
	clear: both
}

.newsletter-form {
	margin-top: 10px;
	margin-bottom: 0
}

/*
.agenda .event{
margin-left:0;
}
*/

/* Control Nav */
.flex-control-nav {
	display: none
}

/* set negative margin-top equal to half the height on the directional-nav for perfect vertical centering */
.flex-direction-nav li a.next {
	background-position: -52px 0;
	top: 16px!important;
	right: 1%!important;
	text-align: right
}

p.flex-caption{
font-size:13px !important;
}


.nextprev {
	padding-bottom: 20px
}

.post {
	margin-bottom: 30px
}


.case-studies .document .twocol img{
display: none;
}

li.participant h2,li.participant h2 a {
	margin-bottom: 10px;
	margin-left: 0!important
}

.participants_list li {
	height: 95px;
}

.participants_list li div.eightcol h2,.participants_list li div.eightcol p.metatext {
	display: block;
	margin: 0
}


.participants_list li .emblem {
	display: none
}

.participants_list li .eightcol h2 a {
	margin-bottom: 0
}

.social_bar {
	display: none
}

.post .header_meta {
	margin-left: 30px;
	display: none
}

.mega_footer {
	margin-top: -40px;
	margin-left: 3.8%
}
.mega_footer.container {
	padding-right: 5px;
	padding-left: 5px
}


.mega_footer #jtwt{
	margin-bottom: 20px;

}

}

/* ========================================== */
/* ! Provide higher res assets for iPhone 4   */
/* ========================================== */
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
/*	.logo {
		background: url(logo2x.jpg) no-repeat;
		background-size: 212px 303px;
	}*/

}