/*** 09/04/18 ***/
a{color:#2484c6;}

b, strong {
    font-weight: 500;
}

.gridButton{
        color: #fff;
        background-color: #2484c6;
        transition: all .25s;
        -webkit-transition: all .25s;
        margin: 1.5em 1em 0em 1em;
        cursor: pointer;
        border: 1px solid #2484c6;
        cursor: pointer;
        font-size: 1em;
        margin-left: auto;
        text-align: center;
        display: block;
        border-radius: 0em;
        padding:0;
    }
    
    .gridButton a{
        color:#fff;
        display:block;
        padding: 0.5em;
        text-decoration:none;
    }


/*Hover button*/
.hoverImageButton:hover{
	opacity:0.85;
	filter:alpha(opacity=85);
}

/*New Profile page*/

    .profileContent{color:#333;}
    .profileDetails{flex-grow:0; flex-shrink:0; flex-basis:30%; box-sizing:border-box;}
    .profileImage img{max-width:100%; display:block; height:auto;} 
    .profile{text-align:left; margin-top:1em; word-wrap: break-word;}
    .profile div{display:block;}
    .profileName{color:#2484c6;}
    .profileTitle{color:#666; font-size:1em;}
    .profileGrid:first-child p{margin-top:0;}
    .profileContact{color:#666; font-size:1em; margin-top:0.5em;}
    .profileContact a{ text-decoration:none;}
    .profileContact .profileEmail{margin-top:0.25em;}
    
    .moreBlogsButtonContainer{text-align: right;}
    .moreBlogsButton{padding: 0.5em 2em; color: #fff; background-color: #2484c6; text-align: center; text-decoration: none;}
    .moreBlogsButton:hover{color: #fff; background-color:#419ddc;}
    
/*New Profile Page*/

.rtIntro img{
	max-width:100%;
	height: 100% !important;
}
.rtArea img{
	max-width:100%;
	/*height: 100% !important; Breaks map*/
	
}

/* Grid Margin */
.gridMargin1{
	margin-bottom:1em;
}
/* Grid Margin */

/*SSN*/

.videoEmbed { 
	position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; 
} 
.videoEmbed iframe, .videoEmbed object, .videoEmbed embed { 
	position: absolute; top: 0; left: 0; width: 100%; height: 100%; 
}
.conferenceSession{
    background-color:#f1f1f1;
		margin-bottom:2em;
}

.conferenceTopBar{
    /*width:100%;*/
        background-color:#d8d8d8;

}
/*.sessionTitle{
    width:calc(100% - 4.5em);
    display:inline-block;
    padding:0.5em;
}*/

.sessionDownload{
    padding:0.5em;
    vertical-align:central;
    
}
.presentationDownload{
    padding:0.5em;
    vertical-align:central;
	color:#2484c6;
    
}
.presentationDownload svg{
 height:1.5em;
	margin-right:0.5em;
    
}
.presentationDownload:hover{
    background-color:#d8d8d8;
}
.sessionDownload:hover{
    background-color:#f1f1f1;
}
.sessionDownload img{    
    width:100%;
}
.sessionDescription{
    padding:0.5em;
    min-height:5em;
}
.sessionDescription a{
	color:#2484c6;
}
.speakerVideo{
margin-top:1em;
}

.speakerVideo iframe{
margin:auto;
max-width:100%;
min-width:50%;
display:block;
}

.speakerTitle{
   font-weight:600;
  text-align:center;
  padding:0.5em;
}

.speakerDescription{
      text-align:center;
  padding:0.5em;

}
/*.speakerImage{    
    height:100%;
    display:inline-block;
}*/
.speakerImage img{    
    width:100%;
	display:block;
}

.postSpeaker{
    background-color:#f1f1f1;
	margin-bottom:2em;     

}

.speakerBox{
    
}
.sessionTitle{
    font-weight:600;
    padding:0.5em;
}

/*.speakerInfo{
     display:inline-block;
}*/
.downloadDocument{
background-color:#f6f6f6;

}

.downloadDocument:hover
{
	background-color:#f1f1f1
}

.docDownloadIcon{
display:inline-block;
	width:2em;
	padding-left:0.5em;
	padding-right:0.5em;
	vertical-align:top;
}

.docDownloadName{
display:inline-block;
	min-height:2em;
	border-left: 0.25em solid #f6f6f6;
	padding:0.5em;
		vertical-align:top;
}
.docDownloadIcon svg{
width:100%;

}


@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
/* IE10+ CSS styles go here */
.docDownloadIcon{
  position:relative;
 
}
  .docDownloadIcon svg{
        position:absolute;
	  width:2em;
    }
}


/*SSN*/

/*Content Feature Button for RTE*/

.infoBox .contentFeatureButton {   
	width: 100%;
}

.contentFeatureButton {   
    text-align: center;
    bottom:2em;
    font-weight:600;
	/*max-width: 17em;*/
	margin: 2em auto 2em auto;
	display: block;
	padding: 0;
	width: 50%;
	border-radius: 0.25em;
}

.buttonLink{
	text-decoration: none;
	display: block;
	padding: 0.5em 1em;
}

/*Content Feature Button for RTE*/

/*Navboxes*/

.navboxFlexContainer{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-around;
}

.navboxFlexItem{
	flex:0 0 40%;
	margin-bottom:1em;
}

.navboxFlexItem img{
	width:100%;
}



/*Navboxes*/


/*Small Featureboxes*/

.smallFeatureFlexContainer{
display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}

.smallFeatureFlexItem{
	flex:0 0 30%;
	margin-bottom:1em;
	box-sizing: border-box;
}

/*Small Featureboxes*/

/*Youtube on grid*/
.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe,
.videoWrapper object,
.videoWrapper embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/*Youtube on grid*/

/*Form Styles*/
.umbraco-forms-caption{
	margin-top:0;
	margin-bottom:0;
}
.umbraco-forms-field  .help-block{
	font-size: 0.8em;
	opacity: 0.75;
}
.umbraco-forms-field  .umbraco-forms-label{
	color:#333;
}

.umbraco-forms-field-wrapper .radiobuttonlist{
	margin-bottom:1em;
	margin-top:0.5em;
}

.umbraco-forms-field-wrapper input[type=checkbox] {
  margin-bottom:1em;
	margin-top:0.5em;
}
.umbraco-forms-page legend{
	color:#333;
}
.umbraco-forms-page .btn{
	padding: 0.5em 1em;
	text-align: center;
	bottom: 2em;
	font-weight: 600;
	border: 1px solid #333;
	cursor: pointer;	
}
.formBlue .umbraco-forms-page .btn{	
	color: #fff;
	border: 1px solid #fff;
	background-color: #2484c6;	
}
.formGreen .umbraco-forms-page .btn{	
	color: #fff;
	border: 1px solid #fff;
	background-color: #00b259;	
}
.formPurple .umbraco-forms-page .btn{	
	color: #fff;
	border: 1px solid #fff;
	background-color: #8f53a1;	
}
.formYellow .umbraco-forms-page .btn{	
	color: #333;
	border: 1px solid #fff;
	background-color: #ffcb05;	
}

.formUpstream label{
	color: #666 !important;
}
.formGFN .umbraco-forms-page legend{
	padding-left: 0.5em;
	padding-right: 0.5em;
}

.formGFN .umbraco-forms-page .btn{
	float: right;
	width: 25%;	
}

.formGFN .umbraco-forms-page .umbraco-forms-fieldset{
	border-left-style: solid !important;
  	border-left-width: 5px !important;
	border-right-style: solid !important;
  	border-right-width: 5px !important;
	border-top-style: solid !important;
  	border-top-width: 5px !important;
	border-bottom-style: solid !important;
  	border-bottom-width: 5px !important;
	  border-radius: 10px;
	padding-bottom:1em;
}

.formGFN .umbraco-forms-page .umbraco-forms-fieldset:nth-of-type(1n){
	border-color:#4c9f38 !important;
	padding-left:1em;
	background-color:#edf5eb;
}
/*.formGFN .umbraco-forms-page .umbraco-forms-fieldset:nth-of-type(1n) legend{
	background-color:#f7fbf8;
}*/

.formGFN .umbraco-forms-page .umbraco-forms-fieldset:nth-of-type(2n){
	border-color:#26bde2 !important;
	padding-left:1em;
	background-color:#e9f8fc;
}
/*.formGFN .umbraco-forms-page .umbraco-forms-fieldset:nth-of-type(2n) legend{
	background-color:#eff2ea;
}*/

.formGFN .umbraco-forms-page .umbraco-forms-fieldset:nth-of-type(3n){
	border-color: #fd6925 !important;
	padding-left:1em;
	background-color:#fef0e9;
}
/*.formGFN .umbraco-forms-page .umbraco-forms-fieldset:nth-of-type(3n) legend{
	background-color:#faf1ea;
}*/

.formGFN .umbraco-forms-page .umbraco-forms-fieldset:nth-of-type(4n){
	border-color: #fcc30b !important;
	padding-left:1em;
	background-color:#fef9e6;
}
/*.formGFN .umbraco-forms-page .umbraco-forms-fieldset:nth-of-type(4n) legend{
	background-color:#eaf5f5;
}*/

.formGFN .umbraco-forms-page .umbraco-forms-fieldset:nth-of-type(5n){
	border-color: #dd1367 !important;
	padding-left:1em;
	background-color:#fbe7ef;
}
/*.formGFN .umbraco-forms-page .umbraco-forms-fieldset:nth-of-type(5n) legend{
	background-color:#f0eaed;
}*/

.formGFN .radiobuttonlist input{
	margin-bottom: 1em;
}
.formGFN .radiobuttonlist{
	margin-top: 1em;
}

.formGFN .umbraco-forms-page .umbraco-forms-field{
	margin-bottom: 1em;	
}

#\31 9aebb79-c453-4f3f-bef2-4aea094a448f{
	max-width:100% !important;	
	width: calc(100% - 15px) !important;
}
#c67b7a7e-b6a7-4104-9db8-d2727957b9bb{
	max-width:100% !important;	
	width: calc(100% - 15px) !important;
}
#\38 fe757a4-f36e-4550-f584-46b9ebd64296{
	max-width:100% !important;
	width: calc(100% - 15px) !important;
}
#baf5580d-05b6-4dd7-8dc1-1467ef8eaf43{
	max-width:100% !important;
	width: calc(100% - 15px) !important;
}


/*Campaigns and Innovation*/
.campaignBox{
	background-color:#F1F1F1;
	display:block;
	margin-bottom:2em;
}
.campaignBox a{
	text-decoration:none;
	
}
.campaignBoxImage{
	height:9em;
	overflow:hidden;
}
.campaignBoxImage img{
	width:100%;
}
.campaignBoxContent{
	height:9em;
}
.campaignBoxTitle{	
	background-color:#2484c6;
	color:#fff;
	
	padding:0.25em 0 0.25em 0.25em;
}
.campaignBoxTitle p{	
		color:inherit;
	margin:0;
}
.campaignBoxText{
	padding:0.75em;
	color:#35434d;
	text-overflow: ellipsis;
    overflow: hidden;
	font-size:0.9em;
	line-height:1.5em
}
.campaignBoxText p{	
	margin:0;
}
/*Campaigns and Innovation*/


/*Search*/
.searchResults .resultItem{
	background-color:#f1f1f1;
	padding:0.5em;
	margin-bottom:1em;
}

.searchResults .resultItem:hover{
	background-color:#d8d8d8;
	
}

/*Search*/

/*** 09/04/18 ***/



/*NEWSLETTER*/
.newsletterSubtitle{
	margin-bottom:2em;
}
.newsletterForm #mc_embed_signup_scroll{
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
}


.newsletterForm .flex-item{
	flex: 0; 
	flex-basis: 33%;

}

.newsletterForm .mc-field-submit{
	text-align: center;
}

.newsletterForm .mc-field-group input[type="text"], input[type="email"] {
    width: 100%;
    box-sizing: border-box;
    padding: 0.25em 0;
    border: 1px solid #888;
    text-indent: 0.5em;
    color: #333;
}

.newsletterForm .mc-field-group input[type="text"]:hover, input[type="email"]:hover{
	width:100%;
	padding:0.25em 0;
	border: 1px solid #333;
	
}

.newsletterForm .mc-field-submit{
	display: inline-block;
	
}






.newsletterForm .mc-field-submit input[type="submit"]{	
	padding:0.25em;
	background-color:#2484c6;
	color:#fff;
	    padding-left: 0.5em;
    padding-right: 0.5em;
	border-radius:0.25em;
}

.newsletterButton{   
    	
    text-align: center;
    bottom: 2em;
	border: 1px solid #2484c6;
}
.newsletterButton:hover{
    color: #2484c6;
    background-color: #fff;
	border: 1px solid white;
    
}


/*NEWSLETTER*/

/*SOCIAL MEDIA*/

.socialMediaIconsSVG{
	display:flex;
	width:30%;
	margin-left: auto;
	margin-right: auto;
	justify-content:center;
}
.socialMediaIconsSVG a{
	flex:1;
	flex-basis:20%;
}

.socialMediaIconsSVG svg{
	font-size: 2em;
	height:25px;
	width:25px;
	color:#999999;
}

/*
.socialMediaIconsSVG .facebook:hover > svg{
	color:#3b5998;
}
.socialMediaIconsSVG .twitter:hover > svg{
	color:#55acee;
}
.socialMediaIconsSVG .youtube:hover > svg{
	color:#ff0000;
}
.socialMediaIconsSVG .linkedin:hover > svg{
	color:#0077b5;
}
.socialMediaIconsSVG .instagram:hover > svg *{
	fill:url(#rg);
}
.socialMediaIconsSVG .rss:hover > svg{
	color:#f26522;
}
*/

.socialMediaIconsSVG a:hover > svg{
	color:#2484c6;
}

/*SOCIAL MEDIA*/

/*SOCIAL MEDIA
.socialMediaIcons{
	display:flex;
	width:30%;
	margin-left: auto;
	margin-right: auto;
	justify-content:center;
}
.socialMediaIcons a{
	flex:1;
	flex-basis:20%;
}

.socialMediaIcons img{

	height:25px;
	width:25px;

}

.socialMediaIcons a:hover img{
	opacity: 0.7;
}*/

/*.socialMediaIcons img{
	display:inline-block;
    padding:0 1.5em 0 1.5em;
	height:25px;
	width:25px;

}

.socialMediaIcons img:hover{
	   -webkit-filter: hue-rotate(90deg);
  filter: hue-rotate(90deg);
}*/
/*SOCIAL MEDIA*/


/*FOOTER*/

/*Menu*/
.footerMenu{
	text-align:center;
	
}

.footerMenu ul {
    padding:0;
}

.footerMenu ul li{
    list-style:none;
    display:inline-block;
    padding:0 1em 0 1em;
    color:#888;
}
.footerMenu ul li:first-child{
    padding-left:0;
}
.footerMenu ul li + li{
    border-left:1px solid #888;
	line-height: 0.75em;
}
.footerMenu ul li a{
    color:#888;
	text-decoration:none;
	font-size:0.75em;
	font-weight:bold;
}
.footerMenu ul li a:hover{	
	text-decoration:underline;
}
/*Menu*/

/*Text*/
.footerText{
	margin-top:3em;
	margin-bottom:4em;
	color:#888;	
	font-size:0.75em;
	text-align:center;
}
.footerText a{
	color:#888;
	text-decoration:none;
}
.footerText a:hover{
	color:#888;
	text-decoration:underline;
}
/*Text*/

/*FOOTER*/


/*INNER PAGE*/

.mainBox h1{
	font-weight:300;
	font-size:3em;
	color:#2484c6;
}

.introText{
	color: #2484c6;
    font-weight: 500;
	
}
.rtArea p{
	color:#333;
}

.rtArea strong{
	font-weight:500;
}

/*INNER PAGE*/

/* NAVIGATION MENU*/


.navigation ul{
	list-style: none;
	padding-left:1em;
}
.navigation > ul {
    padding-left:0;
}


.navigation li{
	padding-top: 0.5em;
    padding-bottom: 0.5em;
	
}
.navigation ul > li{
   border-bottom:2px solid #e9e9e9;
}

.navigation a{
	color: #333;
	text-decoration:none;
	
}

.navigation a:hover{
	
	border-bottom:2px solid #2484c6;
	
}

/* NAVIGATION MENU*/

/* RELATED DOCUMENTS */

.relatedDocuments{
	margin-bottom:2em;
}

.relatedDocuments b{
	font-weight:500;
}


.relatedDocuments .docLink{
	display:inline-block;
	margin:0.5em;
}

.relatedDocuments .relatedDocumentsTitle{
	color: #888;
    margin: 1em 0em;
    font-size: 2.5em;
    font-weight: 300;
}

.relatedDocuments .hiddenLinks {
display:none;
}
.relatedDocuments .showHide{
    padding-top:1em;
}


.relatedDocuments .shownLinks a:link {
   text-decoration:none;
}

/* visited link */
.relatedDocuments .shownLinks a:visited {
   text-decoration:none;
}

/* mouse over link */
.relatedDocuments .shownLinks a:hover {
   text-decoration:none;
}

/* selected link */
.relatedDocuments .shownLinks a:active {
   text-decoration:none;
}

.relatedDocuments .shownLinks svg {
   height:100%;
}

.relatedDocuments .hiddenLinks svg {
   height:100%;
}

.relatedDocuments .docLink{
	position: relative;
	padding-bottom: 0.5em;
}
.relatedDocuments .docIcon{
    display: inline-block;
    height: 1em;
    top: 0;
    position: absolute;
    padding-top: 0.2em;
}	

.docName *{    
	color:#333;
    display:inline-block;
	margin-left: 2em;	
	border-bottom:2px solid #f1f1f1;	
}

.docName a:hover{	
	border-bottom:2px solid #2484c6;	
}

/* RELATED DOCUMENTS */



/*SDG Line*/

.sdgLine{
	font-size:0;
}

.sdgLine div{
	display: inline-block;	
	width:calc(100% / 17);
	height:5px;
}
.sdgLine div img{
	width:100%;
	display:none;
}
.sdgLine div.activeSDG img{	
	display: block;	
}
.sdgLine div:hover img{	
	display: block;	
}

.sdgStrapline{
	text-align:center;
}
.sdgStrapline p{
	letter-spacing: 0.02em;
	color: #2484c6;
	font-weight: 400;
	display: inline-block;
}

.sdgStrapline img{
	display: inline-block;
	vertical-align: middle;

}


/*FEATURE BOXES*/

.featureButtonContainer{
    /*position:absolute;*/
    bottom:0;
    right:0;
    display:block;
}
.featureTextRow{
    position:relative;
    vertical-align:middle;
}
.featureButtonRow{
    margin-top:2em;
}


.featureRow{
    position:relative;
}


.featureImageTest > img {
        width:100%;
}


.featureBox {
    padding:2em 0em;
    height:100%;
}
.featureTitle {
    font-size:1.2em;
    color:#2484c6;
    font-weight:500;
}
.featureDescription {
    padding-top:1em;
}

.featureButton {  
    padding:0.5em 1em;
    text-align: center;
    bottom:2em;
    font-weight:500;
}
.featureText{
    padding-top:2.5%;
}

/* unvisited link */
.featureText a:link {
   text-decoration:none;
}

/* visited link */
.featureText a:visited {
   text-decoration:none;
}

/* mouse over link */
.featureText a:hover {
   text-decoration:none;
}

/* selected link */
.featureText a:active {
   text-decoration:none;
}
.featureImage {
    padding-top:0.5em;
    padding-bottom:0.5em;
        vertical-align: middle;

}
    .featureImage > img {
        width:100%;
    }

.featureSmallBox{
	padding: 1em;
	margin-bottom: 1em;
	background-color: #F1F1F1;
	color: #333;
}
.featureSmallDescription{
	color: #666;
	padding: 0;
	margin: 0;
	margin-bottom:2.5em;
}
.featureSmallTextarea{
	text-align: center;
	min-height:100%;
	margin-top:0.5em;
	box-sizing: border-box;
	position:relative;
}

.featureSmallTitle{
	font-weight: 500;
	color: #2484c6;
	padding: 1em 0 1em 0;
	margin: 0;
}

/*.featureSmallButton{
    padding: 0.5em;
    color: #fff;
    background-color: #2484c6;
    text-align: center;
    right: 0;
    left: 0;
    margin-left: 1em;
    margin-right: 1em;
}*/

.featureBox2Text {
    padding-top: 1em;
    position:absolute;
    top: 0px; 
}

.featureBox2Title{
margin-top:1em
}

.featureBox2Title h1{
    margin:0;

}

.wrapper{position:relative;}
.bottom{position:absolute; bottom:0;}

/*BELTS*/
.belt {
    width: 100%;
    clear: left;/*avoids any belt to belt issues - keeps them clearly in rows*/
}

.bgBlue {
    background-color: #2484c6;
}

.bgTintBlue {
    background-color: #e9f2f9;
}

.bgGreen {
    background-color: #00b259;
}

.bgTintGreen {
    background-color: #e5f7ee;
	
}

.bgPurple {
    background-color: #8f53a1;
}

.bgTintPurple {
    background-color: #f3edf5;
}

.bgYellow {
    background-color: #ffcb05;
}

.bgTintYellow {
    background-color: #fff9e6;
}


.bgWhite {
    background-color: #ffffff;
}

.bgGrey {
    background-color: #f4f4f4;
}
.bgLightGrey {
    background-color: #F1F1F1;
}

.belt.pad05 {
    padding: 0.5em 0 0.5em 0;
}
.belt.pad05b{
    padding-bottom:0.5em;
}

.belt.pad1 {
    padding: 1em 0 1em 0;
}
.belt.pad1b{
    padding-bottom:1em;
}

.belt.pad15 {
    padding: 1.5em 0 1.5em 0;
}
.belt.pad15b{
    padding-bottom:1.5em;
}

.belt.pad2 {
    padding: 2em 0 2em 0;
}
.belt.pad2b{
    padding-bottom:2em;
}
/*END BELTS*/

/*Theme Buttons*/
.themeBlueButton{
    color: #fff;
    background-color: #2484c6;
        border:1px solid #2484c6;
 cursor:pointer;
}

.themeBlueButton:hover{
    color: #2484c6;
    background-color: #fff;
    border:1px solid #2484c6;
}

.fancyThemeBlueButton{
    color: #fff;
    background-color: #2484c6; 
	cursor:pointer;
	border:1px solid #2484c6;
}

.fancyThemeBlueButton a{
    color: #fff;
}

.fancyThemeBlueButton:hover {
    color: #2484c6;
    background-color: #fff;  
	border: 1px solid #2484c6;
}

.fancyThemeBlueButton:hover a{
    color: #2484c6;
    
}

.fancyThemeWhiteButton{
    color: #2484c6;
    background-color: #fff; 
	cursor:pointer;
	border:1px solid #fff;
}

.fancyThemeWhiteButton a{
    color: #2484c6 !important;
}

.fancyThemeWhiteButton:hover {
    color: #fff;
    background-color: #2484c6;  
	border: 1px solid #fff;
}

.fancyThemeWhiteButton:hover a{
    color: #fff !important;
    
}

.fancyThemeGreyButton{
    color: #333;
    background-color: #f1f1f1; 
	cursor:pointer;
	border:1px solid #f1f1f1;
	font-weight:500;
	font-size:0.9em;
}

.fancyThemeGreyButton a{
    color: #333;
}

.fancyThemeGreyButton:hover {
    color: #333;
    background-color: #d8d8d8;  
	border: 1px solid #d8d8d8;
}

.fancyThemeGreyButton:hover a{
    color: #333;
    
}


.fancyThemePurpleButton{
    color: #fff;
    background-color: #8f53a1; 
	cursor:pointer;
	border:1px solid #8f53a1;
}

.fancyThemePurpleButton a{
    color: #fff;
}

.fancyThemePurpleButton:hover {
    color: #8f53a1;
    background-color: #fff;  
	border: 1px solid #8f53a1;
}

.fancyThemePurpleButton:hover a{
    color: #8f53a1;
    
}


.fancyThemeGreenButton{
    color: #fff;
    background-color: #00b259; 
	cursor:pointer;
	border:1px solid #00b259;
}

.fancyThemeGreenButton a{
    color: #fff;
}

.fancyThemeGreenButton:hover {
    color: #00b259;
    background-color: #fff;
	border: 1px solid #00b259;
}

.fancyThemeGreenButton:hover a{
    color: #00b259;
    
}


.themeGreenButton{
    color: #fff;
    background-color: #00b259;
     border:1px solid #fff;
   cursor:pointer;
}

.themeGreenButton:hover{
    color: #00b259;
    background-color: #fff;
    border:1px solid #00b259;

}
/*Theme Buttons*/

/*FEATURE BOXES*/

/*Jobs*/

.jobItem{
	background-color:#f1f1f1;	
	padding:0.5em 0.5em 0.5em 1em;
	margin-top:1em;
	margin-bottom:0.5em;
	border-left: 2px solid #2484c6;
}

.jobItem:hover{
	background-color:#d8d8d8;	
}
.jobItem:hover .jobTitle{
	text-decoration:underline;
}


.jobLink{
	text-decoration:none;
}

.jobItem span{
	font-weight:500;
}
.jobItem .jobTitle{
	font-weight:50;
	color:#2484c6;
	font-size:1.25em;
	margin-top:0.5em
}

.jobDescription{
	margin-bottom:2em;
}

.jobDescription .jobDescriptionItem{
	font-weight:500;
}

.activityPage .themeTitle {
    font-size: 3.5em;
    text-align: center;
    display: block;
    font-weight: 300;
}


/*Themepage & Activitypage */


.themeIntro{
	margin-top:1em;
}
.themePage .themeTitle{
     font-size:3.5em; text-align:center; display:block; font-weight:300;
}

.activityPage .themeTitle{
	 font-size:3.5em; text-align:center; display:block; font-weight:300;
}

.boxMenuFlexContainer{
    display: flex; flex-wrap: wrap; padding-bottom:1em;
}

.boxMenuFlexItem{
    flex: 0 0 30%; box-sizing:border-box; margin:1.1%;
}

.boxMenu a{
    text-decoration:none;
}

.boxMenuTitle{
    padding: 0.5em 0;
}
.boxMenuCTA{
    color:#666;
    font-size:0.8em;
}

.boxMenuCTA .materialIconContainer{
    display: inline-flex;
    vertical-align: middle;
}

.boxMenuCTA .material-icons{
    color:#999;
    font-size:2em;
    margin-left:0.75em;
    
}

/*Themepage & Activitypage */


/*Member contact widget*/
.mConPerson img{
	max-width:100%;
	display:block;
	margin-left:auto;
	margin-right:auto;
}
/*Member contact widget*/


/*Forms Checkbox Fix*/
.umbraco-forms-page .checkboxlist label {
	float: initial !important;
}
/*Forms Checkbox Fix*/

/*Jobs*/



/* SDG HEX
	#e5243b - Red
	#DDA63A - Mustard
	#4C9F38 - Kelly Green
	#C5192D - Dark Red
	#FF3A21 - Red Orange
	#26BDE2 - Bright Blue
	#FCC30B - Yellow
	#A21942 - Burgundy Red
	#FD6925 - Orange
	#DD1367 - Magenta
	#FD9D24 - Golden Yellow
	#BF8B2E - Dark Mustard
	#3F7E44 - Dark Green
	#0A97D9 - Blue
	#56C02B - Lime Green
	#00689D - Royal Blue
	#19486A - Navy Blue
*/


/*SDG Line*/




/*Testing

#global-nav {   
	position: fixed; 
	z-index: 9999;
	top:0;
  	width: 100%; 
	border-bottom:2px solid #2484c6;
	
}
.site-logo {
  display: inline-block;
	

	

}
.scrolled-nav .site-logo  {
	width:10em;
}

.scrolled-nav form.searchform  {
	padding-top:1em;
}

.scrolled-nav {
	position: fixed; 
	height: 60px !important;
	line-height: 60px !important;
	
}

.counter {
	width: 20px;
	height: 20px;
	background: black;
	color: #fff;
	position: fixed;
	top: 120px;
	right: 0;

}

.mainContent{
	margin-top: 8em;
}*/

/*KB: Fix for openspace map*/


/*FEATURE BOXES - Grid Boxes*/

/*Grid box images*/
.gridbox img {width:100%;max-width:100%;display:block;}

/*Grid box text*/

.featureTextarea{
text-align: center;
    box-sizing: border-box;}

/*Grid box link*/
.gridbox a{
text-decoration:none;
	
}


.gridbox a:hover, .gridbox a:focus{
text-decoration:underline;
}

.gridbox.featureSmallButton a:hover, .gridbox.featureSmallButton a:focus{
text-decoration:none;
}

/*xsmall Featureboxes*/
.xsmallFeatureFlexContainer{
	display:flex;
	flex-wrap:wrap;
	align-items: stretch;
	align-content: stretch;
	margin-left: -0.5rem;
margin-right: -0.5rem;
}

.xsmallFeatureFlexContainer .xsmallFeatureFlexItem{
	display: flex;
	flex-direction: column;
	flex-basis: calc(25% - 1rem);
	align-content: stretch;
	margin:0.5rem
}


/*Small Featureboxes*/


.featureSmallBox a{
text-decoration:none;
	  display:flex;
  flex-direction: column;
	  flex:1 0 auto;
	
}

.featureSmallBox .squareImg{
	display:none;
}
.smallFeatureFlexContainer{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}

.featureImgCol{
  display:flex;
  flex-direction: column;
 
}

.featureTxtCol{
  display:flex;
  flex-direction: column;
	 flex:1 0 auto;

}
.smallFeatureFlexItem{
	display:flex;
	flex-direction: column;
	flex:0 0 30%;
}

/*Small Featureboxes*/

/*Med Featureboxes*/
.featureMedBox .promoImg{
	display:none;
}
.medFeatureFlexContainer{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}
/*a.featureMedBox, a.featureMedBox{
	text-decoration:none;
}


a.featureMedBox:hover, a.featureMedBox:focus{
	text-decoration:underline;
}*/
.featureMedBox a{
   display:flex;
	width: 100%;
}
.featureMedBox .featureImgCol , .featureMedBox .featureTxtCol  {
    flex: 0 0 50%;
    box-sizing: border-box;
}



.medFeatureFlexItem{
	flex:0 0 50%;
	box-sizing: border-box;
}

/*Med Featureboxes*/

/*Large Featureboxes*/

.largeFeatureFlexContainer{
display:flex;
	flex-wrap:wrap;
	justify-content:space-around;
}

.largeFeatureFlexImage{
	flex:0 0 40%;
	margin-bottom:1em;
	box-sizing: border-box;
}

.largeFeatureFlexItem{
	flex:0 0 60%;
	margin-bottom:1em;
	box-sizing: border-box;
}

/*Large Featureboxes*/

.featureButtonContainer{
    /*position:absolute;*/
    bottom:0;
    right:0;
    display:block;
}
.featureTextRow{
    position:relative;
    vertical-align:middle;
}
.featureButtonRow{
    margin-top:2em;
}


.featureRow{
    position:relative;
}


.featureImageTest > img {
        width:100%;
}


.featureBox {
    padding:2em 0em;
    height:100%;
}
.featureTitle {
    font-size:1.2em;
    color:#2484c6;
    font-weight:500;		
	padding: 1em 0 1em 0;
	margin: 0;
}
.featureDescription {
    padding-top:1em;
	color: #666;
	padding: 0;
	margin: 0;
	/*margin-bottom: 5em; Sarah has asked me to remove this 21/01/2020*/
}





.featureSmallBox:hover .featureButton {  
	color: #fff;
	background-color: #419ddc;
}

.featureText{
    padding-top: 2.5%;
}

/* unvisited link */
.featureText a:link {
   text-decoration:none;
}

/* visited link */
.featureText a:visited {
   text-decoration:none;
}

/* mouse over link */
.featureText a:hover {
   text-decoration:none;
}

/* selected link */
.featureText a:active {
   text-decoration:none;
}
.featureImage {
    padding-top:0.5em;
    padding-bottom:0.5em;
        vertical-align: middle;

}
    .featureImage > img {
        width:100%;
    }

.featureSmallBox{
	/*padding: 1em;*/
	margin-bottom: 1em;
	background-color: #F1F1F1;
	color: #333;
	position:relative;
}

.featureMedBox{
	display:flex;
	margin-bottom: 1.4em;
	background-color: #F1F1F1;
	color: #333;
	flex: 0 0 49%;
}

.featureLargeBox{
		/*display:flex;*/
	margin-bottom: 1em;
	background-color: #F1F1F1;
	color: #333;
	/*flex: 0 0 100%;*/
}

.featureTextarea{
	text-align: center;	
	box-sizing: border-box;
	/*padding: 0 0.5em;*/
	
}


.featureButton{
    padding: 0.5em;
    color: #fff;
    background-color: #2484c6;
    text-align: center;
    /*right: 0;
    left: 0;
    margin-left: 1em;
    margin-right: 1em;*/
}

.featureSmallBox .featureButton{
	width: calc(100% - 1em);
	margin-top:auto;
}

.featureBox2Text {
    padding-top: 1em;
    position:absolute;
    top: 0px; 
}

.featureBox2Title{
margin-top:1em
}

.featureBox2Title h1{
    margin:0;

}

.wrapper{position:relative;}
.bottom{position:absolute; bottom:0;}
@media (min-width:900px){  
.featureLargeBox{
		display:flex;
	flex: 0 0 100%;
}
}


/*Home Campaign Row*/

.campaignRowButtonContainer{
	margin-top:1em;
}

.homeCampaignSection{
    padding-top:3em;
    padding-bottom:3em;
}

.homeCampaignRow {
    display: flex;
    width: 80%;
    margin:auto;
    justify-content: space-around;
}

.homeCampaignBox {
    flex-basis: 30%;
    position: relative;
    overflow: none;
}

.homeCampaignBox a {
    z-index: 1;
}

.homeCampaignRow img {
    max-width: 100%;
    width: 100%;
    display: block;
	
}

.campaignRowButton {
    color: #fff;
    background-color: #2484c6;
    transition: all .25s;
    -webkit-transition: all .25s;
    margin: 1.5em 1em 0em 1em;
    display: inline-block;
    padding: 0.5em 0.5em;
    border-radius: 0.25em;
    cursor: pointer;
    font-size: 1.25em;
    border: 1px solid #2484c6;
}

.campaignRowButton:hover, .campaignRowButton:focus {
    color: #2484c6;
    background-color: #fff;
    color: #fff;
    background-color: #419ddc;
    border: 1px solid #419ddc;
}


.homeCampaignBox {
  height: 100%;
  /*overflow: hidden; */
}


.homeCampaignBox  {
	display:block;
	 -webkit-transition: transform .5s ease; /* android, safari, chrome */
     -moz-transition: transform .5s ease; /* old firefox */
     -o-transition: transform .5s ease; /* old opera */
     -ms-transition: transform .5s ease; /* old IE */
     transition: transform .5s ease; /*standard */

 

}


.homeCampaignBox:hover  {
	 -webkit-transform: scale(1.1); /* android, safari, chrome */
     -moz-transform: scale(1.1); /* old firefox */
     -o-transform: scale(1.1); /* old opera */
     -ms-transform: scale(1.1); /* old IE */
     transform: scale(1.1); /*standard */

}

.imageRibbon{
    /*height: 35px;
    width: 180px;
    background-color: #8f53a1;
    position: absolute;
    top: 48px;
    right: -6px;
    text-align: center;
    color: #FFF;
    font-weight: 600;
    font-size: 24px;
    white-space: nowrap;
  -webkit-transform: rotate(35deg);
    -moz-transform: rotate(35deg);
    -ms-transform: rotate(35deg);
    -o-transform: rotate(35deg);
    transform: rotate(35deg);*/
	
	height: 32px;
width: 75px;
background-color: #8f53a1;
position: absolute;
top: 18px;
right: 2px;
text-align: center;
color: #FFF;
font-weight: 500;
font-size: 24px;
white-space: nowrap;
-webkit-transform: rotate(35deg);
-moz-transform: rotate(35deg);
-ms-transform: rotate(35deg);
-o-transform: rotate(35deg);
transform: rotate(35deg);
	letter-spacing: 1px;
}
.imageRibbon:before{
    /*box-sizing: border-box;
    border-style: solid;
    border-color: transparent;
    border-width: 37px;
    border-left-width: 53px;
    border-right-width: 26px;
    content: "";
    display: block;
    left: -49px;
    position: absolute;
    width: 141%;
    border-top-width: 0px;
    border-bottom-color: #8f53a1;
    top: -2px;
    z-index: -1;*/
	
	
	box-sizing: border-box;
border-style: solid;
border-color: transparent;
    border-bottom-color: transparent;
border-width: 37px;
    border-top-width: 37px;
    border-right-width: 37px;
    border-left-width: 37px;
border-left-width: 53px;
border-right-width: 26px;
content: "";
display: block;
left: -50px;
position: absolute;
width: 199%;
border-top-width: 0px;
border-bottom-color: #8f53a1;
top: -2px;
z-index: -1;
}

@supports (-ms-ime-align:auto) {
  .homeCampaignBox { transform:none; } 
}

@media (max-width: 499px) {
	
	.homeCampaignRow{
		flex-wrap:wrap;
	}
	
	.homeCampaignBox{
		flex-basis: 100%;
		margin: 0.5em;
	}


}

/*Home Campaign Row*/

/*SDG ROW*/

.homeSDGRow{
	text-decoration:none;
}

.homeSDGRow .SDGRowIntro{
	letter-spacing: 0.02em; color: #2484c6; font-weight: 500; display: inline-block; font-size:1.25em;
}

.homeSDGRow .SDGRowCTA{
	text-align:right; color:#666;  font-size:1.25em; 
}

/*SDG ROW*/



/*Gallery Doctype*/
.photoswipeGallery figcaption {
  display: none;
}


.galleryRow{
	display:flex;
	flex-wrap:wrap;
	width:calc(100% - 1em);
	padding:0.5em;
}

.galleryItem{
	flex-basis:calc(20% - 1em);
	padding:0.5em;
}

.pocketGardenGallery .galleryItem{
	flex-basis:calc(25% - 1em);
	margin-bottom: 1em;
}

.galleryItem .imageLink img{
margin-bottom:0;
}

 @media (min-width: 600px)  and (max-width: 899px){

	 .galleryItem{flex-basis:calc(25% - 1em);padding:0.5em;}
	  .psVideoWall .\34 u{width:50% !important;display:inline-block;}
	

 }

.greenKeyImage1{
	width: 10em;
	float: right;
	margin-left: 2em;
	margin-top:1em;
}

.greenKeyImage2{
	width: 10em;	
	margin-left: 2em;
	display:none;
}

@media (max-width:700px){
	.greenKeyImage1{
		float:none;
		display:none;
	}
	.greenKeyImage2{
		float:none;
		display:block;
		margin-left:auto;
		margin-right:auto;
	}
}
@media (max-width:899px){
	.greenKeyImage1{
		width: 10em;
		float: right;
		margin-left: 2em;
	}
	

	
	
}

@media (max-width:599px){  

	
	.galleryItem{
		flex-basis:calc(50% - 1em);
		padding:0.5em;
	}
	
	.contentFeatureButton {   
    text-align: center;
    bottom:2em;
    font-weight:600;
	/*max-width: 17em;*/
	margin: 2em auto 2em auto;
	display: block;
	padding: 0;
	width: 75%;
}
	

	
} 


	/*Pocket Garden*/
	.bgPocketGarden{
		background-image: url("/media/1567358/digital-showcase-vote-banner.png");
		  background-repeat: no-repeat;
  background-size: cover;
background-position: center;
		padding-top: 7em !important;
padding-bottom: 7em !important;

	}
.bgPocketGarden .blueBox{
	background-color: #2484c6;
}

.findOutMore:after{
	 font-family: "Font Awesome 5 Free"; 
	font-weight: 400;
	content: " \f054";
}