/* ---------- Color Module Styles ----------- */

/*** Stegeman Theme ***/
  body {
    color: #000000;
    background: #000000;
  }
  #page,
  #main-wrapper,
  .region-primary-menu .menu-item a.is-active,
  .region-primary-menu .menu-item--active-trail a {
    background: #ffffff;
  }
  .tabs ul.primary li a.is-active {
    background-color: #ffffff;
  }
  .tabs ul.primary li.is-active a {
    background-color: #ffffff;
    border-bottom-color: #ffffff;
  }
  #header {
    background-color: #9ea2a2;
    background-image: -webkit-linear-gradient(top, #d8d8d8 0%, #9ea2a2 100%);
    background-image: linear-gradient(to bottom, #d8d8d8 0%, #9ea2a2 100%);
  }
  a,
  .link {
    color: #ba0c2f;
  }
  a:hover,
  a:focus,
  .link:hover,
  .link:focus {
    color: #9ea2a2;
  }
  a:active,
  .link:active {
    color: #9ea2a2;
  }
  .site-footer {
    background: #000000;
  }
  .region-header,
  .region-header a,
  .region-header li a.is-active,
  .site-branding__text,
  .site-branding,
  .site-branding__text a,
  .site-branding a {
    color: #ffffff;
  }

  .region-secondary-menu .menu-item a,
  .region-secondary-menu .menu-item a.is-active {
    color: #554f47;
  }
  
  div.region-sidebar-first ul.menu.clearfix li {
    border-bottom: 1px solid #d6d2c4;
    border-top: 1px solid #d6d2c4;
  }
  div.region-sidebar-first ul.menu.clearfix a,
  div.region-sidebar-first ul.menu.clearfix a:visited,
  div.region-sidebar-first ul.menu.clearfix span.nolink,
  div.region-sidebar-first ul.menu.clearfix li.menu-item {
    color: #554f47;
  }
  div.region-sidebar-first ul.menu.clearfix li.menu-item a:focus,
  div.region-sidebar-first ul.menu.clearfix li.menu-item a:hover,
  div.region-sidebar-first ul.menu.clearfix li.menu-item span.nolink:hover {
    color: #000000;
  }
  div.region-sidebar-first ul.menu.clearfix li.menu-item.menu-item--active-trail a,
  div.region-sidebar-first ul.menu.clearfix li.menu-item.menu-item--active-trail a:visited,
  div.region-sidebar-first ul.menu.clearfix li.menu-item.menu-item--active-trail a:focus,
  div.region-sidebar-first ul.menu.clearfix li.menu-item.menu-item--active-trail a:hover,
  div.region-sidebar-first ul.menu.clearfix li.menu-item.menu-item--active-trail span.nolink,
  div.region-sidebar-first ul.menu.clearfix li.menu-item.menu-item--active-trail span.nolink:hover {
    color: #ffffff;
  }
  div.region-sidebar-first ul.menu.clearfix li.menu-item.menu-item--active-trail ul.menu li.menu-item,
  div.region-sidebar-first ul.menu.clearfix li.menu-item.menu-item--active-trail ul.menu li.menu-item a,
  div.region-sidebar-first ul.menu.clearfix li.menu-item.menu-item--active-trail ul.menu li.menu-item a:visited,
  div.region-sidebar-first ul.menu.clearfix li.menu-item.menu-item--active-trail ul.menu li.menu-item span.nolink {
    background: #ffffff;
    color: #554f47;
  }
  div.region-sidebar-first ul.menu.clearfix li.menu-item.menu-item--active-trail ul.menu li.menu-item a.is-active,
  div.region-sidebar-first ul.menu.clearfix li.menu-item.menu-item--active-trail ul.menu li.menu-item a.is-active:visited {
    color: #ba0c2f;
  }
  
/* ---------- Color Form ----------- */

[dir="rtl"] .color-form .color-palette {
  margin-left: 0;
  margin-right: 20px;
}
[dir="rtl"] .color-form .form-item label {
  float: right;
}
[dir="rtl"] .color-form .color-palette .lock {
  right: -20px;
  left: 0;
}
