/*
 * Copyright (c) 2019. CDAD-Rambouillet
 */

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

body {
  color: #4a4a4a;
  background: #016b83;
}

#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;
}

#navbar-top {
  background-color: #d0d0d0;
}

#navbar-main {
  background-color: #c2c4c5;
}

a,
.link {
  color: #ff9106;
}

a:hover,
a:focus,
.link:hover,
.link:focus {
  color: #ff9f26;
}

a:active,
.link:active {
  color: #ffb558;
}

.page-item.active .page-link {
  background-color: #ff9106;
  border-color: #ff9106;
}

.page-link,
.page-link:hover {
  color: #ff9106;
}

.sidebar .block {
  background-color: #ffffff;
  border-color: #cccccc;
}

.btn-primary {
  background-color: #019dbf;
  border-color: #019dbf;
}

.btn-primary:hover,
.btn-primary:focus {
  background-color: #016c83;
}

.site-footer {
  background: #016b83;
}

#header,
#header a,
#header li a.is-active,
#header .site-branding__text,
#header .site-branding,
#header .site-branding__text a,
#header .site-branding a,
.region-secondary-menu .menu-item a,
.region-secondary-menu .menu-item a.is-active {
  color: #000000;
}

.animation-barre {
  border-left-color: #016b83;
  border-bottom-color: #ff9106;
}

#drupal-off-canvas-wrapper * {
  background: #016b83;
}

.ui-dialog.ui-dialog-off-canvas {
  background: #016b83;
}

#drupal-off-canvas-wrapper .description,
#drupal-off-canvas-wrapper .form-item .description,
#drupal-off-canvas-wrapper .details-description {
  color: #000000 !important;
}

.ui-dialog.ui-dialog-off-canvas .ui-dialog-titlebar {
  border-bottom-color: #ff9106;
}

/* ---------- 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;
}