/*
 * Wspolny system szerokosci publicznego portalu.
 * Klasa jest celowo ladowana po arkuszach modulow, aby pozostac jednym
 * zrodlem prawdy dla osi headera, tresci i stopki.
 */
.site-container.site-container {
  width: 100%;
  max-width: 1320px;
  margin-right: auto;
  margin-left: auto;
  padding-right: 24px;
  padding-left: 24px;
  box-sizing: border-box;
}

.site-container.site-container--wide {
  max-width: 1440px;
}

.site-container.site-container--narrow {
  max-width: 900px;
}

/*
 * Wspolny kolor podstawowych zielonych CTA opartych na Bootstrap.
 * Podwojona klasa daje pierwszenstwo nad domyslnymi stanami biblioteki,
 * ale nie nadpisuje przyciskow z wlasnym, bardziej szczegolowym stylem modulu.
 */
.btn-success.btn-success {
  --bs-btn-color: #fff;
  --bs-btn-bg: #6e970b;
  --bs-btn-border-color: #6e970b;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #6e970b;
  --bs-btn-hover-border-color: #6e970b;
  --bs-btn-focus-shadow-rgb: 110, 151, 11;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #6e970b;
  --bs-btn-active-border-color: #6e970b;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #6e970b;
  --bs-btn-disabled-border-color: #6e970b;
  border-color: #6e970b;
  background-color: #6e970b;
  color: #fff;
}

.btn-success.btn-success:hover,
.btn-success.btn-success:focus,
.btn-success.btn-success:active,
.btn-success.btn-success.active,
.show > .btn-success.btn-success.dropdown-toggle {
  border-color: #6e970b;
  background-color: #6e970b;
  color: #fff;
}

@media (max-width: 767px) {
  .site-container.site-container,
  .site-container.site-container--wide,
  .site-container.site-container--narrow {
    padding-right: 16px;
    padding-left: 16px;
  }
}