/****************
* custom styles Theme ECWI (Julian)
*****************/

/**
 * Table of contents:
 * 
 *  1 - Base styles
 * 		1.1 - General classes
 * 		1.2 - Navigation
 * 		1.3 - Header / Banner
 * 		1.4 - Content
 * 			1.4.1 - Titles
 * 			1.4.2 - Links
 * 			1.4.3 - Buttons
 * 			1.4.4 - Images
 * 			1.4.5 - Pagination
 * 		1.5 - Footer
 *
 *  2 - Blocks used in multiple pages
 * 		2.1 - Mailchimp subscription block
 *
 *  3 - Pages
 * 		3.1 - Page Front
 * 			3.1.1 - Lightbox Block
 * 			3.1.2 - Recent News Block
 * 			3.1.3 - Spotlight Block
 * 		3.2 - Page Knowledge Hub
 * 		3.3 - Page News
 * 		3.4 - Page Joint Learning
 * 		3.5 - Page Blog
 * 		3.6 - Page Contact
 *
 *  4 - Other pages
 * 		4.1 - Resources Pages
 * 
 * -----------------------------------------------------------------------------
 */


/**
 * 1 Base styles
 * -----------------------------------------------------------------------------
 */
 html {
	padding: 0 0.25em;
}
body {
	background-color: #ffffff;
	font-size: 17px;
	line-height: 1.47;
	overflow-x: hidden;
	font-family: 'Museo 300 Regular', Arial;
	max-width: 1085px;
}
section {
	position: relative;
}
.container-fluid{
	padding: 0;
}
img {
	max-width: 100%;
}

/**
 * 1.1 General classes
 * -----------------------------------------------------------------------------
 */ 
.bg-ecwi-light-blue {
	background: #6CC5D0;
}
.bg-ecwi-dark-blue {
	background: #3F4C68;
}
.bg-ecwi-red {
	background: #E84922;
}
.float-right {
	float: right;
}
.padded {
	padding: 1em;
}

	padding: 1em;
}
.ecwi-red,
.ecwi-red-links a,
.hover-ecwi-red:hover {
	color: #E84922;
}
.centered {
	float: none;
	margin-left: auto;
	margin-right: auto;
}
.unselectable{
	-webkit-user-select: none; /* Chrome/Safari */        
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* IE10+ */

	/* Rules below not implemented in browsers yet */
	-o-user-select: none;
	user-select: none;
}
.hidden{
	display: none;
}
.overflow-hidden {
	overflow: hidden;
}
.resize-none {
	resize: none;
}

/* Padding removes */
.padding-remove{
	padding: 0!important;
}
.padding-left-remove{
	padding-left: 0!important;
}
.padding-right-remove{
	padding-right: 0!important;
}
.padding-top-remove{
	padding-top: 0!important;
}
.padding-bottom-remove{
	padding-bottom: 0!important;
}
.archive_link {
	color: #e84822;
}

/* margin removes */
.margin-remove{
	margin: 0!important;
}
.margin-left-remove{
	margin-left: 0!important;
}
.margin-right-remove{
	margin-right: 0!important;
}
.margin-top-remove{
	margin-top: 0!important;
}
.margin-bottom-remove{
	margin-bottom: 0!important;
}


/**
 * 1.2 Navigation
 * -----------------------------------------------------------------------------
 */
.navbar-toggle {
	display: none;
}
li:not(.sf-clone-parent) > a.menuparent:after {
    font: normal normal normal 14px/1 FontAwesome;
	content: "\f078";
	margin-left: 0.5em;
	font-size: 0.7em;
}
.sf-menu li:hover > ul, .sf-menu li.sfHover > ul {
	top: 1.5em;
	left: 0.5em;
}
.menu > li > a{
	color: #3C3C3C;
}	
.menu > li > ul > li > a {
	color: inherit;
}
.menu > li > ul > li {
	background-color: #E84922;
	padding: 0.5em;
	color: white;
	border-bottom: 1px solid;
}
#block-superfish-1 {
	width: 100%;
	margin-top: 2.8em;
}
#block-superfish-1 > .menu {
	display: flex;
	flex-wrap: wrap;
}
#block-superfish-1 > .menu > li {
	padding: 0.5em;
}
#block-superfish-1 > .block-title {
	display: none;
}
.sf-accordion,
.sf-accordion-toggle {
	text-align: right;
	padding: 0 1em;
}
.sf-accordion {
	padding: 0 1em;
}
 .navbar > .navbar-collapse {
	display: flex!important;
	justify-content: flex-end;
	flex-grow: 1;
	padding: 0;
 }
.region-navigation {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	height: 100%;
}
.navbar #block-search-form .input-group-btn {
	display: none;
}
#block-search-form form,
#block-search-form input,
#block-search-form div {
	height: 100%;
}
.navbar #block-search-form {
	margin: 0;
}
.navbar #block-search-form > form > div > div {
	display: flex;
}
.navbar #block-search-form .input-group > input:-moz-placeholder {
	color: #E84922;	
}
.navbar #block-search-form .input-group > input::-moz-placeholder {
	color: #E84922;	
}
.navbar #block-search-form .input-group > input:-ms-input-placeholder {
	color: #E84922;	
}
.navbar #block-search-form .input-group > input::-webkit-input-placeholder {
	color: #E84922;
}
.navbar #block-search-form .input-group > input {
	color: #E84922;
    border-color: #E84922;
	border-radius: 0;
}
.navbar.navbar-default{
	border: none;
	text-transform: uppercase;
	background-color: transparent;
}
.navbar.container-fluid.navbar-default{
	margin-bottom: 0.2em;
}
.navbar .logo{
	padding: 0;
	margin: 0;
}
.navbar.navbar-default .navbar-nav > li > ul  {
	width: auto;
    padding: 0;
}
.navbar.navbar-default .navbar-nav > li > ul  > li > a {
	border-bottom: 1px solid;
}
.navbar.navbar-default .navbar-nav > li > a:hover, 
.navbar.navbar-default .navbar-nav > li > a:focus {
	color: #333;
}
.navbar.navbar-default .navbar-nav > li > ul  > li > a {
	background: inherit;
	color: inherit;
	padding: 0;
}
.navbar.navbar-default .navbar-nav > li > ul  > li {
	padding: 0.5em;
}
.navbar.navbar-default .navbar-nav > li > ul  > li,
.navbar.navbar-default .navbar-nav > .active > a,
.navbar.navbar-default .navbar-nav > .active > a:hover, 
.navbar.navbar-default .navbar-nav > .active > a:focus {
	color: #fff;
	background-color: #E84922;
}

.navbar.navbar-default .navbar-nav > .open.active > a{
	background-color: #AE371A;
}

.region-sidebar-first {
	background: none;
	border: 0;
	box-shadow: none;
	padding: 0;
	margin: 0;
}
#block-menu-menu-about-pages-sub-menu .block-title {
	display: none;
}
#block-menu-menu-about-pages-sub-menu a {
	color: black;
	padding-left: 0;
}
#block-menu-menu-about-pages-sub-menu .active > a {
	font-size: 1.5em;
	color: #E84922;
}

.breadcrumb {
	background: none;
	padding: 0;
}
.breadcrumb > a {
	color: #3C3C3C;
	font-style: italic;
}

/**
 * 1.3 Header / Banner
 * -----------------------------------------------------------------------------
 */
.view-banner img {
	width: 100%;
	max-height: 50vh;
}
#page-header + section > h1.page-header,
#page-header + .container h1.page-header {
	margin-top: 0.5em;
}

/* Override style of the slideshow module */
#views_slideshow_cycle_main_banner-block_1_1 {
	position: relative;
	width: 100%;
	height: auto !important;
	max-height: 60.5vh;
}
#views_slideshow_cycle_teaser_section_banner-block_1_1 {
	width: 100% !important;
}

.views-slideshow-cycle-main-frame-row {
	width: 100% !important;
	height: auto !important;
}
.slider {
	width: 100%;
	height: auto !important;
}

/* Slideshow controls */
.views_slideshow_controls_text span:hover { text-decoration: none; }
.views-slideshow-controls-top #views_slideshow_controls_text_previous_banner-block_1,
.views-slideshow-controls-top #views_slideshow_controls_text_next_banner-block_1 {
	position: absolute;
	top: 40%;
	z-index: 10;
}
.views-slideshow-controls-top #views_slideshow_controls_text_previous_banner-block_1 a,
.views-slideshow-controls-top #views_slideshow_controls_text_next_banner-block_1 a {
	color: #b1b1b1;
	font-size: 3em;
	background-color: #f7f7f7;
	padding: 20%;
}

/* pause */
.views-slideshow-controls-top #views_slideshow_controls_text_pause_banner-block_1 {
	display: none;
}


/* Banner styling */
#block-views-banner-block-1 {
	position: relative;
}
#views_slideshow_cycle_teaser_section_banner-block_1_1 {
	margin: 0 auto;
}

#block-views-banner-block-1 .header {
	overflow: hidden;
	width: 100%;
	height: auto;
}
#block-views-banner-block-1 .banner {
	position: relative;
}
#block-views-banner-block-1 .banner .banner-text {
    position: absolute;
    top: 30%;
    left: 50px;
    z-index: 1;
    color: #fff;
    text-shadow: 2px 2px 10px black;
    font-size: 6rem;
    line-height: 6rem;
    font-weight: 200;
    letter-spacing: 3px;
}
#block-views-banner-block-1 .banner .banner-subtext {
	width: 50%;
    position: absolute;
    top: 50%;
    left: 50px;
    z-index: 1;
    color: #fff;
    text-shadow: 1px 1px 1px black;
    font-size: 2rem;
	/* transform: skewY(2deg); */
}
#block-views-banner-block-1 .banner .background-image-container {
	position: relative;
	width: 100%;
	height: auto;
	max-height: 50vh;
}
#block-views-banner-block-1 .banner .background-image-container img {
	width: 100%;
}

.node-slider .field-name-field-slider-banner-link a {
	color: white;
}
.node-slider .field-name-field-slider-banner-link {
	position: absolute;
	top: 50%;
	transform: translatey(-50%);
	left: 0.5em;
	max-width: 50%;
}

/* Donate button block */




/**
 * 1.4 Content 
 * -----------------------------------------------------------------------------
 */

.view-content {
	overflow: hidden;
}



/**
 * 1.4.1 Content - Titles 
 * -----------------------------------------------------------------------------
 */
h1.page-header {
	color: #354360;
	border: none;
}
h2.block-title {
	color: #e84822;
}



 /**
 * 1.4.2 Content - Links 
 * -----------------------------------------------------------------------------
 */
h2 a {
	color: #e84822;
}

h2 a:hover, h2 a:focus {
	color: #e84822;
}
.node-readmore a {
	color: #e84822;
}
.read-more-container {
	padding: 20px 0;
}
.read-more,
.read-more:hover,
.read-more:focus {
	color: #e84822;
}
#block-views-upcoming-webinars-block .node-readmore > a,
#block-views-previous-webinars-block .node-readmore  > a {
	color: #337ab7;
}
.knowledge-hub-resource-title a {
	color: #354360;
}
.knowledge-hub-resource-title a:hover,
.knowledge-hub-resource-title a:focus {
	color: #354360;
}
.knowledge-hub-resource img {
	margin: 0 auto;
}
/**
 * 1.4.3 Content - Buttons 
 * -----------------------------------------------------------------------------
 */
.close-btn,
.btn{
	cursor: pointer;
	padding: 10px 40px;
	text-transform: uppercase;
	color: #fff;
}
.close-btn {
	padding: 5px 10px;
	border-radius: 100%;
}

/* Default button */
.btn-default {
	background-color: transparent;
	border-color: #000;
	color: #000;
}
.btn-default:hover,
.btn-default:focus,
.btn-default:focus {
	background-color: transparent;
	color: #333;
	border-color: #333;
}

/* Primary button */
.btn-primary {
	background-color: #354360;
	border-color: #354360;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:focus {
	background-color: #354360;
}

/* Disabled button */
.btn-disabled {
	background-color: #b4b9b8;
}
.btn-disabled:hover,
.btn-disabled:focus,
.btn-disabled:focus {
	background-color: #b4b9b8;
}

/* Success button */
.btn-success {
	background-color: #59b248;
	border-color: #59b248;
}
.btn-success:hover,
.btn-success:focus,
.btn-success:focus {
	background-color: #59b248;
}

/* Danger button */
.btn-danger {
	background-color: #e84822;
	border-color: #e84822;
}
.btn-danger:hover,
.btn-danger:focus,
.btn-danger:focus {
	background-color: #e84822;
}

/* Social buttons */
.social-media-menu-item + .social-media-menu-item,
.social-media-menu-item {
	padding: 0 0.1em;
}	
.social-media-menu-item {
	padding-right: 0;
	display: flex;
}
a.social-btn {
	background: #3C3C3C;
	color: white;
	width: 3em;
	text-align: center;
	font-size: 1.7rem;
}
a.social-btn:hover {
	color: #e04827;
}
.navbar a.social-btn {
	padding: 0.5em 0.75em;
}


/* Donate button */
.donate-button-paypal {
	float: right;
	margin-right: 50px;
	display: none;
}

/* submit & reset buttons */
.resource-filters .views-exposed-form .views-exposed-widget.views-submit-button button{
	background-color: #59b248;
	border-color: #59b248;
}
.resource-filters .views-exposed-form .views-exposed-widget.views-submit-button button:hover,
.resource-filters .views-exposed-form .views-exposed-widget.views-submit-button button:focus,
.resource-filters .views-exposed-form .views-exposed-widget.views-submit-button button:focus {
	background-color: #59b248;
}
.resource-filters .views-exposed-form .views-exposed-widget.views-reset-button button {
	background-color: #e84822;
	border-color: #e84822;
	color: #fff;
}
.resource-filters .views-exposed-form .views-exposed-widget.views-reset-button button:hover,
.resource-filters .views-exposed-form .views-exposed-widget.views-reset-button button:focus,
.resource-filters .views-exposed-form .views-exposed-widget.views-reset-button button:focus {
	background-color: #e84822;
}


/**
 * 1.4.4 Content - Images 
 * -----------------------------------------------------------------------------
 */
.left-image img {
	display: block;
    margin-right: auto;
}
.right-image img {
	display: block;
    margin-left: auto;
}
.center-image img {
	display: block;
    margin-right: auto;
    margin-left: auto;
}

div.image > img,
div.image > a > img{
	width: auto;
	height: auto;
}

.spotlight-image-teaser-cover img {
	border-radius: 50%;
}

.news-image img {
	margin-bottom: 20px;
	max-width: 400px;
}
.news-preview-article {
	display: flex;
	align-items: center;
}

.previous-blog-post-img img{
	max-width: 160px;
	max-height: 160px;
}



/**
 * 1.4.5 Content - Pagination 
 * -----------------------------------------------------------------------------
 */
ul.pagination > li > a,
.pagination > li > span {
	color: #e84822;
	font-size: 4em;
	padding: 0;
	border: none;
	background-color: transparent;
}
ul.pagination > li > a:hover, ul.pagination > li > a:focus{
	color: #e84822;
	background-color: transparent;
}
ul.pagination > li.inactive > a{
	background-color: transparent;
}

ul.pagination > li.inactive > a:hover{
	cursor: pointer;
	background-color: transparent;
}
.view-news {
	max-width: 100%;
}
#block-views-exp-previous-posts-block > form > div {
	width: 100%;
	padding-left: 15px;
}
#block-views-exp-previous-posts-block > form,
.view-previous-posts > .view-content,
.view-news > .view-content {
	width: 90%;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
}

/* slider pagination */
.vscc_controls_previous,
.vscc_controls_next {
    position: absolute;
    top: 40%;
	z-index: 10;
}
.vscc_controls_previous > a,
.vscc_controls_next > a {
	display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	
	color: #b1b1b1;
	font-size: 3em;
	text-decoration: none;
    padding: 20%;
}
.vscc_controls_previous {
    left: 2.5%;
}
.vscc_controls_previous > a::before {
    content: "\f053";
}
.vscc_controls_next {
    right: 2.5%;
}
.vscc_controls_next > a::before {
    content: "\f054";
}
.vscc_controls_next > a > img,
.vscc_controls_previous > a > img {
	display: none;
}

/**
 * 1.5 Footer
 * -----------------------------------------------------------------------------
 */
.footer{
	border-top: 1px solid #c3c3c3;
}
.region-footer {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.bottom-footer {
	width: 100%;
}
.flex { 
	display: flex;
}

/* supporter section */
#block-views-hosts-block,
#block-views-supporters-block {
	width: 100%;
	text-align: center;
}
.view-hosts > .view-content,
.view-supporters > .view-content {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
}
.views-field-views-ifempty img {
	max-height: 10em;
	max-width: 5em;
	height: auto;
	width: auto;
}
.views-field-views-ifempty a {
	color: #3C3C3C;
	padding: 1em;
	display: flex;
}
section#block-views-supporters-block + section .flex {
	flex-wrap: wrap;
}
#block-views-supporters-block {
 	z-index: 1;
}
#block-views-hosts-block,
#block-views-supporters-block {
 	margin-bottom: 1em;
}
.view-supporters .supporter img {
    height: auto;
 	max-height: 75px;
    width: auto;
    max-width: 150px;
 }
 
div.view-hosts div.field-supporter-image img {
    height: auto;
 	max-height: 75px;
    width: auto;
    max-width: 150px;
} 

 /* bottom footer section */
.bottom-footer:before{
	width: 100%;
    content: " ";
    display: block;
    height: 10%;
    position: absolute;
    top: -50px;
}

.bottom-footer .view-bottom-footer .views-row {
	max-width: 30%;
}
.bottom-footer .view-bottom-footer button {
	color: white;
	border: 1px solid;
	background: none;
}
.bottom-footer .view-bottom-footer {
	width: 100%;
}
/*.bottom-footer .field:not(.field-name-field-title-link),*/
.bottom-footer .field {
	font-size: 0.8em;
}
.bottom-footer .footer-contact-link > .field-items {
	font-size: 2em;
	margin-bottom: 0.5em;
}
.bottom-footer {
	background-color: #E84922;
	padding: 2em;
	padding-top: 0;
	padding: 1em;
	display: flex;
	flex-wrap: wrap;
}
.bottom-footer .view-content {
	/*color: #3C3C3C;*/
	color: white;
}
.bottom-footer a {
	color: white;
}
.bottom-footer .social-btn {
	padding: 15px;
}
.bottom-footer a:hover:not(.social-btn) {
	color: #3C3C3C;
}
.bottom-footer .view-content .views-row { 
	padding-left: 5px;
	padding-right: 5px;
}
.bottom-footer .view-content {
	display: flex;
	justify-content: flex-end;
	flex-wrap: wrap;
}
.bottom-footer .view-content .views-row-1 {
	align-self: center;
	margin-right: auto;
}
.bottom-footer .views-row-last .footer-contact-link + div .field-item {
	display: flex;
	justify-content: space-evenly;
	flex-wrap: wrap;
}
/**
 * 2 Blocks used in multiple pages 
 * -----------------------------------------------------------------------------
 */

 /**
 * 2.1 Mailchimp subscription block
 * -----------------------------------------------------------------------------
 */
.overlay {
	display: block;
	position: fixed;
	background: rgba(0, 0, 0, 0.8);
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 500;
}
.popup-form {
	height: 50%;
	display: flex;
	align-items: center;
}
.popup-form,
section#block-webform-client-block-360 {
	position: fixed;
	left: 0;
	right: 0;
    margin: auto;
    z-index: 1000;
    background: white;
    top: 50%;
    transform: translateY(-50%);
    padding-bottom: 1em;
}
.field-slider-banner-link > a {
	color: white;
	position: absolute;
	top: -5em;
	left: 0.5em;
	max-width: 50%
}
.field-slider-banner-link {
	position: relative;
	top: -5em;
}
section#block-webform-client-block-360 {
	display: none;
}
section#block-webform-client-block-360 > * {
	margin: 0 1em;
}
section#block-webform-client-block-360 > *:first-child {
	margin-top: 0.5em;
}
#block-mailchimp-signup-sign-up {
 	margin-bottom: 40px;
}
#block-mailchimp-signup-sign-up .form-item {
	position: relative;
}
#block-mailchimp-signup-sign-up .form-required {
	position: absolute;
	top: 50%;
	right: 2%;
	transform: translateY(-25%);
    -webkit-transform: translateY(-25%);
    -moz-transform: translateY(-25%);
    -ms-transform: translateY(-25%);
}
#block-mailchimp-signup-sign-up .form-submit {
	margin-top: 15px;
	float: right;
}
.form-item {
	display: flex;
}


/**
 * 3 Pages 
 * -----------------------------------------------------------------------------
 */

/**
 * 3.1 Page Front
 * -----------------------------------------------------------------------------
 */
.front-page > .flex {
	flex-wrap: wrap;
}

.front-page #block-mailchimp-signup-sign-up {
 	margin: -50px 0 0 0;
}
.front-page aside.col-sm-5 {
	padding: 0;
}
#block-menu-menu-home-page-sub-menu {
	margin-top: 0.5em;
}
#block-menu-menu-home-page-sub-menu .block-title {
	display: none;
}
#block-menu-menu-home-page-sub-menu .menu {
	display: flex;
}
#block-menu-menu-home-page-sub-menu .menu li:first-of-type {
	padding-left: 0;
}
#block-menu-menu-home-page-sub-menu .menu li:last-of-type {
	padding-right: 0;
	width: 34%;
}
#block-menu-menu-home-page-sub-menu .menu li {
	width: 33%;
	padding: 0 5px;
	text-align: center;
}
#block-menu-menu-home-page-sub-menu .menu a {
	display: block;
	color: white;
	background: #E84822;
	height: 100%;
}
.page-node-375 div.main-container > section.col-sm-9 > div.region {
	display: flex;
	flex-wrap: wrap-reverse;
}
/**
 * 3.1.1 Page Front - Lightbox Block
 * -----------------------------------------------------------------------------
 */
#block-views-some-information-on-ecwi-block .view-content {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}
#block-views-some-information-on-ecwi-block .view-content .views-row {
	width: 24%;
}
#block-views-some-information-on-ecwi-block .view-content .views-row:nth-child(1) article label.oval {
	background-color: #00b354;
}
#block-views-some-information-on-ecwi-block .view-content .views-row:nth-child(2) article label.oval {
	background-color: #ffca28;
}
#block-views-some-information-on-ecwi-block .view-content .views-row:nth-child(3) article label.oval {
	background-color: #6bc5d0;
}
#block-views-some-information-on-ecwi-block .view-content .views-row:nth-child(4) article label.oval {
	background-color: #e84822;
}

div.lightbox {
	text-align: center;
}
div.lightbox label.oval.boxTrigger {
	position: relative;
	width: 100%;
	display: inline-block;
	border: 8px solid transparent;
	border-radius: 50%;
	overflow: hidden;
	transition: all .5s;
}

div.lightbox label.oval.boxTrigger:hover,
div.lightbox label.oval.boxTrigger:active, 
div.lightbox label.oval.boxTrigger:focus {
	border: 8px solid rgba(0,0,0,.3);
	cursor: pointer;
}

div.lightbox label.oval.boxTrigger:before {
	content: "";
	display: block;
	padding-top: 100%;
}
div.lightbox label.oval.boxTrigger span {
	margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);    
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    font-size: 18px;
    font-weight: bold;
    line-height: 28px;
    color: #354360;
}

/* selected box */
div.lightbox .lightboxCheckbox:checked + .lightbox-popup {
  display: block!important;
}
.lightbox-popup h3 {
	color: #e84822;
	margin-top: 0;
	margin-bottom: 20px;
}
div.lightbox label > img{
  max-width: 50px;
}

/* close button at the top right corner of the popup */
div.lightbox label.boxclose {
	position: absolute;
	top: -20px;
	right: -10px;
	color: #fff;
	border-radius: 50%;
	background-color: #2B3854;
	font-weight: bold;
	display: inline-block;
	padding: 10px 15px;
	cursor: pointer;
}
div.lightbox .boxclose:before {
	content: "x";
	font-size: 2rem;
	line-height: 0;
}

div.lightbox .lightboxCheckbox {
  display: none;
}
.lightboxCheckbox:checked ~ .lightBoOverlay {
	background-color: #555;
	height: 100%;
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	opacity: 0.3;
	z-index: 99;
	display: block!important;
}


/**
 * 3.1.2 Page Front - Recent News Block
 * -----------------------------------------------------------------------------
 */
.recent-news img {
	width: 100%;
}
.recent-news div.views-row article h2 {
	height: 48px;
	overflow: hidden;
}
#block-views-recent-news-block .view-content {
	display: flex;
	flex-wrap: wrap;
}
#block-views-recent-news-block .views-row > article > div {
	padding-bottom: 1em;
}
.blog-view .views-row {
	display: flex;
	margin-bottom: 1em;
}
#block-views-recent-news-block .views-row {
	width: 100%;
}

.view-recent-news > .view-content > .views-row > * > div,
.blog-view > .view-content > .views-row > * {
	height: 100%;
}
.blog-view .views-row > * {
	border-bottom: 1px solid #3F4C68;
}
/**
 * 3.1.3 Page Front - Spotlight Block (voices from the field)
 * -----------------------------------------------------------------------------
 */
body.page-node-4460 article.node-slider { display: none; }
body.page-node-4460 .view-most-recent-voices-from-the-field { margin: 40px 0; }
body.page-node-4460 .view-most-recent-voices-from-the-field .views-field-field-newsphoto { width: 25%; float: left; margin-right: 2em;}
body.page-node-4460 .view-most-recent-voices-from-the-field .views-field-field-newsphoto img { width: 100%; }
body.page-node-4460 .view-most-recent-voices-from-the-field .views-field-field-quote { padding-bottom: 1em; }

 #block-views-spotlight-archive-block-1, #block-views-spotlight-archive-block-2 {
	margin-top: 6rem;
}	
#block-views-spotlight-archive-block-1 .block-title, 
#block-views-spotlight-archive-block-2 .block-title {
	color: white;
	margin-bottom: 0;
	margin-top: 0;
}
article.node-spotlight a {
	color: white;
}
#block-views-spotlight-archive-block-2 .views-field-title { padding: 0.5em 0.5em 0 0.5em; font-size: 30px; }
#block-views-spotlight-archive-block-2 .views-field-title a { color: #333; }
#block-views-spotlight-archive-block-2 .views-field-field-quote .padded { padding-bottom: 0; }
#block-views-spotlight-archive-block-2 .views-field-view-node { padding-bottom: 1em; }
#block-views-spotlight-archive-block-2 .views-field-view-node a { color: white; }

article.node-spotlight header h2 > a {
	color: inherit;
}
#block-views-spotlight-archive-block-1 .field-name-field-spotlight-image-teaser img {
	width: 100%;
}
#block-views-spotlight-archive-block-2 .block-title
#block-views-spotlight-archive-block-1 .block-title, 
article.node-spotlight header h2{
	margin: 0;
}
article.node-spotlight > header,
article.node-spotlight > header + div {
	color: #3C3C3C;
}

/**
 * 3.2 Page Knowledge hub
 * -----------------------------------------------------------------------------
 */

/* Knowledge Hub quicktabs */
#block-quicktabs-area-resource-filter ul.quicktabs-tabs, 
#block-quicktabs-area-resource-filter > h2.block-title{
	position: relative;
	top: -50px;
}

#block-quicktabs-area-resource-filter ul.quicktabs-tabs {
	padding: 0;
	margin: 40px 0;

	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-content: space-between;
}

#block-quicktabs-area-resource-filter ul.quicktabs-tabs li {
	width: 250px;
	height: 250px;
	position: relative;
	display: inline-block;
	border-radius: 50%;
}
#block-quicktabs-area-resource-filter ul.quicktabs-tabs li:nth-child(1) {
	background-color: #00b354;
	order: 1;
}
#block-quicktabs-area-resource-filter ul.quicktabs-tabs li:nth-child(2) {
	background-color: #ffca28;
	order: 2;
}
#block-quicktabs-area-resource-filter ul.quicktabs-tabs li:nth-child(3) {
	background-color: #6bc5d0;
	order: 3;
}
#block-quicktabs-area-resource-filter ul.quicktabs-tabs li:nth-child(4) {
	background-color: #e84822;
	order: 4;
}
#block-quicktabs-area-resource-filter ul.quicktabs-tabs li:nth-child(5) {
	width: 100%;
	order: 5;
	border-radius: 0;
	height: 80px;
}

#block-quicktabs-area-resource-filter ul.quicktabs-tabs li a {
	width: 90%;
	
	color: #354360;
	position: absolute;
	text-align: center;
    white-space: normal;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    font-weight: bold;
    color: #354360;
    font-size: 18px;
    line-height: 28px;
}

#block-quicktabs-area-resource-filter ul.quicktabs-tabs li a:before {
	display: block;
	content: "Resources on";
}
#block-quicktabs-area-resource-filter ul.quicktabs-tabs li:nth-child(5) a:before {
	display: none;
}
#block-quicktabs-area-resource-filter ul.quicktabs-tabs li:nth-child(5) a {
	padding: 25px 0;
	width: 100%;
	border-radius: 0;
}

#block-quicktabs-area-resource-filter ul.quicktabs-tabs li a:hover {
	text-decoration: none;
}
#block-quicktabs-area-resource-filter ul.quicktabs-tabs li.active a,
#block-quicktabs-area-resource-filter ul.quicktabs-tabs li.active a:focus {
	text-decoration: underline;
}


/* Knowledge Hub resources */
.knowledge-hub-resource {
	min-height: 120px;
	margin-bottom: 10px;
}
.views-row-last .knowledge-hub-resource{
	margin-bottom: -40px;
}

.knowledge-hub-resource-title {
	font-size: 18px;
	line-height: 24px;
}


/* Knowledge Hub extra filters */
.resource-filters .filters {
	position: relative;
	top: 382px;
	z-index: 99;
}
.resource-filters .filters .knowledgeViewFilterButton {
	width: 100%;
}
.resource-filters .views-exposed-form, .resource-filters .views-exposed-form * {
    z-index: 100;
}
.resource-filters .lightboxCheckbox.hidden:checked ~ .views-exposed-form {
	display: block;
}
.hider:checked + label + .hideable,
.hider:checked + label > .hideable,
.shower:not(:checked) + label > .showable,
.shower:not(:checked) + label + .showable {
	display: none;
}

.page-knowledge-hub .views-exposed-form  {
	padding: 1em 0.25em;
}

.page-knowledge-hub .views-exposed-form label.option {
	font-weight: normal;
}
.page-knowledge-hub .views-exposed-form .form-control:not(select) {
	height: auto;
	width: auto;
	border-width: 0;
	border-top-width: 1px;
	background: inherit;
	color: white;
	margin-right: 0.25em;
}
.page-knowledge-hub .views-exposed-form .views-exposed-widget > label {
	color: #6CC5D0;
}
.page-knowledge-hub .views-exposed-form .views-exposed-widget {
	padding: 0 0.2em;
	margin-right: 1em;
}
.views-reset-button > button:hover,
.views-reset-button > button {
	background: #E84922;
	color: #3C3C3C;
}
.views-submit-button > button, .views-reset-button > button {
	color: white;
	border-color: #E84922;
}
.views-submit-button > button:hover {
	color: #3C3C3C;
}
.views-submit-button > button:hover,
.views-submit-button > button {
	background: #6CC5D0;
	border-color: #3C3C3C;
}
.page-knowledge-hub .region-content {
	text-align: center;
}
.view-knowledge-hub {
	text-align: left;
}
.view-knowledge-hub > .view-content {
	display: flex;
	flex-wrap: wrap;
}
.view-knowledge-hub {
	margin-top: 1em;
}

.resource-filters .form-item .form-control {
	display: inline-block;
	height: auto;
}

.resource-filters .views-exposed-form .views-exposed-widget .bef-checkboxes {
	margin-top: 20px;
}
.resource-filters .views-exposed-form .views-exposed-widget.views-widget-filter-field_type_tid,
.resource-filters .views-exposed-form .views-exposed-widget.views-widget-filter-field_sector_tid,
.resource-filters .views-exposed-form .views-exposed-widget.views-widget-filter-field_region_tid,
.resource-filters .views-exposed-form .views-exposed-widget.views-widget-filter-field_country_tid {
	width: 50%;
	height: auto;
	min-height: 300px;
}
.resource-filters .views-exposed-form .views-exposed-widget input.form-control {	
	background-color: red;
	width: initial;
	height: initial;
}
.resource-filters .views-exposed-form .views-exposed-widget label.option {
	width: initial;
	height: initial;
}



/* filter overlay controls */
.knowledge-hub-exposed-filter-title {
	color: #e84822;
	font-size: 16px;
}
#block-quicktabs-area-resource-filter .views-exposed-form .views-widget .form-control {
	background-color: #354360;
	color: #fff;
	border: none;
	border-top: 1px solid;
	border-radius: 0;
}
#block-quicktabs-area-resource-filter .views-exposed-form .views-widget .form-control.form-select {
	border: 1px solid;
}





/**
 * 3.3 Page News
 * -----------------------------------------------------------------------------
 */

/* search form */
#views-exposed-form-news-page {
	margin: 20px 0 40px 0;
}
#views-exposed-form-news-page .form-control {
	display: inline-block;
	width: initial;
	height: initial;
}
#views-exposed-form-news-page .vefl-threecol .vefl-region.vefl-region-left {
}
#views-exposed-form-news-page .views-exposed-form .vefl-region-left .views-exposed-widget {
	width: 100%;
}
#views-exposed-form-previous-posts-block .vefl-region-left .form-text,
#views-exposed-form-news-page .vefl-region-left .views-widget,
#views-exposed-form-news-page .vefl-region-left .form-text {
	width: 100%;
	background-color: transparent;
	border-top: none;
	border-right: none;
	border-left: none;
	box-shadow: none;
	border-color: #999;
	border-radius: 0;
}
#views-exposed-form-news-page .vefl-twocol div.vefl-region.vefl-region-right {
	padding-left: 15px;
}
#views-exposed-form-previous-posts-block .views-exposed-form .views-exposed-widget,
#views-exposed-form-news-page .views-exposed-form .views-exposed-widget {
	width: 100%;
}
#views-exposed-form-news-page .views-exposed-form .views-exposed-widget .btn,
#views-exposed-form-previous-posts-block .views-exposed-form .views-exposed-widget .form-submit,
#views-exposed-form-news-page .views-exposed-form .views-exposed-widget .form-submit {
	margin-top:0;
	background-color: transparent;
	color: #000;
	border-color: #000;
	width: 100%;
	max-width: 150px;
	text-transform: uppercase;
	padding: 10px 12px;
}

#views-exposed-form-news-page div.views-exposed-widget.views-widget-sort-by, 
#views-exposed-form-news-page div.views-exposed-widget.views-widget-edit-keys > label {
	display: none;
}
#views-exposed-form-news-page .form-control {
	padding: 10px 12px;
}

/* news items */
.view-id-news {
	position: relative;
}
.view-id-news td.col-first article {
	margin-right: 20px;
}
.view-id-news td.col-last article {
	margin-left: 20px;
}

.news-title-teaser {
	font-size: 1.2em;
}



/**
 * 3.4 Page Joint Learning / Webinars
 * -----------------------------------------------------------------------------
 */
.player > iframe {
	max-width: 100%;
}
article.node-webinar > .float-right{
	float: right;
}
.view-upcoming-webinars .views-row, .view-previous-webinars .views-row{
	overflow: hidden;
}
.view-upcoming-webinars .views-row > article > .field-name-field-cover > .field-items, .view-previous-webinars .views-row > article > .field-name-field-cover > .field-items{
	max-width: 33%;
	float: left;
}
.field-name-field-cover > .field-label{
	display: none;
}
#block-views-upcoming-webinars-block article h2, 
#block-views-previous-webinars-block article h2 {
	margin-top: 0;
}

#block-views-upcoming-webinars-block div.view-content div.views-row article.node-webinar.node-teaser,
#block-views-previous-webinars-block div.view-content div.views-row article.node-webinar.node-teaser {
	margin-bottom: 50px;
}
#block-views-upcoming-webinars-block div.view-content div.views-row:last-child article.node-webinar.node-teaser,
#block-views-previous-webinars-block div.view-content div.views-row:last-child article.node-webinar.node-teaser {
	margin-bottom: 0px;
}

#block-views-upcoming-webinars-block div.field-name-field-about,
#block-views-previous-webinars-block div.field-name-field-about {
	margin: 2px 0 10px 0;
}
#block-views-upcoming-webinars-block div.field-name-field-area,
#block-views-previous-webinars-block div.field-name-field-area {
	margin: 10px 0 14px 0;
}
#block-views-upcoming-webinars-block div.field-name-body,
#block-views-previous-webinars-block div.field-name-body {
	margin: 10px 0 14px 0;
}
#block-views-upcoming-webinars-block div.view-filters,
#block-views-previous-webinars-block div.view-filters {
	margin-bottom: 40px;
}
#block-views-upcoming-webinars-block .form-control,
#block-views-previous-webinars-block .form-control {
	display: block;
}



/**
 * 3.5 Page Blog
 * -----------------------------------------------------------------------------
 */
.view-most-recent-blog > .view-content {
	width: 90%;
	margin: 0 auto;
}
.most-recent-blog-post {
	padding-bottom: 30px;
	margin-bottom: 30px;
}
.previous-blog-post p,
.most-recent-blog-post p {
	margin-top: 5px;
}
.previous-blog-post-title {
	margin-top: -5px;
}


.construction-alert {
	width: 100%;
	z-index: 1000;
}

.field-name-field-author > .field-label,
.field-name-field-author > .field-items > .field-item {
	font-style: italic;
	font-weight: normal;
}

/**
 * 3.6 Page Contact
 * -----------------------------------------------------------------------------
 */
aside[role="complementary"] + section h1.page-header + .region {
	margin-top: 2em;
}
aside[role="complementary"] + section h1.page-header {
	display: none;
}


#block-views-led-organizations-block .block-title {
	text-transform: uppercase;
	min-height: 66px;
	margin-bottom: 30px;
}
#block-views-led-organizations-block .field-name-field-organization-website-link {
	margin: 20px 0;
}
#block-views-led-organizations-block .field-name-field-organization-website-link a {
	color: #6bc5d0;
}

#block-views-led-organizations-block .field-name-field-organization-logo img{
	width: auto;
	max-height: 150px;
}



/**
 * 4 Other Pages 
 * -----------------------------------------------------------------------------
 */

/**
 * 4.1 Resources Pages 
 * -----------------------------------------------------------------------------
 */
.resource-file-section {
	margin-top: 40px;
}
.field-name-field-country .field-item > a {
    white-space: nowrap;
}
.field-name-field-related-resource-files .download-file.clear-block,
.field-name-field-related-resources .field-item {
    margin-bottom: 0.3em;
    border-bottom: 1px dashed black;
}

section#block-views-resources-block div.views-row { clear: both; }
section#block-views-resources-block h3 {
	color: #e84822;
	font-size: 30px;
	padding: 20px 0;
}

section#block-views-resources-block div.views-field-field-resource-file-image {
	float: left;
	width: 25%;
	padding: 10px 20px;
}

section#block-views-resources-block div.views-field-field-resource-file-image img {
	float: right;
	height: auto;
	width: 75%;
	border: 1px solid black;
}

section#block-views-resources-block div.views-field-title { 
	float: left;
	width: 60%;
	padding: 10px;
}

section#block-views-resources-block div.views-field-body {
	float: left;
	width: 60%;
	padding: 0 10px;
}

/**
 * Responsive
 * -----------------------------------------------------------------------------
 */
@media all and (min-width: 450px) {
	#block-views-recent-news-block .views-row {
		width: 50%;
	}	
	#block-views-recent-news-block .views-row-even {
		padding-left: 1em;
	}
	#block-views-recent-news-block .views-row-odd {
		padding-right: 1em;
	}
}
@media all and (min-width: 750px) {
	section#block-views-supporters-block + section {
		float: right;
	}
}
@media all and (min-width: 768px) {
	.front-page aside.col-sm-5 {
		padding-right: 0;
		padding-left: 3em;
	}
	#block-views-banner-block-1 .skewed {
		width: 100%;
		overflow: hidden;
	}
	#block-views-donate-button-block {
	    z-index: 9999;
	    background-color: transparent;
	    /*margin-top: -68px;*/
	}
	#block-views-banner-block-1 .banner .banner-text {    
		transform: skewY(2deg);
	}
	.front-page .region-content section{
		margin: 60px 0;
	}
	.front-page .region-content section:first-child{
		margin-top: 0px;
	}

	.front-page .region-content section:last-child{
		margin-top: 0px;
		margin-bottom: 0px;
	}
	/* lightbox popup on large screens */
	div.lightbox .lightbox-popup {
		position: fixed;
		color: white;
		top: 50%;
		left: 50%;
		min-height: 250px;
		width: 550px;
		max-width: 100%;
		margin-left: -275px;
		margin-top: -185px;
		z-index: 100;
		padding: 50px;
		text-align: left;
	}
	div.lightbox .lightbox-popup:before {
		content: "";
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0%;
		left: 0%;
		z-index: -1;
		background: #354360;
		box-shadow: 0px 5px 20px #f7f7f7;
		-webkit-transform: skewY(-2deg);
		-moz-transform: skewY(-2deg);
		-ms-transform: skewY(-2deg);
		-o-transform: skewY(-2deg);
		transform: skewY(-2deg);
	}
	#block-quicktabs-area-resource-filter ul.quicktabs-tabs li:nth-child(5) {
		margin-top: 20px;
		border-top: 1px solid #e3e3e3;
	}
	#block-quicktabs-area-resource-filter ul.quicktabs-tabs li a {
		border-radius: 50%;
	}
}
@media all and (min-width: 970px) {
	.view-id-news .news-list-item {
		padding-bottom: 10px;
		overflow: hidden;
	}
}
@media all and (min-width: 975px) {
	ul.pagination{
		position: absolute;
		top: 40%;
		left: 0;
		width: 100%;
		/*display: block;*/
		z-index: 90;
		/*height: 1px;*/
		margin: 0;
		display: flex;
		justify-content: space-between;
	}
	/*ul.pagination > li.prev{
		position: absolute;
		left: -1.9vw;
	}
	ul.pagination > li.next{
		position: absolute;
		right: -1.9vw;
	}*/
}
@media all and (min-width: 991px) {
	#block-quicktabs-area-resource-filter ul.quicktabs-tabs li a {
		padding: 25% 0;
	}
	/* submit & reset buttons */
	.resource-filters .views-exposed-form .views-exposed-widget.views-submit-button {
		position: absolute;
		height: initial;
		right: 10em;
		bottom: 1em;
	}
	.resource-filters .views-exposed-form .views-exposed-widget.views-reset-button {
		position: absolute;
		height: initial;
		bottom: 1em;
		right: 0;
	}
	.view-news.view-id-news .views-row-odd {
		padding-right: 30px;
	}
	.view-news.view-id-news .views-row-even {
		padding-left: 30px;
	}
	#block-views-led-organizations-block .views-row-first {
		padding-right: 20px;
	}
	#block-views-led-organizations-block .views-row-last {
		padding-left: 20px;
	}
	#block-views-led-organizations-block .views-row {
		width: 50%;
		float: left;
	}
}
@media all and (min-width: 1200px) {
	.navbar-nav {
		width: 100%;
		max-width: 915px;
	}
	#views_slideshow_cycle_teaser_section_banner-block_1_1 {
		min-height: 501px !important;
	}
	.navbar-nav > li.social-media-menu-item {
		float: right;
	}
	.news-preview-article {
		min-height: 185px;
	}
}
@media all and (min-width: 1280px) {
	.views-slideshow-controls-top #views_slideshow_controls_text_previous_banner-block_1 {
		left: 2vw;
	}
	.views-slideshow-controls-top #views_slideshow_controls_text_next_banner-block_1 {
		right: 2vw;
	}
	ul.pagination > li.prev{
		position: absolute;
		left: -3vw;
	}
	ul.pagination > li.next{
		position: absolute;
		right: -3vw;
	}
}

@media all and (max-width: 1280px) {
	.views-slideshow-controls-top #views_slideshow_controls_text_previous_banner-block_1 {
		left: .5vw;
	}
	.views-slideshow-controls-top #views_slideshow_controls_text_next_banner-block_1 {
		right: .5vw;
	}
}
@media all and (max-width: 1200px) {
	#views_slideshow_cycle_teaser_section_banner-block_1_1 {
		height: 426px !important;
	}
	#block-quicktabs-area-resource-filter ul.quicktabs-tabs li {
		width: 200px;
		height: 200px;
	}
	.resource-filters .filters {
		top: 332px;
	}
}
@media all and (max-width: 991px) {
	#views_slideshow_cycle_teaser_section_banner-block_1_1 {
		height: 344px !important;
	}
	.responsive-title {
		font-size: 150%;
	}
 	.view-supporters .supporter {
 		margin-bottom: 80px;
	}
	.view-supporters .supporter:last-child {
 		margin-bottom: 0px;
	}
	.resource-filters .views-exposed-form .views-exposed-widget.views-submit-button {
		height: initial;
		width: 50%;
	}
	.resource-filters .views-exposed-form .views-exposed-widget.views-reset-button {
		height: initial;
		width: 50%;
	}
	.resource-filters .views-exposed-form .views-exposed-widget.views-submit-button button {
		height: initial;
		width: 100%;
	}
	.resource-filters .views-exposed-form .views-exposed-widget.views-reset-button button {
		height: initial;
		width: 100%;
	}
	.recent-news div.views-row article {
		margin-top: 40px;
	}
	.recent-news div.views-row:nth-child(1) article,
	.recent-news div.views-row:nth-child(2) article {
		margin-top: 0px;
	}
	#block-quicktabs-area-resource-filter ul.quicktabs-tabs li {
		width: 150px;
		height: 150px;
	}
	#block-quicktabs-area-resource-filter ul.quicktabs-tabs li a {
		font-size: 14px;
	}
	.resource-filters .filters {
		top: 282px;
	}
	.resource-filters .views-exposed-form .views-exposed-widget.views-widget-filter-field_type_tid,
	.resource-filters .views-exposed-form .views-exposed-widget.views-widget-filter-field_sector_tid,
	.resource-filters .views-exposed-form .views-exposed-widget.views-widget-filter-field_region_tid,
	.resource-filters .views-exposed-form .views-exposed-widget.views-widget-filter-field_country_tid {
		width: 100%;
		margin-bottom: 30px;
		height: auto;
		min-height: auto;
	}
	#block-views-led-organizations-block .views-row {
		width: 100%;
	}
}
@media all and (max-width: 975px) {
	ul.pagination {
		position: relative;
		display: block;
		width: 100%;
		padding: 10px;
	}
	ul.pagination .prev,
	ul.pagination .next {
		position: absolute;
		top: -2em;
	}
	ul.pagination .prev {
		left: 10%;
	}
	ul.pagination .next {
		right: 10%;
	}
	ul.pagination a {
		line-height: -4em;
	}
}
@media all and (max-width: 768px) {
	.navbar.container-fluid.navbar-default {
		margin-top: 20px;
	}
	.navbar .logo {
		margin: 16px 0 20px 15px;
	}
	#views_slideshow_cycle_teaser_section_banner-block_1_1 {
		height: 231px !important;
	}
	.views_slideshow_controls_text span:hover { text-decoration: none; }
	.views-slideshow-controls-top #views_slideshow_controls_text_previous_banner-block_1,
	.views-slideshow-controls-top #views_slideshow_controls_text_next_banner-block_1 {
		top: 25%;
	}
	#block-views-banner-block-1 .banner .banner-text {
		width: 100%;
		font-size: 3rem;
		line-height: 2rem;
		top: 45%;
		left: 0;
		text-align: center;
	}
	.region-content {
		max-width: 600px;
		margin: 0 auto;
	}
	.news-preview-article,
	.webinar-preview-article,
	.blog-post-preview-article {
		max-width: 400px;
		margin: 0 auto;
	}
	.btn {
		width: 100%;
	}
	.sign-up-btn {
		margin-bottom: 20px;
	}
	.right-image img,
	.left-image img,
	.center-image img {
		display: block;
	    margin-left: auto;
	    margin-right: auto;
	    width: 100%;
	}
	.spotlight-image {
		max-width: 400px;
		margin-bottom: 10px;
	}
	.footer {
		margin-top: 20px;
	}
	.front-page .region-content section{
		margin: 20px 0;
	}
	.front-page .region-content section:first-child{
		margin-top: 0px;
	}
	/* responsive content lightboxes */
	#block-views-some-information-on-ecwi-block .view-content {
		width: 100%;
		text-align: center;
		display: block;
	}
	#block-views-some-information-on-ecwi-block .view-content .views-row {
		width: 100%;
		display: block;
	}
	div.lightbox label.oval.boxTrigger {
		width: 100%;
		max-width: 200px;
	}
	/* lightbox popup on small screens */
	div.lightbox .lightbox-popup {
		position: fixed;
		color: white;
		top: 0;
		left: 0;
		width: 100%;
		height: auto;
		max-height: 100vh;
		padding: 30px;
		z-index: 100;
		text-align: left;
	}
	div.lightbox .lightbox-popup:before {
		content: "";
		position: absolute;
		width: 90%;
		height: 100%;
		top: 0%;
		left: 5%;
		z-index: -1;
		background: #2B3854;

	}
	div.lightbox label.boxclose {
	position: absolute;
	top: 0;
	right: 0;
	color: #fff;
	border-radius: 50%;
	background-color: #2B3854;
	font-weight: bold;
	display: inline-block;
	padding: 10px 15px;
	cursor: pointer;
	}
	div.lightbox .boxclose:before {
		content: "x";
		font-size: 2rem;
		line-height: 0;
	}
	#block-quicktabs-area-resource-filter ul.quicktabs-tabs li {
		width: 100%;
		height: 80px;
		border-radius: 0;
	}
	#block-quicktabs-area-resource-filter ul.quicktabs-tabs li:nth-child(5) {
		border-bottom: 1px solid #e3e3e3;
	}
	.resource-filters .filters {
		top: 431px;
		max-width: 600px;
		margin: 0 auto;
	}
	.resource-filters .views-exposed-form {
		width: 90%;
		height: 100%;
		overflow: scroll;
		top: 0;
		left: 5%;
	}
	.resource-filters .views-exposed-form .views-exposed-widget.views-submit-button {
		height: initial;
		width: 100%;
	}
	.resource-filters .views-exposed-form .views-exposed-widget.views-reset-button {
		height: initial;
		width: 100%;
	}
	.resource-filters .views-exposed-form .views-exposed-widget.views-submit-button button {
		height: initial;
		width: 100%;
	}
	.resource-filters .views-exposed-form .views-exposed-widget.views-reset-button button {
		height: initial;
		width: 100%;
	}
	#block-views-led-organizations-block .field-name-field-organization-logo {
		margin-top: 20px;
		text-align: center;
	}
	#block-views-led-organizations-block .field-name-field-organization-logo img{
		margin: 0 auto;
	}
	.most-recent-blog-post {
		border-bottom: 1px solid #c3c3c3;
	}
	.previous-blog-post-img {
		text-align: center;
		margin-top: 20px;
	}
		.bottom-footer .view-bottom-footer .views-row {
		width: 50%;
		max-width: 100%;
	}
}
@media all and (max-width: 600px) {
	#views_slideshow_cycle_teaser_section_banner-block_1_1 {
		height: 131px !important;
	}
	#block-views-some-information-on-ecwi-block .view-content .views-row {
		width: 100%;
		max-width: 100%;
		display: block;
	}
	div.lightbox label.oval.boxTrigger {
		width: 100%;
		max-width: 200px;
	}
	.field-slider-banner-link > a {
		top: -2em;
	}
}
@media all and (max-width: 450px) {
	.field-slider-banner-link > a {
		display: none;
	}	
	.bottom-footer .view-bottom-footer .views-row {
		width: 100%;
		max-width: 100%;
	}
}

@media all and (min-width: 992px) and (max-width: 1200px) {
	.news-preview-article {
		min-height: 215px;
		overflow: hidden;
	}
}

body.node-type-resource .field-name-field-resource-file-image,
body.page-knowledge-hub .field-name-field-resource-file-image {
	border: 1px solid #3F4C68;
}

body.node-type-resource .field-name-field-resource-authors,
body.node-type-resource .field-name-field-resouce-publication-year,
body.node-type-resource .field-name-field_resource_publication {
	margin-top: 1em;
}