/* Offline archive enhancements. Keep the historical layouts intact. */

.archive-static-map {
  position: relative;
  width: 100%;
  height: 500px;
  margin: 0;
  overflow: hidden;
  background: #ece9df;
}

.archive-static-map img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.archive-legacy-static-map {
  position: relative;
  width: 100%;
  max-width: 500px;
  margin-inline: auto;
  overflow: hidden;
}

.archive-legacy-static-map img {
  display: block;
  width: 100%;
  height: auto;
  margin: 0;
}

.navbar .fb,
.navbar iframe[src*='facebook.com'] {
  display: none !important;
}

#jakdojechac,
#jak_dojechac {
  scroll-margin-top: 80px;
}

.archive-slider-source {
  display: none !important;
}

.archive-wud2016-hero {
  position: relative;
  isolation: isolate;
  display: flex;
  min-height: 100vh;
  align-items: center;
  overflow: hidden;
  color: #fff;
  background-color: #001014;
  background-image: url('/wud2016/wp-content/uploads/2016/10/fotografia_gdyni.png');
  background-position: center;
  background-size: cover;
}

.archive-wud2016-hero::before {
  position: absolute;
  z-index: -1;
  inset: 0;
  background: linear-gradient(90deg, rgba(0, 12, 16, 0.78) 0%, rgba(0, 12, 16, 0.3) 62%, rgba(0, 12, 16, 0.14) 100%);
  content: '';
}

.archive-wud2016-hero__content {
  box-sizing: border-box;
  width: min(1240px, 100%);
  margin-inline: auto;
  padding: 160px 48px 80px;
}

.archive-wud2016-hero__kicker,
.archive-wud2016-hero__title {
  margin: 0;
  color: inherit;
  font-family: 'Open Sans Condensed', 'Arial Narrow', sans-serif;
  font-weight: 700;
  line-height: 0.95;
  text-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
}

.archive-wud2016-hero__kicker {
  max-width: 850px;
  font-size: clamp(48px, 6.8vw, 98px);
  letter-spacing: -2px;
}

.archive-wud2016-hero__title {
  margin-top: 12px;
  font-size: clamp(42px, 4.6vw, 66px);
  letter-spacing: -1px;
}

.archive-wud2016-hero__details {
  box-sizing: border-box;
  width: min(451px, 100%);
  margin-top: 86px;
  padding: 24px 20px;
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
  font-family: 'Open Sans', sans-serif;
  font-size: 20px;
  font-weight: 300;
  line-height: 1.4;
}

.archive-wud2016-hero__details p {
  margin: 0;
}

.archive-wud2016-hero__address {
  display: flex;
  gap: 16px;
  justify-content: space-between;
  margin-top: 14px !important;
}

.archive-wud2016-hero__address strong,
.archive-wud2016-hero__address span {
  display: block;
}

:where(a, button, [role="button"], input, select, textarea):focus-visible {
  outline: 3px solid currentColor !important;
  outline-offset: 3px !important;
}

@media (max-width: 778px) {
  .archive-static-map {
    height: 360px;
  }

  .archive-static-map img {
    object-fit: contain;
  }

  .archive-wud2016-hero {
    min-height: 720px;
    background-position: 58% center;
  }

  .archive-wud2016-hero::before {
    background: rgba(0, 12, 16, 0.52);
  }

  .archive-wud2016-hero__content {
    padding: 120px 24px 64px;
  }

  .archive-wud2016-hero__kicker {
    font-size: clamp(42px, 12vw, 82px);
  }

  .archive-wud2016-hero__title {
    font-size: clamp(34px, 9vw, 60px);
  }

  .archive-wud2016-hero__details {
    margin-top: 56px;
    font-size: 18px;
  }

  .archive-wud2016-hero__address {
    display: block;
  }

  .archive-wud2016-hero__address span {
    margin-top: 6px;
  }

  .archive-icon-target,
  .navbar-toggle,
  .dt-mobile-menu-icon,
  .dt-close-mobile-menu-icon,
  .scroll-top,
  .soc-ico > a,
  a.ult-social-icon,
  a.fuse_social_icons_links {
    box-sizing: border-box !important;
    min-width: 44px !important;
    min-height: 44px !important;
  }

  a.archive-icon-target,
  button.archive-icon-target,
  .soc-ico > a,
  a.ult-social-icon,
  a.fuse_social_icons_links {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
  }
}

@media (min-width: 421px) and (max-width: 979px) {
  #jakdojechac .page-headline,
  #jak_dojechac .page-headline {
    margin-inline: 20px;
  }
}