/* show edit bar at top of page once a user is logged into Craft */

body.loggedIn {
        margin-top: 32px;
}
#editCraft {
        direction: ltr;
        color: #ccc;
        font-size: 13px;
        font-weight: 400;
        font-family: sans-serif;
        height: 32px;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 5000;
        background: #23282d;
        padding-left: 2em;
}
.editCraftButton {
        display: inline-block;
        padding: 0 2em;
        margin: 8px 0;
}
#editCraft .editCraftButton a {
        color: #ccc;
        text-decoration: none;
        border-bottom: 1px solid #777;
}
#editCraft .editCraftButton a:hover {
        color: #fff;
        border-bottom: 1px solid #fff;
        background: transparent;
}

#editCraftControls {
  position: relative;
  display: inline-block;
  float: right;
}

#editCraftControls button {
  border: none;
  cursor: pointer;
  height: 32px;
  background: #23282d;
}
#editCraftControls button img {
  margin-top: 2px;
  height: 20px;
  width: 20px;
  background-image: radial-gradient(#ddd 50%, #23282d 50%);
}

#editCraftControlSet {
  display: none;
  position: absolute;
  left: auto;
  right: 0;
  box-shadow: 0px 0px 16px 8px rgba(0,0,0,0.2);
  z-index: 1;
}

#editCraftControlSet a {
  color: #ccc;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  background: #23282d;
  border-bottom: 0px solid #fff;
  border-top: 1px solid #777;
  font-size: 12px;
  font-weight: 400;
}

#editCraftControlSet a:hover {
  color: #fff;
}

#editCraftControls:hover #editCraftControlSet {
  display: block;
}

#editCraftControls:hover button img {
  background-image: radial-gradient(#fff 50%, #23282d 50%);
}

@media screen and (max-width: 767px) {
	#editCraftGreeting,
	#editCraftCP {
		display: none;
	}
}