/*
Theme Name: unepfi
Theme URI: http://www.unepfi.org/
Author: Richard Hansen
Author URI: http://www.unepfi.org/
Description: Theme developed for UNEP - Finance Initiative. Contains descriptive pages, news articles, publication articles and event pages.
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: fi
Tags:

This theme, like WordPress, is licensed under the GPL.

unepfi is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/

/*--------------------------------------------------------------
# Structure - assume default: user is on a wide width device
--------------------------------------------------------------*/
.full {
}
.main-content-area {	/*approximate pushing the footer to bottom of short pages. */
	min-height:600px;
}
.main-page {
	max-width:1200px;
	margin: 0 auto;
}
.main-page-new {
	max-width:100%;
}
#primary-new {
	width:100%;
}

#primary {
	float:left;
	width:70%;
	padding-right:40px;
}
#primaryright {
	float:right;
	width:70%;
	padding-left:40px;
}
#secondary {
	float:left;
	width:30%;
}
#homepage {
	width:100%;
}
.inner {
	padding:0 1em;
}
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
html {
	font-family: 'Lato',sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust:     100%;
}

body {
	margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
	display: block;
}

audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

[hidden],
template {
	display: none;
}

a {
	background-color: transparent;
}


abbr[title] {
	border-bottom: 1px dotted;
}

b,
strong {
	font-weight: bold;
}

dfn {
	font-style: italic;
}

h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

mark {
	background: #ff0;
	color: #000;
}

small {
	font-size: 80%;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

img {
	border: 0;
}

svg:not(:root) {
	overflow: hidden;
}

figure {
	margin: 1em 40px;
}

hr {
	box-sizing: content-box;
	height: 0;
}

pre {
	overflow: auto;
}

code,
kbd,
pre,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
	color: inherit;
	font: inherit;
	margin: 0;
}

button {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}

button[disabled],
html input[disabled] {
	cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

input {
	line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

legend {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
}

optgroup {
	font-weight: bold;
}

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

td,
th {
	padding: 0;
}

/*--------------------------------------------------------------
# General styles
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
	color: #404040;
	font-family: 'Lato', sans-serif;
	font-size: 16px;
	font-size: 1rem;
	line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
/*	clear: both;*/
}


p {
	margin-bottom: 1.5em;
}

a {
	color: royalblue;
}

a:visited {
	color: purple;
}

a:hover,
a:focus,
a:active {
	color: midnightblue;
}

a:focus {
	outline: thin dotted;
}

a:hover,
a:active {
	outline: 0;
}

dfn,
cite,
em,
i {
	font-style: italic;
}

blockquote {
	margin: 1em 0;
	background-color: #eee; 
	padding: .5em 2em;
	font-style: italic;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code,
kbd,
tt,
var {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	font-size: 15px;
	font-size: 0.9375rem;
}

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}

big {
	font-size: 125%;
}

html {
	box-sizing: border-box;
}

*,
*:before,
*:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	box-sizing: inherit;
}

body {
	background: #fff; /* Fallback for when there is no custom background color defined. */
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
}

blockquote,
q {
	quotes: "" "";
}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

ul,
ol {
	margin: 0 0 1.5em 2em;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: bold;
}

dd {
	margin: 0 1.5em 1.5em;
}

img {
	height: auto; /* Make sure images are scaled correctly. */
	max-width: 100%; /* Adhere to container width. */
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}

/*--------------------------------------------------------------
# Helper styles, Accessibility
--------------------------------------------------------------*/
table.bordered td {
	border:1px solid #ccc;
	padding: 5px 10px;
}

.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
	table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}
.width840,
.main-page-new p,
.main-page-new ul,
.main-page-new ol,
.main-page-new h1,
.main-page-new h2,
.main-page-new .page-header h2,
.main-page-new h3,
.main-page-new h4
{
	max-width:840px;
	margin: 1em auto;
}

/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
	outline: 0;
}

/*--------------------------------------------------------------
# Input styles
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid;
	border-color: #ccc #ccc #bbb;
	border-radius: 3px;
	background: #e6e6e6;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 15px 17px rgba(255, 255, 255, 0.5), inset 0 -5px 12px rgba(0, 0, 0, 0.05);
	color: rgba(0, 0, 0, .8);
	font-size: 12px;
/*	font-size: 0.75rem;*/
	line-height: 1;
	padding: .6em 1em .4em;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border-color: #ccc #bbb #aaa;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8), inset 0 15px 17px rgba(255, 255, 255, 0.8), inset 0 -5px 12px rgba(0, 0, 0, 0.02);
}

button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
	border-color: #aaa #bbb #bbb;
	box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15);
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	color: #666;
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: 3px;
}

select {
	border: 1px solid #ccc;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	color: #111;
}

textarea {
	width: 100%;
}
/*--------------------------------------------------------------
## Header
--------------------------------------------------------------*/
.header-area {
	margin-top:.5em;
}
.header-area-new {
	padding-bottom:3px;
	margin-bottom:0;
	box-shadow: 0px 1px 8px #aaa;
}
.site-branding-new {
	text-align:center;
	float:left;
	width:250px;
}
.site-branding-new img {
	max-height:67px;
}

.site-branding {
	float:left;
	width:200px;
	padding-top:1px;
}

a.titlelink {text-decoration:none; display:block;}

.search-submit { font-size:.9em;}
.searchbox {
	float:right;
	text-align:right;
	margin-top:8px;
}
.searchbox input[type="search"] { 
	font-size:12px;
}
#searchnavigation {	/*contains search box and main navigation */
	margin-top:35px;
}
#searchnavigation-new {	/*contains search box and main navigation */
	margin-top:35px;
}
.topbanner {
	background-color: #cccccc; /* Used if the image is unavailable */
	height: 192px;  /*You must set a specified height */
	background-position: center;  /*Center the image */
	background-repeat: no-repeat; /* Do not repeat the image */
	background-size: cover;  /*Resize the background image to cover the entire container */
	box-shadow: 0px 5px 8px #aaa inset;
	position:relative;
}
.topbannertext {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	padding-left:2em;
	padding-right:2em;
	width:55%;
	color:#ffffff;
	font-size:2em;
	font-size:2vmax; /*adjust fontsize, but don't allow it to go too small on narrow screens */
	line-height:1.3em;
}
/* Banner text style classes */
.minitext {
	font-size:.5em;
}
.blueveil {
	background-color:rgba(48,160,255,0.6);
}
.whiteveil {
	background-color:rgba(255,255,255,0.4);
}

/*--------------------------------------------------------------
## Header for Microsites
--------------------------------------------------------------*/
.site-branding-microsite {
	text-align:center;
	float:left;
	max-width:700px;
	height:70px;
	padding-left:2em;
	padding-right:1em;
}
.site-branding-microsite img {
	max-height:67px;
	max-width:200px;
}
.micrositetitle {
	font-size: .8em;
	font-weight: bold;
	padding-bottom:1em;
}

.micrositetitle > a:hover {
	color: #4f91cd;
	text-decoration: underline;
	text-decoration-color: #4f91cd;
}
/*
.micrositeimage {
	width:100%;
	height:auto; /* makes image responsive* /
	vertical-align: bottom; /*removes small space below images * /
}
*/
/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
/**** NEW WEBSITE CONFIG ****/
.topnavcontainer, .topnavmicrosite {
	text-align: right;
	font-size: .9em;
	color:#fff;
	height: 30px;
	line-height: 30px;
	padding-right: 10px;
	margin-bottom: 10px;
	box-shadow: 0px 3px 10px #999;
}
.topnavmicrosite {
	font-size:0.8em;
	background-color: #00ABF1;
}
.topnavcontainer{
	background-color: #242424;
}
.topnavmicrosite a {
	color:#fff;
}

.topnav {
	float:right;
}
.topnav ul {
/*	display: block;*/
	list-style: none;
	margin: 0;
	padding: 0;
}
.topnav li {
	margin: 3px 10px;
	float: left;
	position: relative;
	font-size:14px;
}
.topnav a {
/* display: block;*/
	text-decoration: none;
	color: #fff;	
}
.topnav a:visited {
	color: #fff;
}
.topnav li:hover > a,
.topnav li.focus > a {
	color: #4f91cd;
}

.mainnav {
/*	clear: both;*/
/*	display: block;*/
	float: left;
	margin-top:5px;
	padding-left:1em;
/*	width: 100%;*/
}
.mainnav ul {
/*	display: block;*/
	list-style: none;
	margin: 0;
	padding: 0;
}
.mainnav li {
	margin: 3px 40px 3px 0px;
	float: left;
	position: relative;
	font-size:16px;
}
.mainnav li:hover > a,
.mainnav li.focus > a {
	color: #4f91cd;
	text-decoration: underline;
	text-decoration-color: #4f91cd;
}
.mainnav a {
	display: block;
	text-decoration: none;
	color: #404040;	
}
.mainnav a:visited {
	color: #404040;
}
.mainnav ul ul {
	box-shadow: -5px 5px 5px rgba(0, 0, 0, 0.3), 5px 5px 5px rgba(0, 0, 0, 0.3);
	float: left;
	position: absolute;
	top: 1.5em;
	left: -999em;
	background-color:#fff;
	z-index: 99999;
}
.mainnav ul ul li {
	margin: 3px 10px;
}
.mainnav ul ul a {
	width: 200px;
	color: #000;
}
.mainnav ul ul a:visited {
	color: #404040;
}
.mainnav ul ul ul {
	position:relative;
	box-shadow: 0 0 0;
	top: 0;
	left: 0;
	padding-left:10px;
}
.mainnav ul ul ul a {
	width: 200px;
	color: #808080;
}
.mainnav ul ul ul a:visited {
	color: #808080;
}

.mainnav ul li:hover > ul,
.mainnav ul li.focus > ul {
	left: auto;
}
.mainnav ul ul li:hover > ul,
.mainnav ul ul li.focus > ul {
}
.mainnav ul ul :hover > a,
.mainnav ul ul .focus > a,
.mainnav ul ul a:hover,
.mainnav ul ul a.focus,
.mainnav ul ul ul a:hover,
.mainnav ul ul ul a.focus {
	color: #4f91cd;
}

.mainnav .current_page_item > a,
.mainnav .current-menu-item > a,
.mainnav .current_page_ancestor > a,
.mainnav .current-menu-ancestor > a {
/*	font-weight:bold;*/
	text-decoration: underline;
	text-decoration-color: #4f919d;
}
/* unbold sub-menu items when parent menu choice is current */
.mainnav .current_page_item .menu-item > a,
.mainnav .current-menu-item .menu-item > a {
	font-weight:normal;
}

/**** END NEW WEBSITE NAVIGATION CONFIG ****/

/* Small menu button. */
.menu-toggle {
	display: none;
}

.main-navigation {
/*	clear: both;*/
/*	display: block;*/
	float: left;
	margin-top:14px;
/*	width: 100%;*/
}
.main-navigation ul {
/*	display: block;*/
	list-style: none;
	margin: 0;
	padding: 0;
}
.main-navigation li {
	margin: 3px 10px;
	float: left;
	position: relative;
	font-size:12px;
	text-transform: uppercase;
}
.main-navigation a {
	display: block;
	text-decoration: none;
	color: #404040;	
}
.main-navigation a:visited {
	color: #404040;
}

.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
	margin: 0 0 1.5em;
	overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
	width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}

/* for the article navigation menu on each page (About, News, Events, Publications */
/* for the about UNEPFI navigation menu on each page (About UNEPFI, Structure, Statement, Background, Employment*/
#menu-memberspages,
#menu-aboutpages,
#extranet-navigation,
#article-navigation,
#about-navigation {
	margin-top:0;
}
#menu-memberspages li,
#menu-aboutpages li,
#menu-extranetpages li, 
#article-navigation li {
	margin:0;
}

#menu-extranetpages a {
	padding:10px 18px;
}

#menu-memberspages a,
#menu-aboutpages a,
#article-navigation a {
	padding:10px 25px;
}

#menu-extranetpages a:hover,
#menu-memberspages a:hover,
#menu-aboutpages a:hover,
#menu-aboutpages li a:hover,
#article-navigation a:hover, 
#article-navigation li a:hover {
	color:#fff;
	background-color:#4f91cd;
}

#menu-extranetpages .current-menu-item,
#menu-aboutpages .current-menu-item {
	background-color:#4f91cd;
}
#menu-extranetpages .current-menu-item a,
#menu-extranetpages .current-menu-item a:visited,
#menu-aboutpages .current-menu-item a,
#menu-aboutpages .current-menu-item a:visited {
	color:#fff;
}

.selectedtopic {
	background-color:#4f91cd;
}
.selectedtopic a, 
.selectedtopic a:visited {
	color:#fff;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/

.sticky {
	display: block;
}

/* ALTERNATE to ".width840". Use with tables, forms, or plugins in the centered, full-width format pages.
 * This brings the item to the standard <p> width of 850px */
.forcemaxwidth {	
	max-width:850px;
	margin:0 auto;
}

.indent {margin-left:2em;}
.indent3 {margin-left:3em;}

table.paddedcells td {
	padding:.5em 1em;
}
.eventdetails {
	font-weight:bold;
}
.SubText,
.subtext {
	font-size:.8em;
	color: #888;
}
.entry {
	margin: 0 0 1.5em;
}
.entry-title a {
	text-decoration:none;
}
h2.entry-title {
	font-weight:normal;
	font-size:1.1em;
}

h1.page-title,
h1.entry-title,
.widget-title,
.page-header h2 {
	margin:0;
	font-weight:normal;
	font-size:1.1em;
	padding: 1em 0 .5em 0;
	text-transform:uppercase;
	border-bottom: 1px solid #ccc;
}

h3.sectionheader {
	margin:0;
	font-weight:normal;
	font-size:1.1em;
	padding: .5em 0 0 1em;
}
h3.sectionheaderborder {
	padding-bottom:.5em;
	border-bottom:1px solid #ccc;
}
hr.sectionseparator {
	border-top: 5px solid #333;
	margin:1em 0;
}

h2.sectiontitle {
	font-size:1.4em;
	font-weight:bold;
	text-transform: uppercase;
}
h2.nobottommargin {
	margin-bottom:0;
}
.sectionsubtitle {
	margin-top:0;
	margin-bottom:0;
}

.byline,
.updated:not(.published) {
	display: none;
}

.single .byline,
.group-blog .byline {
	display: inline;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

.allarchive {
	text-align:center;
	border: #aaa thin solid;
	margin:20px auto;
	width: 280px;
	padding:8px 0; 
	font-weight:bold;
	font-size:12px;
	text-transform: uppercase;
}
.allarchive a {
	color:#333;
	text-decoration:none;
}
.allarchive a:hover {
	color:#4f91cd !important;
}
.allarchive a:visited {
	color:#333;
}

.archiveblock {
	margin-top: 1em;
	margin-bottom: 1em;
}
.archiveblock p, .archiveblock h2 {
	margin-top:0;
	margin-bottom:0;
}
.archivedate {
	font-size:12px;
	color:#888;
	margin-top:0;
	margin-bottom:0;
}
.archivetitle {
	font-weight:normal;
	font-size:1.1em;
	margin-top:0;
	margin-bottom:0;
}
.archivetitle a {
	 text-decoration:none;
}
.archivetitle a:hover {
	 text-decoration:underline;
}

.backgroundwhite {background-color:#fff;}
.backgroundgray {background-color:#f8f8f8;padding:10px 0;}
.backgrounddark {background-color:#333;padding:10px 0;color:#fff}
.backgrounddark a, .backgrounddark a:visited {color:#fff;}

.block70 {
	float:left;
	width:69%;
	margin:0;
}
.block1 {
	float:left;
	width:1%;
}
.block30 {
	float:left;
	width:30%;
	margin:0;
	background-color:#fff;
}
.alignc {
	text-align:center;
}
.verticalseparation {height:1.5em;}

.industrybuttoncontainer {
	float:left;
	width:33%;
	margin-right:3px;
	margin-bottom:3px;
}
a.industrybutton {
	width:100%;
	color:#fff;
	font-size:1.2em;
	line-height:1.6em;
	text-decoration:none;
/*	background-color:#e0e0e0;*/
	display: inline-block;
	padding:15px 0 0 15px;
}
a.industrybutton:hover {
	color:#fff;
/*	background-color:#0088ff; */
	background-color: rgba(0,0,0,.3);
}
.industrybuttontitle {
	font-size:1.8em;
	font-weight:bold;
	text-transform: uppercase;	
}
.themebuttoncontainer {
	float:left;
	width:25%;
	margin-bottom:3px;
}
a.themebutton {
	width:100%;
	border-right: #fff solid 3px;
	text-align:center;
	font-size:1.5em;
	font-weight:bold;
	text-transform: uppercase;	
	color:#333;
	padding:.5em;
	text-decoration: none;
	display: inline-block;
}
a.themebutton:hover {
	background-color: rgba(0,0,0,.3);
	color:#fff;
}
.actionbutton {
	display:inline-block;
	float:right;
	text-align:center;
	color:#fff;
	background-color:#00aeef;
	padding:5px;
	margin:0;
	width:40%;
}
.socialmediaicons img {
	height:60px;
	padding: 0 5px;
}
.image_full {
	display:block;
	width:100%;
}
 .image_mobile {
	display:none;
	width:100%;
}

.homepagebanner {
	padding: 50px 20px;
	width: 80%; 
	font-size: 1.3em; 
	font-weight: bold; 
	color: #fff;
	text-shadow:1pt 1pt #777;
}
.homepagebannertitle {
	font-size: 1.3em;
}

.shadedblock {
	background-color:#eee;
	padding: 1em 0;
}
.shadedblock2 {
	background-color:#f8f8f8;
	padding: .5em;
}
.unshadedblock2 {
	background-color:#fff;
	padding: .5em;
}
.shadedblock3 {
	background-color:#ccccff;
	padding: .5em;
}

.pubthumbnail-content,
.pubthumbnail {
	float:left;
	margin-right:15px;
}
.pubthumbnail .size-post-thumbnail {  /*make publication thumbnails in lists constant size*/
	width:125px;
}
.pubthumbnail-content .size-post-thumbnail { /*limit publication thumbnails size in post content*/
	max-width:300px;
}

.pubarticle {
}

.pubtitle {
	font-size:1.1em;
}
.pubtitle::before {
	content:url(http://www.unepfi.org/imgs/icon_pdf.gif)" ";
}
.pubsubtext {
	font-size:12px;
	color:#888;
}

.themeimage {
	width:1200px;
/*	height:300px;*/
	height:auto; /* makes image responsive*/
	vertical-align: bottom; /*removes small space below images */
}

.themethumbnail {
	width:15px;
	height:15px;
	border-radius: 50%;
	float:left;
	margin-right:5px;
	vertical-align:middle;
}

.theme_article_list ul {
	margin-top:1em;
	margin-left:0;
	list-style:none;
}

.theme_article_list li {
	list-style:none;
}

.theme_article_list li a {
	font-size: 1.1em
}

.speakerbox {
	clear:both;
/*	border-top: 1px #ccc solid;*/
	padding:10px 0;
}

.speakergrid {
	float:left;
	width: 25%;
	/*padding:10px 5px;*/
	height: 300px;
}
.speakerphoto {
	border:none;float:left;margin-right:20px;width:150px;
}
.speakerphotosm {
/*	border:none;width:150px;height:150px;*/
	border:none;height:150px;
}

.membername, .membername a {
	font-size:1.1em;
}

.memberparent {
	font-size:.8em;
	padding-left:1em;
}

.memberbox {
	clear:both;
	padding:10px;
}

.membersbox {  /* used in Pods template MemberGrid showing names and logos*/
	float:left;
	font-size:12px;
	height:190px;
	width:190px;
	line-height:1.1;
	padding:5px;
	border:1px #ececec solid;
}

.membergrid {
	float:left;
	width: 25%;
	height: 170px;
}

.membergridsm { /*for use in 840px wide divs (class=width840) */
	float:left;
	display:flex;
	justify-content:center;
	align-items:center;
	width: 20%; /* 5 logos across */
	height: 130px;
}

.membergridsmall { /*for use in 1200px wide divs (class=main-page) */
	float:left;
	display:flex;
	justify-content:center;
	align-items:center;
	width: 16.6%; /* 6 logos across */
	height: 130px;
}

.memberlogo {
	border:none; max-width:300px;
}
.memberlogosm {
	border:none;max-width:150px;margin-right:10px;margin-top:10px;
}
.memberlogotiny {
	border:none; max-height:125px; padding-top:10px; padding-left:25px;
}
.memberlogogrid {
	max-height:50px; max-width:120px; padding-bottom:10px;
}
.memberlogofloated {
	max-height:50px; max-width:80px; float:left; padding-right:10px;
}

/*used in unepfi-listmembers plugin */
.filters {text-align:center;margin-bottom:10px;}
.filterchoices {display:inline-block; padding: 0 2px;}

/*used in Pods SignatoryTable template */
table.signatorytable th {padding:3px 5px;text-align:left;color:white;background-color:#4499ff;font-size:.9em;}
table.signatorytable td {padding:3px 5px;}
td.foundingsignatory {}
table.signatorytable tr:nth-child(even) {background: #eee}
table.signatorytable tr:nth-child(odd) {background: #fff}

.widget_subpages h2:after {
	content: " Activities";
}

#menu-extranet,
#menu-joinussubpages,
#menu-structuresubpages,
#menu-statementsubpages,
#menu-archiveregions,
#menu-archiveindustries,
#menu-archivenews,
#menu-archiveevents,
#menu-archivepublications,
#menu-archiveresources,
#menu-grt2018,
#menu-grt2020,
.widget_subpages ul {
	margin-left:0;
	list-style:none;
}

#menu-extranet li,
#menu-joinussubpages li,
#menu-structuresubpages li,
#menu-statementsubpages li,
#menu-archiveregions li,
#menu-archiveindustries li,
#menu-archivenews li,
#menu-archiveevents li,
#menu-archivepublications li,
#menu-archiveresources li,
#menu-grt2018 li,
#menu-grt2020 li,
.widget_subpages ul li {
	clear:both;
	padding-top:12px;
	font-size:1.1em;
	line-height:1.2em;
}

#menu-extranet li a,
#menu-joinussubpages li a,
#menu-structuresubpages li a,
#menu-statementsubpages li a,
#menu-archiveregions li a,
#menu-archiveindustries li a,
#menu-archivenews li a,
#menu-archiveevents li a,
#menu-archivepublications li a,
#menu-archiveresources li a,
#menu-grt2018 li a,
#menu-grt2020 li a,
.membersbox a,
.widget_subpages ul li a {
	text-decoration:none;
	color: #333;
}

.pagetitletext {
	padding-top:18px;
}

#menu-extranet li a:hover,
#menu-joinussubpages li a:hover,
#menu-structuresubpages li a:hover,
#menu-statementsubpages li a:hover,
#menu-archiveregions li a:hover,
#menu-archiveindustries li a:hover,
#menu-archivenews li a:hover,
#menu-archiveevents li a:hover,
#menu-archivepublications li a:hover,
#menu-archiveresources li a:hover,
#menu-grt2018 li a:hover,
#menu-grt2020 li a:hover,
.membersbox a:hover,
.widget_subpages ul li a:hover {
	color:#4f91cd;
}

.widget_subpages_current_page,
.current-menu-item {
	font-size:1.1em;
	font-weight:bold;
}

/* Lists of people with photos */
.peoplelist {
	list-style:none;
	margin-left:0;
}
.listcell1 {
	padding:1em 0em 1em 1em;
	clear: left;
}
.listcell {
	padding:.5em;
	clear: left;
	background-color:#f1f1f1;
}
.photocell {
	padding:.5em 1em .5em 0em;
	float:left;
	border:0px;
    width:150px;
	box-sizing:content-box;
}
.textcell {
	margin-left:7em;
}

/* styles for Staff people list */
.department {
	font-weight:bold;
	width:50%;
}
.section {
	font-weight:bold; 
	background-color:#eee;
}
table.stafflist {
	margin-left:1em; 
	border:1px solid #888; 
	border-collapse:collapse;
}
table.stafflist td { 
	border:1px solid #888; 
	vertical-align:top; 
	padding:5px 10px;
}

/***** Lists of people with POPUP details *****/
/* In Agenda (using Tablepress plugin), use <u onclick...> around speaker to open a popup */
.tablepress u {
	text-decoration:underline;
    cursor: pointer;	
}

 /* Popup container */
.popup {
    position: relative;
/*    display: inline-block;*/
    cursor: pointer;
}
.popupagenda {
    position: relative;
/*    display: inline-block;*/
    cursor: pointer;
	text-decoration:underline;
	color: royalblue;
}
.closepopup {text-align:right;}
/* The actual popup (appears on top) */
.popup .popuptext {
    visibility: hidden;
    background-color: #eeeeee;
/*  
    border-radius: 6px;
	border: 2px #66a solid;*/
    padding: 8px;
	z-index: 1;
    position: fixed;
    top: 10%;
    left: 30%;
    margin-right: 15%;
}
.popup .popuptext img {
	float:left;
	padding-right:1em;
	padding-bottom:1em;
}

/* Toggle this class when clicking on the popup container (hide and show the popup) */
.popup .show {
    visibility: visible;
 /*   -webkit-animation: fadeIn 1s;
    animation: fadeIn 1s
	*/
}
/* Add animation (fade in the popup) */
@-webkit-keyframes fadeIn {
    from {opacity: 0;}
    to {opacity: 1;}
}
@keyframes fadeIn {
    from {opacity: 0;}
    to {opacity:1 ;}
} 


/** unepfiforms styles **/
.highlight {
	font-weight:bold;
	background-color:#eee;
	padding:.5em 1em;
}
.successmsg {
	font-weight:bold;
	color: #393;
}

.floatleft {
	margin-right:1em;
	float:left;
}
.aoaresourcebox {
	width:47%;
	min-height:300px;
	margin-right:1em;
	float:left;
	text-align:center;
}

table.candidates td {
	border: 1px #888 solid;
	padding: 0 .5em;
}

table.registrationform td {
	padding: 0.3em 0;
}
table.registrationform td input[type="text"] {
	width:20em;
}
table.surveyform td {
	padding: 0.3em 0.5em;
}

/*training evaluation form */
.radio1, .radio2 {padding:0 1em; text-align:center;}

/*styles for banking principles webpages */
.principleimage {vertical-align:middle;padding-right:10px;}
.prbblock td {position:relative;}
.prbblock td img {width:100%; filter: brightness(70%); }
.prbblock td img:hover {filter: brightness(100%); }
.prbblock td a {text-decoration:none;color:#fff;font-size:1.2em;}
.prbblocktext {
	position:absolute; 
	top: 30%;
	left: 0;
	width:100%;
	text-align:center;
/*	transform: translate(-50%, -50%);*/
}
.prbvideo div {
	float:left;
	width:33%;
	height:250px;
	text-align:center;
}

/* fixed Newsletter link to appear at bottom of page. */
.newsletterlink {
    border-radius: 5px;
    text-align: center;
    background-color: #0099df;
    color: white;
    position: fixed;
    bottom: 0px;
    right: 0;
    width: 350px;
    height: 40px;
	line-height:2em;
	z-index: 999999999999;
}
.newsletterlink a {
	text-decoration:none;
	color:white;
}

/*Content Views (pt-cv type styles) adjustments */
.pt-cv-colsys {  /* the delivered plugin has "-15px" for the two side margins, but this causes a horizontal scroll bar*/
margin-left: 0px !important;
margin-right: 0px !important;
}
.pt-cv-meta-fields {
	font-size:1rem; /* plugin default is 13px */
}

/*Title display in Content Views plugin */
.pt-cv-title {
	margin-top: 10px !important;
}

.pt-cv-mask .pt-cv-title {
	background-color: rgba(0,0,0,0.5);
	padding: .5em .5em;
	/*text-shadow: 1pt 1pt #777;	 Top News title in Content Views plugin */
}
.pt-cv-overlay-middle .pt-cv-mask {
	bottom:0 !important;
/*	bottom:auto !important;  <-- this is default in plugin to center vertically the title */
}
/* set Top News thumbnail */
.pt-cv-thumbnail {
	height:200px;
}
/* set Top News category display */
.pt-cv-specialp {
    position: absolute;
    left: 0em;
    top:15px;
}
.pt-cv-specialp .terms {
	background-color: rgb(255, 255, 255);
	opacity:1 !important;
	padding:3px 1em;
	text-transform: uppercase;
}

/* Make the Events carousel box have the same height*/
#pt-cv-view-3f3cf8a3jm .pt-cv-carousel-caption {
    height: 292px;
}

/* Set color of the Events carousel indicator buttons*/
.pt-cv-view .pt-cv-carousel-indicators li.active {
	background-color:#4f91cd;
	background-image:-webkit-gradient(linear,left top,left bottom,from(#4f91cd),to(#4f91cd));
	background-image:-webkit-linear-gradient(top,#4f91cd,#4f91cd);
	background-image:-moz-linear-gradient(top,#4f91cd,#4f91cd);
	background-image:-o-linear-gradient(top,#4f91cd,#4f91cd);
	background-image:linear-gradient(to bottom,#4f91cd,#4f91cd)

}
.pt-cv-scrollable {
	margin-top:0;
	margin-bottom:0;
}

/* Make the Publications thumbnails square so the border-radius setting produces circles */
.pt-cv-wrapper .img-circle {
    height: 90px;
    width: 90px;
}
/*graybox - can't use PT Views styles module because #fff color is set !important and cannnot be overrided for a:hover definition*/
#pt-cv-view-e433b98xpr {
	color:#ffffff;
}
/* PT Views Initiative LIVE filter styles */
.cvp-live-filter.cvp-checkbox {display:block;}
.cvp-live-filter {width:95%;margin:1em auto;} /* for the Homepage width*/
#post-31761 .cvp-live-filter {width:80%;margin:1em auto;} /*for the Initiatives page wider page width*/
.cvp-live-filter .checkbox {
	display:inline-block;
	padding-left:2em;
}

/* PT Views Initiative SHUFFLE filter styles */
#pt-cv-filter-bar-3a24d2dr7d, .pt-cv-filter-bar, .pt-cv-filter-egroup, .pt-cv-filter-group, .pt-cv-filter-title  {
	margin-top:0;
}
[id^="pt-cv-filter-bar-3a24d2dr7d"] .pt-cv-filter-title {margin-top:0 !important;}

h2.pt-cv-filter-title {
	display:none !important;
	/*	max-width:100%;*/
	/*margin:1em auto;*/
}
.pt-cv-filter-group ul {
	max-width:1150px;
	margin: 0 auto;
}
.pt-cv-filter-group ul > li {
	display:inline-block;
}
.pt-cv-filter-group ul > li a {
/*	background:none;*/
	background-position: 4% 50%;
	text-decoration:none;
	padding:1em 1.6em;
}
.pt-cv-filter-group ul > li a.selected {
	background-position: 4% 50%;
/*	background:none; */
}
.pt-cv-filter-group ul > li a:visited {
	color:royalblue;
}
.pt-cv-filter-group ul > li a:hover {
	background-color:#00aeef;
	color:white;
}

/* Event grid blue line */
#pt-cv-view-59335d5ctv .pt-cv-title {
	margin-top:5px !important;
	padding-top:30px;
	border-top: #00aeef solid 3px;
}


/*--------------------------------------------------------------
## Display Posts plugin styles
--------------------------------------------------------------*/
.display-posts-listing .listing-item {
	margin-bottom:1em;
}

/*--------------------------------------------------------------
## AOA content styles
--------------------------------------------------------------*/
table.aoamemberlist td {
	vertical-align:top;
	padding:1em .5em;
}
table.aoamemberlist td:first-child {
	width:30%;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/*--------------------------------------------------------------
# Sidebar
--------------------------------------------------------------*/
.widget {
	margin: 0 0 1.5em;
}

/* Make sure select elements fit in widgets. */
.widget select {
	max-width: 100%;
}

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
.footer-area {
	background-color:#000;
	padding-top:25px;
}
.footer-area-microsite {
	background-color:#000;
	margin-top:25px;
	height:30px;
}
ul.grayboxlist {
	list-style:none;
	margin:0;
	padding: 0;
}
ul.grayboxlist li a {
	color: #ffffff;
}
ul.grayboxlist li a:hover {
	color: #4f91cd;
}
.site-info {
	margin:2em 0 1em 0;
	font-size:.8em;
	text-align:center;
	color:#fff;
}
/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}

.gallery {
	margin-bottom: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-caption {
	display: block;
}


/*--------------------------------------------------------------
# Responsive
--------------------------------------------------------------*/
@media screen and (min-width: 1500px) {
  .topbannertext {
     font-size: 2em;
  }
}
@media screen and (max-width: 1010px) {		/*hide wider activity menu*/ 
	.topbannertext {
		width: 100%; 
		font-size: 1.2em;
		padding-left:1em;
		padding-right:1em;
	}
	.industrybuttoncontainer {
		width:100%;
	}
	.themebuttoncontainer {
		width:50%;
	}
}

@media screen and (max-width: 970px) {		/*move search box above menu*/
	#searchnavigation {
		margin-top:0;
	}
	.searchbox {
		width:50%;
	}
	#menu-extranetpages li {
		text-align:left;
		width:100%;
	}
}

@media screen and (max-width: 850px) {		/*adjust homepage banner */
	.homepagebanner {
		width: 100%; 
		font-size: 1.3em; 
	}
	.homepagebannertitle {
		font-size: 1.3em;
	}
	.hidenav ul { /*remove main navigation on main site (not microsite) because hamburger menu appears */
		display: none;
	}
	.filterchoices {display:block;width:100%;}
	
	#menu-aboutpages li {
		text-align:left;
		width:100%;
	}
}

@media screen and (max-width: 770px) {		/* Small menu. */
	.image_full{
		display:none;
  	}
 	.image_mobile{
		display:block;
	}
	.floatleft50 {
		width:100%;
	}
	#primary,
	#primaryright,
	.block70,
	.block30,
	#secondary {
		float:none;
		padding:0;
		width:100%;
	}
	.inner {
		padding-right:20px;
		padding-left:20px;
	}
.site-branding-microsite {
	float:none;
	height:55px;
	padding-left:.5em;
	padding-right:.5em;
}
.site-branding-microsite img {
	max-height:52px;
	max-width:120px;
}
}


@media screen and (max-width: 580px) {		/*adjust homepage banner */
	.homepagebanner {
		font-size: 1.2em; 
	}
	.homepagebannertitle {
		font-size: 1.2em;
	}
	.themebuttoncontainer {
		width:100%;
	}
	#article-navigation li {
		width:100%;
	}
	.membergridsm, .membergridsmall {
		width:33%;
	}

}

@media screen and (max-width: 510px) {		/*for narrowest screens */
	.searchbox {
		width:100%;
	}
	.main-navigation li {
		margin: 3px 5px;
	}
	.homepagebanner {
		padding: 25px 15px;
	}
}

/*--------------------------------------------------------------
# Infinite scroll - not used
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
	display: block;
}