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

.yellow {
  color: var(--bs-yellow)!important;
}

.white {
  color:white;
}

.color-white {
  color:white;
}

:root {
  --footer-color: #292929;
  --body-color: #3b3b3b;
}

body {
  color: var(--body-color);
  background: #ffffff;
}

#page,
#main-wrapper,
.region-primary-menu .menu-item a.is-active,
.region-primary-menu .menu-item--active-trail a {
  background: #fff;
}

.tabs ul.primary li a.is-active {
  background-color: #fff;
}

.tabs ul.primary li.is-active a {
  background-color: #fff;
  border-bottom-color: #fff;
}

#navbar-top {
  background-color: #055a8e;
}

#navbar-main {
  background-color: #1d84c3;
}

a {
  color:var(--body-color);
  font-weight:400;
  transition: all 0.3s;
}

a.link {
  color: var(--bs-primary);
  font-weight: 500;
  transition: all 0.3s;
  text-decoration:underline;
}

a:hover,
a:focus,
.link:hover,
.link:focus {
  color: var(--bs-primary);
  transition: all 0.3s;
}

.text-secondary {
  color:#00b5c4!important;
}

.navbar a:hover {
  filter: brightness(0.8);
}

.nav-item .dropdown-item a.active {
  color: black;
}

.nav-link {
  color: rgb(231, 231, 231);
}

.nav-link:hover,
.nav-link:focus {
  color: rgb(231, 231, 231);
}

a:active,
.link:active {
  color: #23aeff;
}

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

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

.sidebar .block {
  background-color: #f6f6f2;
  border-color: #f9f9f9;
}

.site-footer {
  background: var(--footer-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: #fffeff;
}

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

/* ---------- Custom color  ----------- */

.bg-grey {
  background-color: #eeeeee;
}

.bg-grey-dark {
  background-color: #e1e1e1;
}

.bg-lightgray {
    background-color: #f1f1f1;
}

.bg-primary {
    background-color:#e87019;
}

.bg-secondary {
    background-color:#11B4C3;
}

.bg-third {
    background-color:#BAC105;
}

.bg-forsic-gray {
    background-color:#454c50;
}

.shade-white {
  /*   background: linear-gradient(270deg, rgba(255, 255, 255, 0.80) 48.04%, rgba(255, 255, 255, 0.00) 100%);*/
  background-color: white;
  height: 100vh;
  width: 50%;
  right: 0;
  opacity: 80%;
  z-index: 1;
}

.img-border-primary {
  border-bottom: 10px solid #e87019;
}

.img-border-secondary {
  border-bottom: 10px solid #00b5c4;
}

.img-border-third {
  border-bottom: 10px solid #BAC105;
}

.img-border-forsic-gray {
  border-bottom: 10px solid #454c50;
}

.shade-white-left {
  background: linear-gradient(91deg, rgba(255, 255, 255, 0.80) 48.04%, rgba(255, 255, 255, 0.00) 100%);
}

@media (max-width: 1200px) {
  .shade-white {
    background: rgba(255, 255, 255, 0.80);
    width: 100%;
  }

  .shade-white-left {
    background: rgba(255, 255, 255, 0.80);
  }
}

.dropdown-item.active, .dropdown-item:active {
    background-color: var(--bs-dropdown-link-hover-bg);
}


/* Border */

.border-grey {
  border-color: #7f7f7f;
}