/* === Global Colors === */
body, .sp-preloader {
  background-color: #000000 !important;
  color: #ffffff !important;
}
.sp-preloader > div { background: #ffffff; }
.sp-preloader > div:after { background: #ffffff; }

/* === Header & Topbar === */
#sp-top-bar,
#sp-header {
  background: #000000 !important;
  color: #ffffff !important;
}
#sp-top-bar a,
a,
a:hover,
a:focus,
a:active {
  color: #ffffff !important;
}

/* === Mega Menu === */
.sp-megamenu-parent > li > a,
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner,
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a,
.sp-megamenu-parent .sp-dropdown li.sp-menu-item.active > a,
.sp-megamenu-parent .sp-mega-group > li > a {
  color: #ffffff !important;
  background: #000000 !important;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a:hover {
  background-color: #111111 !important;
}

/* === Offcanvas Toggler (Hamburger Icon) === */
#offcanvas-toggler,
#offcanvas-toggler-left {
  display: block !important;
  visibility: visible !important;
  position: absolute;
  top: 20px;
  left: 20px;
  z-index: 9999;
  width: 32px;
  height: 32px;
  text-align: center;
}
#offcanvas-toggler i,
#offcanvas-toggler .fa,
#offcanvas-toggler .fas,
#offcanvas-toggler .far,
#offcanvas-toggler-left i,
#offcanvas-toggler-left .fa,
#offcanvas-toggler-left .fas,
#offcanvas-toggler-left .far {
  color: #ffffff !important;
  font-size: 28px;
  line-height: 32px;
}

/* === Offcanvas Sidebar === */
.offcanvas-menu {
  background-color: rgba(0, 0, 0, 0.85) !important;
  backdrop-filter: blur(10px);
  color: #ffffff !important;
}
.offcanvas-menu .offcanvas-inner,
.offcanvas-menu .offcanvas-inner a,
.offcanvas-menu .offcanvas-inner span,
.offcanvas-menu .offcanvas-inner li,
.offcanvas-menu .offcanvas-inner .sp-contact-info i,
.offcanvas-menu .offcanvas-inner .sp-contact-info svg {
  color: #ffffff !important;
  fill: #ffffff !important;
}
.offcanvas-menu .offcanvas-inner a:hover,
.offcanvas-menu .offcanvas-inner span:hover {
  color: #dddddd !important;
}
.offcanvas-menu .menu-toggler {
  color: rgba(255, 255, 255, 0.6) !important;
}

/* Search Input in Sidebar */
.offcanvas-menu input[type="text"],
.offcanvas-menu input[type="search"] {
  background-color: rgba(255, 255, 255, 0.1);
  color: #ffffff;
  border: 1px solid rgba(255, 255, 255, 0.4);
}

/* === Page Title Section === */
.sp-page-title,
#sp-page-title,
#sp-page-title .sp-page-title,
#sp-page-title * {
  background: #000000 !important;
  color: #ffffff !important;
  background-image: none !important;
  box-shadow: none !important;
  border: none !important;
}

/* === Modules & Text === */
.sp-module ul > li > a,
.sp-module .latestnews > div > a {
  color: #ffffff !important;
}
.sp-module ul > li > a:hover,
.sp-module .latestnews > div > a:hover {
  color: #ffffff !important;
}
.sp-module .tagscloud .tag-name:hover {
  background: #ffffff !important;
}

/* === Footer === */
#sp-footer,
#sp-bottom,
#sp-footer *,
#sp-bottom *,
#sp-bottom .sp-module-content .latestnews > li > a > span {
  background: #000000 !important;
  color: #ffffff !important;
}
#sp-footer a,
#sp-bottom a {
  color: #ffffff !important;
}
#sp-footer a:hover,
#sp-footer a:focus,
#sp-bottom a:hover,
#sp-bottom a:focus {
  color: #ffffff !important;
}

/* === Buttons === */
.btn-primary,
.sppb-btn-primary {
  background: #ffffff !important;
  border-color: #ffffff !important;
  color: #000000 !important;
}
.btn-primary:hover,
.sppb-btn-primary:hover {
  background: #ffffff !important;
  border-color: #ffffff !important;
}

/* === Pagination === */
.pagination > li > a,
.pagination > li > span {
  color: #ffffff !important;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  color: #ffffff !important;
}
.pagination > .active > a,
.pagination > .active > span {
  border-color: #ffffff !important;
  background-color: #ffffff !important;
  color: #000000 !important;
}
.pagination > .active > a:hover,
.pagination > .active > span:hover {
  border-color: #ffffff !important;
  background-color: #ffffff !important;
}

/* === Error / Coming Soon === */
.error-code,
.coming-soon-number {
  color: #ffffff !important;
}

/* === Cleanup === */
* {
  box-shadow: none !important;
  border-color: #000000 !important;
}
.burger-icon {
  background-color: transparent !important;
  width: 25px;
  cursor: pointer;
}

.burger-icon span {
  display: block;
  height: 2px;
  margin: 5px 0;
  width: 100%;
  background-color: #ffffff !important;
}
.sticky-image {
  position: sticky;
  top: 20px;
  z-index: 10;
}