.navbar { border-radius: 0; border: 0 none; margin-bottom: 0; }
.navbar .logo {
  margin: 0;
  padding: 0;
}
.navbar .logo img { width: 240px; }


.navbar-default { background-color: transparent; }
.navbar-default .navbar-nav > li > a { color: #54C0E8; font-size: 16px; line-height: 1; }

.navbar-default .navbar-nav > li > a.is-active,
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  color: #54C0E8;
  background-color: transparent;
}

.navbar .navbar-toggle { margin-top: 25px; border: 0 none; }
.navbar .navbar-toggle,
.navbar .navbar-toggle:focus { background-color: #54C0E8; }
.navbar .navbar-toggle:hover { background-color: #004987; }
.navbar .navbar-toggle .icon-bar { background: #fff; }

@media (min-width: 768px) {
  .navbar { padding-top: 10px; padding-bottom: 10px; }
}
@media (min-width: 992px) {

  .region-navigation-collapsible { display: flex; flex-direction: row; float: left; padding-top: 20px; }

  .navbar-default .navbar-nav { padding: 15px 0; }
  .navbar-default .navbar-nav > li { border-right: 1px solid #2C3941; }
  .navbar-default .navbar-nav > li:last-of-type { border-right: 0 none; }
  .navbar-default .navbar-nav > li > a { padding: 2px 15px 0; }

  .navbar .menu--account { padding-left: 36px; margin-left: 30px; margin-right: -30px; position: relative; }
  .navbar .menu--account::before {
    display: block; content: "\e008"; font-family: "Glyphicons Halflings";
    background: #54C0E8; color: #fff; font-size: 24px; text-align: center;
    position: absolute; left: 0; top: 5px; width: 36px; height: 36px; border-radius: 18px;
  }

  .user-logged-in .navbar .menu--account { padding-right: 36px; padding-left: 0; }
  .user-logged-in .navbar .menu--account::before { left: auto; right: 0; }
}

.dropdown-menu > .active > a.colour-preset { background-color: transparent; color: #333333; }
.dropdown-menu > .active > a.colour-preset:hover,
.dropdown-menu > .active > a.colour-preset:focus { background-color: #f5f5f5; color: #262626; }

.dropdown-menu > li > a.colour-preset::before {
  margin-right: 5px; vertical-align: middle;
  display: inline-block; content: ""; width: 20px; height: 12px; background-color: #9EACAA;
}

.dropdown-menu > li > a.colour-preset-blue::before   { background-color: #005795; }
.dropdown-menu > li > a.colour-preset-orange::before { background-color: #EB6018; }
.dropdown-menu > li > a.colour-preset-brown::before  { background-color: #866D75; }
.dropdown-menu > li > a.colour-preset-red::before    { background-color: #DA1F4E; }
.dropdown-menu > li > a.colour-preset-green::before  { background-color: #00938F; }
.dropdown-menu > li > a.colour-preset-yellow::before { background-color: #F8BD3E; }