html {
  font-family: "open-sans",sans-serif;
}

a {
  color: #6394BE;
}

a:hover {
  color: #5B7A99;
}

a.public-doc {
	color: #2DB200;
	text-decoration: none;
}

h1, h2, h3, h4, h5, h6, p {
	color: #444;
}

.section-header h2,
.article h2,
.article h1,
.large h1,
.hero h1 {
font-weight: 400;
}

/* SECTION STYLES */
#event {
background-color: #e7e7e7;
}
#event .section-header {
background: #fff;
}
#event .article {
background-color: #ffffff;
}
#twitterFeed .tweet {
border-bottom: 2px solid #1da1f2;
}

#twitterFeed .tweet img {
float: left;
margin: .5rem;
width: auto;
}

#event .speaker {
	-webkit-box-flex: 1 1 120px;
	-webkit-flex: 1 1 120px;
	-moz-box-flex: 1 1 120px;
	-moz-flex: 1 1 120px;
	-ms-flex: 1 1 120px;
	flex: 1 1 120px;
	margin: 0.5rem;
}

#event .speaker-box {
	max-width: 140px;
	margin: 0 auto;
}

#event .speaker-box img {
	max-width: 100%;
	margin: 0 auto 0 auto;
}

#venuemap {
	height: 200px;
}

#greenbondhub {
	color: #fff;
	background-color: #a8ceab;
}

#greenbondhub .section-header {
	color: #fff;
	background: #308148;
	border-top: 3px solid #004a00;
}

#greenbondhub h2,
#greenbondhub a,
#greenbondhub p {
	color: #fff;
}

.greenbondhub .article,
#event .article.img-left {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
}

.greenbondhub .article figure,
#event .article.img-left figure,
.partnered .article.img-left figure {
flex: 2 0 0%;
max-width: 100%;
}

.greenbondhub .article figure img,
#event .article.img-left figure img,
.partnered .article.img-left figure img  {
width: 98.55%;
margin: 0;
border: 1px solid #efefef;
}

.greenbondhub .article .article-text,
#event .article.img-left .article-text,
.partnered .article.img-left .article-text  {
flex: 3 0 0%;
max-width: 100%;
}

#cop {
	background-image: url("https://www.environmental-finance.com/assets/images/mains/sand2.jpg");
}

#cop .inner-section {
	background-color: transparent;
}

#cop .section-header {
	background: #a98d64;
	border-top: 3px solid #8A7758;
}

#cop .section-header h2,
#cop .section-header a {
	color: #fff;
}

#cop .article {
	background-color: #e2ccaa;
}

#cop .article h1 a {
	color: #000;
}

/* Featured/Partnered */
.partnered h2,
.partnered a,
.partnered p {
	color: #fff;
}

.partnered .article {
	color: #fff;
	background-color: #005a64;
}

.partnered .article.img-left {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
}

/* COMPONENTS */

.section-header {
  background-color: #efefef;
  border-top: 3px solid #FFE710;
}

.sub-section-header {
margin: 0.5rem;
}

.sub-section-header h2 {
padding: 0.5rem;
font-size: 1.8rem;
line-height: 2.0rem;
font-weight: 200;
}

.article {
  background-color: #fafafa;
}

.article.blank {
	background-color: transparent !important;
}

.speaker img {
border: 1px solid #EFEFEF;
}

.event-hero .article img {
    margin: 0 auto;
}

.event-hero .article:hover {
    box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, 0.3);
    opacity: 0.8;
}

.event-hero .article-text {
    display: none;
}

/* OLD STYLES
-------------------------------------*/
#pageheader {
position: relative;
padding: 0 1rem 4rem 1rem;
color: #444;
background: #abbaca url("../themes/carbon/images/header-bg.jpg") repeat-x scroll center bottom;
overflow: hidden;
}

#accountnav {
margin-bottom: 1rem;
overflow: auto;
}
#accountnav ul {
float: right;
list-style: outside none none;
margin-top: 5px;
}
	#accountnav ul li {
	float: left;
	}
	#accountnav ul li a {
	display: block;
	margin: 0 0 0 2px;
	padding: 5px 10px;
	color: #444;
	background-color: transparent;
	font-size: 1.4em;
	line-height: 1.4em;
	text-align: center;
	text-decoration: none;
	}
	#accountnav ul li#nav-login a {
    background-color: #95ca35;
    color: #fff;
	}
        #accountnav ul li#nav-login a:hover {
        background-color: #96aa19;
        }
	#accountnav ul li#nav-trial a {
    background-color: #72aedf;
    color: #fff;
	}
        #accountnav ul li#nav-trial a:hover {
        background-color: #4e92cb;
        }
	#accountnav ul li#nav-account a {
    background-color: #72aedf;
    color: #fff;
	}
        #accountnav ul li#nav-account a:hover {
        background-color: #4e92cb;
        }

#banner {
/* margin: 0 auto; */
}

#search {
margin-top: 1rem;
}
fieldset{
border: medium none;
}
fieldset.fb-combo {
position: relative;
padding: 0;
}
#sf-keywords-label {
display: block;
margin-right: 50px;
border-bottom-left-radius: 5px;
border-top-left-radius: 5px;
border: 1px solid #fff;
}
input#sf-keywords {
width: 230px;
margin: 0;
padding: 7px 5px;
border: medium none transparent;
color: #333;
font-size: 1.4em;
outline: medium none;
}
button#sf-submit {
background-color: #ffe710;
color: #666;
}
button#sf-submit {
position: absolute;
top: 0;
right: 0;
height: 100%;
padding: 8px 5px;
color: #000;
background-color: #ffe710;
font-size: 1.4em;
border: medium none;
border-bottom-right-radius: 5px;
border-top-right-radius: 5px;
cursor: pointer;
outline: medium none;
}
#adv-search-options {
padding: 5px;
}
	#adv-search-options span {
	font-size: 1.4em;
	font-weight: normal;
	}
#adv-search {
display: none;
}

#mainnav {
padding: 0 1rem;
color: #fff;
background-color: #0f2e5b;
overflow: hidden;
}
a.menutoggle {
display: none;
color: #fff;
background-color: transparent;
text-align: center;
font-size: 1.6em;
line-height: 1.6em;
text-decoration: none;
cursor: pointer
}
#mainnav ul {
width: 100%;
margin: 0 auto;
list-style: outside none none;
}
	#mainnav ul li {
	float: left;
    position: relative;
    xwidth: 10%;
	}
	#mainnav ul li a {
    display: block;
    padding: .75rem 2.25rem;
    color: #fff;
    background-color: #0f2e5b;
    font-size: 1.3rem;
    line-height: 1.8rem;
    text-align: center;
    white-space: nowrap;
	}
	#mainnav ul li.active a {
	color: #ff0;
	background-color: #0F2E5B;
	}
	#mainnav ul li a:hover {
	color: #fff;
	background-color: #6394BE;
	}
	#mainnav ul li.active a:hover {
	color: #ff0;
	background-color: #6394BE;
	}

#pagefooter {
color: #fff;
background: #4C779B url("../themes/carbon/images/footer-bg.jpg") repeat-x scroll top left;
border-top: 10px solid #0F2E5B;
overflow: hidden;
}

#pagefooter h1 {
display: inline-block;
padding: 5px;
color: #fff;
background-color: transparent;
font-weight: 100;
font-size: 1.8em;
letter-spacing: .125em;
}

#pagefooter p {
padding: 5px;
color: #fff;
background-color: transparent;
font-size: 1.4em;
}

#pagefooter ul.content {
margin: 0 10px 0 5px;
}

#pagefooter ul.content li {
padding: 5px 0;
color: #fff;
background-color: transparent;
font-size: 1.4em;
line-height: 1.4em;
}

.footer-nav {
margin: 0;
list-style: none;
}

	.footer-nav li a {
	display: block;
	padding: 5px;
	font-size: 1.4em;
	line-height: 1.8em;
	color: #fff;
	background-color: transparent;
	}

	.footer-nav li a:hover {
	color: #444;
	background-color: #CED4DE;
	}

#pagefooter a.btn {
float: left;
display: inline-block;
margin: 5px;
padding: 10px;
color: #333;
background-color: #ffe710;
font-size: 1.8em;
border-radius: 5px;
}

#pagefooter a.btn:hover {
color: #000;
background-color: #E6D00E;
}

.back-to-top {
position: fixed;
display: none;
bottom: 5px;
right: 5px;
padding: 15px 20px;
color: #333;
background-color: #ffe710;
font-size: 20px;
z-index: 10;
}

.back-to-top:hover {
color: #000;
background-color: #E6D00E;
}

/* Media queries - desktop
------------------------------*/
@media screen and (min-width: 1281px) {

}

/* Media queries - large tablet
------------------------------*/
@media screen and (min-width: 1025px) and (max-width: 1280px) {

}

/* Media queries - large tablet
------------------------------*/
@media screen and (min-width: 801px) and (max-width: 1024px) {
	#mainnav ul li {
	width: 20%;
	}

	#event .speaker {
	-webkit-box-flex: 1 1 99px;
	-webkit-flex: 1 1 99px;
	-moz-box-flex: 1 1 99px;
	-moz-flex: 1 1 99px;
	-ms-flex: 1 1 99px;
	flex: 1 1 99px;
}
}

/* Media queries - Medium devices
------------------------------*/
@media screen and (min-width: 541px) and (max-width: 800px) {
	#pagefooter .flex1 {
	-webkit-box-flex: 1 0 0%;
	-webkit-flex: 1 0 0%;
	-moz-box-flex: 1 0 0%;
	-moz-flex: 1 0 0%;
	-ms-flex: 1 0 0%;
	flex: 1 0 0%;
	}

	#mainnav ul li {
	width: 20%;
	}
	#mainnav ul li a {
	padding: .75rem .5rem;
	}
}

/* Media queries - Small devices
------------------------------*/
@media screen and (max-width: 540px) {
	a.menutoggle {
	display: block;
	}

	#mainnav ul.hmenu {
	display: none;
	}

	#mainnav ul.vmenu {
	display: block;
	}

	#mainnav ul {
	display: none;
	}

	#mainnav ul li {
	width: 100%;
	}
}