@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Anton|Nunito|PT+Sans+Narrow|Ubuntu|Rammetto+One|Suez+One');
/*
 font-family: 'Anton', sans-serif; <-- for Headers & Banners
 font-family: 'Nunito', sans-serif; <-- for Menus
 font-family: 'PT Sans Narrow', sans-serif; <--- for footer
font-family: 'Ubuntu, sans-serif; <-- for Body
    font-family: 'Rammetto One', cursive; <-- for Headers & Banners
    font-family: 'Suez One', serif; <-- for Headers & Banners sub heasdings
*/

body {
	font-family: 'Ubuntu', sans-serif;
	margin: 25px 0px;
}

audio {
	margin: 10px 0px;
}
code {
	color: #000;
}

#maincontent {
	margin: 10px 5px 20px;
}

#advert {
	padding: 10px 0px;
}
#advert a {
	color: #fff;
	text-decoration: none;
}

#abcnotation {
	padding: 5px 15px;
}
.well-blue {
	background-color: #4681b3;
	color: #fff;
}
.jumbotron {
	background: #4681B3;
	color: #DFDFDF;
	font-family: 'Suez One', serif;
	padding-top: 10px; /* CHW 24/03/2017 */
	padding-bottom: 10px; /* CHW 24/03/2017 */
	margin-bottom: 15px; /* CHW 24/03/2017 */
}
.jumbotron #banner {
	margin-top: 25px;
}
.jumbotron small {
	color: #fff;
}
.footer {
	background: #eee;
	text-align: center;
	bottom: 0px;
	clear: both;
	min-height: 80px;
	font-family: 'PT Sans Narrow', sans-serif;
	border-top: solid 2px #4681B3;
}

.footer_container {
	/* height: 5px; */
	position: relative;
	margin: 2em auto;
}

/* Gwizard Specific Colors */

.gold-text {
	color: gold;
}
.gold-bg {
	background-color: gold;
}
.blue-text {
	color:#4681b3;
}
.blue-bg {
	color:#4681b3;
}
.grey-text {
	color:#dfdfdf;
}
.grey-bg {
	color:#dfdfdf;
}

.navbar-default {
	background-color: #4681b3;
	border: none;
	color: #dfdfdf;
}
.navbar-default .navbar-nav > li > a {
	color: #dfdfdf;
}
.navbar-default .navbar-nav > li > a:hover{
	color: #ffd700;
}

.navbar-default .navbar-nav > .active, .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:active {
	background-color:#274864;
	color: #fff;
	font-weight: bolder;
}
.navbar-default .navbar-nav > .active > a:hover {
	color: #ffd700;
	background-color: inherit;
}
.navbar-default .navbar-brand {
	color: #ffd700;
	font-weight: 600;
}
.navbar-default .navbar-brand:focus, .navbar-default .navbar-brand:hover {
	color:lightgoldenrodyellow;
	font-weight: 800;
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:active {
	background-color:#274864;
	color: #fff;
	font-weight: bolder;
}
.navbar-default .navbar-nav > .open > a:hover {
	color: #ffd700;
	background-color:#274864;
	font-weight: bolder;
}

.navbar-default .dropdown-menu {
	background-color:#274864;
	color: #ffd700;
}
.navbar-default .dropdown-menu > li > a {
	color: #ffd700;
}
.navbar-default .dropdown-menu > li > a:hover {
	color: #ffd700;
	background-color:#4681b3;
	font-weight: bolder;
}


@media screen and (max-width: 767px){	
	.navbar-default .navbar-nav .open .dropdown-menu > li, .navbar-default .navbar-nav .open .dropdown-menu > li > a {
		color: #ffd700;
	}
	.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {
		color: #ffd700;
		background-color:#274864;
		font-weight: bolder;	
	}
	.navbar-default .navbar-toggle {
		background-color: #fff;
		color: #000;
		
	}
		.navbar-default .navbar-toggle:hover {
		background-color: #ffd700;
		color: #000;
	}
	
	#abcexample {
		margin-bottom: 20px;
	}
}

.black, .black a, .black:hover, .black:visited {
	color: #000;
	text-decoration: none;
}

audio {
	width: 30%; /* CHW change from 90% 25/03/2017 */
}

/* CHW additions from here onwards */
ol.olSmallList{margin-bottom:5px;margin-top:0px;font-size:small}