.szinatmenet-0-7 {
  background: linear-gradient(to bottom, transparent 0%, transparent 10%, var(--color7) 10%, var(--color7) 100%);
}

body.home {
  background-image: url('/wp-content/themes/eszfk2025/images/hatter.png');
  background-size: 1388px;
  background-repeat: no-repeat;
}

body.home main {
  min-height: 600px;
}

body.home main div {
  padding: 48px 60px;
}

body.home main div figure.is-style-rounded > img {
    display: none;
}

body.home main div > svg {
  display: none;
}

body.home main div ul li {
  font-family: 'HSwiss 721 Extended';
  font-size: 60px;
}

body.home main div ul li::before {
  left: 1.2em;
  top: 0.1em;
  width: 0.5em;
  height: 1em;
}

body.home footer {
  position: fixed;
  width: 100%;
  bottom: 0;
}

body.page div.cimsor {
  padding: 20px 60px 20px;
}

body.page div.sor {
  padding: 10px 60px 30px;
}


@media (max-width: 1024px) {
  body.home {
    background-image: none;
  }

  body.home main {
    min-height: unset;
  }

  body.home main div {
    padding: 5px 10px;
    text-align: center;
    gap: 0;
  }

  body.home main div figure.is-style-rounded > img {
    display: block;
    width: 100%;
    height: auto;
  }

  body.home main div > svg {
    display: block;
    width: 64px;
    color: var(--color1);
    transform: rotate(90deg);
  }

  body.home main div ul li {
    padding: unset;
    font-size: 36px;
  }

  body.home main div ul li::before {
    display: none;
  }

  body.page div.cimsor {
    padding: 10px;
  }

  body.page div.sor {
    padding: 10px;
    flex-direction: column;
  }
}