:root {
  --primary: hsl(150deg 2% 18%);
  --secondary: #000;
  --breadcrumbs-fg: #fff;
  --breadcrumbs-link-fg: #ddd;
  --button-bg: #afafaf;
  --button-hover-bg: #949494;
  --default-button-bg: #4e8f4e;
  --default-button-hover-bg: #3e763e;
  --delete-button-bg: #b85050;
}
#header {
  background: #000;
  height: 50px;
  box-sizing: border-box;
  overflow: initial;
  color: #fff;
}
#branding {
  float: none;
  height: 100%;
  z-index: 999;
}
#branding img {
  width: 100px;
}
#user-tools li {
  list-style: none;
  display: inline-block;
  margin-left: 16px;
}
#user-tools li a {
  text-decoration: none;
  border: 0;
  opacity: 0.7;
}
#user-tools li a:focus,
#user-tools li a:hover {
  color: inherit;
  opacity: 1;
}
div.breadcrumbs {
  text-align: right;
  background: linear-gradient(
    0deg,
    hsl(150deg 2% 18%),
    hsl(150deg 2% 18%) 33.33333333333%,
    hsl(150deg 2% 12%) 33.33333333333%,
    hsl(150deg 2% 12%) 66.66666666666%,
    hsl(150deg 2% 6%) 66.66666666666%,
    hsl(150deg 2% 6%) 75%
  );
  font-size: 12px;
}
.toggle-nav-sidebar {
  background: var(--primary);
  border: 0;
  color: rgba(255, 255, 255, 0.3);
  border-right: 1px solid rgba(255, 255, 255, 0.1);
}
.toggle-nav-sidebar:hover,
.toggle-nav-sidebar:focus {
  background-color: #333;
}
.main.shifted > #nav-sidebar {
  left: 22px;
}
#nav-sidebar {
  border: 0;
  background: var(--primary);
  padding: 24px 16px 0 0;
  box-sizing: border-box;
}
#nav-sidebar .module {
  background: none;
}
#nav-sidebar .current-app .section:link,
#nav-sidebar .current-app .section:visited {
  color: inherit;
  font-weight: bold;
}
#nav-sidebar .current-model {
  background: rgba(0, 0, 0, 0.2);
}
#nav-sidebar table tr {
  background: none;
}
#nav-sidebar table td,
#nav-sidebar table th {
  border: 0;
  font-weight: 400;
  opacity: 0.7;
  font-size: 12px;
}
#nav-sidebar table a:link,
#nav-sidebar table a:visited {
  color: #fff;
}
#nav-sidebar table a.section:link,
a.section:visited {
  font-weight: bold;
  text-decoration: none;
}
.related-widget-wrapper-link {
  opacity: 0.8;
  display: inline-block;
  padding: 4px;
  width: 26px;
  box-sizing: border-box;
  margin: 0 !important;
}
.related-widget-wrapper-link img {
  width: 100%;
}
.inline-group ul.tools a.add,
.inline-group div.add-row a,
.inline-group .tabular tr.add-row td a {
  background-size: 16px !important;
  background-position: 0 50% !important;
}
.inline-group h2 {
  background: #afafaf;
}
.submit-row a.deletelink:focus,
.submit-row a.deletelink:hover,
.submit-row a.deletelink:active {
  background: #9d2e2e;
}
.addlink,
.inlineaddlink,
.changelink,
.inlinechangelink,
.deletelink,
.inlinedeletelink {
  padding-left: 16px;
  background-size: 16px;
  background-position: 0 50%;
  background-repeat: no-repeat;
}
#nav-sidebar .addlink {
  background-image: url(../img/icon-addlink-light.svg);
}
fieldset .fieldBox.field-image_upload {
  float: none;
}
.hide {
  display: none;
}

@media (max-width: 1024px) {
  #header {
    height: auto;
  }
  div.breadcrumbs {
    text-align: left;
  }
}