@charset "utf-8";
/* CSS Document */

/* HTML5 CSS reset */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, 
code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, 
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, 
details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
    margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;
}
body { line-height: 1; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
nav ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
a { margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
ins { background-color: #ff9; color: #000; text-decoration: none; }
mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }
table { border-collapse: collapse; border-spacing: 0; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #cccccc; margin: 1em 0; padding: 0; }
input, select { vertical-align: middle; }
div { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }

.divClear { clear: both; }

/* CSS Font Defaults */

body { width: 100%; font-family: 'PT Sans', sans-serif; /*font-size: 10px;*/ color: rgba(76,76,76,1); }

input, textarea, button, select { font-family: 'PT Sans', sans-serif; color: rgba(76,76,76,1); font-size: 0.875em; font-weight: 400; }

.fontSizeSet { /*font-size: 16px;*/ font-size: 1.262vw; letter-spacing: 0px; }
.fontSizeClear { font-size: 0px; letter-spacing: -4px; }
.fontSizeClear > * { 
	font-size: 16px; /* fix for browser that don't like vw units */
	font-size: 1.262vw; 
	letter-spacing: 0px; 
}

h1 { font-size: 1.25em; font-weight: 500; }
h2 { font-size: 1.125em; font-weight: 500; }
h3 { font-size: 0.9375em; font-weight: 500; }
h4 { font-size: 0.75em; font-weight: 500; }
h5 { font-size: 0.625em; font-weight: 400; }
h6 { font-size: 0.625em; font-weight: 400; }
p { font-size: 0.875em; font-weight: 400; }
b, strong { font-weight: 700; }
i { font-style: italic; }

ul { margin: 0; padding: 0; list-style: none; } 
li { margin: 0; padding: 0; font-size: 0.875em; font-weight: 400; line-height: 1.25; }
li p { font-size: 1em; }

a { /* (original blue) color: rgba(0,174,239,1);*/ 
	/* (darker green) color: #2f9545;*/
	/* (logo green) color: rgba(39,153,71,1);*/
	/* color: rgba(123,180,45,1);*/
	color: #669900;
}

.spNoWrap { white-space: nowrap; }

/* Colours */

.backWhite { background-color: rgba(255,255,255,1) !important; }
.backMidGreen { background-color: rgba(99,188,70,1) !important; }
.backViolet { background-color: rgba(158,85,161,1) !important; }
.backOrange { background-color: rgba(247,147,29,1) !important; }
.backMidBlue { background-color: rgba(0,174,239,1) !important; }
.backDarkBlue { background-color: rgba(81,77,160,1) !important; }
.backMidRed { background-color: rgba(238,37,36,1) !important; }
.backDarkGreen { background-color: rgba(39,153,71,1) !important; }
.backSand { background-color: rgba(201,137,46,1) !important; }
.backDarkRed { background-color: rgba(237,28,36,1) !important; }
.backSteelBlue { background-color: rgba(37,64,142,1) !important; }

/* # 7bb42d / rgba(123, 180, 45, 1) */

.textRust { color: rgba(189,60,41,1) !important; }

/*.borderLightGreen { border: solid 1px rgba(141,199,63,1) !important; }*/
.borderLightGreen { border: solid 1px rgba(123,180,45,1) !important; }

/* High contrast options */

/* All text in black, all background colours pale grey */
.hiContrast1 { color: rgba(0,0,0,1) !important; }
.hiContrast1 a { color: #3344dd !important; text-decoration: underline !important; }
.hiContrast1 a:hover { color: #bb1122 !important; }
.hiContrast1 a:visited { color: #884488 !important; }
.hiContrast1 #navMenuTop, .hiContrast1 #navMenuTop #divSearchBox { background-color: rgba(240,240,240,1) !important; }
.hiContrast1 #navMenuTop li.liFacebook a { background-color: transparent !important; }
.hiContrast1 #navMenuTop li.liFacebook a:hover { background-color: transparent !important; }
.hiContrast1 #navMenuTop li.liTwitter a { background-color: transparent !important; }
.hiContrast1 #navMenuTop li.liTwitter a:hover { background-color: transparent !important; }
.hiContrast1 #navMenuTop li.liWordpress a { background-color: transparent !important; }
.hiContrast1 #navMenuTop li.liWordpress a:hover { background-color: transparent !important; }
.hiContrast1 #divBfDHeader p { color: rgba(0,0,0,1) !important; }
.hiContrast1 .divColourBlock, .hiContrast1 .divFooterColourBlock { background-color: rgba(240,240,240,1) !important; color: rgba(0,0,0,1) !important; }
.hiContrast1 .textRust { color: rgba(0,0,0,1) !important; }
.hiContrast1 .borderLightGreen { border: solid 1px rgba(80,80,80,1) !important; }
.hiContrast1 h2, .hiContrast1 .divText h2 { color: rgba(0,0,0,1) !important; }
.hiContrast1 h3, .hiContrast1 .divText h3 { color: rgba(0,0,0,1) !important; }
.hiContrast1 h4, .hiContrast1 .divText h4 { color: rgba(0,0,0,1) !important; }

/* All text in black, all background colours pale grey */
.hiContrast2 { color: rgba(255,255,0,1) !important; background-color: rgba(0,0,0,1) !important; }
.hiContrast2 a { color: rgba(255,0,0,1) !important; text-decoration: underline !important; }
.hiContrast2 a:hover { color: rgba(255,127,0,1) !important; }
.hiContrast2 a:visited { color: rgba(255,63,0,1) !important; }
.hiContrast2 #navMenuTop, .hiContrast2 #navMenuTop #divSearchBox { background-color: rgba(40,40,40,1) !important; }
.hiContrast2 #navMenuTop li.liFacebook a { background-color: transparent !important; }
.hiContrast2 #navMenuTop li.liFacebook a:hover { background-color: transparent !important; }
.hiContrast2 #navMenuTop li.liTwitter a { background-color: transparent !important; }
.hiContrast2 #navMenuTop li.liTwitter a:hover { background-color: transparent !important; }
.hiContrast2 #navMenuTop li.liWordpress a { background-color: transparent !important; }
.hiContrast2 #navMenuTop li.liWordpress a:hover { background-color: transparent !important; }
.hiContrast2 #divSliderWrapper { background-color: rgba(40,40,40,1) !important; }
.hiContrast2 #divFooterWrapper { background-color: rgba(40,40,40,1) !important; }
.hiContrast2 #divBfDHeader p { color: rgba(255,255,0,1) !important; }
.hiContrast2 #divFooter { color: rgba(255,255,0,1) !important; }
.hiContrast2 .divColourBlock, .hiContrast2 .divFooterColourBlock { background-color: rgba(40,40,40,1) !important; color: rgba(255,255,0,1) !important; }
.hiContrast2 .textRust { color: rgba(255,255,0,1) !important; }
.hiContrast2 .borderLightGreen { border: solid 1px rgba(240,240,240,1) !important; }
.hiContrast2 h2, .hiContrast2 .divText h2 { color: rgba(255,255,0,1) !important; }
.hiContrast2 h3, .hiContrast2 .divText h3 { color: rgba(255,255,0,1) !important; }
.hiContrast2 h4, .hiContrast2 .divText h4 { color: rgba(255,255,0,1) !important; }

/* Layout */

html, body { height: 100%; }

#menu-top { }

#divCookieAlert { display: none; width: 100%; background-color: rgba(40,40,40,1); font-size: 0.85em; }
#divCookieAlert div { width: 80%; min-width: 980px; margin: 0 auto; padding: 1em 0; }
#divCookieAlert div h2 { color: rgba(255,255,255,1); margin: 0.8em; }
#divCookieAlert div p { color: rgba(255,255,255,1); margin: 1em; }
#divCookieAlert div input[type=button] { color: rgba(141,199,63,1); background-color: transparent; border: solid 1px; margin: 0 0 0 1em; }

#divWrapper { width: 100%; /*min-width: 360px;*/ height: 100%; position: relative; }
#divHeaderWrapper { width: 100%; /*height: 7.8125em;*/ height: 8em; position: absolute; top: 0px; z-index: 1; }
#divContentWrapper { width: 100%; overflow: hidden; min-height: 100%; position: absolute; top: 0px; z-index: 0;  }
#divFooterWrapper { width: 100%; height: 12em; position: absolute; bottom: 0px; z-index: 1;  }

#divHeader { position: relative; /*width: 80%; min-width: 1000px;*/ margin: 0px auto; height: 100%; width: 100%; }
#navMenuTop { position: relative; width: 100%; /*height: 2.1875em;*/ height: 2.2em; /*Original: background-color: rgba(148,148,148,1);*/background-color: #279947; /*overflow: hidden;*/ z-index: 2; }
#navMenuTop .pHamburger { display: none; }
#navMenuTop ul { /*position: absolute;*/ top: 0; width: auto; }
#navMenuTop ul.navLeft { /*left: 0px;*/ margin:auto; min-width:980px; width:80%; }
#navMenuTop ul.navRight { right: 0px; top: 0.1em; }
#navMenuTop li { display: inline-block; /*padding: 0 0.25em;*/ vertical-align: middle; height: 100%; }
#navMenuTop li:first-child { /*padding-left: 0.5em;*/ }
#navMenuTop li a { padding: 0 0.6em; }
/*#navMenuTop li:first-child a { padding-left: 1em; }*/

#navMenuTop ul.navLeftAlt li { position: relative; vertical-align: top; float: left; }
#navMenuTop ul.navLeftAlt li span { font-size: 0.84em; line-height: 3em; color: rgba(148,148,148,1); 
	text-decoration: none; display: block; padding: 0 0.6em; }
#navMenuTop ul.navLeftAlt li a { position: absolute; top: 0px; padding: 0px; left: 0px;
    width: 100%; text-align: center; }
#navMenuTop ul.navLeftAlt li a:hover { color:#fff; /*font-weight: bold;*/ text-shadow: none; background-color: #faad19;}

#navMenuTop ul.navLeftAlt .liGive { background-color: #faad19; margin: 0 0.5em; color:#313131; }
#navMenuTop ul.navLeftAlt .liGive:hover { background-color: #faad19; color:#fff; }

#navMenuTop ul.navLeftAlt .liGive span {  }
#navMenuTop ul.navLeftAlt .liGive a { color:#313131; }
#navMenuTop ul.navLeftAlt .liGive a:hover { background-color: transparent; /*color: white; font-weight: normal;*/ }

#navMenuTop a { font-size: 0.84em; line-height: 3em; color: rgba(255,255,255,1); text-decoration: none; display: block; }
#navMenuTop a:hover { background-color: rgba(200,200,200,1); color: rgba(32,32,32,1); /*font-weight: bold;*/ 
	text-shadow: rgba(0,0,0,0.2) 0px 0px 2px; }

#navMenuTop li.liFacebook { /*float: right;*/ }
#navMenuTop li.liFacebook a { font-size: 1.2em; line-height: 1em; margin: 0.2em; width: 1.1em; text-align: center; 
	padding: 0.2em; background-color: #279947; }
#navMenuTop li.liFacebook a:hover { color: rgba(255,255,255,1); background-color: rgba(50,94,144,0.9); font-weight: normal; }
#navMenuTop li.liTwitter { /*float: right;*/ }
#navMenuTop li.liTwitter a { font-size: 1.2em; line-height: 1em; margin: 0.2em; width: 1.1em; text-align: center; 
	padding: 0.2em; background-color: #279947; }
#navMenuTop li.liTwitter a:hover { color: rgba(255,255,255,1); background-color: rgba(0,175,230,0.9); font-weight: normal; }
#navMenuTop li.liWordpress { /*float: right;*/ }
#navMenuTop li.liWordpress a { font-size: 1.3em; line-height: 1.1em; margin: 0.1em; width: 1.1em; text-align: center; 
	padding: 0.2em; }
#navMenuTop li.liWordpress a:hover { color: rgba(255,255,255,1); background-color: rgba(0,0,0,0.2); font-weight: normal; }
#navMenuTop li.liSearch { float: left; }
#navMenuTop li.liSearch a { font-size: 1.3em; line-height: 1.1em; margin: 0.1em; width: 1.1em; text-align: center; 
	padding: 0.22em; }
#navMenuTop li.liSearch a:hover { color: rgba(255,255,255,1); background-color: rgba(0,0,0,0.2); font-weight: normal; }
#navMenuTop li.liContrast { /*float: right;*/ }
#navMenuTop li.liContrast a { font-size: 1.3em; line-height: 1.1em; margin: 0.1em; width: 1.1em; text-align: center; 
	padding: 0.2em; background-color: rgba(0,0,0,0.9); color: rgba(255,255,0,0.9); }
#navMenuTop li.liContrast a:hover { color: rgba(255,255,0,1); background-color: rgba(0,0,0,1); font-weight: normal; }

#navMenuTop #divSearchBox { display: none; position: absolute; background-color: #279947; z-index: 10; top: 2.2em; right: 0; 
	padding: 0.5em; border-radius: 0 0 0.75em 0.75em; /*font-size: 16px;*/ width: 20em; }
#navMenuTop #divSearchBox.show { display: block !important; }
#navMenuTop #divSearchBox input[type=text] { width: 85%; font-size: 0.85em; padding: 0.3em; border-radius: 0.75em; border: solid 1px rgba(255,255,255,0.5); outline: none; }
#navMenuTop #divSearchBox a { display: inline-block; margin: 0px; padding: 0px; vertical-align: middle; }
#navMenuTop #divSearchBox a i { font-size: 1.3em; line-height: 0.9em; }

#divHeaderLogosWrapper { position: absolute; /*height: 5.625em;*/ height: 5.8em; left: 0px; right: 0px; bottom: 0px; z-index: 1;  }
#divHeaderLogos { position: relative; height: 100%; /*width: 76%; min-width: 760px;*/ width: 80%; min-width: 980px; margin: 0 auto; }
#divBfDHeader { position: absolute; left: 0.5em; top: 0.5em; bottom: 0.5em; width: 80%;
	background-image: url('/media/1052/bfd-header-ns.png');
	background-size: contain; background-position: left center; background-repeat: no-repeat; }
#divBfDHeader p { position: absolute; bottom: 3px; left: 3px; font-size: 0.9em; color: rgba(0,0,0,0.6); }
#divBfDTree { position: absolute; right: 0.5em; top: 0.75em; bottom: 0.75em; width: 9.5%; background-image: url(/media/1004/bfd-tree.png); 
	background-size: contain; background-position: right center; background-repeat: no-repeat; } 

#divScrollToTop #pScrollToTop { text-align: center; /*color: rgba(255,255,255,1);*/ }
#divScrollToTop #pScrollToTop i { cursor: pointer; font-size: 4em; line-height: 0.6em; }
#divFooter { /*width: 80%; min-width: 980px; margin: 0px auto;*/ /*Original: background-color: rgba(120,120,120,1);*/ background-color:#279947; color: rgba(255,255,255,1); 
	position: absolute; bottom: 0px; left: 0px; right: 0px;}
#divFooter a { color: inherit; }
#divFooter #divFooterNav { text-align: center; }
#divFooter #divFooterNav ul { font-size: 0.9em; }
#divFooter #divFooterNav li { display: inline; border-right: solid 1px rgba(255,255,255,0.4); margin: 0.2em 0 0.2em -0.25em; padding: 0 0.5em; }
#divFooter #divFooterNav li:last-child { border-right: none; }
#divFooter #divFooterNav a { text-decoration: none; white-space: nowrap; }
#divFooter #divFooterNav a:hover { font-weight: bold; }
#pContact { text-align: center; /*font-size: 1.875em;*/ /*font-family: 'Open Sans Condensed', sans-serif;*/ font-size: 1.2em; 
	line-height: 1.5em; padding: 0.5em; /*padding: 0.21875em 0;*/ }
#pBoiler { text-align: center; /*font-size: 0.9375em;*/ font-size: 0.9em; line-height: 1.5em; padding: 0.5em; }
#pCharityStrapline { text-align: center; font-size: 11px; margin: 2em 0 0 0; padding-bottom: 1em; line-height: 1.5em; }

#divContent { /*width: 80%; min-width: 1000px;*/ margin: 0px auto; /*padding: 7.8125em 0 4.6875em 0; padding: 8em 0 4.6875em 0;*/ 
	padding: 8em 0 12em 0; height: 100%; }
#divMainImageWrapper { width: 100%; height: 13.75em; background-color: rgba(231,231,231,1); }
#divMainImage { height: 13.75em; width: 76%; margin: 0 auto; background-color: rgba(80,80,80,1); }

#divMain { /*width: 76%; min-width: 760px;*/ width: 80%; min-width: 980px; margin: 0 auto; padding-bottom: 1em; }

/* Image slider */

#divSliderWrapper { width: 100%; /*height: 13.75em; min-height: 175px;*/ background-color: rgba(231,231,231,1); }
#divSlider { /*height: 13.75em; min-height: 175px;*/ /*width: 76%; min-width: 760px;*/ width: 80%; min-width: 980px; padding-top: 25%; 
	margin: 0 auto; background-color: rgba(80,80,80,1); overflow: hidden; position: relative; }
/*
#divSlider i { font-size: 5em; line-height: 1em; color: rgba(255,255,255,0.8); position: absolute; top: 50%; 
	margin-top: -0.5em; vertical-align: middle; z-index: 10; -webkit-transition: all 0.5s; transition: all 0.5s; cursor: pointer; }
#divSlider i:hover { color: rgba(255,255,255,1); }
#divSlider i.fa-angle-left { left: 0.1em; }
#divSlider i.fa-angle-right { right: 0.1em; }
*/
/* Added by Milan 9/11/2017:
display:none; 
Remove if lower grey bar of slider needs to get back
*/

#divSlider p { display:none; position: absolute; left: 0px; right: 0px; bottom: 0px; height: 1.6em; 
	background-color: rgba(0,0,0,0.2); color: rgba(255,255,255,1); 
	font-weight: 700; z-index: 5; font-size: 2.2em; line-height: 1.6em; padding: 0 0.5em; }

/*.divSlide { display: block; top: 0px; width: 102%; height: 100%; background-position: center center; background-size: cover; background-repeat: no-repeat; 
	position: absolute; left: 103%; z-index: 0; -webkit-transition: all 2s; transition: all 2s; opacity: 0.01; }*/
.divSlide { display: block; top: 0px; width: 100%; height: 100%; background-position: center center; background-size: cover; background-repeat: no-repeat; }
/*.divStatic { position: initial; opacity: 1 !important; }*/
/*
.divSlide.current { left: -1%; z-index: 1; opacity: 1; }
.divSlide.nextLeft { left: -103%; z-index: 2; opacity: 1; }
.divSlide.left { left: -103%; z-index: 0; }
.divSlide.nextRight { left: 101%; z-index: 2; opacity: 1; }
.divSlide.right { left: 101%; z-index: 0; }
*/
.divSlideStatic { display: block; width: 100%; height: 100%; background-position: center center; background-size: cover; background-repeat: no-repeat; 
	position: absolute; left: 0px; z-index: 4; opacity: 1; }

/* Home page */

/*
.divBlockWrapper { font-size: 0px; }
.divBlockWrapper div { font-size: 10px; }
*/

/* Getting colour blocks to align without stray spaces due to inline-block and white space between elements ...
	Setting the font size of the container to 0px doesn't work on Safari on PC ... (or possibly on Android, but will be different layout for phones at least ...)
	Setting the first one in each pair to float left seems to work on Safari ...
	letter-spacing? - set a -4px value for the 0px font containers and that seems to make Safari work too without other impact ...
*/

.divColourBlock { /*width: 23.25em; height: 9.375em;*/ position: relative; width: 49%; padding-top: 19.75%; display: inline-block; overflow: hidden; 
	/*margin: 1em 1em 0 0;*/ margin: 1em 2% 0 0;
	vertical-align: top; background-color: rgba(80,80,80,0.5); color: rgba(255,255,255,1); }
.divColourBlock:nth-child(odd) { /*float: left;*/ }
.divColourBlock:nth-child(even) { margin-right: 0; /*margin-left: -0.4em;*/ }

.divColourBlockImage { position: absolute; right: 0px; top: 0px; height: 100%; width: 34.4%; /*float: right;*/ overflow: hidden; 
	background-position: top center; background-size: cover; }
.divColourBlockImage img { /*height: 100%;*/ width: 100%; }

.divColourBlockText { background-color: transparent; position: absolute; left: 0px; top: 0px; height: 100%; width: 65%; overflow: hidden; font-size: 1.3em; }
.divColourBlockText h2 { line-height: 1.2em; margin: 0.5em 0.5em 0 0.5em; /*width: 60.5%;*/ }
.divColourBlockText p { line-height: 1.2em; margin: 0.3em 0.6428em; /*width: 60.5%;*/ }
.divColourBlockText a { color: rgba(255,255,255,1); text-decoration: underline; font-weight: bold; }

/*
.divColourBlock h2 { line-height: 1.2em; margin: 0.5em 0.5em 0 0.5em; width: 60.5%; }
.divColourBlock p { line-height: 1.2em; margin: 0.6428em; width: 60.5%; }
.divColourBlock a { color: rgba(255,255,255,1); text-decoration: underline; font-weight: bold; }
*/

.divPromoBlock { position: relative; width: 100%; border: solid 1px rgba(0,0,0,0.2); margin: 1em 0 0 0; }
.divPromoBlock .divPromoText { background-color: transparent; display: block; 
	/*width: 65%; padding-right: 0.5em;*/ vertical-align: top; }
.divPromoBlock .divPromoText img { margin: 0.5em; float: right; max-height: 250px; max-width: 33%; }
.divPromoBlock .divPromoImage {
	/*overflow: hidden; display: inline-block; width: 30%; 
	height: 100%; margin: 0.5em 0.5em 0.5em 0.5em; vertical-align: top; 
	padding-top: 20%;
	background-size: cover; background-position: center center; */
	display: inline-block; width: 34.5%; padding-top: 35%; vertical-align: top; margin: 0.5em; 
    background-size: contain; background-position: center center; background-repeat: no-repeat;
	float: right;
    /* position: absolute; top: 0; right: 0; bottom: 0; */
	 }
.divPromoBlock h2 { line-height: 1.2em; margin: 0 0.39em; padding-top: 0.39em; font-weight: 600; font-size: 1.6em; }
.divPromoBlock p { line-height: 1.2em; margin: 0.6428em; }
.divPromoBlock a { text-decoration: underline; font-weight: bold; color: inherit; }

.divFullWidthBlock { width: 100%; border: solid 1px rgba(0,0,0,0.2); margin: 1em 0 0 0;}
.divFullWidthBlock h2 { line-height: 1.2em; margin: 0.5em 0.5em 0 0.5em; }
.divFullWidthBlock p { line-height: 1.2em; margin: 0.6428em; }
.divFullWidthBlock a { text-decoration: underline; font-weight: bold;  }

.divSafariLogo { height: 5em; width: 7.5em; margin: 0.9375em 0.625em; float: left; background-image: url(/media/1001/bfd-safaris.png); 
	background-size: contain; background-position: center center; background-repeat: no-repeat;  }

/* Content page */

#divMain { position: relative; padding: 0 0 1em 0; }

/* Breadcrumb block */
#divMain.hideBreadcrumb #divBreadcrumb { display: none; }
#divBreadcrumb { /*width: 760px;*/ width: 100%; margin: 0px auto; height: 2.5em; /*border-bottom: solid 1px rgba(208,232,175,1);*/ 
	border-bottom: solid 1px rgba(123,180,45,1); }
#divBreadcrumb ul { line-height: 2.571em; padding-top: 0.35714em; font-size: 0.85em; }
#divBreadcrumb ul li { display: inline-block; }
#divBreadcrumb ul li:after { content: ">"; }
#divBreadcrumb ul li:last-child:after { content: ""; }
#divBreadcrumb a { color: inherit; text-decoration: none; padding-right: 0.5em; }
#divBreadcrumb a:hover { /*color: rgba(141,199,63,1);*/ color: rgba(123,180,45,1); }

/* Content footer links */
#divContentFooter { width: 100%; margin: 1em auto; text-align: center; }
.divFooterColourBlock { /*width: 144px; height: 60px;*/ width: 18%; padding-top: 7.5%; text-align: left; display: inline-block; position: relative; overflow: hidden; 
	margin: 0 10px 0 0; vertical-align: top; background-color: rgba(80,80,80,0.5); color: rgba(255,255,255,1); }
.divFooterColourBlock a { color: inherit; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; }
.divFooterColourBlock:last-child { margin-right: 0; }
.divFooterColourBlock .divColourBlockImage { position: absolute; top: 0px; right: 0px; }
.divFooterColourBlock h2 { position: absolute; top: 0px; left: 0px; font-size: 0.95em; /*font-weight: 700;*/ line-height: 1.1em; margin: 0.25em 0.25em 0 0.25em; width: 60.5%; }
.divFooterColourBlock .divSafariLogo { position: absolute; top: 0px; left: 0px; width: 40%; height: 100%; margin: 0px 0.3em; }
.h2SafariText { position: absolute; right: 0px; top: 0px; left: 45% !important; width: 50% !important; padding-top: 0.4em; }

/* Donation blocks */
.divDonationBlockWrapper {  }
.divDonationBlockWrapper .divDonationBlock { width: 30%; position: relative; margin: 0px 5% 2% 0px; display: inline-block; 
	padding-top: 35%; border: solid 1px rgba(0,0,0,0.2); box-sizing: border-box; }
.divDonationBlockWrapper .divDonationBlock:nth-child(3n+0) { margin-right: 0px; }
.divDonationBlockWrapper .divDonationBlock a { position: absolute; z-index: 10; top: 0px; left: 0px; right: 0px; bottom: 0px; margin: 0px; }
.divDonationBlockWrapper .divDonationBlock h2 { position: absolute; top: 0px; margin: 0px; width: 100%; text-align: center; color: rgba(255,255,255,1); font-size: 1.8em; line-height: 1.4em; }
.divDonationBlockWrapper .divDonationBlock div { position: absolute; top: 2.4em; left: 0px; width: 100%; bottom: 4em; background-size: cover; }
.divDonationBlockWrapper .divDonationBlock p { position: absolute; left: 0.5em; right: 0.5em; bottom: 0.5em; height: 2.8em; margin: 0px; 
	text-align: center; font-size: 1em; color: rgba(76,76,76,1); }

/* Side menu */
#divMain.hideSideMenu .divSideMenu { display: none; }
.divSideMenu { display: inline-block; width: 25%; height: 100%; /*position: absolute;*/ vertical-align: top; }
.divSideMenu ul { font-size: 1em; margin: 0.5em 0; }
.divSideMenu ul li { padding-right: 1em; margin: 0.25em 0px; }
.divSideMenu ul ul { font-size: 1em; margin: 0 0 0 1em; }
.divSideMenu ul ul li { font-size: 1em; /*margin: 0.5em 0px;*/ }
.divSideMenu a { color: inherit; line-height: 1.25em; text-decoration: none; }
.divSideMenu a.current { font-weight: bold; }
.divSideMenu a:hover { /*color: rgba(141,199,63,1);*/ color: rgba(123,180,45,1); }

.divSideMenu .liDonation { margin-top: 1em; }
.divSideMenu .liDonation a { font-weight: 600; }

/* Text content */
#divMain.hideSideMenu .divText { padding-left: 0px; width: 100%; margin-left: 0; }
#divMain .divText { /*padding-left: 25%;*/ display: inline-block; width: 75%; height: 100%; vertical-align: top; margin-left: -0.3em; }
.divText h2 { /*color: rgba(141,199,63,1);*/ color: rgba(123,180,45,1); font-size: 1.6em; font-weight: 700; margin: 0.5em 0; }
.divText h3 { /*color: rgba(141,199,63,1);*/ color: rgba(123,180,45,1); font-size: 1.3em; font-weight: 700; margin: 0.5em 0; }
.divText h4 { color: rgba(76,76,76,1); font-size: 1.1em; font-weight: 700; margin: 0.5em 0; }
.divText p {  margin: 0.5em 0; line-height: 1.25em; }
.divText a {  margin: 0.5em 0; }

.divText img { max-width: 100%; height: auto !important; }
.divText .imgContent { max-width: 50%; float: left; margin: 0px 1em 0.2em 0px; }

.divText table { border: none; }
.divText table tr { }
.divText table td { padding: 0.2em; }

.divText ul { list-style: disc; }
.divText ul, .divText ol { padding-left: 2em; margin: 0.5em 0; }
.divText li {  margin: 0.5em 0; }

.divText a.itemLink { color: inherit; text-decoration: none; display: block; }

.divText ul.ulIndex { list-style: none; padding-left: 0px; }
.divText ul.ulIndex li { padding-left: 40px; border-bottom: solid 1px rgba(123,180,45,1); }
.divText ul.ulIndex li.liBfdEvent { background-image: url(/media/1249/bfd-event.png); background-position: top left; background-repeat: no-repeat; }

.divText p.pBfdEvent { padding-left: 40px; line-height: 40px; background-image: url(/media/1249/bfd-event.png); background-position: center left; background-repeat: no-repeat; }

/* CAF donation widget */
#CAFDonateWidgetContainer { width: 100%; }
#CAFDonateWidgetContainer iframe { width: 100% !important; }

/* Gallery Styles */
.divGallery { }
.divGallery .divGalleryItem { width: 33%; padding-top: 24.75%; position: relative; display: inline-block; }
.divGallery .divGalleryItem div { position: absolute; top: 10px; left: 10px; right: 10px; bottom: 10px;
                                  background-position: center center; background-size: cover; background-repeat: no-repeat; }
.divGallery .divGalleryItem div p { position: absolute; left: 0px; right: 0px; bottom: 0px; color: rgba(255,255,255,1); background-color: rgba(0,0,0,0.7); 
                                    margin: 0px; padding: 0.5em;opacity: 0; transition: all, ease-in, 1s; }
.divGallery .divGalleryItem div:hover p { opacity: 1; }
.divGallery .divGalleryItem .divGalleryLightBoxItem { display: none; }

.divGalleryLightBoxItem { max-width: 600px; }
.divGalleryLightBoxItem img { max-width: 100%; margin: 0 auto; display: block; }
.divGalleryLightBoxItem p { box-sizing: border-box; display: block; margin: 10px auto; }

.featherlight-next:hover, .featherlight-previous:hover { background-color: transparent !important; }
.featherlight-next span, .featherlight-previous span { text-shadow: 0 0 5px #808080 !important; font-size: 3em !important; /*display: block !important; opacity: 0.5;*/ }
/*.featherlight-next:hover span, .featherlight-previous:hover span { opacity: 1; }*/
.featherlight .featherlight-image { max-width: 100% !important; }

@media only screen and (max-width: 1024px) {
    .featherlight .featherlight-content { margin-left: 0px !important; margin-right: 0px !important; max-width: 95% !important; }
}

/*
img.imgThreeInARow, span.imgThreeInARow img, p.imgThreeInARow img { width: 30% !important; height: auto !important; margin: 0.5em 1.3%; display: inline-block; vertical-align: top; }
img.imgTwoInARow, span.imgTwoInARow img, p.imgTwoInARow img { width: 45% !important; height: auto !important; margin: 0.5em 1.3%; display: inline-block; vertical-align: top; }
img.img50FloatRight, span.img50FloatRight img, p.img50FloatRight img { width: 50% !important; height: auto !important; margin: 0.5em; display: block; float: right; }
img.imgNormHeight, span.imgNormHeight img, p.imgNormHeight img { height: 25vw !important; width: auto !important; margin: 0.5em; display: inline-block; vertical-align: top; }
*/

img.imgSingle50Cent, span.imgSingle50Cent img, p.imgSingle50Cent img { width: 50% !important; height: auto !important; margin: 0.5em auto; display: block; vertical-align: top; }
img.imgThreeInARow, span.imgThreeInARow img, p.imgThreeInARow img { width: 30% !important; height: auto !important; margin: 0.5em 1.3%; display: inline-block; vertical-align: top; }
img.imgTwoInARow, span.imgTwoInARow img, p.imgTwoInARow img { width: 45% !important; height: auto !important; margin: 0.5em 1.3%; display: inline-block; vertical-align: top; }
img.img50FloatRight, span.img50FloatRight img, p.img50FloatRight img { width: 50% !important; height: auto !important; margin: 0.5em; display: block; float: right; }
img.img25FloatRight, span.img25FloatRight img, p.img25FloatRight img { width: 25% !important; height: auto !important; margin: 0.5em; display: block; float: right; }
img.img50FloatLeft, span.img50FloatLeft img, p.img50FloatLeft img { width: 50% !important; height: auto !important; margin: 0.5em; display: block; float: left; }
img.img25FloatLeft, span.img25FloatLeft img, p.img25FloatLeft img { width: 25% !important; height: auto !important; margin: 0.5em; display: block; float: left; }
img.imgNormHeight, span.imgNormHeight img, p.imgNormHeight img { height: 25vw !important; width: auto !important; margin: 0.5em; display: inline-block; vertical-align: top; }

/*
span.img25NoFloat a { display: inline-block; width: 25%; vertical-align: middle; text-align: center; }
span.img25NoFloat img { max-width: 80% !important; width: auto !important; max-height: 200px !important; height: auto !important; }
span.img33NoFloat a { display: inline-block; width: 33%; vertical-align: middle; text-align: center; }
span.img33NoFloat img { max-width: 80% !important; width: auto !important; max-height: 200px !important; height: auto !important; }
*/

span.img25NoFloat a { display: inline-block; width: 25%; vertical-align: middle; text-align: center; }
span.img25NoFloat img { max-width: 23% !important; margin: 1%; width: auto !important; max-height: 200px !important; height: auto !important; vertical-align: middle; }
span.img33NoFloat a { display: inline-block; width: 30%; margin: 1%; vertical-align: middle; text-align: center; }
span.img33NoFloat img { max-width: 30% !important; margin: 1%; width: auto !important; max-height: 200px !important; height: auto !important; vertical-align: middle; }

span.imgLogo img { max-width: 250px !important; margin: 2%; width: auto !important; max-height: 100px !important; height: auto !important; vertical-align: middle; }

.inputSearch { padding: 0.5em; border-radius: 1em; border: solid 1px rgba(0,0,0,0.3); width: 70%; font-size: 1em; outline: none; }
a.searchGo i { font-size: 2.5em; vertical-align: top; line-height: 0.85em; margin: 0 0.2em; }

/* Form styles */

.divText .pValidationAlert { margin: 0.25em 0.5em; color: rgba(255,0,0,0.85); }
.form-horizontal { font-size: 0.875em; font-weight: 400; margin: 2em 0; }
.form-horizontal legend { display: none; }
.form-horizontal .form-group { margin: 0.5em; }
.form-horizontal .form-group label { display: inline-block; min-width: 10em; margin: 0.4em 0; line-height: 1.25em; vertical-align: top; }
.form-horizontal .form-group label.no-edit { width: 100%; border-bottom: solid 1px rgba(0,0,0,0.2); padding: 0.5em 0; font-weight: 600; }
.form-horizontal .form-group div { display: inline-block; }
.form-horizontal .form-group input, .form-horizontal .form-group select { font-size: 1em; }
.form-horizontal .form-group input { padding: 0.4em; border: solid 1px rgba(0,0,0,0.3); }
.form-horizontal .form-group input[type=text] { width: 25em; }
.form-horizontal .form-group input[type=checkbox] { margin-right: 1em; }
.form-horizontal .form-group select { padding: 0.34em 0.15em; }
.form-horizontal .form-group #sum { width: 7em; }
.form-horizontal .form-group .checkbox { padding: 0.4em 0px 0px 0px; display: block; }
.form-horizontal .form-group .checkbox label { margin: 0px; display: inline-block !important; }
.form-horizontal .form-group .checkbox label input { vertical-align: top; }
.form-horizontal .form-group .textarea { width: 100%; /*padding: 0 0 0 2em;*/ }
.form-horizontal .form-group .textarea label { display: block; margin: 0 0 0.5em 0; }
.form-horizontal .form-group .textarea textarea { width: 100%; height: 5em; }
.form-horizontal .form-group .help-block { color: rgba(76,76,76,0.65); }

/* Responsive styles */

@media only screen and (max-width: 1260px) {
	
	.fontSizeSet { font-size: 16px; }
	.fontSizeClear > * { font-size: 16px; }	
	
}

/*Styles for screens 1000 - 760px*/
@media only screen and (max-width: 1000px) {
	
	/*
	.fontSizeSet { font-size: 1.262vw; }
	.fontSizeClear > * { font-size: 1.262vw; }	
	*/
	
	#divWrapper { height: auto; width: 100% !important; }
	
	#divCookieAlert div { width: 100%; min-width: 100%; }
	
	#divHeaderWrapper { width: 100%; position: initial;  }
	#divContentWrapper { width: 100%; min-height: 100%; position: initial; }
	#divFooterWrapper { width: 100%; height: auto; position: initial; }
	#divFooter { position: initial; }
	
	#divContent { padding-top: 0px; padding-bottom: 0px; }
	
	.fontSizeSet { font-size: 2vw; }
	.fontSizeClear > * { font-size: 2vw; }	
	
	
	#divHeader { width: 100%; min-width: 100%; }
	#divHeaderWrapper { font-size: 16px; }
	/*
	#divFooter { width: 100%; min-width: 100%; }
	#divContent { width: 100%; min-width: 100%; padding-top: 125px; }
	*/
	
	#divHeaderLogosWrapper { width: 100%; max-width: 100%; min-width: auto; }
	#divHeaderLogos { width: 100%; min-width: 100%; }
	#divSlider { width: 100%; min-width: 100%; padding-top: 35%; }
	#divMain { width: 100%; min-width: 100%; padding: 0 0.5em 1em 0.5em; }
	
	.divColourBlockText { font-size: 1em; }
	.divFooterColourBlock h2 { font-size: 1.4vw; }
	.divDonationBlockWrapper .divDonationBlock a { font-size: 0.8em; }
	.divGallery .divGalleryItem div p { font-size: 1.4vw; }
	
}

@media only screen and (min-width: 761px) {
	
	.divSideMenu .liDonation a { background-color: #ff3333; padding: 2px 10px; border-radius: 6px; color: rgba(255,255,255,1); }

}


/*@media only screen and (max-width: 760px), only screen and (min-width: 560px) and (max-width: 1136px) and (-webkit-min-device-pixel-ratio: 2) {*/
	
/*
@media
only screen and (max-width: 760px),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) {
*/

@media
only screen and (max-width: 760px),
only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 760px),
only screen and (   min--moz-device-pixel-ratio: 2) and (max-width: 760px),
only screen and (     -o-min-device-pixel-ratio: 2/1) and (max-width: 760px),
only screen and (        min-device-pixel-ratio: 2) and (max-width: 760px),
only screen and (                min-resolution: 192dpi) and (max-width: 760px),
only screen and (                min-resolution: 2dppx) and (max-width: 760px) {

	/*
	#divWrapper { height: auto; width: 100% !important; background-color: red; }
	
	#divCookieAlert div { width: 100%; min-width: 100%; }
	
	#divHeaderWrapper { width: 100%; position: initial;  }
	#divContentWrapper { width: 100%; min-height: 100%; position: initial; }
	#divFooterWrapper { width: 100%; position: initial; }
	
	#divContent { padding-top: 0px; padding-bottom: 0px; }
	*/
	
	#divHeaderWrapper { width: 100%; position: relative;  }
	#divContentWrapper { width: 100%; min-height: 100%; position: relative; }
	#divFooterWrapper { width: 100%; height: auto; position: relative; }
	#divFooter { position: relative; }
	
	#navMenuTop { overflow: hidden; }
	#navMenuTop .pHamburger { display: block; height: 2.6em; font-size: 0.84em; 
		line-height: 2.6em; color: rgba(255,255,255,1); padding: 0 0.75em; cursor: pointer; overflow: hidden;
	}
	#navMenuTop .pHamburger i { float: right; color: inherit; font-size: 1.8em; line-height: 1.45em; }

	#navMenuTop ul { font-size: 0px; position: relative; }
	#navMenuTop ul.navLeftAlt li { float: none; }
	#navMenuTop ul.navLeftAlt li span { display: none; }
	#navMenuTop li { height: 2.2em; overflow: hidden; width: 50%; border: solid 1px rgba(255,255,255,0.2);		
    	font-size: 16px; border-left: none; border-bottom: none; margin-left: -1px; }
	#navMenuTop a { line-height: 2.65em; }
	#navMenuTop li.liWordpress { float: none; width: 25%; border-right: none; } 
	#navMenuTop li.liTwitter { float: none; width: 25%; border-right: none; }
	#navMenuTop li.liFacebook { float: none; width: 25%; border-right: none; }
	#navMenuTop li.liContrast { float: none; width: 25%; border-right: none; }
	#navMenuTop li.liWordpress a { padding: 0px; text-align; center; /*margin: 0.313em auto;*/ margin: 0.2em auto; font-size: 1.5em; } 
	#navMenuTop li.liTwitter a { padding: 0px; text-align; center; /*margin: 0.365em auto;*/ margin: 0.2em auto; font-size: 1.5em; }
	#navMenuTop li.liFacebook a { padding: 0px; text-align; center; /*margin: 0.365em auto;*/ margin: 0.2em auto; font-size: 1.5em; }
	#navMenuTop li.liContrast a { padding: 0px; text-align; center; /*margin: 0.365em auto;*/ margin: 0.2em auto; font-size: 1.5em; }
	#navMenuTop ul.navLeftAlt .liGive { margin: 0px 0px 0px -1px; }
	
	#navMenuTop li.liSearch { border: none; width: 100%; position: relative; padding: 0.15em 0; }
	#navMenuTop li.liSearch a { display: inline-block; }
	#navMenuTop #divSearchBox { display: inline-block; padding: 0.3em; vertical-align: top; position: absolute; 
		top: 0px; left: 36px; right: 0px; width: 100%; }	
	#navMenuTop #divSearchBox input[type=text] { width: 85%; }
	
	#navMenuTop.show { height: auto; }
	
	#divHeaderWrapper { font-size: 16px; }
	#divHeaderLogosWrapper { width: 100%; min-width: 100%; }
	#divHeaderLogos { width: 100%; min-width: 100%; }
	#divSliderWrapper { display: none; }
	/*
	#divSlider { width: 100%; min-width: auto; padding-top: 35%; }
	#divSlider p { font-size: 1.2em; }
	*/
	
	.fontSizeSet { font-size: 3.9vw; }
	.fontSizeClear > * { font-size: 3.9vw; }	
	
	#pContact { font-size: 1em;  }
	#pBoiler { font-size: 0.75em; }

	#divMain { width: 100%; min-width: 100%; padding: 0 0.5em 1em 0.5em; }
	#divMain .divSideMenu { /*display: none;*/ border-bottom: solid 1px rgba(123,180,45,1); width: auto; }
	#divMain .divSideMenu ul li { display: inline-block; padding-right: 0; margin: 0px; }
	#divMain .divSideMenu ul li a { padding: 0 0.2em; }
	#divMain .divSideMenu ul ul { display: inline; margin: 0; }
	#divMain .divSideMenu ul li:before { content: '\2022'; }
	#divMain .divText { padding-left: 0px; width: 100%; margin-left: 0px; }
    #divMain .divText .imgContent { display: block; width: auto; max-width: 100%; float: none; margin: 0.5em auto; }
	
	.divGallery .divGalleryItem { width: 50%; padding-top: 37.5%; }
    .divGallery .divGalleryItem div p { /*opacity: 1;*/ font-size: 0.7em; }
	.divGalleryLightBoxItem { max-width: 100%; }

	.divPromoBlock .divPromoImage { padding-top: 35%; }

	.divColourBlock { width: 96%; padding-top: 38.7%; margin: 0.5em 2% 0 2%; }
	.divColourBlock:last-child { margin-bottom: 0.5em; }
	
	.divFullWidthBlock, .divPromoBlock { width: 96%; margin: 0px 2%; }
	
	.divFooterColourBlock { width: 45%; padding-top: 20%; margin-bottom: 10px; }
	.divFooterColourBlock h2 { font-size: 4vw; }
	.divDonationBlockWrapper .divDonationBlock a { font-size: 0.5em; }

	/* Form styles */
	.form-horizontal .form-group label { display: block; margin: 0.5em 0; }
	.form-horizontal .form-group div { display: block; }
	.form-horizontal .form-group input[type=text] { width: 97%; }
	.form-horizontal .form-group .checkbox { padding: 0; }
	.form-horizontal .form-group .textarea { width: 100%; padding: 0; }
	.form-horizontal .form-group .textarea textarea { width: 98.5%; height: 5em; }
	.form-horizontal .form-group .help-block { margin: 0.5em; display: block; }
	.form-horizontal .form-group #sum { display: block; margin: 0.5em 0; }

}

@media only screen and (max-width: 640px) {
	
}

/*
@media only screen and (max-width: 500px),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) {
*/

@media only screen and (max-width: 500px),
only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 500px),
only screen and (   min--moz-device-pixel-ratio: 2) and (max-width: 500px),
only screen and (     -o-min-device-pixel-ratio: 2/1) and (max-width: 500px),
only screen and (        min-device-pixel-ratio: 2) and (max-width: 500px),
only screen and (                min-resolution: 192dpi) and (max-width: 500px),
only screen and (                min-resolution: 2dppx) and (max-width: 500px) {
	
	#divBfDHeader p { font-size: 3.4vw; }
	
	.divGallery .divGalleryItem { width: 100%; padding-top: 75%; }
    .divGallery .divGalleryItem div p { opacity: 1; font-size: 1em; }
	



}

/* ADDED CSS STYLES*/

/*make blocks clickable*/
a.fill-div {
    display: block;
    height: 100%;
    width: 100%;
    text-decoration: none;
}