/* EVA4 design fixes */
.tm-header.tm-header-overlay {
  background: linear-gradient(180deg, rgba(0,0,0,.62) 0%, rgba(0,0,0,.22) 55%, rgba(0,0,0,0) 100%);
}

.uk-light h1,
.uk-light h2,
.uk-light h3,
.uk-light h4,
.eva-hero-title {
  text-shadow: 0 2px 20px rgba(0,0,0,.42);
}

.uk-light .uk-heading-xlarge.uk-text-muted,
.uk-light .uk-heading-large.uk-text-muted,
.uk-light .uk-heading-primary.uk-text-muted,
.uk-light .uk-h4.uk-text-muted {
  color: #fff !important;
}

/* Home hero: make the background cover the section on mobile */
.uk-background-norepeat.uk-background-width-1-1 {
  background-size: cover !important;
}

/* Home hero title */
.eva-hero-title {
  font-family: Georgia, "Times New Roman", serif;
  font-weight: 400;
  line-height: 1.08;
  letter-spacing: .03em;
  margin: 0;
  color: #fff !important;
}
@media (max-width: 959px) {
  .eva-hero-title { font-size: clamp(2rem, 9vw, 3.2rem) !important; }
}

/* Slightly darken full-screen hero backgrounds behind light text */
main > .uk-section-default.uk-preserve-color .uk-background-norepeat,
main > .uk-section-primary .uk-background-norepeat,
.uk-background-norepeat.uk-background-width-1-1 {
  box-shadow: inset 0 0 0 100vmax rgba(0,0,0,.24);
}
main video {
  filter: brightness(.72);
}

/* Mobile header contrast */
.tm-header-mobile.uk-blend-difference {
  mix-blend-mode: normal !important;
  background: linear-gradient(180deg, rgba(0,0,0,.58) 0%, rgba(0,0,0,.18) 70%, rgba(0,0,0,0) 100%);
}

/* Full-height mobile home hero */
.uk-background-norepeat.uk-background-width-1-1 {
  min-height: 100vh;
}

/* Center the home hero title */
.eva-hero-title {
  text-align: center;
}

/* Portfolio cards: the template uses a white overlay which washes out the photos */
.el-item .uk-overlay-default {
  background: linear-gradient(180deg, rgba(0,0,0,.10) 0%, rgba(0,0,0,.58) 100%) !important;
}
.el-item .uk-overlay,
.el-item .uk-overlay .el-title,
.el-item .uk-overlay a {
  color: #fff !important;
}
.el-item .uk-overlay .el-title {
  font-size: 1.05rem;
  letter-spacing: .08em;
  font-weight: 500;
}
.el-item .uk-overlay a {
  font-size: .9rem;
  text-shadow: 0 1px 10px rgba(0,0,0,.35);
}

/* Lookbook / about full-screen heroes use uk-inverse-light instead of uk-light */
.uk-section-primary.uk-inverse-light > .uk-background-norepeat {
  box-shadow: inset 0 0 0 100vmax rgba(0,0,0,.28);
}
.uk-inverse-light .uk-heading-xlarge.uk-text-muted,
.uk-inverse-light .uk-heading-large.uk-text-muted,
.uk-inverse-light .uk-heading-primary.uk-text-muted,
.uk-inverse-light .uk-h4.uk-text-muted {
  color: #fff !important;
  text-shadow: 0 2px 24px rgba(0,0,0,.55), 0 0 2px rgba(0,0,0,.35);
}

/* Show the phone number in the footer (the link text was empty in the template) */
a[href="tel:+79105536973"] strong:empty::before {
  content: "+7 910 (553) 69-73";
}

/* Mobile: keep the parallax hero image centered and covered */
@media (max-width: 959px) {
  .uk-background-norepeat.uk-background-width-1-1 {
    background-position: center center !important;
  }
}

/* Mobile contact page: the phone/email were too large and overflowed */
@media (max-width: 639px) {
  body.page-contact .uk-heading-xlarge {
    font-size: clamp(1.8rem, 8vw, 2.5rem) !important;
    line-height: 1.15 !important;
  }
  body.page-contact .uk-h3 {
    font-size: 1.4rem !important;
  }
  body.page-contact .uk-text-large {
    font-size: 1rem !important;
    line-height: 1.6 !important;
  }
  body.page-contact .uk-text-emphasis {
    overflow-wrap: anywhere;
  }
}

/* About page: improve readability of the biography */
body.page-about .tm-main .uk-panel {
  font-size: 1rem;
  line-height: 1.7;
}