/** Put here CSS that should apply to both public and editor screens. **/

span.brand a, span.brand a:hover {
  /* The site title in the navbar (a.k.a. "home") */
  color: white;
  text-decoration: none;
}

#user-dropdown .dropdown-submenu > .dropdown-menu {
  /* make the "site settings" submenu open to the left */
  left: -100%;
}

/* workflow states */
.state-public {
  color: #468847;
}

.state-private {
  color: #B94A48;
}

/* Responsive */

@media (max-width: 980px) {
  body, body.logged-in {
    /* Remove any padding from the body */
    padding-top: 0;
  }
  .navbar input.search-query {
    /* you might need to adjust this on phones in portrait mode for site titles longer than "Kotti" ;-) */
    width: 160px;
  }
}