/*  
Theme Name: Scouting Challenge
Theme URI: http://anidea.co.uk/scoutingchallenge/
Version: 6.0.2
Text Domain: scoutingchallenge
Author: Anidea (Graham Johnson)
Author URI: http://anidea.co.uk/
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Description: The Scouting Challenge theme, previously known as the Beverley Hall theme, is designed for use by UK Scout Groups, drawing inspiration from the Scouts 4 WordPress theme. It respects the The Scout Association brand guidelines where practicable, limiting its colour palette almost exclusively to the sixteen colours in the guidelines. A design feature is the ability to customise parts of theme with minimal knowledge of PHP, HTML or CSS.

*/

/*
 * Only the colours described below should be used in the theme, though some other colours may still appear as
 * defaults in the CSS (they will be overridden by the code).
 *
 * https://docs.scoutsbrand.org.uk/guidelines.pdf (version 1.0) defines a palette of eight named colours plus
 * black and white and also allows 5%, 20%, 40%, 60% and 80% black.
 * 
 * The theme also supports fourteen further colours from the 2015 brand guidelines. These were not given
 * names so the theme uses its own internal names for them.
 *
 * white		#FFFFFF
 * black		#000000
 * scoutpurple	#7413DC
 * scoutteal	#00B8A3
 * scoutred		#ED3F23
 * scoutpink	#FFB4E5
 * scoutgreen	#25B755
 * scoutnavy	#003982
 * scoutblue	#006DDF
 * scoutyellow	#FFE627
 * purple		#4D2177
 * green		#84A40B
 * mauve		#AD1AAC
 * orange		#FF8200
 * blue			#003DA5
 * brown		#7C3A2D
 * grey			#939BA1
 * teal			#00594F
 * turquoise	#0095C8
 * yellow		#FFCD00
 * red			#BA0C2F
 * darkblue		#002855
 * darkgreen	#00594F
 * mediumgreen	#009A44
 */

/**** Load Nunito Sans in five weights. ****/
@import url('https://fonts.googleapis.com/css?family=Nunito+Sans:300,300i,400,400i,700,700i,800,800i,900,900i&subset=latin-ext');

/**** START Style classes used by WordPress. ****/

.alignright { text-align: right; }
.alignleft { text-align: left; }
.aligncenter { text-align: center; }

img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}

/**** END Style classes used by WordPress. ****/

/**** START Style WordPress built-ins. ****/

/*** Search Form. ***/

.search-form .screen-reader-text {
	display: none;
}

/*** Galleries (respecting defined columns). ***/

.gallery {
	margin-bottom: -10px;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	margin-bottom: 10px;
	width: 100%;
	}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
	}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
	}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
	}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
	}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
	}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
	}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
	}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
	}

.gallery-caption {
	font-size: 0.9em;
	}

/*** Display Featured Image on pages/posts as a block. */
.wp-post-image {
	display: block;
}

/**** END Style WordPress built-ins. ****/

/**** START Style HTML elements. ****/

/*** Reset all margins and paddings to zero. ***/

* {
	margin:0;
	padding:0;
	}

body {
	font-size: 100%;
	font-family: 'Nunito Sans', sans-serif;
	background-color: #ffffff;
	color: #000000;
	line-height: 1.25;
	}

p {	
	margin: 1em 0;
	}

/*** Make default links look something like normal links. ***/

/** Scout Navy text with underline. **/
a:link, a:visited {
	color: #003982;
	text-decoration: underline;
}

/** Scout Green text with underline when hovering. **/
a:hover, a:active {
	color: #25B755;
	text-decoration: underline;
}

/** Turn off borders on linked images. **/
a img {
	border: 0;
	}

/*** Different fonts for fixed width text. ***/

code, pre {
	font-family: 'Courier New', Courier, Fixed;
	}	

/*** Put some margins and paddings back into lists. ***/

ul, ol {
	padding-left: 1em; 
	padding-bottom: 1em;
}

li {
	margin-left: 1em;
}

dl {
	margin-bottom: 1em;
	}

dd {
	text-indent: 4em;
	}

/*** Figcaption is being used by [caption] ***/
figcaption {
	font-size: 0.9em;
	}

/**** END Style HTML elements. ****/

/**** START Alignments and things. ****/

.floatleft {
	float: left;
	}

.floatright {
	float: right;
	}

.clearboth {
	clear: both;
	}

.none {
	display: none;
	}

/**** END Alignments and things. ****/

/**** START Define various backgrounds in the brand colours. ****/

.scoutpurplebg, h1.scoutpurplebg, a.scoutpurplebghover:hover, a.scoutpurplebghover:active,
li li .scoutpurplebgchild, li li a.scoutpurplebgchildhover:hover, li li a.scoutpurplebgchildhover:active,
li li li .scoutpurplebggrand, li li li a.scoutpurplebggrandhover:hover, li li li a.scoutpurplebggrandhover:active {
	background-color: #7413DC;
	}

.scouttealbg, a.scouttealbghover:hover, a.scouttealbghover:active,
li li .scouttealbgchild, li li a.scouttealbgchildhover:hover, li li a.scouttealbgchildhover:active,
li li li .scouttealbggrand, li li li a.scouttealbggrandhover:hover, li li li a.scouttealbggrandhover:active {
	background-color: #00B8A3;
	}

.scoutredbg, a.scoutredbghover:hover, a.scoutredbghover:active,
li li .scoutredbgchild, li li a.scoutredbgchildhover:hover, li li a.scoutredbgchildhover:active,
li li li .scoutredbggrand, li li li a.scoutredbggrandhover:hover, li li li a.scoutredbggrandhover:active {
	background-color: #ED3F23;
	}

.scoutpinkbg, a.scoutpinkbghover:hover, a.scoutpinkbghover:active,
li li .scoutpinkbgchild, li li a.scoutpinkbgchildhover:hover, li li a.scoutpinkbgchildhover:active,
li li li .scoutpinkbggrand, li li li a.scoutpinkbggrandhover:hover, li li li a.scoutpinkbggrandhover:active {
	background-color: #FFB4E5;
	}

.scoutgreenbg, a.scoutgreenbghover:hover, a.scoutgreenbghover:active,
li li .scoutgreenbgchild, li li a.scoutgreenbgchildhover:hover, li li a.scoutgreenbgchildhover:active,
li li li .scoutgreenbggrand, li li li a.scoutgreenbggrandhover:hover, li li li a.scoutgreenbggrandhover:active {
	background-color: #25B755;
	}

.scoutnavybg, a.scoutnavybghover:hover, a.scoutnavybghover:active,
li li .scoutnavybgchild, li li a.scoutnavybgchildhover:hover, li li a.scoutnavybgchildhover:active,
li li li .scoutnavybggrand, li li li a.scoutnavybggrandhover:hover, li li li a.scoutnavybggrandhover:active {
	background-color: #003982;
	}

.scoutbluebg, a.scoutbluebghover:hover, a.scoutbluebghover:active,
li li .scoutbluebgchild, li li a.scoutbluebgchildhover:hover, li li a.scoutbluebgchildhover:active,
li li li .scoutbluebggrand, li li li a.scoutbluebggrandhover:hover, li li li a.scoutbluebggrandhover:active {
	background-color: #006DDF;
	}

.scoutyellowbg, a.scoutyellowbghover:hover, a.scoutyellowbghover:active,
li li .scoutyellowbgchild, li li a.scoutyellowbgchildhover:hover, li li a.scoutyellowbgchildhover:active,
li li li .scoutyellowbggrand, li li li a.scoutyellowbggrandhover:hover, li li li a.scoutyellowbggrandhover:active {
	background-color: #FFE627;
	}

.purplebg, a.purplebghover:hover, a.purplebghover:active,
li li .purplebgchild, li li a.purplebgchildhover:hover, li li a.purplebgchildhover:active,
li li li .purplebggrand, li li li a.purplebggrandhover:hover, li li li a.purplebggrandhover:active {
	background-color: #4D2177;
	}

.greenbg, a.greenbghover:hover, a.greenbghover:active,
li li .greenbgchild, li li a.greenbgchildhover:hover, li li a.greenbgchildhover:active,
li li li .greenbggrand, li li li a.greenbggrandhover:hover, li li li a.greenbggrandhover:active {
	background-color: #84A40B;
	}

.mauvebg, a.mauvebghover:hover, a.mauvebghover:active,
li li .mauvebgchild, li li a.mauvebgchildhover:hover, li li a.mauvebgchildhover:active,
li li li .mauvebggrand, li li li a.mauvebggrandhover:hover, li li li a.mauvebggrandhover:active {
	background-color:  #AD1AAC;
	}

.orangebg, a.orangebghover:hover, a.orangebghover:active,
li li .orangebgchild, li li a.orangebgchildhover:hover, li li a.orangebgchildhover:active,
li li li .orangebggrand, li li li a.orangebggrandhover:hover, li li li a.orangebggrandhover:active {
	background-color:  #FF8200;
	}

.bluebg, a.bluebghover:hover, a.bluebghover:active,
li li .bluebgchild, li li a.bluebgchildhover:hover, li li a.bluebgchildhover:active,
li li li .bluebggrand, li li li a.bluebggrandhover:hover, li li li a.bluebggrandhover:active {
	background-color: #003DA5;
	}

.brownbg, a.brownbghover:hover, a.brownbghover:active,
li li .brownbgchild, li li a.brownbgchildhover:hover, li li a.brownbgchildhover:active,
li li li .brownbggrand, li li li a.brownbggrandhover:hover, li li li a.brownbggrandhover:active {
	background-color: #7C3A2D;
	}

.greybg, a.greybghover:hover, a.greybghover:active,
li li .greybgchild, li li a.greybgchildhover:hover, li li a.greybgchildhover:active,
li li li .greybggrand, li li li a.greybggrandhover:hover, li li li a.greybggrandhover:active {
	background-color: #939BA1;
	}

.blackbg, a.blackbghover:hover, a.blackbghover:active,
li li .blackbgchild, li li a.blackbgchildhover:hover, li li a.blackbgchildhover:active,
li li li .blackbggrand, li li li a.blackbggrandhover:hover, li li li a.blackbggrandhover:active {
	background-color: #000000;
	}

.tealbg, a.tealbghover:hover, a.tealbgbghover:active,
li li .tealbgchild, li li a.tealbgchildhover:hover, li li a.tealbgchildhover:active,
li li li .tealbggrand, li li li a.tealbggrandhover:hover, li li li a.tealbggrandhover:active {
	background-color: #004851;
	}

.turquoisebg, a.turquoisebghover:hover, a.turquoisebghover:active,
li li .turquoisebgchild, li li a.turquoisebgchildhover:hover, li li a.turquoisebgchildhover:active,
li li li .turquoisebggrand, li li li a.turquoisebggrandhover:hover, li li li a.turquoisebggrandhover:active {
	background-color: #0095C8;
	}

.yellowbg, a.yellowbghover:hover, a.yellowbghover:active,
li li .yellowbgchild, li li a.yellowbgchildhover:hover, li li a.yellowbgchildhover:active,
li li li .yellowbggrand, li li li a.yellowbggrandhover:hover, li li li a.yellowbggrandhover:active {
	background-color: #FFCD00;
	}

.redbg, a.redbghover:hover, a.redbghover:active,
li li .redbgchild, li li a.redbgchildhover:hover, li li a.redbgchildhover:active,
li li li .redbggrand, li li li a.redbggrandhover:hover, li li li a.redbggrandhover:active {
	background-color: #BA0C2F;
	}

.darkbluebg, a.darkbluebghover:hover, a.darkbluebghover:active,
li li .darkbluebgchild, li li a.darkbluebgchildhover:hover, li li a.darkbluebgchildhover:active,
li li li .darkbluebggrand, li li li a.darkbluebggrandhover:hover, li li li a.darkbluebggrandhover:active {
	background-color: #002855;
	}

.darkgreenbg, a.darkgreenbghover:hover, a.darkgreenbghover:active,
li li .darkgreenbgchild, li li a.darkgreenbgchildhover:hover, li li a.darkgreenbgchildhover:active,
li li li .darkgreenbggrand, li li li a.darkgreenbggrandhover:hover, li li li a.darkgreenbggrandhover:active {
	background-color: #00594F;
	}

.mediumgreenbg, a.mediumgreenbghover:hover, a.mediumgreenbghover:active,
li li .mediumgreenbgchild, li li a.mediumgreenbgchildhover:hover, li li a.mediumgreenbgchildhover:active,
li li li .mediumgreenbggrand, li li li a.mediumgreenbggrandhover:hover, li li li a.mediumgreenbggrandhover:active {
	background-color: #009A44;
	}

/**** END Define various backgrounds in the brand colours. ****/

/**** Header ****/

#topbanner {
	color: #FFE627;
	background: #000000;
	padding: 0.5em 1em 0.5em 1em;
	}

#topbanner a:link, #topbanner a:visited {
	color: #ffffff;
	text-decoration: underline;
	font-weight: normal;
	}

#topbanner a:hover, #topbanner a:active {
	color: #84A40B;
	text-decoration: underline;
	font-weight: normal;
	}

/*
 * When a menu/navbar is used at the very top of #head Firefox had a 20px-ish margin that didn't
 * appear in IE or Chrome. Apparently it is to do with 'collapsing margins' and the root element
 * and Firefox is probably getting it right as the issue been around for years. Giving #head
 * a border seems to solve the problem. A 1px transparent border at the top is used and just to
 * keep things super consistent the #bhpagecontent top margin has been reduced by 1px to
 * compensate.
 */
#bhpagecontent {
	background-color: #ffffff;
	width: 960px;
	margin: 19px auto 20px auto;
	padding: 10px;
	}

#head {
	display:block;
	width:960px;
	margin: 0 auto 0 auto;
	border-top: 1px solid transparent;
	}

/* Logo is 100x74 */
#logo {
	float: left;
	width: 610px;
	height: 74px;
	background: url(images/header/scoutpurple_logo.png) no-repeat 10px 0px;
	padding-left: 130px;
}

#logo.scoutred {
	background: url(images/header/scoutred_logo.png) no-repeat 10px 0px;
}

#logo.scoutblue {
	background: url(images/header/scoutblue_logo.png) no-repeat 10px 0px;
}

#logo.scoutgreen {
	background: url(images/header/scoutgreen_logo.png) no-repeat 10px 0px;
}



#groupname {
	display: block;
	font-size: 40px;
	font-weight: bold;
	color: #84A40B;
	text-decoration: none;
	padding: 0;
	margin: 0;
	}

#tagline {
	font-size: 14px;
	color: #4D2177;
	margin-top: 20px;
	margin-bottom: 20px;
	}

#groupname.scoutpurple, #tagline.scoutpurple, span.scoutpurple {
	color: #7413DC;
	}

#groupname.scoutteal, #tagline.scoutteal, span.scoutteal {
	color: #00B8A3;
	}

#groupname.scoutred, #tagline.scoutred, span.scoutred {
	color: #ED3F23;
	}

#groupname.scoutpink, #tagline.scoutpink, span.scoutpink {
	color: #FFB4E5;
	}

#groupname.scoutgreen, #tagline.scoutgreen, span.scoutgreen {
	color: #25B755;
	}

#groupname.scoutnavy, #tagline.scoutnavy, span.scoutnavy {
	color: #003982;
	}

#groupname.scoutblue, #tagline.scoutblue, span.scoutblue {
	color: #006DDF;
	}

#groupname.scoutyellow, #tagline.scoutyellow, span.scoutyellow {
	color: #FFE627;
	}

#groupname.purple, #tagline.purple, span.purple {
	color: #4D2177;
	}

#groupname.green, #tagline.green, span.green {
	color: #84A40B;
	}

#groupname.mauve, #tagline.mauve, span.mauve {
	color: #AD1AAC;
	}

#groupname.orange, #tagline.orange, span.orange {
	color: #FF8200;
	}

#groupname.blue, #tagline.blue, span.blue {
	color: #003DA5;
	}

#groupname.brown, #tagline.brown, span.brown {
	color: #7C3A2D;
	}

#groupname.grey, #tagline.grey, span.grey {
	color: #939BA1;
	}

#groupname.black, #tagline.black, span.black {
	color: #000000;
	}

#groupname.teal, #tagline.teal, span.teal {
	color: #004851;
	}

#groupname.turquoise, #tagline.turquoise, span.turquoise {
	color: #0095C8;
	}

#groupname.yellow, #tagline.yellow, span.yellow {
	color: #FFCD00;
	}

#groupname.red, #tagline.red, span.red {
	color: #BA0C2F;
	}

#groupname.darkblue, #tagline.darkblue, span.darkblue {
	color: #002855;
	}

#groupname.darkgreen, #tagline.darkgreen, span.darkgreen {
	color: #00594F;
	}

#groupname.mediumgreen, #tagline.mediumgreen, span.mediumgreen {
	color: #009A44;
	}

#headerright {
	width: 220px;
	float: right;
	text-align: right;
}

/**** WordPress menus ****/

/*
 * The WordPress menus have been styled with unique classes as well as the navbar class. They are forced
 * to use Scout Purple/Scout Teal or vice versa depending on position.
 */
#bh_topofpage_prenav, #bh_header_prenav, #bh_footer_prenav,
#bh_topofpage_prenav a:link, #bh_header_prenav a:link, #bh_footer_prenav a:link, 
#bh_topofpage_prenav a:visited , #bh_header_prenav :visited, #bh_footer_prenav {
	background-color: #7413DC;
	}

#bh_topofpage_postnav, #bh_header_postnav, #bh_footer_postnav,
#bh_topofpage_postnav a:link, #bh_header_postnav a:link, #bh_footer_postnav a:link,
#bh_topofpage_postnav a:visited, #bh_header_postnav a:visited, #bh_footer_postnav a:visited {
	background-color: #00B8A3;
	}

#bh_topofpage_prenav a:hover, #bh_header_prenav a:hover, #bh_footer_prenav a:hover,
#bh_topofpage_prenav a:active, #bh_header_prenav a:active, #bh_footer_prenav a:active {
	background-color: #00B8A3;
	}

#bh_topofpage_postnav a:hover, #bh_header_postnav a:hover, #bh_footer_postnav a:hover, 
bh_topofpage_postnav a:active, #bh_header_postnav a:active, #bh_footer_postnav a:active {
	background-color: #7413DC;
	}

/**** Navbar ****/

.navbar {
	display:block;
	color: #ffffff;
	font-size: 14px;
	font-family: 'Nunito Sans', sans-serif;
	padding: 0;
	margin: 20px 0 20px 0;
	}

#head .navbar:first-child {
	margin-top: 0;
	}

.navbar ul {
	display:block;
	list-style: none;
	margin: 0;
	padding: 0;
	}

.navbar li {
	display: block;
	position: relative;
	float:left;
	margin: 0;
	padding: 0;
	border-right: 1px solid #ffffff;
	}

.bhthinarrows li.page_item_has_children > a:after {
	content: ' \2192';
	}

.bhthinarrows > ul > li.page_item_has_children > a:after {
	content: ' \2193';
	}

.bhthickarrows li.page_item_has_children > a:after {
	content: ' \25BA';
	}

.bhthickarrows > ul > li.page_item_has_children > a:after {
	content: ' \25BC';
	}

/*
 * Use the box-sizing CSS to avoid rounding errors if specify in pixels and zoom out.
 */
ul.bhmenufixed8 > li {
	box-sizing: border-box;
	width: 12.5%;
	}

.navbar a:link, .navbar a:visited {
	display: block;
	padding: 7px 10px 7px 8px;
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
	}

.navbar a:hover, .navbar a:active {
	display: block;
	padding: 7px 10px 7px 8px;
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
	}

.navbar ul li.login {
	float: right;
	border-left: 1px solid #ffffff;
	border-right: 0;
	}

.navbar li ul {
	display: none;
	z-index: 10;
	border-left: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	}

.navbar li:hover > ul {
	position: absolute;
	left: -1px;
	display: block;
	z-index: 10;
	}

.navbar li li {
	width: 200px;
	float: none;
	margin: 0;
	padding: 0;
	border-top: 1px solid #ffffff;
	}

.navbar li li:hover ul {
	top: -1px;
	left: 200px;
	}

/*
 * Handle special case of href="#".
 */
.navbar a[href="#"] {
	cursor: default;
	}

li a[href="#"].schoolpurplebg, li li a[href="#"].schoolpurplebgchild, li li li a[href="#"].schoolpurplebggrand {
	background-color: #7413DC;
	}

li a[href="#"].schooltealbg, li li a[href="#"].schooltealbgchild, li li li a[href="#"].schooltealbggrand {
	background-color: #00B8A3;
	}

li a[href="#"].schoolredbg, li li a[href="#"].schoolredbgchild, li li li a[href="#"].schoolredbggrand {
	background-color: #ED3F23;
	}

li a[href="#"].schoolpinkbg, li li a[href="#"].schoolpinkbgchild, li li li a[href="#"].schoolpinkbggrand {
	background-color: #FFB4E5;
	}

li a[href="#"].schoolgreenbg, li li a[href="#"].schoolgreenbgchild, li li li a[href="#"].schoolgreenbggrand {
	background-color: #25B755;
	}

li a[href="#"].schoolnavybg, li li a[href="#"].schoolnavybgchild, li li li a[href="#"].schoolnavybggrand {
	background-color: #003982;
	}

li a[href="#"].schoolbluebg, li li a[href="#"].schoolbluebgchild, li li li a[href="#"].schoolbluebggrand {
	background-color: #006DDF;
	}

li a[href="#"].schoolyellowbg, li li a[href="#"].schoolyellowbgchild, li li li a[href="#"].schoolyellowbggrand {
	background-color: #FFE627;
	}

li a[href="#"].purplebg, li li a[href="#"].purplebgchild, li li li a[href="#"].purplebggrand {
	background-color: #4D2177;
	}

li a[href="#"].greenbg, li li a[href="#"].greenbgchild, li li li a[href="#"].greenbggrand {
	background-color: #84A40B;
	}

li a[href="#"].mauvebg, li li a[href="#"].mauvebgchild, li li li a[href="#"].mauvebggrand {
	background-color: #AD1AAC;
	}

li a[href="#"].orangebg, li li a[href="#"].orangebgchild, li li li a[href="#"].orangebggrand {
	background-color: #FF8200;
	}

li a[href="#"].bluebg, li li a[href="#"].bluebgchild, li li li a[href="#"].bluebggrand {
	background-color: #003DA5;
	}

li a[href="#"].brownbg, li li a[href="#"].brownbgchild, li li li a[href="#"].brownbggrand {
	background-color: #7C3A2D;
	}

li a[href="#"].greybg, li li a[href="#"].greybgchild, li li li a[href="#"].greybggrand {
	background-color: #939BA1;
	}

li a[href="#"].blackbg, li li a[href="#"].blackbgchild, li li li a[href="#"].blackbggrand {
	background-color: #000000;
	}

li a[href="#"].tealbg, li li a[href="#"].tealbgchild, li li li a[href="#"].tealbggrand {
	background-color: #004851;
	}

li a[href="#"].turquoisebg, li li a[href="#"].turquoisebgchild, li li li a[href="#"].turquoisebggrand {
	background-color: #0095C8;
	}

li a[href="#"].yellowbg, li li a[href="#"].yellowbgchild, li li li a[href="#"].yellowbggrand {
	background-color: #FFCD00;
	}

li a[href="#"].redbg, li li a[href="#"].redbgchild, li li li a[href="#"].redbggrand {
	background-color: #BA0C2F;
	}

li a[href="#"].darkbluebg, li li a[href="#"].darkbluebgchild, li li li a[href="#"].darkbluebggrand {
	background-color: #002855;
	}

li a[href="#"].darkgreenbg, li li a[href="#"].darkgreenbgchild, li li li a[href="#"].darkgreenbggrand {
	background-color: #00594F;
	}

li a[href="#"].mediumgreenbg, li li a[href="#"].mediumgreenbgchild, li li li a[href="#"].mediumgreenbggrand {
	background-color: #009A44;
	}

/**** Wrapper around page content ****/

#bhpagecontentwrapper {
	width: 960px;
	margin: 0px auto;
	background: #ffffff;
	}

/**** Slider ****/

#theslider {
	}

/**** Tabs ****/

#featuredtabs {
	}

.featuredtab {
	font-family: 'Nunito Sans', sans-serif;
	font-size: 15px;
	font-weight: bold;
	display: block;
	margin-top: 2px;
	margin-left: 2px;
	height: 55px;
	width: 228px;
	float:left;
	color: #ffffff;
	padding-left: 10px;
	padding-top: 10px;
}

.featuredtab.whitebg {
	color: #000000;
}

#featuredtab1 {
	margin-left: 0;
	width: 230px;
}

#featuredtabs div.featuredtab a:link, #featuredtabs div.featuredtab a:visited {
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
}

#featuredtabs div.featuredtab.whitebg a:link, #featuredtabs div.featuredtab.whitebg a:visited {
	color: #000000;
	text-decoration: none;
	font-weight: bold;
}

#featuredtabs div.featuredtab a:hover, #featuredtabs div.featuredtab a:active, #featuredtabs div.featuredtab.whitebg a:hover, #featuredtabs div.featuredtab.whitebg a:active {
	color: #FFE627;
	text-decoration: underline;
	font-weight: bold;
}

#featuredtabs div.featuredtab.scoutyellowbg a:hover, #featuredtabs div.featuredtab.scoutyellowbg a:active {
	color: #006DDF;
}

/**** Slider-Tabs ****/

#slidertabs-slider {
	float: left;
	}

#slidertabs-tabs {
	}

.slidertabs-tab {
	font-family: 'Nunito Sans', sans-serif;
	font-size: 15px;
	font-weight: bold;
	display: block;
	height: 55px;
	width: 248px;
	color: #ffffff;
	margin-left: 702px;
	margin-top: 1px;
	padding-left: 10px;
	padding-top: 10px;
}

.slidertabs-tab.whitebg {
	color: #000000;
}

#slidertabs-tab1 {
	margin-top: 0;
	}

#slidertabs-tabs div.slidertabs-tab a:link, #slidertabs-tabs div.slidertabs-tab a:visited {
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
}

#slidertabs-tabs div.slidertabs-tab.whitebg a:link, #slidertabs-tabs div.slidertabs-tab.whitebg a:visited {
	color: #000000;
	text-decoration: none;
	font-weight: bold;
}

#slidertabs-tabs div.slidertabs-tab a:hover, #slidertabs-tabs slidertabs-tab a:active, #slidertabs-tabs div.slidertabs-tab.whitebg a:hover, #slidertabs-tabs div.slidertabs-tab.whitebg a:active {
	color: #FFE627;
	text-decoration: underline;
	font-weight: bold;
}

#slidertabs-tabs div.slidertabs-tab.scoutyellowbg a:hover, #slidertabs-tabs div.slidertabs-tab.scoutyellowbg a:active {
	color: #006DDF;
}

/**** Logos ****/

.logoboxes {
	width:960px;
	padding: 25px 0 25px 0;
	margin-bottom: -20px;
	}

.logobox {
	height: 50px;
	margin: 0 20px 0 0;
	padding: 0;
	float:left;
	text-align: center;
	}

/* For three logos spread out evenly. Four and five will need to be left aligned because the
 * removal of the fleur de lys in 2018 has changed the relative widths. */
.numberoflogos3 {
	width: 33.3%;
	margin-right: 0;
	}

.logoboxes.lbh35 {
	padding-top: 32px;
	padding-bottom: 33px;
	}

.lbh35 .logobox {
	width: auto;
	height: 35px;
	margin-left: 25px;
	margin-right: 25px;
	}

.logoboxes.lbh30 {
	padding-top: 35px;
	padding-bottom: 35px;
	}

.lbh30 .logobox {
	width: auto;
	height: 30px;
	margin-left: 18px;
	margin-right: 18px;
	}

/**** START Boxes module ****/

#top {
	width: 960px;
	margin-top: 20px;
	}

#middle {
	width: 960px;
	margin-top: 20px;
	margin-bottom: 20px;
	}

#bottom {
	width: 960px;
	}

#top a:link, #top a:visited, #middle a:link, #middle a:visited, #bottom a:link, #bottom a:visited {
	color: #003982;
	text-decoration: none;
	font-weight: normal;
	}

#top a:hover, #top a:active, #middle a:hover, #middle a:active, #bottom a:hover, #bottom a:active {
	color: #25B755;
	text-decoration: underline;
	font-weight: normal;
	}

.mainboxwrapper {
	width: 33.3%;
	float:left;
	}

.maintop, .mainmiddle, .mainbottom {
	height: 250px;
	margin: 0 0 20px 0;
	border: 1px solid #7413DC;
	padding: 10px;
	overflow: hidden;
	}

#top1, #middle1, #bottom1 {
	margin-right: 14px;
	}

#top2, #middle2, #bottom2 {
	margin-left: 6px;
	margin-right: 6px;
	}

#top3, #middle3, #bottom3 {
	margin-left: 14px;
	}

.maintop h3, .maintop h3.title, .mainmiddle h3, .mainmiddle h3.title, .mainbottom h3, .mainbottom h3.title {
	background-color: #7413DC;
	color: #ffffff;
	font-size: 1.1em;
	font-family: 'Nunito Sans', sans-serif;
	font-weight:bold;
	margin: -10px -10px 10px -10px;
	padding: 2px 0px 2px 10px;
	}

div.scoutpurplebox {
	border: 1px solid #7413DC;
	}

div.scoutpurplebox h3, div.scoutpurplebox h3.title {
	background-color: #7413DC;
	}

div.scouttealbox {
	border: 1px solid #00B8A3;
	}

div.scouttealbox h3, div.scouttealbox h3.title {
	background-color: #00B8A3;
	}

div.scoutredbox {
	border: 1px solid #ED3F23;
	}

div.scoutredbox h3, div.scoutredbox h3.title {
	background-color: #ED3F23;
	}

div.scoutpinkbox {
	border: 1px solid #FFB4E5;
	}

div.scoutpinkbox h3, div.scoutpinkbox h3.title {
	background-color: #FFB4E5;
	}

div.scoutgreenbox {
	border: 1px solid #25B755;
	}

div.scoutgreenbox h3, div.scoutgreenbox h3.title {
	background-color: #25B755;
	}

div.scoutnavybox {
	border: 1px solid #003982;
	}

div.scoutnavybox h3, div.scoutnavybox h3.title {
	background-color: #003982;
	}

div.scoutbluebox {
	border: 1px solid #006DDF;
	}

div.scoutbluebox h3, div.scoutbluebox h3.title {
	background-color: #006DDF;
	}

div.scoutyellowbox {
	border: 1px solid #FFE627;
	}

div.scoutyellowbox h3, div.scoutyellowbox h3.title {
	background-color: #FFE627;
	}

div.purplebox {
	border: 1px solid #4D2177;
	}

div.purplebox h3, div.purplebox h3.title {
	background-color: #4D2177;
	}

div.greenbox {
	border: 1px solid #84A40B;
	}

div.greenbox h3, div.greenbox h3.title {
	background-color: #84A40B;
	}

div.mauvebox {
	border: 1px solid #AD1AAC;
	}

div.mauvebox h3, div.mauvebox h3.title {
	background-color: #AD1AAC;
	}

div.orangebox {
	border: 1px solid #FF8200;
	}

div.orangebox h3, div.orangebox h3.title {
	background-color: #FF8200;
	}

div.bluebox {
	border: 1px solid #003DA5;
	}

div.bluebox h3, div.bluebox h3.title {
	background-color: #003DA5;
	}

div.brownbox {
	border: 1px solid #7C3A2D;
	}

div.brownbox h3, div.brownbox h3.title {
	background-color: #7C3A2D;
	}

div.greybox {
	border: 1px solid #939BA1;
	}

div.greybox h3, div.greybox h3.title {
	background-color: #939BA1;
	}

div.blackbox {
	border: 1px solid #000000;
	}

div.blackbox h3, div.blackbox h3.title {
	background-color: #000000;
	}

div.tealbox {
	border: 1px solid #004851;
	}

div.tealbox h3, div.tealbox h3.title {
	background-color: #004851;
	}

div.turquoisebox {
	border: 1px solid #0095C8;
	}

div.turquoisebox h3, div.turquoisebox h3.title {
	background-color: #0095C8;
	}

div.yellowbox {
	border: 1px solid #FFCD00;
	}

div.yellowbox h3, div.yellowbox h3.title {
	background-color: #FFCD00;
	}

div.redbox {
	border: 1px solid #BA0C2F;
	}

div.redbox h3, div.redbox h3.title {
	background-color: #BA0C2F;
	}

div.darkbluebox {
	border: 1px solid #002855;
	}

div.darkbluebox h3, div.darkbluebox h3.title {
	background-color: #002855;
	}

div.darkgreenbox {
	border: 1px solid #00594F;
	}

div.darkgreenbox h3, div.darkgreenbox h3.title {
	background-color: #00594F;
	}

div.mediumgreenbox {
	border: 1px solid #009A44;
	}

div.mediumgreenbox h3, div.mediumgreenbox h3.title {
	background-color: #009A44;
	}

table#userinfo {
	width: 100%;
	height: 66px;
	margin: 0;
	padding: 0;
	border: 1px solid #00B8A3;
	border-collapse: collapse;
	}

table#userinfo tr {
	margin: 0;
	padding: 0;
	}

table#userinfo td {
	height: 14px;
	font-size: 14px;
	line-height: 14px;
	margin: 0;
	padding: 4px;
	text-align: right;
	vertical-align: top;
	font-weight: bold;
	}

table#userinfo td#useravatar {
	height: 64px;
	width: 64px;
	padding: 1px 0 1px 0;
	background: #ffffff;
	text-align: center;
	border-right: 1px solid #00B8A3;
	}

table#userinfo td#userrealname {
	color: #7413DC;
	}

table#userinfo td#userdisplayname {
	border-top: 1px solid #00B8A3;
	border-bottom: 1px solid #00B8A3;
	color: #00B8A3;
	padding-top: 3px;
	padding-bottom: 3px;
	}

table#userinfo td#userlogin {
	color: #7413DC;
	}

#loggedinout {
	margin-top: 10px;
	}

#morelogin {
	border-top:1px dotted #ccc;
	margin-top:10px;
	color: #7413DC;
	text-align:right;
	padding-top:5px;
	padding-right:5px;
	}

#morelogin a:link, #morelogin a:visited {
	text-decoration: underline;
	}

#morelogin a:hover, #morelogin a:active {
	text-decoration: underline;
	}

ul#latestposts {
	margin: 0;
	padding: 0;
	}
li.latestposttitle {
	margin: 1em;
	padding: 0;
	}

/**** END Boxes module ****/

/* Styling for BNS Featured Category within boxes */

#top .bns-featured-category .post, #middle .bns-featured-category .post, #bottom .bns-featured-category .post {
	display: list-item;
	margin: 1em;
	}

/**** START Pane module ****/
.bhpane {
	margin: 20px 0 20px 0;
	border: 1px solid #4D2177;
	padding: 10px;
	clear: both;
	}

#bhpane1 {
	margin-bottom: 0;
	}

.bhpane h3, .bhpane h3.title {
	background-color: #4D2177;
	color: #ffffff;
	font-size: 1.1em;
	font-family: 'Nunito Sans', sans-serif;
	font-weight:bold;
	margin: -10px -10px 10px -10px;
	padding: 2px 0px 2px 10px;
	}

div.scoutpurplepane {
	border: 1px solid #7413DC;
	}

div.scoutpurplepane h3, div.scoutpurplepane h3.title {
	background-color: #7413DC;
	}

div.scouttealpane {
	border: 1px solid #00B8A3;
	}

div.scouttealpane h3, div.scouttealpane h3.title {
	background-color: #00B8A3;
	}

div.scoutredpane {
	border: 1px solid #ED3F23;
	}

div.scoutredpane h3, div.scoutredpane h3.title {
	background-color: #ED3F23;
	}

div.scoutpinkpane {
	border: 1px solid #FFB4E5;
	}

div.scoutpinkpane h3, div.scoutpinkpane h3.title {
	background-color: #FFB4E5;
	}

div.scoutgreenpane {
	border: 1px solid #25B755;
	}

div.scoutgreenpane h3, div.scoutgreenpane h3.title {
	background-color: #25B755;
	}

div.scoutnavypane {
	border: 1px solid #003982;
	}

div.scoutnavypane h3, div.scoutnavypane h3.title {
	background-color: #003982;
	}

div.scoutbluepane {
	border: 1px solid #006DDF;
	}

div.scoutbluepane h3, div.scoutbluepane h3.title {
	background-color: #006DDF;
	}

div.scoutyellowpane {
	border: 1px solid #FFE627;
	}

div.scoutyellowpane h3, div.scoutyellowpane h3.title {
	background-color: #FFE627;
	}

div.purplepane {
	border: 1px solid #4D2177;
	}

div.purplepane h3, div.purplepane h3.title {
	background-color: #4D2177;
	}

div.greenpane {
	border: 1px solid #84A40B;
	}

div.greenpane h3, div.greenpane h3.title {
	background-color: #84A40B;
	}

div.mauvepane {
	border: 1px solid #AD1AAC;
	}

div.mauvepane h3, div.mauvepane h3.title {
	background-color: #AD1AAC;
	}

div.orangepane {
	border: 1px solid #FF8200;
	}

div.orangepane h3, div.orangepane h3.title {
	background-color: #FF8200;
	}

div.bluepane {
	border: 1px solid #003DA5;
	}

div.bluepane h3, div.bluepane h3.title {
	background-color: #003DA5;
	}

div.brownpane {
	border: 1px solid #7C3A2D;
	}

div.brownpane h3, div.brownpane h3.title {
	background-color: #7C3A2D;
	}

div.greypane {
	border: 1px solid #939BA1;
	}

div.greypane h3, div.greypane h3.title {
	background-color: #939BA1;
	}

div.blackpane {
	border: 1px solid #000000;
	}

div.blackpane h3, div.blackpane h3.title {
	background-color: #000000;
	}

div.tealpane {
	border: 1px solid #004851;
	}

div.tealpane h3, div.tealpane h3.title {
	background-color: #004851;
	}

div.turquoisepane {
	border: 1px solid #0095C8;
	}

div.turquoisepane h3, div.turquoisepane h3.title {
	background-color: #0095C8;
	}

div.yellowpane {
	border: 1px solid #FFCD00;
	}

div.yellowpane h3, div.yellowpane h3.title {
	background-color: #FFCD00;
	}

div.redpane {
	border: 1px solid #BA0C2F;
	}

div.redpane h3, div.redpane h3.title {
	background-color: #BA0C2F;
	}

div.darkbluepane {
	border: 1px solid #002855;
	}

div.darkbluepane h3, div.darkbluepane h3.title {
	background-color: #002855;
	}

div.darkgreenpane {
	border: 1px solid #00594F;
	}

div.darkgreenpane h3, div.darkgreenpane h3.title {
	background-color: #00594F;
	}

div.mediumgreenpane {
	border: 1px solid #009A44;
	}

div.mediumgreenpane h3, div.mediumgreenpane h3.title {
	background-color: #009A44;
	}

/**** END Pane module ****/

/* <div id="content"> */

#content {
	margin-right: 0;
	margin-left: 0;
	min-height: 400px;
	background: #ffffff;
	padding-top: 10px;
	font-size: 1em;
	}

#content.sidebar-on-left {
	margin-right: 0;
	margin-left: 220px;
	}

#content.sidebar-on-right {
	margin-right: 220px;
	margin-left: 0;
	}

#content.sidebar-two {
	margin-right: 220px;
	margin-left: 220px;
	}

#content a:link, #content a:visited {
	color: #003982;
	text-decoration: underline;
	font-weight: normal;
	}

#content a:hover, #content a:active {
	color: #25B755;
	text-decoration: underline;
	font-weight: normal;
	}

h1 {
	font-size: 1.3em;
	font-family: 'Nunito Sans', sans-serifi;
	font-weight: 900;
	color: #fff;
	background-color: #7413DC;
	margin-top: 20px;
	padding: 5px 10px 5px 10px;
	}

h2 {
	/* Not used in default templates */
	}

h3 {
	font-size: 1.1em;
	font-family: 'Nunito Sans', sans-serif;
	font-weight:bold;
	color: #7413DC;
	text-decoration: none;
	margin: 1.5em 0 1em 0;
	padding: 0;
	}

#content h3 a:link,  #content h3 a:visited {
	color: #7413DC;
	font-weight:bold;
	text-decoration: none;
	}

#content h3 a:hover,  #content h3 a:active {
	color: #00B8A3;
	font-weight:bold;
	text-decoration: underline;
	}

/**** Page Template ****/

#editpage {
	margin: 1em;
}

/* Also applies to posts */
.entry p:first-child, .entry h3:first-child {
	margin-top: 0;
	}

/**** Archives / Search Results ****/

#archive {
	list-style: none;
	margin: 0 0 1em 0;
	padding: 0;
}

li.spoiler {
	display: block;
	margin: 0;
	padding: 10px;
	}

li.spoiler:nth-child(even) {
	background-color: #F3F3F3;
	}

.spoiler h3 {
	font-size: 1.1em;
	text-transform: none;
	}

#content .spoiler h3 a {
	text-decoration: none;
	}

.meta {
	font-size: 0.8em;
	color: #AD1AAC;
	}

.meta span.author {
	font-weight: bold;
	}

#navigation {
	}

/**** Single Post ****/

#entry {
	}

#editpost {
	margin: 1em 0 1em 0;
	}

table#stats {
	color: #AD1AAC;
	margin: 1em 0 1em 0;
	}

td#author-avatar {
	padding-right: 1em;
	}

td#author {
	font-weight: bold;
	}

/**** Comments ****/

div#bhcomments {
	background-color: #eeeeee;
	padding: 10px;
	}

div#bhcomments h3:first-child {
	margin-top: 0;
	}

div#bhcomments ul.children {
	margin-top: 10px;
	}

div#bhcomments li.comment {
	margin-bottom: 10px;
	}

div#bhcomments .comment-meta {
	font-size: 0.8em;
	color: #AD1AAC;
	}

div#bhcomments .comment-content p {
	background-color: #ffffff;
	padding: 10px;
	}

div#bhcomments .comment-form label {
	display: inline-block;
	width: 6em;
	vertical-align: top;
	}

div#bhcomments .form-allowed-tags {
	display: none;
	}

/**** Sidebar(s) *****/

#sidebar {
	width:200px;
	float:right;
	margin:0;
	padding: 10px 0 10px 10px;
}

#sidebar.sidebar-on-left {
	float:left;
	padding: 10px 10px 10px 0;
	}

#sidebar2 {
	width:200px;
	float:left;
	margin:0;
	padding: 10px 10px 10px 0;
}

#breadcrumbs ul, #sidebarwidgets ul  {
	list-style: none;
	margin: 0 0 10px 0;
	padding: 0;
	}

#breadcrumbs li, #sidebarwidgets li {
	display: block;
	width: 200px;
	font-size: 14px;
	font-family: 'Nunito Sans', sans-serif;
	color: #ffffff;
	border-bottom: 1px solid #ffffff;
	margin: 0;
	padding: 0;
	}

#breadcrumbs li a:link, #breadcrumbs li a:visited, #sidebarwidgets li a:link, #sidebarwidgets li a:visited {
	display: block;
	color: #ffffff;
	text-decoration: none;
	margin: 0;
	padding: 2px 5px 2px 5px;
	}

#breadcrumbs li {
	background-color: #003982;
	}

#breadcrumbs li a:hover, #breadcrumbs li a:active {
	display: block;
	color: #ffffff;
	text-decoration: none;
	background-color: #25B755;
	margin: 0;
	padding: 2px 5px 2px 5px;
	}

#sidebarwidgets li {
	background-color: #25B755;
	}

#sidebarwidgets li a:hover, #sidebarwidgets li a:active {
	display: block;
	color: #ffffff;
	text-decoration: none;
	background-color: #003982;
	margin: 0;
	padding: 2px 5px 2px 5px;
	}

#sidebarcontrols {
	margin: 0 1px 0 0;
	}

#sidebarcontrols span {
	display: block;
	float: right;
	width: 65px;
	font-size: 12px;
	font-family: 'Nunito Sans', sans-serif;
	color: #ffffff;
	background: #ED3F23;
	text-align: center;
	border-left: 1px solid #ffffff;
	margin: 0;
	padding: 0;
	cursor: pointer;
	}

#sidebarcontrols span:hover {
	background-color: #FFB4E5;
	}

/**** Sandbox ****/

#sandbox {
	margin: 0;
	padding: 1em;
	border: 1px solid #7C3A2D;
	}

/**** Footer ****/

#footer {
	font-family: 'Nunito Sans', sans-serif;
	margin: 20px auto 0 auto;
	width: 960px;
	}

#footerall {
	clear: both;
	color: #ffffff;
	padding: 20px;
	font-size: 12px;
	}

#ceop {
	float:left;
	}

.footer {
	width: 120px;
	padding-left: 20px;
	float:right;
	}

#footerall a:link, #footerall a:visited {
	color:#ffffff;
	font-weight:normal;
	text-decoration:none;
}

#footerall a:hover, #footerall a:active {
	color:#FFE627;
	font-weight:normal;
	text-decoration:underline;
}

#copyright {
	font-size: 14px;
	padding: 20px;
	background-color: #ffffff;
	color: #9A9A9A;
	text-align: center;
}

#copyright p {
	margin: 0;
	padding: 0;
}

#copyright a:link, #copyright a:visited {
	color: #003982;
	font-weight:normal;
	text-decoration:underline;
	}

#copyright a:hover, #copyright a:active {
	color: #25B755;
	font-weight:normal;
	text-decoration:underline;
	}

#cookies {
	font-size: 14px;
	color: #ffffff;
	text-align: center;
	margin: 1em 0 0 0;
	padding: 2px;
	}

#cookies a:link, #cookies a:visited {
	color: #ffffff;
	font-weight:normal;
	text-decoration:underline;
	}

#cookies a:hover, #cookies a:active {
	color: #4D2177;
	font-weight:normal;
	text-decoration:underline;
	}

#bottombanner {
	color: #FFE627;
	background: #000000;
	padding: 0.5em 1em 0.5em 1em;
	}

#bottombanner a:link, #bottombanner a:visited {
	color: #ffffff;
	text-decoration: underline;
	font-weight: normal;
	}

#bottombanner a:hover, #bottombanner a:active {
	color: #84A40B;
	text-decoration: underline;
	font-weight: normal;
	}

/**** Shortcuts ****/

/* Style the table from the [bhcookies] shortcode. */
table#bhcookietable {
	width: 100%;
	table-layout: fixed;
	text-align: left;
	}

col#bhcookiecolname {
	width: 40%;
	}

table#bhcookietable td{
	overflow: hidden;
	white-space: nowrap;
	}