.header-style-1 {
    margin-top: 10px;
}

.wpo-site-header #navbar {
    /*** hover effect ***/
    justify-content: right;
  }

.specyfic-color{
    /* text z klasą active */
    color: black !important;
}
.specyfic-color.active:before {
    /* podekreslnik z klasą active*/
    background: #e1c18a !important;
}

.wpo-site-header #navbar > ul > li > a:hover:before, .wpo-site-header #navbar > ul > li.current-menu-item a:before, .wpo-site-header #navbar > ul > li > a.active:before {
    /* podekreslnik po najechaniu */
    background: #e1c18a !important;
}

.wpo-site-header #navbar > ul > li > a:hover, .wpo-site-header #navbar > ul > li.current-menu-item a, .wpo-site-header #navbar > ul > li > a.active {
    /* text po najechaniu */
    color: #e1c18a !important;
}

/*** back to top **/
.back-to-top {
    background-color: #e1c18a !important;
}

.specyfic-color2{
    /* text z klasą active-ciemne tlo */
    color: white !important;
}

.specyfic-color3{
    /* text z klasą active-jasne tlo */
    color: black !important;
}

.wpo-site-header-dark #navbar > ul > li > a:hover, .wpo-site-header #navbar > ul > li.current-menu-item a, .wpo-site-header #navbar > ul > li > a.active {
    /* text po najechaniu-ciemne tlo */
    color: white !important;
}

.wpo-site-header2 #navbar > ul > li.current-menu-item a, .wpo-site-header2 #navbar > ul > li > a.active {
    /* text po najechaniu-ciemne tlo */
    color: black !important;
}

.theme-btn, .view-cart-btn,
.theme-btn-s3,
.theme-btn-s4 {
  background: #e1c18a !important;
  color: white !important;

}

.a-custom{
    color: white
}

/* .wpo-site-header-dark {
    background-color: black !important;
} */

@media (max-width: 991px) {
   .custom-icons {
    display: none;
   }
}

 @media (min-width: 992px) {
     .mobile-custom-icons {
         display: none;
        }
 }

 @media (max-width: 991px) {
    .specyfic-color {
     color: white !important;
    }
 }

  @media (min-width: 992px) {
      .specyfic-color {
          color:black !important;
         }
  }

  @media (max-width: 991px) {
    .wpo-site-header2 #navbar > ul > li.current-menu-item a, .wpo-site-header2 #navbar > ul > li > a.active {
        /* text po najechaniu-ciemne tlo */
        color: white !important;
    }
 }

  @media (min-width: 992px) {
    .wpo-site-header2 #navbar > ul > li.current-menu-item a, .wpo-site-header2 #navbar > ul > li > a.active {
        /* text po najechaniu-ciemne tlo */
        color: black !important;
    }
  }
  .static-hero-custom {
    color: #309315 !important;
  }