/**New CSS for KSB new designs**/


sup, sub {
  vertical-align: baseline;
  position: relative;
  top: -0.8em;
	font-size:50%;
}
sub { 
  top: 0.4em; 
}

/*img orientation bugfix*/
img{image-orientation: none;}

/*IOS RESET*/

textarea,
input.text,
input[type="text"],
input[type="button"],
input[type="submit"],
.input-checkbox {
-webkit-appearance: none;
border-radius: 0;
}
/*RTIntro Colour fix*/

.rtIntro{color:#333;}


.caption{
	font-size: 0.9em !important;
	opacity: 0.8;
	font-style: italic;
}

/*topNav*/
.topNavLeft{float:left;}
.topNavRight{float:right; padding-top:2em;}


/*DONATE*/

.donateLink {
   color:inherit;
   text-decoration:inherit;
	display:inline-block; vertical-align:middle; margin-left:1em;
}

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

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

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

/* selected link */
.donateLink:active {
   text-decoration:none;
}
.donateButton
{
	font-weight:500;
    padding:0.75em 2em;
    background-color:#ffcb05;    
    color:#333;
    border-radius:0.25em;
    text-align:center;
    font-size:1em;
}

.donateButton:hover
{
  background-color:#FFE51F;
}


/*BigGive*/
.bigGiveClick:hover .bigGiveLink{ text-decoration:underline;}
.bigGiveClick{text-decoration:none;}

.bigGiveRow{display:flex; align-items: center; justify-content: center; }

.bigGiveRowLeft{flex:1 0 30%; width:30%;}
.bigGiveRowRight{flex:1 0 70%; width:70%;}

@media (max-width: 899px) {
.bigGiveRow{ font-size:0.75em; flex-wrap:wrap;}
	.bigGiveRowLeft{flex:1 0 100%; width:100%;}
.bigGiveRowRight{flex:1 0 100%; width:100%;}

}


/*BigGive*/

/*ADD TO SASS*/

#moreNews{
font-size:1.5em;
	color:#888;
	float:right;
}

#moreNews a{
color:inherit;
	text-decoration:none;
}

#moreNews a:hover, #moreNews a:focus{

	text-decoration:underline;
}


/*ADD TO SASSEND*/

/*Forms Honeypot*/
.formsH{
	position:absolute;
	left:-999999em;
}
/*Forms Honeypot*/

/*Members Login*/
.leqnLogin input{
	width:100%;
}
/*Members Login*/


/**TestDiv**/

.breakBar{
	position: fixed;	
	background-color:lightblue;
	padding:0.5em;
	z-index:1000000000;
}


/**Global**/

/*Text and Font*/

html *
{
   font-family:'Montserrat', Arial, sans-serif;
}

h1, h2, h3, h4{
font-weight:300;
	color:#2484c6;
}

.textWhite h1, .textWhite h2, .textWhite h3, .textWhite h4{
	color:#fff;
}



h1{
	font-size:2.5em;
	
}

h2{
	font-size:2em;
		margin-top:1em;
		margin-bottom:0.5em
}

h3{
	font-size:1.5em;
	margin-top:1.5em;
		margin-bottom:0.5em
}

h4{
	font-size:1em;
	font-weight:500;
	margin-top: 2em;
    margin-bottom: 0;
	
}

/*Section Headers*/
section h2{
    color: #888;
    font-size: 2.5em;
    font-weight: 300;
    margin-bottom: 1em
}

section.blueBackTheme h2{
    color:#fff;   
}

.sectionTitle{
	color:#888;
}

p{
/*color:#333;*/
}


/*ol li::before {
	content: counter(li);
	color: #2484c6;
	font-weight:500;
	padding-right:0.75em;
	display: inline-block;
	margin-left: -20px
 }*/
/*
ol {list-style: none;   padding: 0;
  margin: 0; counter-reset: li}



ol li::before {
    content: counter(li);
    color: #2484c6;
    font-weight: 500;
    padding-right: 0.25em;
    display: inline-block;   
    text-align: center;
    margin-left: -1.25em;
    margin-right: auto;
    width: 1em;
}


li ol{padding-left:1.5em;}
ol li {counter-increment: li}
*/


/*Footer*/
footer{margin-top:1em;}
.sdgStrapline{
padding: 1em 0em;
}
/*Rows*/
main  section{
	padding:2em 0 2em 0;
}

/**
/**Row Padding**/
.rowPad1{
padding-bottom:1em;
}
.rowPad2{
padding-bottom:2em;
}

.rowPad3{
padding-bottom:3em;
}
.rowPad4{
padding-bottom:4em;
}


/**End of Global**/

/**HIDDEN**/
.hiddenFields{
display:none;
}



/**Font override**/
.introText p{
	color: #2484c6;
    font-weight: 500;
	
}


.textGreen {
    color: #00b259;
}

.textBlue {
    color: #2484c6;
}

.textYellow {
    color: #333333;
}

.textPurple {
    color: #8f53a1;
}
.textGrey {
    color: #666;
}

.innerTitle, .mainBox{
padding-left:0.5em
}
/**Navigation**/

   .menuShower{
        
        padding:0.5em 0;
        border-bottom: 2px solid #e9e9e9;
        text-align:right;
        
        
    }
    .menuShower .material-icons{
        color:#333;
        vertical-align: middle;
    }
    
.navigation{
	padding-right:0.5em
}
.navigation ul{
	margin-top:0;
}

.navigation .sectionHome{
	font-weight:500;
	padding-top:0;
}

.navigation .active{
	background-color:#f1f1f1;
}

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


/**Background Colours**/
/*KB:23Aug2018 - Adding mid and light background colors**/
.bgWhite{
    background-color:#fff;
}

.bgGrey{
    background-color: #f1f1f1;
}

.bgGreyLight{
    background-color: #f4f4f4;
}

.bgBlue{
    background-color: #2484c6;
}
.bgBlueMid{
    background-color: #7bb5dc;
}
.bgBlueLight{
    background-color: #e9f2f9;
}

.bgYellow{
    background-color: #ffcb05;
}
.bgYellowMid{
    background-color: #ffdf69;
}
.bgYellowLight{
    background-color: #fff9e6;
}
.bgPurple{
    background-color: #8f53a1;
}
.bgPurpleMid{
    background-color: #bb97c6;
}
.bgPurpleLight{
    background-color: #f3edf5;
}

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

.bgGreenMid{
    background-color: #66d09b;
}
.bgGreenLight{
    background-color: #e5f7ee;
}




/**Themes**/
.ccafTable tr 
{
    vertical-align: top;
}



/*Messing with table style CG*/
.wrapper{
  padding-top:1em;
}
.tbl{
  margin: 0 0 40px 0;
  width: 100%;
  
}

.hdr{
    font-weight: 900;
    color: #ffffff;    
    }

.hdrPurple{
    font-weight: 900;
    color: #ffffff;
    background: #8f53a1 !important;
    }

.hdrBlue{
    font-weight: 900;
    color: #ffffff;
    background: #2484c6 !important;
    }

.hdrGreen{
    font-weight: 900;
    color: #ffffff;
    background: #00b259 !important;
    }

.hdrYellow{
    font-weight: 900;
    color: #333;
    background: #ffcb05 !important;
    }


.tr{
  display: table-row;
  background: #f6f6f6;
}
.cell{
  padding: 6px 12px;
  display: table-cell;
}
.tr:nth-of-type(odd){
    background: #e9e9e9;
    }

.cellGreen{
	background: #00b259;
	color:#fff;
}



/*Styles the left and right border colour */
.themeRowLeft{
    border-left-width: 0.25em;
    border-left-style: solid; 
}


.themeRowRight{
    border-right-width: 0.25em;
    border-right-style: solid; 
}


.yellowTheme{
    border-color: #ffcb05;
}

.blueTheme{
    border-color: #2484c6;
}

.greenTheme{
    border-color: #00b259;
}

.purpleTheme{
    border-color: #8f53a1;
}

/* Colours the Theme Titles */
.yellowTheme .themeTitle{
    color:#2484c6;
}

.blueTheme .themeTitle{
    color:#2484c6;
}

.purpleTheme .themeTitle{
    color:#8f53a1;
}

.greenTheme .themeTitle{
    color:#00b259;
}


/*******Promo Boxes*******/

/*KB TEMP*/
.featureRowGrey{
background-color:#f1f1f1;
	padding: 1em !important;
}

/*Theme coloured background - corresponding text colour - on hover invert*/

.yellowBackTheme .promoTextContainer{
    color:#888;
    background-color: #ffcb05;
	text-decoration-color: #fff;
	
}

/*.yellowBackTheme.homePromoContainer:hover .promoTextContainer,.yellowBackTheme .promoTextContainer:hover{
    color:#ffcb05;
    background-color: #888;
}*/
.yellowBackTheme.homePromoContainer a:hover{  text-decoration-color: #888;}

.blueBackTheme.newsletterRow{
    color:#fff;
    background-color: #2484c6;
}


.blueBackTheme.newsletterRow .homeTitle{
    color:#fff;   
}


.blueBackTheme.newsletterRow .newsletterForm .mc-field-submit input[type="submit"]{
background-color:#00b259; !important
}
.blueBackTheme  .promoTextContainer{
    color:#fff;
    background-color: #2484c6;
}


/*.blueBackTheme.homePromoContainer:hover .promoTextContainer,.blueBackTheme  .promoTextContainer:hover{
    color:#2484c6;
    background-color: #fff;
}*/

.purpleBackTheme  .promoTextContainer{
    color:#fff;
    background-color: #8f53a1;
}


/*.purpleBackTheme.homePromoContainer:hover .promoTextContainer, .purpleBackTheme  .promoTextContainer:hover{
    color:#8f53a1;
    background-color: #fff;
}*/
.purpleBackTheme.homePromoContainer a:hover{  text-decoration-color: #fff;}

.greenBackTheme  .promoTextContainer{
    color:#fff;
    background-color: #00b259;
}

/*.greenBackTheme.homePromoContainer:hover .promoTextContainer,.greenBackTheme  .promoTextContainer:hover{
    color:#00b259;
    background-color: #fff;
}*/
.greyHover:hover{
	background-color:#f1f1f1;
}

.greenBackReverseTheme .textContainer{
	 color:#00b259;
    background-color: #fff;
}

.greenBackReverseTheme .overlay:hover{
	 color:#fff;
    background-color: #00b259;
}

.yellowBackReverseTheme .textContainer{
	 color:#ffcb05;
    background-color: #888;
}

.yellowBackReverseTheme .overlay:hover{
	 color:#888;
    background-color: #ffcb05;
}

.purpleBackReverseTheme .textContainer{
	color:#8f53a1;
    background-color: #fff;
}

.purpleBackReverseTheme .overlay:hover{
	 color:#fff;
    background-color: #8f53a1;
}


.blueBackReverseTheme .textContainer{
	 color:#2484c6;
    background-color: #fff;
}

.blueBackReverseTheme .overlay:hover{
	 color:#fff;
    background-color: #2484c6;
}

.blueBackReverseThemeOpaque .overlay:hover{
	 color:#fff;
	background:none;
    background-color: rgba(36,132,198,0.8);
}

.yellowBackReverseThemeOpaque .overlay:hover{
	 color:#fff;
	background:none;
    background-color: rgba(255,203,5,0.8);
}

.greenBackReverseThemeOpaque .overlay:hover{
	 color:#fff;
	background:none;
    background-color: rgba(0,177,89,0.8);
}

.purpleBackReverseThemeOpaque .overlay:hover{
	 color:#fff;
	background:none;
    background-color: rgba(143,83,161,0.8);
}




/**Banner Promo**/
.bannerPromo{
    position: relative;
}

.bannerPromo a:link, .bannerPromo a:visited {
    text-decoration: inherit;
    text-decoration-color: inherit;
}

.bannerPromoImg{
    max-width:100%;
	display:block;
	width:100%; /*CG Fix for image not going 100%*/
}
.bannerPromoTextArea{
position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;

}

	.bannerPromoTextArea{
		width: 600px;
    margin: auto;
	}
.bannerPromoTextContainer{
    position: absolute;
    top:50%;
    transform: translateY(-50%);
	padding:0.5em 1em 1em 1em;
   /* width:40%;*/

    
	
}

.bannerPromoText{
    margin-bottom: 1em;
	position:relative;
    color: #fff;
    font-size: 3em;
    font-weight: 300;
	/*text-shadow: 0 0px 20px black;
	background-color: rgba(3, 3, 3, 0.25);
	box-shadow: 1px 1px 50px rgba(3, 3, 3, 0.4);*/
}

.bannerPromoAction{
   
	padding:0.5em;  
    display: inline-block;
	font-size:1.5em;
}

/*Banner location**/
.bannerTextRight{
	right:0;
}

/**Banner Text area - No Background*/
.bannerNoBack.bannerPromoTextContainer{}
.bannerNoBack .bannerPromoText{}
.bannerNoBack .bannerPromoAction{
 	color:#fff;
	 background-color:#7ac142;
}

/**Banner Text area - Grey Background*/
.bannerGreyBack.bannerPromoTextContainer{
		background-color: rgba(3, 3, 3, 0.25);
}
.bannerGreyBack .bannerPromoText{}
.bannerGreyBack .bannerPromoAction{
 	color:#fff;
	background-color:#7ac142;
}

/**Banner Text area - White Background*/
.bannerWhiteBack.bannerPromoTextContainer{
	background-color: rgba(255, 255, 255, 0.75);
}
.bannerWhiteBack .bannerPromoText{
color:#2484c6;}
.bannerWhiteBack .bannerPromoAction{
  color:#fff;
	 background-color:#2484c6;}

/**Promo boxes**/
.homePromoRow{
 
}

.homePromoCell{
   
  
}

.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
}


.homePromoContainer a:link, .bannerPromoBanner a:visited {
    text-decoration: inherit;
   /* text-decoration-color: inherit;*/
}

.homePromoContainer a:hover, .bannerPromoBanner a:hover {
    text-decoration: underline;
 
}


.homePromo{
    width:100%;
	position:relative;
 	margin-bottom:0.5em;
}
/*.homePromo a{
    position: relative;
    height:100%;
}
.homePromoBack {
    position: absolute;
    padding-top: 100%;
    left: 0;
    top: 0;
    width: 100%;
    background: #ccc;
}*/
.homePromo img{
    max-width:100%;
	display:block;
	width:100%;
}
/*.homePromo .textBlock{
    position: relative;

    }

    .homePromo .textBlock .promoText{
        position: absolute;
        top:50%;
        transform: translateY(-50%);
        width:100%;
        }
        


.homePromo .promoText{
    padding:0.5em;
}

.homePromo .promoText .title{
    margin-bottom:0.5em;
    
}
.homePromo .promoText .action{    
    font:0.5em;
}*/

.promoTextContainer{
	display:block;	
	/*padding:1em;*/
	padding: 2em;
}
.promoTextPositioned{
	/*position:absolute;	*/
}

.homePromo .promoTextPositioned{
	min-height:4em;
	width:25em
}

.activityBox .overlay{
	position:absolute;	
	/*width:inherit;*/
	color: #fff;
	top:0;
	bottom:0;
	left:0;
	right:0;
	background: linear-gradient(to top, rgba(0, 0, 0, 0.5)30%, rgba(0, 0, 0, 0)50%);
}

.activityBox .promoTextPositioned{
	/*position:absolute;	*/
	width: calc(100% - 2em);
	/*background-color:#f4f4f4;
	color:#2484c6;*/
	font-weight:500;
	/*height:3em;*/
	
}

.activityBox .promoTextPositioned .textContainer{
font-size:1.2em;
	    min-height: 2em;
}
.activityFlexBox {	

	margin-bottom: 0.5em;
}

.blueTheme .activityFlexBox {	
	background-color:#f4f4f4;
	color:#2484c6;
	
}
.blueTheme .activityFlexBox:hover{	
	background-color:#2484c6;
	color:#fff;
}


.purpleTheme .activityFlexBox {	
	background-color:#f4f4f4;
	color:#2484c6;
	
}
.purpleTheme .activityFlexBox:hover{	
	background-color:#8f53a1;
	color:#fff;
}


.yellowTheme .activityFlexBox {	
	background-color:#f4f4f4;
	color:#2484c6;
	
}
.yellowTheme .activityFlexBox:hover{	
	background-color:#ffcb05;
	color:#888;
}


.greenTheme .activityFlexBox {	
	background-color:#f4f4f4;
	color:#2484c6;
	
}
.greenTheme .activityFlexBox:hover{	
	background-color:#00b259;
	color:#fff;
}

.activityFlexBox a{
color:inherit;
	text-decoration:inherit;
}
.promoTextTopLeft{
	top:0;
	left:0;
}

.promoTextTopRight{
	top:0;
	right:0;
}

.promoTextBottomLeft{
	bottom:0;
	left:0;
}

.promoTextBottomRight{
	bottom:0;
	right:0;
}

.promoTextContainer .title{
	font-size:2em;
	font-weight:500;
}


.promoTextContainer .action{
	margin-top:1.5em;
}

/***HEADER***/

/*SEARCH*/

/*Search page*/

.searchResults ul{
	list-style: none;
}

/*Search page*/


.searchMobile {
  text-decoration:none;  
  cursor:pointer;
  text-align:center;
  padding-top: 0.25em;
  padding-bottom: 0.25em;
}

.searchform input[type="search"], input[type="submit"]{
-webkit-appearance: none;
	border-radius: 0;	
	background-color:#f1f1f1;
	padding-left:0.25em;
	
	
}
/*
form.searchform{   
	float:right;
	padding-top:2em;
}
*/
form.searchform input{
    border:none;
    line-height:1.5;  
    vertical-align:middle;/*Need line-height, height and vertical-align for form input alignment to be consistent across browsers*/
    box-shadow:none;
	/*height:1.5em;*/
	height: 2.5em;	
	padding-top: 1em;
	
	
}
.searchform .button {   
    background-color:#f1f1f1;   
	color:#333;
	width:2em;
	
}

/*.searchform > .button:hover {
	background-color:#009840;	
*/

input:required {
    box-shadow:none;
}

input:invalid {
    box-shadow:none;
}
/*END SEARCH*/

/**TopNav***/

/*TOP MENU NAV*/

.topNav{
	float:right;
}

.topNav ul {
    padding:0;
}

.topNav ul li{
    list-style:none;
    display:inline-block;
    padding:0 1em 0 1em;
    color:#888;
	font-size:1.2em;
}

.topNav ul li:last-child{
padding-right:0;
}
.topNav ul li:first-child{
    padding-left:0;	
}
.topNav ul li + li{
    border-left:1px solid #888;
	line-height:1em;
}
.topNav ul li a{
    color:#888;
	text-decoration:none;
}
.topNav ul li a:hover{	
	text-decoration:underline;
}

/**TopNav End**/

/**Help Tab**/

.helpTab{
	background-color:#2484c6; 
	color:#fff; 
	float:right; 
	margin: 0em 1em;
	padding:2em 0.75em 0.2em 0.75em;
}

/**Help Tab End**/

/**Homepage components**/
.homeTitle{
	color:#888;	
    font-size: 2.5em;
    font-weight: 300;
	margin-bottom:1em;
}

.homeTitle b, .bannerPromoAction b, .newsButton b, .supportButton b {
    font-weight: 500;
	
}

.ksbStrap{
	/*font-size:1.5em;*/
	color:#2484c6;
	margin:0em 1em;	
	/*font-weight: 500*/
	font-size: 2em;
	font-weight: 400;
		
}

.supportButton{
	color:#fff;
	background-color:#2484c6;
	/*border: #2484c6 solid 1px;*/
	margin: 1.5em 1em 0em 1em;
	display:inline-block;
	padding:0.5em;
	border-radius:0.25em;
	cursor:pointer;
	font-size: 1.5em;
}

.thankyouLink{
margin-left: auto; margin-right: auto; width: 25%; text-align: center; display: block;
}
.thankyouButton{
	color:#fff;
	background-color:#2484c6;
	transition: all .25s;
	-webkit-transition: all .25s;		
	display:inline-block;
	padding:0.5em;
	border-radius:0.25em;
	cursor:pointer;
	font-size: 1.5em;
	border:1px solid #2484c6;
}

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



.newsButton{
	color:#fff;
	background-color:#00b259;
	margin: 1.5em 1em 0em 1em;
	display:inline-block;
	padding:0.5em;
	border-radius:0.25em;
	cursor:pointer;
	font-size: 1.5em;
}

.newsButton:hover{
	color:#2484c6
	background-color:#fff
}
.newsButton:focus{
	color:#2484c6
	background-color:#fff
}

.centreContainer{
	text-align:center;

}


/***FlexboxTest***/
.flexParent {
width:100%;
  margin: 0 auto;
  display: flex;
	align-items: center
}

.column {

  flex-grow: 1;
  flex-shrink: 1;
	align-self: auto;
}
.largeCol{
width:60%;
}

.smallCol{
width:40%;
	margin: 10px;
}

.testFlexText{
	background-color: blue;
    padding: 1em;
    color: #fff;
}


/***themeActivitybox test **/
.activityBox{
position:relative;
	margin-bottom:0.5em;

}




.bottomRow .activityBox{
	margin-bottom:0em;
}

.activityBox img{
	max-width:100%;
	/*display:block;*/
	width:100%;
}

.themeTextContainer a{
	text-decoration:none;
	color:inherit;
}
.themeTextContainer a:hover{	
	text-decoration:underline;	
	color:inherit;
}


.themeTitle{
font-size: 2em;
    font-weight: 500;
}

.themeDesc{
	padding-top:1em;
	font-size: 1.1em;
    letter-spacing: 0.02em;
}

.themeTextContainer{
	padding:1em;
}



/**newsTest***/
.newsBox {
	background-color:#fff;
	padding:1em;
	display:flex;
		

}

.newsCol a{
	    text-decoration: inherit;
    text-decoration-color: inherit;
}

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

/**newsFlex**/

.newsFlex{
width:100%;
  margin: 0 auto;
  display: flex;
	align-items: stretch;
-webkit-flex-direction: row; /* Safari */
  flex-direction: row;
	margin-bottom:2em;
	flex-wrap: wrap;
    justify-content: space-between;
}

.newsCol {
	display: flex;
		align-items: stretch;
-webkit-flex-direction: column; /* Safari */
  flex-direction: column;
	
}

.newsColLeft {
	flex-basis:40%;
	background-color:#fff;
}

.newsColRight {
flex-basis:58.5%;
	
}
.largeNews{
align-items: stretch;
			-webkit-flex-direction: column; /* Safari */
  flex-direction: column;
	flex-grow:1;
}

.smallNews{
align-items: stretch;
			-webkit-flex-direction: row; /* Safari */
  flex-direction: row;
	flex-grow:1;}

.smallNewsTop{

margin-bottom:1em;
}

.smallNewsBottom{
	margin-top: auto;}

.newsTextContainer{
	/*position:relative;*/
}
.newsTitle{
	/*position:absolute;
	bottom:0;
	right:0;*/
	color:#2484c6;
	font-size:1.3em;
	margin:0.7em 0em;
	
}
.readMore{
/*	position:absolute;
	bottom:0;
	right:0;*/
	color:#888;
	font-size:0.8em;
	text-align:right;
	margin-top: auto;
}

.largeNews .newsBorder{
	width:50%;
	border-top-width:0.25em;
	border-top-style:solid ;
}

.smallNews .newsBorder{
width:100%;
	border-top-width:0.25em;
	border-top-style:solid ;
}


.smallNewsTextContainer{
	display:flex;
	align-items: stretch;
	-webkit-flex-direction: column; /* Safari */
	flex-direction: column;
	flex-grow: 1;
	flex-shrink: 1;
	flex-basis: 50%;
	margin-left: 1em;
}

.smallNewsImage{
	/*flex: 1 1 0;*/
	flex-grow: 1;
	flex-shrink: 1;
	flex-basis: 50%;
}



/**KEITHN TESTING**/
/**ThemeFlex**/

.themeFlex{
	display:flex;
	width:100%;
	align-items: stretch;
}
.themeFlexGutter{
	margin-bottom:3em;

}

.themeFlexText{	
	/*background-color:lightgreen;*/

}

.themeFlexActContainer{
	/*background-color:lightblue;*/
	display:flex;
	flex-wrap:wrap;
	flex-grow:1;
	justify-content: space-around;
	
}

.activityFlexBox{
background-color:#f4f4f4;
}

.activityFlexBox a{
	/*width:100%;
width: calc(100% - 0.5em);
    margin-left: 0.5em;*/
}



.lediv{
	width:100%;
}
.imageDesk{max-width:100%; flex-grow:1;}
.imageMob{max-width:100%;flex-grow:1;}

/**Breadcrumb**/

.breadcrumb{
	list-style: none;
	overflow: hidden;
	font-size: 10pt;	
	color:#333;	
	display: flex;
	align-items: center;
	padding-left:0;
	
	}

.breadcrumb a{
	text-decoration:none;
	color:#333;
}
.breadcrumb .breadHome svg{
	height:2em;
	width:2em;
}
.breadcrumb li{
	display:inline-block;
}

.breadcrumb li a:hover{
	text-decoration:underline;
}

.breadcrumb li:not(:last-child){
	
}
.breadcrumb li:not(:last-child)::after { 
	content: " > ";
	padding:0 0.5em;
}




/**Breadcrumb**/


/**KB: PromoFlex Testing **/

/**Shared*/
.promoTitle{
	font-size: 1.5em;
    font-weight: 500;	
}

.promoAction{
    margin-top: 1.5em;
}

.promoImgContainer img{
	max-width:100%;
	width:100%;
	/*display: block;*/
}


.promoImgContainer imgDesk{
	max-width:100%;
	/*display: block;*/
}

a.promoContainerBox:link{
	text-decoration:inherit;
}

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

.promoContainerBox.yellowBackTheme{
	color: #666;
}

.promoContainerBox.blueBackTheme{
	color: #fff;
}

.promoContainerBox.purpleBackTheme{
	color: #fff; 
}

.promoContainerBox.greenBackTheme{
	color: #fff;    
}


.promoContainerBox.yellowBackTheme .promoTitleContainer{
    background-color: #ffcb05;
}

.promoContainerBox.blueBackTheme .promoTitleContainer{	
    background-color: #2484c6;
}

.promoContainerBox.purpleBackTheme .promoTitleContainer{
    background-color: #8f53a1;
}

.promoContainerBox.greenBackTheme .promoTitleContainer{
    background-color: #00b259;
}

/*Mobile Menu*/

.mobileMenuFlex{		
	justify-content:space-around;
}

.menuLogo{
	flex-basis:40%;	
}

.menuLogo.isInvisible{visibility:hidden;}

.menuControl{
	display:flex;
	flex-basis:30%;	
}

.menuControl .menuItem{
	flex-basis:50%;
	text-align:center;
	font-size:1.25em;
	text-decoration:none;
	cursor: pointer;
	justify-content: center;
}

.menuControl .searchToggle{
	z-index:9999;
}

.menuControl .menuItem .menuIcon{display:block; margin-left:auto; margin-right:auto;}

 .mobileHeader img{display:block; margin-left:auto; margin-right:auto; padding:1em 0;width:100%;}
    
    .mobileMenu{display:flex; justify-content: space-between; align-items: center; width:100%; vertical-align: middle; }
		.menuItem .material-icons{vertical-align: middle;}
    /*.mobileMenu .menuItem{flex-basis:20%; text-align:center; font-size:1.25em; text-decoration:none; cursor: pointer; display: inline-flex; justify-content: center;}
    .mobileMenu .menuItem > .menuIcon{display:block; margin-left:auto; margin-right:auto; color: #2484c6; }
    .mobileMenu .menuLogo{flex-basis:60%; cursor: pointer; display: inline-flex; justify-content: center;}
*/
    
    .material-icons{font-size: 1.75em; z-index:999; color: #2484c6;}
    
    
    .mobileNav.isVisible{visibility:visible;}
	
    .mobileNav{border-top:2px solid #2484c6; position:absolute; height:100%; width:100%; visibility:hidden;}
    .mobileNav ul{margin:0; list-style:none; padding: 1em 1em 6em 1em; }
    .mobileNav li{padding:0.5em 0; font-size:1.5em;}
    .mobileNav li a{color:#2484c6; text-decoration:none;}
    
    
    .search-input{  z-index:1; visibility:hidden; position:absolute; right: 15%; width: 85%; display: flex;
flex-basis: 100%;}
    .search-input input{ border-radius: 10px; text-indent:10px; border: 2px; color:#666; height: 2em; width:100%; background-color:#f1f1f1;}
    .searchColour{color:#2484c6;}
    .search-input.isVisible{visibility:visible;}
    
    .noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}
/*Mobile Menu*/

/*Footer Logos*/
    .orgIcons{
        list-style:none;
        text-align: center;
        padding:0;
        
    }
    
    .orgIcons li{
        display: inline-block;
        padding: 0px 2em;
        width: 130px;
        
    }    
    .orgIcons img{
        width:100%;
        
    }
/*Footer Logos*/


/*WORKS FOR DESKTOP MOSTLY**/
/*
.promoFlex{
	display:flex;
	background-color:lightblue;
	width: 100%;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:space-between;
}

.promoFullWidth{
width:100%;
	background-color:lightyellow;
}
.promoHalfWidth{
width:calc(50% - 0.25em);
	background-color:lightgreen;
}

.promoFullWidth.promoContainerBox{
	display:flex;
	align-items: center;
	width:100%;
	margin: 0 auto 0.5em auto;
	
}

.promoFullWidth .promoTitleContainer{
	width:40%;
	margin:10px;
	flex-grow:1;
	flex-shrink:1;
	align-self:auto;	
	background-color:purple;
	padding: 1em;
}

.promoFullWidth .promoImgContainer{
	flex-grow:1;
	flex-shrink:1;
	align-self:auto;
	background-color:pink;
}

.promoHalfWidth.promoContainerBox, .promo70Width.promoContainerBox, .promo30Width.promoContainerBox{
    position: relative;
    margin-bottom: 0.5em;
}

.promoHalfWidth .promoTitleContainer, .promo70Width.promoTitleContainer, .promo30Width.promoTitleContainer{
	min-height: 4em;
    width: 25em;
	background-color:purple;
	position: absolute;
	padding: 1em;
}

.promoHalfWidth .promoImgContainer, .promo70Width.promoImgContainer, .promo30Width.promoImgContainer{
	background-color:pink;
}

  

*/



/**NEW CHANGES***/

.thumbnail img{
max-width:100%;
}
/*Thumbnail height fix*/
.thumbnailHeight img{
max-height:5em;
}
/**NEW CHANGES END****/

/*RoadSide Promo override**/
.roadSideHomePromo{
top: 40%;
}



/***NewsLetter chagnes**/
.newsLetterFlexCol{
display:flex;
	flex-direction:row;
	flex-wrap: wrap;

}
.newsletterPrivacy a{
color:inherit;
}
.newsLetterFlexCol .flex-item{
flex-basis:45% !important;

}
.mc-field-submit input[type="submit"]{
padding: 0.5em 1em !important;
	font-size:larger;
	font-weight:500;
}
.newsLetterFlexCol.col1{
width:60%;

}

.newsLetterFlexCol.col2{
width:40%;

}
.newsLetterFlexCol.col2 .mc-field-group div{

    display: inline-block;
    width: 29%;
    margin-right: 0;
    vertical-align: top;
}

.newsletterPrivacy {
padding:1em 0em;
	font-size:0.75em;
}
.mc-field-group select {
    width: 100%;
	box-sizing:border-box;
    padding: 0.21em 0;
    border: 1px solid #888;
    text-indent: 0.5em;
    color: #333;
}
.newsLetterFlexCol.col2 .mc-field-group ul{
list-style:none;display: inline-block;width: 70%;padding: 0;vertical-align: top;margin: 0;

}
.newsLetterFlexCol.col3{
width:100%;

}
.newsLetterFlexCol div{
	margin-right:1em;	
}

.activityHomeMenu{
margin-top:1em;
}

/*Activity Promos*/
.activityPromos .promoContainerBox {
	font-size:0.75em;
}

.ccfFundOverride{
margin-top:9em;
	width:60% !important;
}

.menuBrand p{margin-left:auto; margin-right:auto; width:100%; display:block; margin-bottom:0.5em; margin-top:2em; text-align:center}

.menuBrand img{margin-left:auto; margin-right:auto; width:50%; display:block}

.menuBrandMobile img{ width:25% !important;}


/*Homepage Banner*/

.homepageBanner{
	/*cursor:pointer;*/
}

.homepageBanner:hover h1{
	text-decoration:underline;
}

.homepageBanner:hover p{
	text-decoration:underline;
}

.homepageBanner:hover img{
	/*opacity: 0.9;
    filter: alpha(opacity=90);*/
}

.homepageBannerTitle{
	color:#fff;
	text-align:center;
	margin-bottom:0;
}

.homepageBannerText{
	color:#fff;
	text-align:center;
	font-size:1.25em;
	margin-top:0.5em;
}

/*Homepage Banner*/


/*Grid Padding*/
.pad0b{
	padding-bottom:0 !important;
}

.pad0t{
	padding-top:0 !important;
}

.pad05b{
	padding-bottom:0.5em !important;
}

.pad05t{
	padding-top:0.5em !important;
}

.pad1b{
	padding-bottom:1em !important;
}

.pad1t{
	padding-top:1em !important;
}

.marginLeft0{
margin-left:0;
}
/*Grid Padding*/

/*Contact us map fix*/
.map-responsive iframe{
	max-width:100%;
}
/*Contact us map fix*/



/*Roadside form*/

.formRoadside .umbraco-forms-page legend{
	padding-left: 0.5em;
	padding-right: 0.5em;
	color:#333;
}

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

.formRoadside .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;
}

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

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

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

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

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

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

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

/*leaflet fix*/
.leaflet-container  {
  height:100%;
  width:100%;
}

/*Form Styles*/

/*CCf Map Radio button style PR 19/03/19*/
/*CCF Projects Map*/
.ccfRfRadio {
    margin: 5px;
    padding: 10px;
    float: left;
    color: #666;
    background-color: #c3e2c1;
}
#showResults li{
	list-style:none;
}
.ccfRadioSelected{
	font-weight: bold;
}

/*Align items center in grid*/
.gridCenter{
	display:flex;
	align-items:center;
}
.whichofthesefullyfundedtrainingopportunitiesdeliveredjanuarymarch2022areyouinterestedin .checkboxlist{
	padding-left:0 !important; 
}
.img-orient-inherit img {
	image-orientation:inherit;
}


/*HCWP map*/
.legend {background-color: white; padding:7px; border: 1px black solid; border-radius: 5px;}
.legend-marker{width:20px;}

/*psVideo100*/
.psVideo100 .psVideo{
	width:100%;
background-color:pink;
}

/*Training Tables*/
.accredited-training-irregular{
	font-size:0.75rem;
	text-align: center
}
.accredited-training-irregular th{
padding:0.25rem;
	
}
.accredited-training-irregular td{
border:1px solid #888;
}


 .th_GreenDark th{
	background-color:#04a64a;
	border:1px solid #fff;
	color:#fff;

}

 .th_Green th{
	background-color:#63b76b;
	 border:1px solid #fff;
	color:#fff;

}
 .th_GreenLight th{
	background-color:#7ec07e;
	 border:1px solid #fff;
	color:#fff;

}

 .th_Grey th{
	background-color:#706f6f;
	 border:1px solid #fff;
	color:#fff;

}

/*Objective pages*/
.purpose-list{
	width:100%;	
	display: grid;
  grid-template-columns: 30% 30% 30%;
  grid-template-rows: auto;
	gap:5%;
 
}
.purpose-item{
	background-color:#f4f4f4;
	    display: flex;
    justify-content: center;
    align-items: center;

}
.purpose-image{
/*display:inline-block;
	width:25%;*/
}
.purpose-image img{
width:100%;
}
.purpose-text{
/*display:inline-block;
	width:calc(75% - 1rem);*/
	padding:0.5rem;
	color:#2484c6;
	font-weight:500;
}


.objective-sdg-list{
	width:100%;	
	display: grid;
  grid-template-columns: 10% 10% 10% 10% 10% 10% 10% 10%;
  grid-template-rows: auto;
	gap:1%;
	margin:1rem 0;
}
.objective-sdg{

}

.objective-sdg img{
width:100%;
}

.objectives__container{
width:100%;	
	display: grid;
  grid-template-columns: 22% 22% 22% 22%;
  grid-template-rows: auto;
	gap:4%;
	margin:1rem 0;
}

.objectives__box{

}
.objectives__box img{
	width:100%;
	max-width:100%;

}

.objectives__box--blue img{
	border-bottom: #2484c6 0.5rem solid;
}
.objectives__box--green img{
	border-bottom: #00b259 0.5rem solid;
}
.objectives__box--yellow img{
	border-bottom: #ffcb05 0.5rem solid;
}
.objectives__box--purple img{
	border-bottom: #8f53a1 0.5rem solid;
}
.objectives__box text, .objectives__box a{
color:#2484c6;
	font-weight:500;
	text-decoration:none;
}

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




@media (max-width: 599px) { 
	.objectives__container{
width:100%;	
	display: grid;
  grid-template-columns: 46% 46%;
  grid-template-rows: auto;
	gap:8%;
	margin:1rem 0;
}
}

.training{
	position:relative
}
.training__promo__container{
	width:100%;
	background-image: url('/media/1572902/cet-background.png');
	background-position: center;
	background-repeat: no-repeat;
	background-size:cover
}

.training__promo{
	display: grid;
  grid-template-columns: 50% 50%;
  grid-template-rows: auto;
	position: relative;
	position: relative;
}
.training__text{
	display:flex;
	align-items:center;
	justify-content:center;
	font-weight:500;
	
	text-align:center;
	font-size:3rem;
	/*width:calc(100% - 8rem);
	padding:3rem 4rem;
	font-weight:500;*/
	width:60%;
	padding:5% 20%;
	
}
.training__promo__container__text, .training__promo__container a{
	background-color:#00b259;
	color:#fff;

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


.training__image img{
max-width:100%;
	width:100%;
	display:block;
	/* 23082023 Added by SM */
	height: 100%;
	object-fit: cover;
}

/* 23082023 Added by SM */
@media (max-width: 599px) { 
	.training__promo{
  		grid-template-columns: unset;
	}
	.training__text{
		width: 100%;
		padding: 5% 0;
		font-size:2rem;
	}
}

/* 22122023 Added by SM - Upstream Battle button center aligining */
.button-center {
	padding: 0 auto;
}

/* 31012024 Added by SM - Upstream Battle spacer block */
.spacer {
	height: 1rem;
}