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

:root {
  --color-secondary: #1f9bde;
}

.layout-container > header {
  background-color: #fff;
}

.site-footer,
.site-footer a {
  background: #292929;
  color: #fffffe;
}

.site-footer a:hover,
.site-footer a:focus {
  color: #000;
}

/* ---------- Color Form ----------- */

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

[dir="rtl"] .color-form .form-item label {
  float: right;
}

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