/**
 * TOOLBAR
 */

nav.toolbar {
  background-color: #00adee;
  border-color: #0090c5;
  color: #FFF;
}

/**
 * LOGO
 */

body .background-content > header > .top-header .inner .header-logo {
  background-image: url(/assets/css/skin-overwrites/calmcloud/calm-cloud-logo-744x150.png);
  margin-top: 24px;
}


@media (min-width: 768px) {
  body .background-content > header > .top-header .inner .header-logo {
    width: 21.6875rem;
    height: 5.4375rem;
  }
}

@media (max-width: 768px) {
  body .background-content > header > .top-header .inner .header-logo {
    background-image: url(/assets/css/skin-overwrites/calmcloud/calm-cloud-logo-no-text-320x150.png);
    width: 5.875rem;
    height: 2.875rem;
    margin-top: 18px;
  }
}

/**
 * NAV-BAR
 */

nav.main-nav {
  background-color: #00adee;
  border-color: #0090c5;
}

nav.main-nav > ul > li a {
  color: #FFF;
}

nav.main-nav a:hover {
  color: #FFE400;
}

nav.main-nav ul li ul {
  background-color: #00adee;
  border-color: #0090c5;
}