/* ---------- Color Module Styles ----------- */
/* Color palette
* Deep red 780000
* Bright red c1121f
* Tan fdf0d5
* Deep blue 003049
* Light blue 669bbc
*/
/**Variables**/
:root{
  --light-one: #fff;
  --light-one-opaque: rgb(255 255 255 / 70%);
  --light-two: #fdf0d5;
  --light-two-opaque: rgb(253 240 213 / 70%);
  --deep-red: #780000;
  --border-color: #3b3b3b;
  --bright-red: #c1121f;
  --light-blue: #669bbc;
  --deep-blue: #3b3b3b;
  --highlight: #FFD000;
  --deep-blue-opaque: #3b3b3bbb;
  }
  /**END Variables**/
body {
  color: var(--deep-blue);
  background: var(--light-one);
}

#page, #main-wrapper,
.region-primary-menu .menu-item a.is-active,
.region-primary-menu .menu-item--active-trail a {
  background: var(--light-one);
}

.tabs ul.primary li a.is-active {
  background-color: var(--light-one);
  color: var(--light-two);
}

.tabs ul.primary li.is-active a {
  background-color: var(--light-one);
  border-bottom-color: var(--light-one);
}

header {
  background-color: #003049;
}
.featured-top .block-page-title-block {
  background-color: var(--light-blue);
  color: var(--deep-blue);
}
.featured-top .block-page-title-block h1 {
  background-color: var(--light-one-opaque);
  color: var(--deep-blue);
}
#navbar-main {
  background-color: #003049;
  border-top: 1px solid var(--light-blue);
}
.navbar-toggler{
  background-color: var(--light-two);
}
a, .link, .nav-link, .nav-tabs .nav-link, .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active, .page-link, .page-link:hover, a:hover, a:focus, .link:hover, .link:focus, .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
  color: var(--deep-red);
}
a.btn-secondary{
  color: var(--light-two);
}
.nav-item .dropdown-item a.active {
  color: var(--light-one);
}
.nav-link, .navbar-brand, .navbar-nav .nav-link.active, .navbar-nav .show>.nav-link {
  color: var(--light-two);
}
.nav-link:hover, .nav-link:focus {
  color: var(--light-two);
}

a:active, .link:active {
  color: var(--deep-red);
}

.page-item.active .page-link {
  background-color: var(--deep-blue);
  border-color: var(--border-color);
}

.sidebar .block {
  background-color: var(--light-one);
  border-color: var(--light-one);
}

.btn-primary, .btn-secondary {
  background-color: var(--deep-red);
  border-color: var(--deep-red);
}

.btn-primary:hover, .btn-primary:focus, .btn-secondary:hover, .btn-secondary:focus {
  background-color: var(--bright-red);
  border-color: var(--bright-red);
}

.site-footer {
  background: var(--deep-blue);
}

.border{
  border-color: var(--border-color);
}
.region-header,
.region-header a,
.region-header li a.is-active,
.region-header .site-branding__text,
.region-header .site-branding,
.region-header .site-branding__text a,
.region-header .site-branding a,
.region-secondary-menu .menu-item a,
.region-secondary-menu .menu-item a.is-active {
  color: var(--light-one);
}


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

/**Paragraphs**/
.background-light-tan.paragraph{
  background-color: var(--light-two);
}
.background-deep-red.paragraph{
  background-color: var(--deep-red);
  color: var(--light-one);
}
.background-light-blue.paragraph{
  background-color: var(--light-blue);
}
.background-deep-blue.paragraph{
  background-color: var(--deep-blue);
  color: var(--light-one);
}
/**END Paragraphs**/