html {
	scroll-behavior: smooth;
}

* {
	font-family: Poppins, Arial, san-serif;
	font-size: 16px; line-height: 1.4;
	font-weight: 400;
}

a {
	word-wrap: break-word;
}

h2[id]::before {
  content: '';
  display: block;
  height:      75px;
  margin-top: -75px;
  visibility: hidden;
}

table a {word-wrap: normal;}

strong {font:inherit;font-weight: 600; color: inherit;}
.article strong {font-weight: 600;color: inherit;}

strong em,.article strong em {font-weight: 500;color: inherit;}
em strong,.article em strong {font-weight:500;}
h1,h2,h3,h4,h5,h6 {
	font-weight: 500;line-height: 1.2; color: black;
}

sup {font-size:75% !important;}
.sup-content{display:none;}

h1 {font-size: 24px; margin-top: 0px; margin-bottom: 10px; }
h2 {font-size: 24px;  margin-bottom: 15px; }
h4 {font-size: 18px;font-style: italic;line-height: 22px; }

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


.bubble-container {display: none;}

.page-container img.centred {
	max-width: 100%;
}

.page-container * {color: black;}
.page-container h1 {font-size: 30px;  color:black;}
.page-container h2 {font-size: 24px; font-weight: 400; margin-top: 40px;}
.page-container h3 {font-size: 19px; font-weight: 400; margin-top: 20px; margin-bottom: 10px;}

.three-columns hr.headerhr {margin-bottom:25px;}

.three-columns h1+hr {
	margin-bottom:30px;
}

.finger-button-wide {border-radius: 5px;}

.dark-gray {background-color:rgb(100,100,100);}

.green,.gold,.teal,.purple,.blue,.brown,.lblue,.orange,.midblue,.red,.navy {background-color: rgb(4,142,70);}


.lightgreen {background-color: rgb(212,235,215);}
.grey {background-color: rgb(75,75,75);}
.white {color: White !important;}
.black {color: Black !important;}

.green-border,.gold-border,.grey-border,.red-border,.brown-border,.lblue-border,.teal-border,.purple-border {
	border:1px solid rgb(4,142,70);background-color:#d4ebd7;
}

.div-border {
	border:1px solid rgb(4,142,70);padding:10px; border-radius:5px; margin-bottom:20px;
}

.page-container table tr:first-child {border-top: 3px solid rgb(4,142,70);}
.page-container table thead {background-color: #d4ebd7;}
.page-container table th,
.page-container table td {border: 1px solid rgb(4,142,70) !important;}
.page-container img.centred {border: 1px solid rgb(4,142,70); margin:40px auto;}
blockquote {background: #f4faf5;}
.page-container .finger-button-wide {background:#269a3941;border: 2px solid #269a3941;}
blockquote:before,blockquote:after {color: rgb(4,142,70);}

table tbody tr:first-child {border-top: 0px solid white !important;}

.tablet-only, .desktop-only {display: none;}
.desktoponly {display: none;}

sup {
	color: rgb(10,117,10);
	vertical-align: baseline;
	height: 0;
	position: relative;
	bottom: 1ex;
	font-size: 75%;
	cursor: pointer;
}

/* Page Layout - Home ----------------------------------------------------------- */

.home-container {
	background-color: transparent; min-height: 30px;
	padding: 26px 5%;
}

.grey-container, .white-container {
	background-color: rgb(229,229,229); min-height: 30px;
	padding: 26px 5%;
}
.white-container {background-color: Transparent;}

.page-container a, .chairmenmessage a {
	color: rgb(4,142,70);
	font-weight: 400;
	font-size: inherit;
}

.page-container a[href$=".pdf"]::after{
	content: "  ";
	font-family: FontAwesome;
	vertical-align: baseline;
	position: relative;
	bottom: 1ex;
	font-size: 75%; text-decoration: none !important;
}

.page-container a[href$=".xls"]::after, .page-container a[href$=".xlsx"]::after{
	content: "  ";
	font-family: FontAwesome;
	vertical-align: baseline;
	position: relative;
	bottom: 1ex;
	font-size: 75%; text-decoration: none !important;
}

.page-container a[href$=".doc"]::after, .page-container a[href$=".docx"]::after{
	content: "  ";
	font-family: FontAwesome;
	vertical-align: baseline;
	position: relative;
	bottom: 1ex;
	font-size: 75%; text-decoration: none !important;
}

.page-container sup a {
	font-weight: 300;
}
.article-box .image-wrapper .image,.article-box .image-wrapper {height:200px;}
.article-box a, .key-topic a, .small-article-box a {
	font-weight: 400;
	border-radius:5px;
}
.page-container span a {
	font-weight: 300;
}
.page-container sup a[rel=external]::after, .page-container sup a[target=_blank]::after,.page-container sup a[href$=".doc"]::after, .page-container sup a[href$=".docx"]::after, .page-container sup a[href$=".pdf"]::after, .page-container sup a[href$=".xls"]::after, .page-container sup a[href$=".xlsx"]::after {
	content: "";
}

.notes {margin-top:50px;}
.notes a[rel=external]::after, .notes a[target=_blank]::after,.notes a[href$=".doc"]::after, .notes a[href$=".docx"]::after, .notes a[href$=".pdf"]::after, .notes a[href$=".xls"]::after, .notes a[href$=".xlsx"]::after {
	content: "";
}
.notes a {word-break: break-all;}

.page-container .side-content-box a[target=_blank]::after {
	content: "";
}
.page-container .side-content-box a[href$=".pdf"]::after {
	content: "";
}

.pageheader-image {
	height: auto;
	margin-bottom: 15px;
	border-radius: 5px;
}
.pageheader-image img {width: 100%; height: auto;vertical-align: middle; border-width: 0px;}

.three-columns ul {
	list-style-type: disc;
	padding-left: 40px;
	margin-bottom:20px;
}
.three-columns ol {
	list-style-type: decimal;
	padding-left: 40px;
}

.side-content-box {clear: both;}
.side-content-box * {font-size: 14px; line-height: 22px;}
.side-content-box p:last-child {margin-bottom: 0;}

.side-content-box .padding {
	padding: 5px;
}
.side-content-box h4 {

	color: black;
	font-size: 18px;
	line-height: 22px;
	font-style: normal;
	font-weight:300;
}

.donate-panel{
	/*border-top:1px solid white;*/
}
.donate-panel .full-width-container{
	color: white;
	font-weight: 600;
	cursor: pointer;
	font-size: 20px;
	padding: 15px 10px;
	text-decoration: none;
	text-align: center;
}
.donate-panel-link:hover {text-decoration: none;}



/* Briefing Papers ----------------------------------------------------------- */
.BP-button {
	padding: 10px;
	display: block;
	color: rgb(1,137,129);
	margin-bottom: 4px;
	font-weight: 400;
	overflow: hidden;
	border-radius: 5px;
	text-align: center;
	line-height: 18px;
	font-size: 15px; text-transform: uppercase;
	background: #269a3941;
	transition: all .5s;
}
.BP-button:hover {
	background-color:#0d8f4a;
	color:white;
	text-decoration: none;
}
.bp-large-button-container{text-align: center;}
.bp-large-button {
	margin:20px auto;
	padding: 10px 20px;
	display: inline-block;
	color: white !important;
	margin-bottom: 4px;
	font-weight: 400;
	overflow: hidden;
	border-radius: 5px;
	text-align: center;
	line-height: 18px;
	font-size: 15px; text-transform: uppercase;
	background: #0d8f4a;
	border:1px solid #0d8f4a;
	transition: all .5s;
}
.bp-large-button:hover {
	background-color:white;
	color:#0d8f4a !important;
	text-decoration: none;
}

.hidden-papers {
	display: none;
}

.show-more {
	line-height: 26px;
	text-align: center;
	background-color: rgb(229,229,229);
	cursor: pointer;
	margin-bottom: 15px;
}
/* Media Reports ----------------------------------------------------------- */
.fullwidth-article-box {
	border-radius:5px;
	background-color: rgb(229,229,229);
	display:grid;
	grid-template-rows: 1fr min-content;
	transition: all .5s;
}
.fullwidth-article-box:hover {
	text-decoration: none !important;
	background-color:#454545;
}
.fullwidth-article-box:hover * {color:white;}

.fullwidth-article-box .brief{
	padding: 10px;
}
.fullwidth-article-box .brief p{
	font-size: 14px; font-weight: 400;
	line-height: 1.2;
}
.fullwidth-article-box .brief .title {
	font-size: 15px; font-weight:500; margin-bottom:15px; line-height:1.2;
}

.fullwidth-article-box p {
	margin-bottom: 0;
}
.fullwidth-article-box .date {
	font-size: 12px; font-style: italic;
	padding: 2px 10px 3px;
	border-bottom-left-radius: 5px; border-bottom-right-radius: 5px;
	color:white;
}

.article-box {
	margin: 0;
	margin-bottom: 25px;
	position: relative;
}


.article-box .header {
	text-transform: uppercase;
	font-size: 16px;
	height: 35px;
	line-height: 35px;
	padding-left: 5px;
	color: White;
}
.article-box i.header-icon {
	display: none;
	position: absolute;
	top: 1px; right: 5px;
}

.article-box a, .small-article-box a {color: black;}
.article-box .header a, .small-article-box .header a {color: White;}

.article-box .brief {
	font-size: 15px; font-weight: 400;
	height: auto;line-height: 18px;
	padding: 5px;
	overflow:hidden;
	background-color: rgb(229,229,229);
	text-overflow: ellipsis; overflow: hidden;
}

.article-box .linkbutton, .small-article-box .linkbutton {
	font-size: 15px; font-weight: 300; line-height: 22px;
	padding: 5px; height: 22px;
	border-top: 2px solid white;
	overflow:hidden;
	background-color: rgb(229,229,229);
	cursor: pointer;
	transition: all 0.5s;
}
.article-box .linkbutton a, .small-article-box .linkbutton a {text-decoration: none;}
.article-box .linkbutton:hover, .small-article-box .linkbutton:hover {
	background-color: rgb(200,200,200);
}

.link-nounder:hover {text-decoration: none;}


.article-box .icon, .small-article-box .icon {
	float: right; line-height: 22px;
	font-size: 20px;
}

.article-box .image {
	width:100%; height:auto;
	background-color: rgb(250,250,250);
	background-size: cover;
	background-position: center;
	position: relative;
}
.article-box .image-box {position:relative;display:block;}
.article-box .date {
	position: absolute;
	bottom: 5px; right: 5px;
	text-shadow: 0 0 8px #000, 0 0 8px #000;
	text-align: right;
	color: White;
	font-weight: 500;
}

.article-box .date-small {
	font-size:12px;
	font-style:italic;
}

.article-box.grey .brief,.article-box.grey .linkbutton {
	background-color: rgb(75,75,75);
	color: white;
}

.article-box.grey .linkbutton:hover {
	background-color: black;
}

.article-box.grey .brief * {color:white;}

.article-fullheight h3 {
	padding-bottom: 5px; margin-bottom: 10px; border-bottom:1px solid gray;
}
.article-fullheight h3 a {
	font-size: 18px !important;
	font-weight: 300 !important; line-height: 23px;
}
.article-fullheight h3 i {font-size: 23px !important; line-height: 23px;}

.article-fullheight .header .icon {
	margin: 5px;
	float: right;
	font-size: 24px;
}

.article-fullheight {
	margin-bottom: 10px;

	overflow: hidden;
}
.article-fullheight h3 {
	font-size: 18px;
	font-weight: 400;
}

.article-fullheight .header {
	text-transform: uppercase;
	font-size: 18px;
	height: 35px;
	line-height: 35px;
	padding-left: 5px;
	color: White;
}
.article-fullheight .brief {
	padding: 5px;
	background-color: transparent;
}
.one-column-bubble {
	width: 49%;
	margin-right: 1%;
	float: left;
	margin-bottom: 0px;
	margin-top: 26px;
}
.one-column-bubble:nth-child(2n+2){
	margin-right: 0;
	float: right;
}

.one-column {
	box-sizing:border-box;
	background-color:#269b3934;
	padding:10px;
	margin-top:35px;
}

.one-column ul {list-style-type: none;padding-left:0;}
.one-column ul li {margin:0;}

/* Home Key Topics ----------------------------------------------------------- */

.topic-thumbs {
	display:grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 10px;
}

.key-topic {
	position: relative;
	margin: 0;
	position:relative;
}

.key-topic .image {
	height: 130px;
	background-color: White;
	position: relative;
	background-size: cover;
	background-position: center;
	color:white;
	font-size: 16px; line-height: 19px;
	text-shadow: 0 0 4px #000;
	text-align: center;
	text-transform: uppercase;
	font-weight: 700;

}
.key-topic a:hover {
	text-decoration: none !important;
}

.key-topic .caption {
	position: absolute;
	bottom:0;
	left:0; right:0;
	background-color: rgba(0,0,0,.6);
	color:white;
	font-size: 16px; line-height: 19px;
	text-align: center;
	text-transform: uppercase;
	font-weight: 500;
	padding: 4px;
	text-shadow: none;
	transition: all 0.5s;
}

.key-topic:hover .caption {
	background-color: black;
	color: white;
}

/* Home Bubbles ----------------------------------------------------------- */

.bubble {
	border: 4px double gray;
	width: 60px; height:60px;
	display: inline-block;
	border-radius: 50%;
	transition: all 0.5s;
}
.bubble i {
	font-size: 30px;
	text-align: center;
	padding-top:15px;
}
.bubble:hover {
	border: 4px solid gray;
	background-color: White;
	cursor: pointer;
}
.bubble-container p {
	margin-top: 32px;
	margin-bottom: 0;
}
.bubble-container .one-column {
	padding-top: 32px !important;
}

/* Footer ----------------------------------------------------------- */


footer .footer-menu .social-icons a {margin-right:10px;}
footer .footer-menu .social-icons i {
	font-size: 20px;line-height: 1.1;font-weight:900;
}



.social-icons-write i {
	font-size: 24px; margin-right: 15px;
}


@media screen and (max-width: 700px) {
	.footer-bottom p {
		text-align: center;
		float: none;
	}
	.footer-bottom .social-icons{
		text-align: center;
		float: none;
	}
}

/* Header ----------------------------------------------------------- */

.logo-grid {
	display:grid;
	grid-template-columns:1fr auto;
	grid-gap:15px;
	padding:0 0 15px 0;
	align-items:center;
}
.logo {
	text-align: center;
}
.logo-grid .site-name{font-size:16px;line-height:1.2;margin-bottom:0;font-weight:500;}
.logo-grid .strap{font-size:24px;line-height:1;font-weight:500;}

.logo-grid .logo img{ width:75%; height: auto; }

.logo-container {padding-top:12px !important;padding-bottom:0px !important;}

.site-call-out {padding-top:0 !important;padding-bottom:0 !important;;}
.site-strap {
	background-color: rgb(213,236,255);
	border-radius: 5px;
	padding:5px 0;
	text-align: center;
}

.inner-logo {
	text-align:right;
	display:grid;
	grid-template-columns: 1fr min-content;
	align-items:center;
	grid-gap:20px;
}
.inner-logo .site-name {
	font-size:20px;font-weight:500;
}
.inner-logo .logo img {
	width:48px; height:auto;
}

/* Home Slider Home ----------------------------------------------------------- */
.home-header {
	position: relative;
	height: 270px;overflow: hidden;
	padding-top:0 !important;
	border-radius: 5px;
	padding-bottom:0 !important;
}


.header-eu-image {
	height:auto;
}

.panel {
	background-color: rgba(10,82,155,0.8);
	color:white;
}
.panel p a {
	text-decoration: underline;
}


.panel-padding h2,.panel-padding h3 {
	text-align:center;
	margin:0;
}
.link-button {
	clear:both;
	display:inline-block;
	margin:8px auto; margin-top:0;
	padding:3px 50px;
	text-transform: uppercase;
	color:white;
	background-color: #137fea;
}

.panel-padding {
	margin:2%; margin-top:0;
	padding: 10px 0px;
	position: relative;
}
.dark-panel p {
		font-size: 14px; line-height: 16px; margin-bottom:10px;
	}

.dark-panel {
	color:white; text-align:center;
}
.dark-panel * {
	color:white;text-align:left;
}
.dark-panel h2 {font-weight:300;}

.header-slides {
	list-style-type: none; padding: 0; margin: 0;
	height: 100%; width: 100%;
}
.header-slides > div {height: 100%; width: 100%;}

.slide-button { /*not needed*/
	position: absolute;
	background-color: rgb(4,142,70);
	color: white;
	margin-top:10px;
	padding: 5px 36px;
	display: inline-block;
	text-transform: uppercase;
	font-size: 16px;
	transition: all 0.5s;
	border-radius:5px;
	bottom:0;left:0;
}


.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  border-radius: 5px;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%; height: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }

 .rslides .full-width-container { /*not needed*/
	 position: relative; height: 100%;
}

.header-image .full-width-container {margin:0 15px;width:auto;}

.cycle-slideshow .slide-caption {
	position:absolute;
	top: 10px;
	right:0;
	left:0;
	background-color: rgba(0,0,0,.6);
	padding:10px;
}
.cycle-slideshow .slide-caption h3 {
	color:white; font-size:18px;margin-bottom:10px;
}
.cycle-slideshow .slide-caption p {
	color:white; margin-bottom:0;font-size:14px;line-height:1.4;
}

.slide-readmore-button a{
	position: absolute;
	background-color: rgb(4,142,70);
	color: white;
	margin-top:10px;
	padding: 4px 27px;
	display: inline-block;
	text-transform: uppercase;
	font-size: 12px;
	transition: all 0.5s;
	border-radius:5px;
	bottom:12px;left:0;
	border:1px solid rgb(4,142,70);
	z-index:2000;
}
.slide-readmore-button a:hover {
	text-decoration: none;
	background-color:white;
	color:#269a39;
}

.slide-socials {
	position: absolute;
	bottom:11px; right:0;
}
.slide-socials a i {color:white; font-size: 26px; transition: all .6s;}
.slide-socials a:hover i {color:#269a39;}
.slide-socials a {margin-left:5px;}


.pager-wrapper {position: absolute; bottom:7px; left:0; right:0; height:auto;}

.slide-pager {margin-left: 175px;}
.slide-pager span{
    font-size:35px;
    color:rgba(255,255,255,.5);
    cursor: pointer;
}
.slide-pager span.cycle-pager-active{
	color:white;
}


	.article img, .page-container img {
		max-width:100%;
		height:auto;
	}

	.bp-box,.highlightbox {
		border-left: 1px solid #abd8b3;
		border-right: 1px solid #abd8b3;
		border-top: 3px solid #269a39;
		border-bottom: 1px solid #269a39;
		padding: 15px;
		margin-bottom: 15px;
		background-color: #f4faf5;
	}
	.bp-box p:last-child,.highlightbox p:last-child, blockquote q p:last-child {
		margin-bottom: 0;
	}

	.bp-box h2,.highlightbox h2 {
		margin-top: 20px;
	}


	table {
		width: 100%;
	}
	.table-container {
		width: 90vw;
		margin: 30px 0;
		overflow-y: auto;
		_overflow: auto;
	}

	.table-container::-webkit-scrollbar
	{
		-webkit-appearance: none;
		width: 14px;
		height: 14px;
	}

	.table-container::-webkit-scrollbar-thumb
	{
		border-radius: 8px;
		border: 3px solid #fff;
		background-color: rgba(0, 0, 0, .3);
	}


	table th {
		text-align: left;
		font-weight: normal;
		padding: 4px ;
		font-size: 13px;
		font-weight: 400;

	}
	table td {
		padding: 3px;
	}

	table * {
		font-size: 11px; line-height: 13px;
	}


	.notes ol {
		list-style-type: decimal;
		padding-left: 20px !important;
	}



	.notes ol * {
		font-size: 13px;
		line-height: 16px;
	}

	.notes-long {display: none;}

	.notes-more {font-weight:500 !important; margin-top:20px; display:block;}


	blockquote {
		font-family: "Times New Roman", serif;
		font-style: italic;
		margin: 15px 0px;
		padding: 30px 60px;
		padding-bottom: 10px;
		border-radius:5px;
		position:relative;
		quotes: "\201C""\201D""\2018""\2019";
	}
	blockquote:before {
	  content: open-quote;
	  font-size: 80px;
	  line-height: 4px;
	  margin-right: 20px;
	  vertical-align: -0.4em;
	  position: absolute;
	  top:40px;
	  left:0;
	}
	blockquote:after {
	  content: close-quote;
	  font-size: 80px;
	  line-height: 0px;
	  margin-left: 10px;
	  vertical-align: -0.6em;
	  position: absolute;
	  bottom:7px;
	  right:13px;
	}

	blockquote p {display: block; margin-bottom:10px;}


	blockquote q {
		margin-bottom: 20px;
        display: block;
	}

	.mw_charts {margin: 30px 0;}
	text tspan {
		font-size: inherit !important;
		font-family: inherit !important;
		font-weight: inherit !important;
	}
	text .highcharts-title {
		font-size: 14px; font-weight: 400 !important;
	}

	.highcharts-subtitle tspan{
		font-size: 14px !important;
	}

	.old-graph {
		display: none;
	}

.highcharts-contextmenu {
    bottom: auto !important;
    top: 5px;
}

/* Twitter Feed ----------------------------------------------------------- */
.newsTicker .tweet {
	font-size: 14px; font-weight: 300;
	height: 142px; overflow: hidden;
	border-bottom: 2px solid white;
}
.newsTicker .tweet * {
	font-size: 14px; font-weight: 400;
}
.newsTicker .tweet strong {
	font-weight: 700;
}
.newsTicker .tweet a {
	color: rgb(4,142,70);
}


.mediareportTicker * {
	font-size: 14px; font-weight: 300; line-height: 18px;
}
.mediareportTicker strong {
	font-weight: 700;
}
.mediareportTicker a {
	color: rgb(4,142,70);
}
.mediareportTicker div {
	padding: 0 0 15px 0;
}

.factsTicker .tweet {
	font-size: 14px; font-weight: 300;
	 overflow: hidden;
}
.factsTicker .tweet * {
	font-size: 14px; font-weight: 400;
}
.factsTicker .tweet strong {
	font-weight: 700;
}
.factsTicker .tweet a {
	color: rgb(4,142,70);
}
/* ---------- Statistics ---------------- */
.options-box {
	padding: 1%;
	border-width: 0;
	border-left-width: 5px;
	margin: 15px 0;
}


/* ---------- Effects ---------------- */

#topcontrol {display: none;}

.prettycheckbox {
	background-color: Transparent !important;
	width: 100%;
	float: left;
	height: 23px;
}

.fancy-check {
    display:none;
}
.fancy-check + label span {
    display:inline-block;
    width:20px;
    height:20px;
    margin:-1px 4px 0 0;
    vertical-align:middle;
    background:url(/gui/checkbox-off.png) left top no-repeat;
    cursor:pointer;
}
.fancy-check:checked + label span {
    background:url(/gui/checkbox-on.png) left top no-repeat;
}

button {
	color: White !important;
	border-width: 0;
	padding: 3px 10px;
}

.dark-panel ul {
	list-style-type: disc;
	padding-left:20px;
}
.dark-panel ul li {
	margin-bottom:5px;
}

.contributebutton {
	background-color:rgb(212,235,215);
	text-transform: uppercase;
	display:block;
	text-align: center;
	border-top:5px solid white;
	line-height: 32px;
}

/* related articles */
.related-articles-container {
	padding: 10px 0;
	margin-bottom: 20px;
	margin-top:50px;
}
.related-articles-container::after {
	content: "";
	display: table;
	clear:both;
}
.related-articles-container h4 {
	font-size: 18px; margin-bottom: 10px; font-style: normal;
}
.related-article {
	margin-bottom:10px;
}
.related-article a{border-radius:5px;}
.related-article .article-image {
	width: 100%;
	height: 140px;
	background-size: cover;
	background-position: center;
	position:relative;
	transition: all 0.5s;
}
.related-article .article-text {
	position: absolute;
	bottom:0; left:0; right:0;
	padding: 5px 2%;
	transition: all 0.5s;
	background-color:rgba(0,0,0,.7);
}
.related-article > a {overflow:hidden;display:block;position:relative;}
.related-article:hover .article-image {
	transform: scale(1.1);
}
.related-article:hover .article-text{
	background-color: rgb(4,142,70) !important;
}
.related-article:hover .article-text *{
	text-decoration: none !important;
	color:white !important;
}
.related-article .article-text div{
	font-size: 14px; line-height: 18px; color: white;
	display:block;
}

.related-article .article-text .small {
	font-size: 12px; font-style: italic; display:block; color: white;
}

.related-grid *{
	text-decoration: none !important;
}

.side-content-box .article-text .small {font-size:11px;}

.social-text {
	font-size: 14px; line-height: 18px;
	word-wrap: break-word;
}
.social-text a {
	color: rgb(4,142,70);
	font-weight: 400;

}

.fbicon {
	width: 17.5%;
	float:left;
	margin-right:2%;
}
.fbicon img { width:100%; height: auto;}
.fbmessage {
	margin-top:5px;
	float:left; width:80%;
}

.fbcontent, .tweet, .cycle-slide {
	border-bottom: 1px solid rgb(240,240,240);
	margin-bottom: 10px;
	padding-bottom:10px;
}
.fbcontent:last-child, .tweet:last-child {
	border-width: 0;
}

.finger-button-wide {
		border-width: 0 !important;
		display: inline-block;
		margin-bottom:10px;
		padding: 0 10px;
		transition: all 0.5s;
		background-color: #269a3941;
}
.finger-button-wide:after, .shareicons:after {
	content: "";
	display: table;
	clear:both;
}
.finger-button-wide span {

		font-size: 16px;
		line-height: 50px;
		float: left;
}
.finger-button-wide i {
	line-height: 50px; font-size: 32px;
	float: left; padding-right: 10px;
}

.finger-button-wide:hover {
	background-color: rgb(4,142,70);
}
.finger-button-wide:hover * {color: white;}

.shareicons {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 4%;
}
.shareicons a {
	display:block;
	text-align:center;
	padding: 0 ;
}
.shareicons a i {line-height: 50px; font-size: 28px; float: none; padding:0;}
.shareicons a:last-child {margin-right:0;}

.header-image .social-follow {display: none;}

.library-box:hover {
	background-color: rgb(200,200,200) !important;
}

.chairmen-box {
	display:grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 15px;
}
.chairmenphoto {
	float: none;
	text-align:center;
}
.chairmenphoto::after{
	content: ''; display: table; clear: both;
}
.chairman-photo {
	width: 150px; height: 150px;
	max-width: 60% !important;
	border-radius: 75px;
	border:4px double gray;
}
.chairmenphoto .container {/*width: 50%; float: left;*/ font-size: 14px; line-height: 16px;}
.chairmenphoto .container strong {font-weight: 700; font-size: 14px; line-height: 16px;}
.chairmenmessage p {
	font-size: 14px; line-height: 17px;
}

.page-fader {
	display: none;
	position: fixed;
	top:0;bottom:0;left:0;right:0;
	z-index: 100000;
	background-color: rgba(255,255,255,.75);
}




.newsletter-popup {
	display: none;
	background-color: rgb(4,142,70);
	position: fixed;
	z-index: 1000000;
	top:100px;
	left: 20px;
	right:20px;
	padding-top:60px;
	padding-left: 20px; padding-right: 20px;
	box-shadow: 0 0 20px #000;
	padding-bottom:10px;
}

.petition-popup {
	background-color: #e7135d;
	z-index:2000000;
}

.newsletter-popup .envelope {
	position: absolute;
	top:-40px;
	left: calc(50% - 40px);
	width:80px; height: 80px;
	border-radius: 40px;
	background-color: rgb(4,142,70);
	border: 5px solid rgb(68,177,120);
	text-align:center;
}

.petition-popup .envelope {
	background-color: #e7135d;
	border-color:#de8eaa;
}

.newsletter-popup .envelope i {
	color: white;
	font-size: 40px;
	line-height: 80px;
}

.newsletter-popup h2 {font-size: 40px; color: rgb(68,177,120); text-align:center; margin-bottom: 10px;}

.newsletter-popup p {color: white; font-size: 18px; line-height: 23px;}

.newsletter-popup input {
	margin-top: 10px;
	box-sizing: border-box;
	width:100%;
	border-width:0;
	background-color: white;
	line-height: 45px;
	padding:5px 20px;
}
.newsletter-popup .subscribe-button {
	text-align:center;
}
.newsletter-popup .closebutton {
	position: absolute;
	top:5px; right:5px;
	color: rgb(68,177,120);
	font-size: 35px;
	cursor: pointer;
}

.petition-popup h2, .petition-popup .closebutton {color:#de8eaa;}

.newsletter-popup button {
	margin-top: 20px; margin-bottom:20px;
	background-color: rgb(68,177,120);
	border-width:0;
	font-size: 22px; font-weight: 500;
	padding: 12px 25px;
	cursor: pointer;
}

.petition-popup button {background-color:#de8eaa;}

.newsletter-popup button:hover {
	color: rgb(68,177,120) !important;
	background-color: white;
}

.petition-popup button:hover {color:#e7135d !important;}

.donate-panel2 {width:336px; display: grid; grid-template-columns: 1fr 1fr;grid-gap:5px;}
.donate-panel2 a {background-color:black; box-sizing: border-box;padding:10px 5px; width:165px; font-size: 14px;margin:5px 0;}
.donate-panel2 a:hover {text-decoration: none;background-color: navy;}

.donate-panel2 .trackerbutton {
	background-color: white;
	color: navy;
	border:1px solid black;
	transition: all 0.5s;
}
.donate-panel2 .trackerbutton:hover, .donate-panel2 .trackerbutton:hover{
	color: white !important;
	background-color: navy;
}

.donate-panel2 .trackerbutton-first {
	background-color: navy;
	color: yellow;
}

iframe {
	max-width:100%;
	aspect-ratio:16/9;
	margin-bottom:25px;
}

.highlight-cell {
	background-color: rgb(211, 224, 224);
}

.grid-take-action {
	display:grid;
	grid-template-columns: 1fr;
	gap:15px;
}
.grid-take-action div {
	border:2px solid black;
	padding:20px; padding-bottom:90px;
	position:relative;
}

.grid-take-action div h1,.grid-take-action div h2 {text-align: center; text-transform: uppercase;}

.grid-take-action div a, .copy-clipboard {
	background-color: rgb(4,142,70);
	border:1px solid rgb(4,142,70);
	color: white !important;
	display:block;
	padding: 8px 10px;
	text-align: center;

	transition: all .5s;
}

.grid-take-action p {text-align: center;}

.grid-take-action div i, .copy-clipboard i{color:white;}

.copy-clipboard { position: relative; bottom: auto; left:auto; right:auto; display: block; width: 30%; margin:0 auto;}
.grid-take-action div a:hover, .copy-clipboard:hover {
	text-decoration: none;
	background-color: white;
	color: rgb(4,142,70) !important;
}
.grid-take-action div a:hover i, .copy-clipboard:hover i {
color: rgb(4,142,70) !important;
}

.write-to-box {
	border:1px solid rgb(4,142,70);
	padding:20px;
}

.write-to-box ul {
	list-style-type:disc;
	padding-left:40px;
	margin-bottom:20px;
}


.related-grid {
	display:grid;
	grid-template-columns: 1fr 1fr;
	grid-gap:10px;
}

.related-grid .article-box,.articles-grid .article-box {
	width:100%; float:none; margin-bottom:0;
}

.articles-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap:10px;
}

.articles-grid a:first-child {
	grid-column: 1 / 3;
	grid-row: 1 / 3;
}


.page-container .article-primary,
.page-container .article-primary .image-wrapper,
.page-container .article-primary .image-wrapper .image {
	min-height:350px;
	position:relative;
	border-radius:5px;
	background-size: cover;
	background-position: center;
	overflow:hidden;
}

.page-container .article-primary-link {
	height:100%;
}
.page-container .article-primary .details {
	position:absolute;
	bottom:0; left:0; right:0;
	background-color: rgba(255,255,255,.9);
	padding:2%;
	transition: background-color .5s;
}

.page-container .article-primary .brief-home .heading{
	font-size: 18px;
	margin-bottom:10px;
	font-weight:500;
}

.archive-drop {
	 margin-bottom:30px;
}
.archive-drop select {width:60%; padding:5px; border-radius: 5px;}

.youtube-channel {
	display:grid; gap:5px;
	grid-template-columns: auto max-content max-content;
	align-items:center;
}

.write-mp-button {
	background-color: rgb(4,142,70);
	border:1px solid rgb(4,142,70);
	color: white;
}
.write-mp-button:hover {
	background-color: rgba(4,142,70,.2);;
	color: rgb(4,142,70) !important;
}
.write-mp-button.active {
	background-color: rgba(4,142,70,.2);
	color: rgb(4,142,70) !important;
}

/* 2022 extensions */
.action-button-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap:10px;
	margin: 0 0 15px;
}
.action-button-grid a {
	padding: 4px 10px 2px;
	min-height:40px;
	border-radius: 5px;
	border-width:2px;
	border-style: solid;
	display:flex;
	align-items: center;
	justify-content:center;
	text-transform: uppercase;
	color:white;
	transition: all .5s;
	font-size:14px;
	background-color:#258039;
	border-color:#258039;
}
.action-button-grid a span {text-align: center;line-height:1.05;font-size:12px;
	font-weight: 500;}

.action-button-grid a:hover {
	text-decoration: none;
	background-color:white !important;
	color:black;
	text-shadow:none;
}


	.search-form {
		clear:both;
	}
	.search-form input {
		width:100%; box-sizing: border-box;
		padding:6px 10px;
		background-color: transparent;
		border:1px solid green;
		margin-bottom:5px;
		color: white;
		outline: none;
	}
	.search-bar .inputbox:focus {outline:none;}
	.search-bar .inputbox::placeholder { font-style: italic; color:rgba(255,255,255,.5); }

	.site-strap-grid {
		display:grid;
		grid-template-columns:1fr ;
		grid-gap:10px;
		padding:5px 0 0;
		margin:0 15px;
		align-items:center;
	}

	.site-strap-grid h4 {
		text-align:center;
	}
	.site-strap-grid a, .primary-button,.stats-box .button a {
		background-color: rgb(4,142,70);
		color: white;
		padding: 6px 27px;
		display: inline-block;
		text-transform: uppercase;
		font-size: 16px;
		transition: all 0.5s;
		border-radius:5px;
		border:1px solid rgb(4,142,70);
		bottom:12px;left:0;
		text-decoration: none;
		opacity: 1;
		cursor: pointer;
	}
	.primary-button.disabled-button {
		opacity:.6;
	}

	.site-strap-grid a:hover, .primary-button:hover,.stats-box .button a:hover {
		text-decoration: none;
		background-color:white;
		color:#269a39 !important;
	}

	.latest-news-grid {
	    display:grid;
	    grid-template-columns: 1fr;
	    grid-gap:10px;
	}
	.latest-news-grid .column-2 {
		display:grid;
		grid-template-rows: auto auto auto;
		gap:10px;
		margin:0;
	}

	.col-2-wrapper {
		border-radius: 5px;
		background-color: rgb(219,219,219);
	}
	.col-2-wrapper {
		border-top-left-radius: 5px;
		border-top-right-radius: 5px;
		overflow:hidden;
	}

	.col-2-wrapper .image-wrapper .image, .col-2-wrapper .image-wrapper {
		height: 210px; overflow:hidden;
	}

	.article-box .details {
		display:grid;
		grid-template-rows: 1fr auto;
		align-content: center;
		padding:10px 0 0;
	}


	.article-box {width:100%;height:100%; display:grid; grid-template-rows:min-content auto; transition: all .5s;
	border-radius: 5px;    background-color: rgb(219,219,219);
	}
	.article-box .image-wrapper {overflow:hidden;border-top-left-radius:5px; border-top-right-radius:5px;}
	.article-box .image-wrapper .image {transition: all 1s;}
	.article-box .brief-home {font-size:14px; font-weight:500; line-height:1.3;margin-bottom:20px;padding:0px 10px 0;}
	.article-box .home-date{font-size:13px; font-weight:400; line-height:1.1; font-style:italic; color:white;border-bottom-left-radius: 5px; border-bottom-right-radius: 5px;
	padding:7px 10px 5px;}
	.article-box .home-date * {color:white;}

	.article-box .home-date.future-post {
		background-color: yellow; color: black;
	}

	.article-box:hover {
		background-color: rgba(0,0,0,.8);
	}
	.article-box:hover .image-wrapper .image {transform:scale(1.1);}
	.article-box:hover .details .brief-home,
	.article-box:hover .details .home-date{color:white; }
	.article-box:hover * {text-decoration: none !important;}
	.article-box a > .image {height:200px;}
	.page-container .article-box .image, .page-container .article-box .image-wrapper {height:145px;}
	.articles-grid a:hover {text-decoration: none !important;}
	.article-large-box2 {
		position:relative;width:100%; height:100%;
		border-radius: 5px; overflow:hidden;
	}

	.article-large-box2 .image-tint {
		background-color:rgb(0,0,0,.75);
		position:absolute; height:100%; width:100%; top:0;left:0;
		transition: all 0.4s;z-index:10;
	}
	.article-large-box2:hover .image-tint {
		background-color:rgb(0,0,0,.9);
	}

	.article-large-box2 .image {height:100%; background-size:cover; transition:all 1s; height:450px;background-position: center;z-index:9;}

	.article-large-box2:hover .image {
		transform: scale(1.2);
	}

	.article-large-box2 .article-content2 {
		position: absolute;
		overflow: hidden;
		top:0;
		left:0;right:0;
		padding:20px;
		transition: all 0.4s;
		z-index:11;
	}
	.article-large-box2 .content-wrapper {
		padding-top:20px;
		transition: all 0.4s;
	}
	.article-content2 h2 {color:white;margin:0;font-size:20px;}
	.article-content2 .content { color: white; transition: all .4s; font-size:14px; line-height:1.4;}
	.article-content2 .date {padding-top:20px; color: white;font-style:italic;transition: all .4s; font-size:14px; line-height:1.2;}
	.article-content2 .link-section {padding-top:20px; transition: all .4s;}

.donate-image-box .image {border-top-left-radius:5px; border-top-right-radius: 5px;}
.donate-image-box div {line-height:40px; font-size: 36px; font-weight: 500; text-align:center;border-bottom-left-radius: 5px; border-bottom-right-radius: 5px;background-color: white; color:black;}
.donate-image-box:hover div {
	background-color:rgba(0, 0, 0, .3);
	color:white;
}

.latest-stats-grid {
	display:grid;
	grid-template-columns: 1fr;
	grid-gap:10px;
}
.stats-box {height:350px;position:relative;overflow:hidden;border-radius:5px;}
.stats-box .image-wrapper,.stats-box .image, .stats-box .tint-box {background-size:cover; height:100%;position:absolute; top:0;left:0;right:0;bottom:0; transition:all 1s;}
.stats-box .tint-box {background-color:rgba(0,0,0,.65);transition:1s all;}
.stats-box .details {position:absolute; top:25px; left:25px; right:25px; bottom:25px; }
.stats-box .details .title {font-weight:500; color:white; font-size:16px; line-height:1.1;padding-bottom:10px;text-wrap: balance;}
.stats-box .details .brief {color:white;padding-bottom:10px; font-size:14px;line-height:1.4; display:none;}
.stats-box .details .date {color:white; font-style:italic; font-size:14px; line-height:1.4;}
.stats-box .button {position:absolute; bottom:25px; left:25px;}
.stats-box:hover .image-wrapper .image {transform: scale(1.1);}
.stats-box:hover .tint-box {background-color:rgba(0,0,0,.8);}


.our-work-grid {
	display:grid;
	grid-template-columns: 1fr;
	grid-gap: 10px;
}

.our-work-grid a {border-radius: 5px;}
.our-work-grid .section {
	height:170px;
	position:relative;
	overflow:hidden;
}
.our-work-grid .section .backing {
	width:100%;height:100%;
	background-position:center;
	background-size:cover;
	border-radius: 5px;
	transition: 1s all;
}
.our-work-grid .section .content {
	background:rgba(0,0,0,.85);
	transition: 1s all;
	position:absolute;
	top:0;left:0;right:0;bottom:0;
	padding:20px;
	border-radius: 5px;
}
.our-work-grid .section .content * {color:white;font-size: 15px;}
.our-work-grid .section .content h3 {
	font-size:28px; margin-bottom:5px;
}

.our-work-grid .section:hover .backing {
	transform:scale(1.2);
}
.our-work-grid .section:hover .content {
	background:rgba(0,0,0,.85);
}

.media-reports-grid {
	display:grid;
	grid-template-columns: 1fr;
	grid-gap:10px;
}

.bp-pager {text-align: center;}
.bp-pager a {
	background-color:#0d8f4a;
	border:1px solid #0d8f4a;
	padding:6px 10px; margin:0 2px;
	color:white;
	border-radius: 5px;
	min-width:30px;
	transition: all .5s;
}
.bp-pager a.bp-active {
	background-color: rgb(1,137,129);
	font-weight:500;
}
.bp-pager a:hover {
	text-decoration: none;
	background-color:white;
	color: #0d8f4a;
}

iframe {margin:25px 0; border:1px solid #0d8f4a; border-radius:5px;width: 100%;}
iframe.youtube {aspect-ratio: 16 / 9;}
.side-content-box h4 {margin-bottom:10px;}

.aside-columns {
	display:grid;
	grid-gap:20px;
}

.aside-columns .button {
	display:grid;
	width:fit-content;
	grid-template-columns:max-content max-content;
	background: #269a3941;
   border-radius:5px;
   padding:0 15px;
   float:left;
   margin-right:10px;
   margin-bottom:10px;
	color: #454545;
	transition: all .5s;
}
.aside-columns .button i {
	line-height: 50px;
    font-size: 32px;
    padding-right: 10px;
}

.aside-columns .button span {
	font-size: 16px;
    line-height: 50px;
}

.aside-columns .button:hover {
	background-color:#0d8f4a;
	color:white;
}
.aside-columns .button:hover i,.aside-columns .button:hover span,.aside-columns .button:hover {color:white; text-decoration: none !important;}

.three-col-grid {
		display:grid;
		grid-template-columns: 1fr;
		grid-gap:10px;
	}

/* DataWrapper */
.datawrapper-graph {
	padding:10px;
	margin:25px 0;
	border:1px solid #0d8f4a;
	border-radius: 5px;
}
#datawrapper-vis-2nApS * {text-align:center !important;font-weight:400 !important;}

.abutton {
	display:inline-block;
	background-color:#0d8f4a;
	border:1px solid #0d8f4a;
	color:white !important;
	border-radius:5px;
	padding:5px 20px;
	text-align: center;
	margin:20px 0;
	transition: all .5s;
}
.abutton:hover {
	background-color: white;
	color:#0d8f4a !important;
	text-decoration: none;
}


.custom_amount {height:30px;}
.donatebox .article-box {height:auto; margin-bottom:0; background-color: transparent; }
.donatebox > div:first-child {display:grid; gap:10px;}

.stats_graph {
	overflow-y: hidden;
	text-align:center;
}

#stats_graph_container{
	margin:0 auto;margin-bottom:10px;
	border:1px solid red; padding:10px; border-radius:5px; background-color: white;
	width:960px; height:250px;
}
#stats_graph_container * {
	font-size:12px !important;font-family:unset;
}

@media screen and (min-width:580px) {
	.logo-grid .site-name{font-size:16px;line-height:1.1;}
	.logo-grid .strap{font-size:26px;line-height:1;font-weight:500;}
	.logo-grid .logo img{ width:75%; height: auto; }
	.media-reports-grid {
		display:grid;
		grid-template-columns: 1fr 1fr;
		grid-gap:10px;
	}
}

@media screen and (max-width:470px) {
	.slide-socials {display:none;}
}

@media screen and (min-width:400px) {
	.logo-grid .site-name{font-size:17px;line-height:1.2;margin-bottom:0;font-weight:500;}
}


.hyperlinks {
	display:flex;
	flex-wrap: wrap;
	gap:10px;
	margin-bottom:20px;
}
.hyperlinks a {
	padding:5px 10px;
	background-color:#0d8f4a;
	color:white;
	border-radius:5px;
	align-content: center;
	text-align:center;
	border:1px solid #0d8f4a;
	transition: background-color .5s, color .5s;
}
.hyperlinks a:hover {
	text-decoration: none;
	background-color:white;
	color:#0d8f4a;
}
.sort-options {margin-bottom:30px;}