/* Variables converted to raw values:
   $orange-bg-color => #eb9329
   $teal-bg-color => rgba(0, 161, 169, 0.2)
   $teal-shadow => 0 0 0 0.2rem #00a1a9
*/

/* 1. All text inside #page */
#page * {
  color: #000000;
}
#page i {
  color: #eb9329;
}
#page a,
#page a > * {
  color: #eb9329;
}
.aalink .instancename {
  color: #3a6375 !important;
  font-weight: bold;
}
.breadcrumb .breadcrumb-item a {
  color: #28a4aa !important;
}

/* 2. Drawer buttons (excluding one specific ID) */
.drawer-toggler button:not(#theme_boost-drawers-blocks) {
  background-color: #ffffff;
}

.drawer-toggler button:not(#theme_boost-drawers-blocks):focus {
  box-shadow: 0 0 0 0.2rem #00a1a9;
}

/* 3. Drawer styling (excluding one specific ID) */
.drawer:not(#theme_boost-drawers-blocks) {
  background-color: #ffffff;
  color: #000000;
  box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
}

/* 4. Footer styles */
#footnote .container {
  background: linear-gradient(0deg,rgba(41,69,81,1) 0%,rgba(40,164,170,1) 100%);
}

#footnote * {
  color: #ffffff;
}

#footnote .btn {
  background-color: #eb9329;
  color: #ffffff !important;
}

/* 5. Dynamic course items */
.courseindex-item > a.pageitem {
  background-color: #eb9329 !important;
  color: #ffffff !important;
}

.courseindex-item > a:not(.pageitem) {
  color: #000000 !important;
}

/* 6. Active course items */
.courseindex-item.pageitem {
  background-color: #eb9329 !important;
  color: #ffffff !important;
}

.courseindex-item.pageitem a {
  color: #ffffff !important;
}

/* 7. Buttons */
.btn.btn-primary {
  background-color: #3a6375 !important;
  color: #ffffff !important;
  border-style: double;
  border-width: 1px 1px 1px 1px;
  border-color: #4c4c4c;
}
.btn.btn-primary .icon {
  color: #ffffff !important;
}
.btn.btn-secondary {
  background-color: #f0f0f0 !important;
  color: #3a6375 !important;
}
.page-item.active .page-link {
  background-color: #3a6375 !important;
  color: #ffffff !important;
  border-style: double;
  border-width: 1px 1px 1px 1px;
  border-color: #4c4c4c;
}
.dropdown-item:hover,
.dropdown-item:focus-within {
  background-color: #f0f0f0 !important;
}

/* 8. Navbar */
.navbar.fixed-top {
  border: none !important;
  box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
}
.navbar .primary-navigation .navigation .nav .nav-item .nav-link {
  color: #454545 !important;
}
.nav-link {
  color: #454545 !important;
  font-weight: bold;
}
.nav-link.active {
  border-bottom-color: #28a4aa !important;
}

/* 9. Drawer right */
.drawer-right .block-region .block {
  background-color: #f0f0f0;
  color: #454545;
}
.drawer-right .block-region .block h3 {
  color: #28a4aa;
}
.drawer-right .block-region .block a {
  color: #eb9329;
}

/* 10. Page headers */
#page-wrapper #page #page-header h1 {
  color: #eb9329;
}

/* 11. Icons */
.icon {
  color: rgba(0, 161, 169, 0.4) !important;
}
.custom-switch .custom-control-label::before {
  border-color: rgba(0, 161, 169, 0.4) !important;
}
.custom-switch .custom-control-label::after {
  background-color: rgba(0, 161, 169, 0.4) !important;
}
.custom-control-input:checked ~ .custom-control-label::before {
  border-color: #f0f0f0 !important;
}