/* Kolory */
--pomarancz: #f5a634;
--szary: #5c5c5c;

/* Logo */
img.logo-image {
  -webkit-filter: brightness(0.6);
  -moz-filter: brightness(0.6);
  -o-filter: brightness(0.6);
  -ms-filter: brightness(0.6);
  filter: brightness(1);
}

/* Nagłówek */
#sp-header {
  position: absolute;
  background: transparent !important;
  box-shadow: none;
}

#sp-header.header-sticky {
  background-color: #333 !important;
  box-shadow: none;
}

/* Menu */ś
#sp-menu {
  color: var(--szary);
  text-shadow: none;
  /* text-transform: uppercase; */
}

#sp-menu a:hover,
#sp-menu a.active {
  background-color: #fff;
  color: var(--pomarancz);
  text-shadow: none;
}

#sp-header.header-sticky #sp-menu a {
  color: #fff;
  text-shadow: none;
}
#sp-header.header-sticky #sp-menu li ul a {
  color: var(--szary); /* Kolor dla linków w podmenu */
  text-shadow: none;
}

#sp-header.header-sticky #sp-menu a:hover {
  color: #000;
}

li.sp-menu-item {
  padding-right: 2px;
}

/* Styl strony */
#sp-title {
  font-size: 35px;
  line-height: 1.5;
}

#sp-footer {
  font-size: 16px;
  padding: 0;
  background-color: #333;
}

.sp-page-title {
  background-color: var(--pomarancz);
  text-transform: uppercase;
}

.sp-page-title .sp-page-title-heading {
  font-size: 40px;
}

#sp-top-bar {
  background-color: #444;
}

.mod-custom123 p {
  margin: 0;
}

.article-details .article-ratings-social-share,
.related-article-list-container {
  display: none !important;
}

/* Testimonial */
.sppb-testimonial-carousel-name {
  font-size: 160%;
  font-weight: 700;
}

/* Formularz */
input.form-control,
.form-control::placeholder,
.form-label {
  color: #fff;
}

input.form-control:focus,
textarea.form-control:focus {
  border: 1px solid var(--pomarancz);
  color: #fff;
}

textarea.form-control {
  background-color: transparent !important;
}

/* Godziny */
.godziny p {
  font-size: 80%;
}

/* Linki i nagłówki */
h2.uk-h2 a {
  font-weight: bold;
  color: var(--pomarancz) !important;
}

/* Ikona burgera */
.burger-icon > span {
  background-color: #fff !important;
}

/* Responsywność */
@media only screen and (max-width: 1024px) {
  .logo-image {
    max-height: 45px;
  }

  #sp-header {
    height: auto;
  }

  .logo img {
    width: 100%;
    height: auto;
  }
}

@media only screen and (max-width: 767px) {
  .offcanvas-menu,
  .offcanvas-menu .offcanvas-inner a {
    color: #333333 !important; /* grafitowa czcionka */
  }
}
@media only screen and (max-width: 767px) {
  /* Ikony strzałek, telefonu i maila na grafitowy kolor */
  .offcanvas-menu .offcanvas-inner a .fa,
  .offcanvas-menu .offcanvas-inner a .fas,
  .offcanvas-menu .offcanvas-inner a .far,
  .offcanvas-menu .offcanvas-inner a .fal,
  .offcanvas-menu .offcanvas-inner a .fab,
  .offcanvas-menu .offcanvas-inner .menu-toggler {
    color: #333333 !important;
  }
}