/* Unbounded ink type: letters stay readable on day and on bright Dnipro photos. */

html[data-theme="day"] #hero h1,
html[data-theme="day"] #hero.snet-hero h1,
html[data-theme="day"] .snet-hero-copy h1,
html[data-theme="day"][data-bg="city"] #hero h1 {
  font-family: "Unbounded", "Onest", system-ui, sans-serif !important;
  font-weight: 800 !important;
  letter-spacing: -0.045em !important;
  color: #071018 !important;
  -webkit-text-fill-color: #071018 !important;
  -webkit-text-stroke: 0.055em #fff !important;
  paint-order: stroke fill;
  text-shadow:
    0 0 2px #fff,
    0 1px 0 #fff,
    0 3px 0 rgba(255, 255, 255, 0.9),
    0 4px 16px rgba(255, 255, 255, 0.75),
    0 10px 28px rgba(7, 16, 24, 0.28) !important;
}

html[data-theme="night"][data-bg="city"] #hero h1,
html[data-theme="night"][data-bg="city"] #hero.snet-hero h1,
html[data-theme="night"][data-bg="city"] .snet-hero-copy h1 {
  font-family: "Unbounded", "Onest", system-ui, sans-serif !important;
  font-weight: 800 !important;
  letter-spacing: -0.045em !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  -webkit-text-stroke: 0.06em #041018 !important;
  paint-order: stroke fill;
  text-shadow:
    0 1px 0 #041018,
    0 2px 10px rgba(0, 0, 0, 0.7),
    0 0 18px rgba(0, 0, 0, 0.45) !important;
}

html[data-theme="day"] #hero h1 span,
html[data-theme="day"] #hero h1 .snet-neon-word,
html[data-theme="day"] .snet-neon-word,
html[data-theme="day"][data-bg="city"] #hero h1 span {
  font-family: "Unbounded", "Onest", system-ui, sans-serif !important;
  font-weight: 900 !important;
  color: #041018 !important;
  -webkit-text-fill-color: #041018 !important;
  -webkit-text-stroke: 2px #5cf0ff !important;
  paint-order: stroke fill;
  text-shadow:
    0 0 calc(3px * var(--snet-glow, 0.8)) #fff,
    0 0 calc(10px * var(--snet-glow, 0.8)) #b8fbff,
    0 0 calc(22px * var(--snet-glow, 0.8)) rgba(0, 220, 255, 0.7),
    0 2px 0 #fff,
    0 3px 12px rgba(255, 255, 255, 0.8) !important;
}

html[data-theme="night"][data-bg="city"] #hero h1 span,
html[data-theme="night"][data-bg="city"] #hero h1 .snet-neon-word,
html[data-theme="night"][data-bg="city"] .snet-neon-word {
  font-family: "Unbounded", "Onest", system-ui, sans-serif !important;
  font-weight: 900 !important;
  color: #041018 !important;
  -webkit-text-fill-color: #041018 !important;
  -webkit-text-stroke: 2px #7af0ff !important;
  paint-order: stroke fill;
  text-shadow:
    0 0 calc(4px * var(--snet-glow, 0.8)) #fff,
    0 0 calc(12px * var(--snet-glow, 0.8)) #5cf0ff,
    0 2px 8px rgba(0, 0, 0, 0.55) !important;
}

html[data-theme="day"] #hero h2,
html[data-theme="day"] #hero .snet-hero-lead,
html[data-theme="day"][data-bg="city"] #hero .snet-hero-lead {
  font-family: "Onest", system-ui, sans-serif !important;
  font-weight: 700 !important;
  color: #0a2030 !important;
  -webkit-text-fill-color: #0a2030 !important;
  text-shadow:
    0 1px 0 #fff,
    0 2px 10px rgba(255, 255, 255, 0.9),
    0 0 18px rgba(255, 255, 255, 0.7) !important;
}

html[data-theme="night"][data-bg="city"] #hero h2,
html[data-theme="night"][data-bg="city"] #hero .snet-hero-lead {
  font-family: "Onest", system-ui, sans-serif !important;
  font-weight: 700 !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  text-shadow:
    0 1px 0 #041018,
    0 2px 8px rgba(0, 0, 0, 0.75) !important;
}

html[data-theme="day"] #main .section-title h1,
html[data-theme="day"] #main .section-title h2,
html[data-theme="day"] .breadcrumbs h1,
html[data-theme="day"][data-bg="city"] #main .section-title h2 {
  font-family: "Unbounded", "Onest", system-ui, sans-serif !important;
  font-weight: 800 !important;
  color: #071018 !important;
  -webkit-text-fill-color: #071018 !important;
  -webkit-text-stroke: 0.045em #fff !important;
  paint-order: stroke fill;
  text-shadow: 0 1px 0 #fff, 0 4px 14px rgba(255, 255, 255, 0.8) !important;
}

html[data-theme="night"][data-bg="city"] #main .section-title h1,
html[data-theme="night"][data-bg="city"] #main .section-title h2,
html[data-theme="night"][data-bg="city"] .breadcrumbs h1 {
  font-family: "Unbounded", "Onest", system-ui, sans-serif !important;
  font-weight: 800 !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  -webkit-text-stroke: 0.05em #041018 !important;
  paint-order: stroke fill;
  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.65) !important;
}

html[data-theme="day"] #main .section-title p {
  color: #123044 !important;
  font-weight: 600 !important;
  text-shadow: 0 1px 0 #fff, 0 2px 10px rgba(255, 255, 255, 0.85) !important;
}

html[data-theme="night"][data-bg="city"] #main .section-title p {
  color: #f4fbff !important;
  font-weight: 600 !important;
  text-shadow: 0 1px 0 #041018, 0 2px 8px rgba(0, 0, 0, 0.7) !important;
}

@media (min-width: 992px) {
  html[data-theme="day"] #header .nav-menu > ul > li > a,
  html[data-theme="day"] #snet-nav-scroller > ul > li > a,
  html[data-bg="city"] #header .nav-menu > ul > li > a,
  html[data-bg="city"] #snet-nav-scroller > ul > li > a {
    font-family: "Unbounded", "Onest", system-ui, sans-serif !important;
    font-weight: 700 !important;
    letter-spacing: -0.03em !important;
    color: #041820 !important;
    background: rgba(255, 255, 255, 0.94) !important;
    border: 1px solid rgba(8, 70, 110, 0.22) !important;
    text-shadow: none !important;
    -webkit-text-fill-color: #041820 !important;
    -webkit-text-stroke: 0 !important;
  }
}