/* Colours */
/* Dimensions */
/* padding */
/* Typography */
/* Bootstrap overrides */
/* Mosaic */
body {
  padding: 0; }

.site-logo {
  width: 160px;
  margin: 25px 0 0 20px; }

.header-container {
  width: 100%;
  background: #666;
  z-index: 9999;
  border-bottom: 3px solid #c4d600; }

.atoz-footer {
  margin-top: 2em;
  background: #999;
  padding: 0.5em 0; }

ul.list-atoz {
  margin: 0; }

ul.list-inline.list-atoz > li {
  padding: 0; }

ul.list-atoz a {
  display: inline-block;
  padding: 0.3em 0.5em;
  margin: 0; }

ul.list-atoz a:hover {
  background: #fff;
  color: #222;
  text-decoration: none; }

footer {
  background: #222;
  padding: 1em;
  color: #fff; }

footer a {
  color: #fff; }

/** coloured navigation **/
.navbar-nav > li {
  background: #333; }

.navbar-nav > li:first-child {
  background: #c4d600; }

.navbar-nav > li:first-child > a {
  color: #222 !important;
  /* This needs to be dark to meet WAI standards */ }

.navbar-nav > li:nth-child(2) {
  background: #1aa6b6; }

.navbar-nav > li:nth-child(3) {
  background: #7e676a; }

.navbar-nav > li:nth-child(4) {
  background: #ec6851; }

.navbar-nav > li:nth-child(5) {
  background: #807fab; }

.navbar-nav > li:nth-child(6) {
  background: #78a571; }

.navbar-default .navbar-nav > li > a, .navbar-default .navbar-text {
  font-weight: 400;
  color: #fff;
  font-size: 16px; }

.navbar {
  border: none; }

.navbar-form {
  padding: 2em 0;
  margin: 0;
  box-shadow: none; }

.navbar-toggle {
  background: #c4d600;
  border: none !important; }

.form-control {
  box-shadow: none; }

.breadcrumb-container {
  background: #333;
  color: #fff;
  width: 100%; }

.breadcrumb-container > .container {
  margin-bottom: 0; }

ul.breadcrumb {
  margin-bottom: 0; }

.breadcrumb a, .breadcrumb a:hover, .breadcrumb a:active, .breadcrumb a:visited {
  color: #fff; }

.nav-scrolled {
  position: fixed;
  border-radius: 2.5em;
  bottom: 1em;
  right: 1em;
  z-index: 999;
  background: #ec6851;
  color: #fff;
  width: 2em;
  height: 2em;
  line-height: 2em;
  opacity: 0;
  border: none;
  transition: opacity 0.5s;
  font-family: 'Glyphicons Halflings';
  font-size: xx-large;
  text-align: center;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.6); }

a.nav-scrolled {
  color: #fff; }

a.nav-scrolled:hover {
  text-decoration: none;
  color: #222; }

.headImage {
  width: 100%;
  height: 80px;
  background-size: cover !important;
  margin: 0;
  border-bottom: 3px solid #ec6851;
  /* Why is background-size being overridden? */ }

@media (min-width: 768px) {
  .navbar-header {
    max-width: 50%;
    width: 300px; }
  .navbar-nav {
    float: right !important; }
  /** navbar > container - remove padding **/
  .navbar > div.container, .navbar-collapse {
    padding-right: 0;
    padding-left: 0; }
  .site-logo {
    max-width: 800px;
    width: 100%; }
  .header-container {
    top: 0;
    width: 100%;
    z-index: 9999; }
  footer {
    padding-bottom: 3em; }
  .headImage {
    height: 160px; } }

@media print {
  /* No page breaks for charts, images or maps */
  img, .map, .chart {
    page-break-inside: avoid; }
  /* Always start a new section for an h3 */
  h3 {
    page-break-before: always; }
  /* h4 is usually a chart title, so we want these not to be orphaned. */
  h4 {
    page-break-before: avoid; } }

/* Colours */
/* Dimensions */
/* padding */
/* Typography */
/* Bootstrap overrides */
/* Mosaic */
table.mosaic a {
  color: #333; }

.mos_a, .mos_b, .mos_c, .mos_d, .mos_e, .mos_f, .mos_g, .mos_h, .mos_i, .mos_j, .mos_k, .mos_l, .mos_m, .mos_n, .mos_o {
  padding: 0;
  text-align: center;
  font-weight: bold;
  font-size: 1.2em;
  color: #fff !important; }

.mos_a a, .mos_b a, .mos_c a, .mos_d a, .mos_e a, .mos_f a, .mos_g a, .mos_h a, .mos_i a, .mos_j a, .mos_k a, .mos_l a, .mos_m a, .mos_n a, .mos_o a {
  text-decoration: none;
  display: block;
  text-align: center;
  font-weight: bold;
  padding: 2em; }

table.mosaic .mos_a a, .mos_a {
  background-color: #045137 !important; }

table.mosaic .mos_b a, .mos_b {
  background-color: #433f74 !important; }

table.mosaic .mos_c a, .mos_c {
  background-color: #706093 !important; }

table.mosaic .mos_d a, .mos_d {
  background-color: #254f59 !important; }

table.mosaic .mos_e a, .mos_e {
  background-color: #163c6c !important; }

table.mosaic .mos_f a, .mos_f {
  background-color: #6f6d66 !important; }

table.mosaic .mos_g a, .mos_g {
  background-color: #5c9b37 !important; }

table.mosaic .mos_h a, .mos_h {
  background-color: #478b85 !important; }

table.mosaic .mos_i a, .mos_i {
  background-color: #a69733 !important; }

table.mosaic .mos_j a, .mos_j {
  background-color: #6b6014 !important; }

table.mosaic .mos_k a, .mos_k {
  background-color: #9d4d4d !important; }

table.mosaic .mos_l a, .mos_l {
  background-color: #7c2c67 !important; }

table.mosaic .mos_m a, .mos_m {
  background-color: #8d5128 !important; }

table.mosaic .mos_n a, .mos_n {
  background-color: #5b4535 !important; }

table.mosaic .mos_o a, .mos_o {
  background-color: #6b272b !important; }