/** 
 * theming styles
 * 
 */

#content {
  padding: 0;
  margin: 15px;
}

#header {
  /* Reset the indents of django-flat-theme
      (need to restore 40px on branding+user-tools instead) */
  padding-left: 0;
  padding-right: 0;
}

#header #branding h1 {
  margin: 0;
  padding: 5px 10px;
  text-indent: -9999px;
  background: transparent url(../../img/moonworkers-logo-white.png) 50% 50%
    no-repeat;
  background-size: auto 100%;
  height: 31px;
  width: 160px;
}

#header #user-tools {
  /* Old Django: 1.2em, flat theme: 40px; */
  padding-right: 1.2em;
}

#bookmark-form {
  clear: both;
}

div.breadcrumbs {
  display: block;
  padding: 10px 15px;
  border: 0;
  background-position: 0 -8px;
  border-bottom: 1px solid #ededed;
}

div.breadcrumbs a {
  display: inline;
}

@media (prefers-color-scheme: dark) {
  div.breadcrumbs {
    border-bottom: 0;
  }
}

/* MW */

:root {
  --primary-color: #455cc7;
  --primary-color-faded: #8b9def;
  --secondary-color: #4dffba;
}

::selection {
  background: var(--secondary-color);
  color: var(--primary-color);
  opacity: 1;
}

::-moz-selection {
  background: var(--secondary-color);
  color: var(--primary-color);
  opacity: 1;
}

#header {
  background: var(--primary-color);
}
.module h2,
.module caption,
.inline-group h2 {
  background-color: var(--primary-color-faded);
}
div.breadcrumbs {
  background: var(--primary-color-faded);
}
a:link,
a:visited {
  color: var(--primary-color);
}
.selector-chosen h2 {
  background: var(--primary-color-faded) !important;
}
.button,
input[type='submit'],
input[type='button'],
.submit-row input,
a.button {
  background: var(--primary-color-faded);
}
.button.default,
input[type='submit'].default,
.submit-row input.default {
  background: var(--primary-color);
}
.button:active,
input[type='submit']:active,
input[type='button']:active,
.button:focus,
input[type='submit']:focus,
input[type='button']:focus,
.button:hover,
input[type='submit']:hover,
input[type='button']:hover {
  background: var(--primary-color-faded);
  opacity: 0.8;
}
.button.default:active,
input[type='submit'].default:active,
.button.default:focus,
input[type='submit'].default:focus,
.button.default:hover,
input[type='submit'].default:hover {
  background: var(--primary-color);
  opacity: 0.8;
}

#header {
  color: #eaecf4;
}

#branding h1,
#branding h1 a:link,
#branding h1 a:visited {
  color: #e68a2f;
}

.inline_actions input {
  margin-right: 10px;
}

.breadcrumbs {
  background: none;
}
.breadcrumbs a {
  color: var(--primary-color);
}