.header-section {
  background-color: #232323 !important;
}
.form-control {
  background-color: #0F0E0B !important;
  color: #FFFFFF !important;
}
.toggle-button {
  background-color: #232323 !important;
  color: #FFCC01 !important;
}
.dropdown-item, .dropdown-menu, .modal-body {
  color: #FFFFFF !important;
  background-color: #232323 !important;
}
body {
  background-color: #0F0E0B !important;
}
footer, footer > .bg-wige-gray-light {
  background-color: #232323 !important;
}
h1, h2, h3, h3.font-size-3.text-dark, h3.font-xl.text-uppercase.font-weight-medium.text-dark, .modal-header > h3, h4, h5.font-size-18.text-dark.font-weight-medium.mb-0.mw-100.text-overflow-ellipsis.text-nowrap.overflow-hidden, h5.modal-title, h6 > a, h6, span, div > a, div.right > i, div, p > a, label.input-label, button.close, label.custom-control-label.text-dark {
  color: #FFFFFF !important;
}
h6 > a:hover {
  color: #FFCC01 !important;
}
.btn {
  background-color: #FFCC01 !important;
  color: #0F0E0B !important;
}
.sidebar {
  background-color: #232323 !important;
  color: #FFFFFF !important;
}
.breadcrumb-item.active {
  color: #FFFFFF !important;
}
div.bg-wige-gray-light.text-wige-gray-dark.rounded.d-block.d-md-flex.py-2d.px-3.align-items-center.mb-4 {
  background-color: #232323 !important;
}
div.row.d-flex.align-items-center.no-gutters.flex-nowrap.py-1.bg-wige-gray-light {
  background-color: #0F0E0B !important;
}
.my-account-dropdown::before {
  border-bottom: 10px #232323 !important;
  border-bottom-color: rgba(0, 0, 0, 0.1);
}
.nav-link {
  color: #FFCC01 !important;
}
svg.bi-chevron-right.mr-1.text-primary.b-icon.bi {
  fill: #FFCC01 !important;
}
div.bg-wige-gray-light.px-3.py-4.mb-4 {
  background-color: #232323 !important;
}
.tab-nav-shop .nav-link svg:hover path {
  fill: #FFCC01 !important;
}
.tab-nav-shop .nav-link.active svg path {
  fill: #FFCC01 !important;
}
.form-control:focus, .custom-select:focus {
  border-color: #FFCC01 !important;
}
.modal-header {
  background-color: #232323 !important;
}
p.font-size-30.text-lh-1dot3.mb-5 {
  color: #FFFFFF !important;
}
a.btn.p-3.transition-3d-hover.border-radius-sm.text-white.font-size-1.font-weight-bold.nuxt-link-active.btn-primary {
  color: #0F0E0B !important;
}
a.text-dark {
  color: #FFCC01 !important;
}
.c-avatar-img {
  filter: brightness(0) saturate(100%) invert(78%) sepia(86%) saturate(2910%) hue-rotate(354deg) brightness(99%) contrast(109%) !important;
}
.breadcrumb-item .breadcrumb-item::before {
  color: #FFFFFF !important;
}
.page-item.active, .page-link {
  background-color: #FFCC01 !important;
  color: #232323 !important;
}
.logo {
  height: 70px !important;
}
.h-btn-show:hover .row {
  background-color: #232323 !important;
}
.card {
  background-color: #232323 !important;
  color: #FFFFFF !important;
}
.card > p {
  padding-top: 15px !important;
  padding-left: 15px !important;
  padding-right: 15px !important;
}
.breadcrumb-item a:hover {
  color: #FFCC01 !important;
}
body, h1 {
  font-family: "IBM Plex Sans" !important;
}
.slick-pagination-v1 li.slick-active span {
  background-color: #FFCC01 !important;
  border-color: #FFCC01 !important;
}
.breadcrumb-item::before {
  filter: brightness(0) saturate(100%) invert(78%) sepia(86%) saturate(2910%) hue-rotate(354deg) brightness(99%) contrast(108%) !important;
}
a > svg > image {
  filter: brightness(0) saturate(100%) invert(78%) sepia(86%) saturate(2910%) hue-rotate(354deg) brightness(99%) contrast(108%) !important;
}
.my-account-dropdown::before {
  border-bottom: 10px solid #232323 !important;
  border-bottom-color: #232323 !important;
}
.my-account-dropdown::after {
  border-bottom: 9px solid #232323 !important;
}
.dropdown-toggle::after {
  color: #FFCC01 !important;
}
.card-footer {
  background-color: #232323 !important;
  margin-bottom: 1rem !important;
}
.table-striped > tbody > tr:nth-child(odd) > td, .table-striped > tbody > tr:nth-child(odd) > th {
  background-color: #232323 !important;
  color: #FFFFFF !important;
}
.table.b-table.mt-3.table-striped {
  color: #FFFFFF !important;
}
button.btn.text-white.btn-primary.btn-sm > span.d-inline-block {
  color: #232323 !important;
}
button.btn.text-white.text-right.btn-secondary.btn-sm {
  color: #232323 !important;
}
.link-underline:hover {
  border-color: #FFCC01 !important;
}
div.bg-wige-gray-light.py-6.pt-lg-9.pb-lg-11.mb-7.mb-lg-10 {
  background-color: #232323 !important;
  color: #FFFFFF !important;
}
::selection {
  color: #232323 !important;
  background-color: #FFCC01 !important;
}
.my-account-dropdown .dropdown-item:hover {
  color: #16181b;
  background-color: #0F0E0B !important;
}
.alert-info {
  background-color: #ffc100 !important;
  border-color: #ffc100 !important;
}
.btn-primary, .btn-primary:hover, .btn-primary:active, .btn-primary:focus {
  border-color: #ffcc01 !important;
}
.btn-primary:hover, .btn-primary:active, .btn-primary:focus {
  box-shadow: 0 0 0 0.2rem rgba(255, 204, 1, 0.25) !important;
}
a.dropdown-item.px-0.py-1.font-size-14.text-primary.font-weight-bold, a.dropdown-item.px-2.py-1.font-size-14.text-primary.font-weight-bold {
  color: #FFCC01 !important;
}
div.d-block.d-lg-none.position-fixed.z-index-999.w-100.bg-white, div.position-fixed.top-0.right-0.z-index-999.bg-white.h-100.p-2.fade-in-right.shadow-lg.mobileNav.z-index-999, div.d-flex.flex-column.z-index-999.bg-white.h-100, input.border-0, div.mt-4.pb-3.bg-white {
  background-color: #232323 !important;
}
div.pt-3.position-lg-absolute.right-0.d-flex.flex-row {
  align-items: center !important;
  padding-top: 0 !important;
}
span.navbar-toggler-default {
  color: #232323 !important;
}
@media screen and (max-width: 1200px) {
  .navbar-expand-xl .navbar-nav {
    background-color: #232323 !important;
  }
  .header-section {
    height: 110px !important;
  }
  .page-builder-page {
    margin-top: 0.3rem !important;
  }
}
.fas.fa-heart.fa-lg.text-wige-red {
  color: #d2222a !important;
}
.fas.fa-cart-plus.fa-lg.mr-1.text-wige-green {
  color: #FFCC01 !important;
}
.custom-control-input:checked ~ .custom-control-label:before {
  color: #fff;
  border-color: #FFCC01 !important;
  background-color: #FFCC01 !important;
}
@media screen and (max-width: 768px) {
  .page-builder-page {
    margin-top: 3.3rem !important;
  }
  div.bg-wige-gray-light.py-6.pt-lg-9.pb-lg-11.mb-7.mb-lg-10 {
    padding-top: 4.5rem !important;
  }
}
input.border-0 {
  color: #ffffff !important;
}
a > strong > u {
  color: #FFCC01 !important;
}
div.alert.alert-danger > div {
  color: #73231d !important;
}
svg.mr-2 {
  fill: #FFCC01 !important;
}
button.btn.btn-danger.btn-sm.mx-2.mb-1 {
  color: #fff !important;
  background-color: #de4437 !important;
  border-color: #de4437 !important;
}