/**
 * KPKS - stałe marginesy boczne + skalowanie treści do max 2100px
 * Ten sam kontener co header i stopka - na stronie głównej i podstronach.
 */

:root {
  --kpks-site-max: 2100px;
  --kpks-site-gutter: 28px;
  --kpks-content-max: min(
    var(--kpks-site-max),
    calc(100vw - 2 * var(--kpks-site-gutter))
  );
}

/* Wspólny kontener witryny - header, treść, stopka */
.site-header .container,
.top-bar .container,
.inner-hero .container,
.sections-showcase .container,
.home-page .container,
.home-page .grants-section-container,
.home-page .kpks-partners-container,
.footer-showcase-container,
.inner-page .container,
.main-content.inner-page .container,
.main-content.about-page .container,
.main-content.news-list-page .container,
.main-content.news-single-page .container,
.main-content.contact-page .container,
.page-hero .container {
  width: 100%;
  max-width: var(--kpks-content-max) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

@media (max-width: 767px) {
  :root {
    --kpks-site-gutter: 16px;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  :root {
    --kpks-site-gutter: 22px;
  }
}