:root {
  color-scheme: light;
}

html {
  scroll-behavior: smooth;
}

body {
  margin: 0;
}

.login-container,
.cookie-notification,
#s-cookie-notification,
#s-footer-section-container,
.s-footer-logo-wrapper,
.s-floated-components,
.navigation-buttons,
a[href*="strikingly.com"] {
  display: none !important;
}

.lazyload,
.s-entrance-mask {
  opacity: 1 !important;
  visibility: visible !important;
}

.blurred-layer {
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  visibility: hidden !important;
}

.migration-contact-form {
  background: #f6f5f2;
  padding: 72px 20px;
}

.migration-contact-form-inner {
  margin: 0 auto;
  max-width: 980px;
  text-align: center;
}

.migration-contact-form h2 {
  color: #1f170a;
  font-size: clamp(28px, 4vw, 42px);
  margin: 0 0 12px;
}

.migration-contact-form p {
  margin: 0 0 28px;
}

.migration-contact-form iframe {
  background: #fff;
  border: 0;
  border-radius: 8px;
  box-shadow: 0 12px 36px rgb(0 0 0 / 8%);
  display: block;
  min-height: 850px;
  width: 100%;
}

.migration-footer {
  background: #1f170a;
  color: #fff;
  padding: 28px 20px;
  text-align: center;
}

.migration-footer p {
  margin: 0;
}

.migration-lightbox {
  align-items: center;
  background: rgb(0 0 0 / 88%);
  display: none;
  inset: 0;
  justify-content: center;
  padding: 24px;
  position: fixed;
  z-index: 999999;
}

.migration-lightbox.is-open {
  display: flex;
}

.migration-lightbox img {
  max-height: 92vh;
  max-width: 94vw;
  object-fit: contain;
}

.migration-lightbox button {
  background: transparent;
  border: 0;
  color: #fff;
  cursor: pointer;
  font-size: 42px;
  position: absolute;
  right: 18px;
  top: 8px;
}

@media (min-width: 728px) {
  #s-nav .s-nav-table {
    align-items: center;
    display: flex !important;
  }

  #s-nav .logo {
    flex: 0 0 auto;
  }

  #s-nav .s-nav {
    display: flex !important;
    justify-content: flex-end;
    margin-left: auto !important;
  }
}

@media (max-width: 727px) {
  #s-nav,
  #s-nav .s-nav-inner,
  #s-nav .s-nav-table {
    height: auto !important;
    min-height: 0 !important;
  }

  #s-nav .s-nav {
    align-items: center;
    display: flex !important;
    flex-wrap: wrap;
    justify-content: center;
    padding: 8px 10px !important;
    position: static !important;
  }

  #s-nav .s-nav > li {
    display: block !important;
    margin: 0 !important;
  }

  #s-nav .s-nav > li.login-container {
    display: none !important;
  }

  #s-nav .s-nav-item {
    display: block !important;
    font-size: 12px !important;
    padding: 8px !important;
  }

  .migration-contact-form {
    padding: 48px 12px;
  }

  .migration-contact-form iframe {
    min-height: 980px;
  }
}