.korova-banner-with-text {
  width: 100%;
  height: auto;
  padding: 30px 8vw;
  display: flex;
  align-items: center;
}

.korova-banner-with-text .marquee-black {
  color: white !important;
}

.korova-banner-with-text.image-first {
  flex-direction: row;
}

.korova-banner-with-text.text-first {
  flex-direction: row-reverse;
}

.korova-banner-link {
  position: relative;
  display: block;
  align-self: flex-start;
}

.korova-banner-with-text .banner-main-image {
  height: auto;
  margin: 0;
  width: 100%;
}

.korova-banner-with-text .banner-main-image.has-border {
  box-shadow: 20px 20px 0px -8px black, 20px 20px 0px -4px white;
}

.korova-banner-with-text .sticker-1,
.korova-banner-with-text .sticker-2 {
  position: absolute;
  width: 100px;
  pointer-events: none;
}

.korova-banner-with-text .sticker-1 {
  left: -50px;
  top: 20%;
  transform: rotate(-20deg);
}

.korova-banner-with-text.text-first .sticker-1 {
  right: -50px;
  bottom: 10%;
  left: auto;
  top: auto;
  transform: rotate(30deg);
}

/* make sure cursor doesn't disappear if js disabled */
.korova-banner-wth-text.js-active a {
  cursor: none !important;
}

/* turn off links in gutenberg editor */
.wp-admin .korova-banner-with-text a {
  pointer-events: none;
  cursor: default;
}

.banner-block-marquee {
  display: none;
}

.banner-text-box {
  padding: 0px 50px;
}

@media (max-width: 768px) {
  .korova-banner-with-text {
    width: 100%;
    height: auto;
    padding: 0px;
    margin: 0 0 0px 0;
  }

  .korova-banner-with-text.image-first {
    flex-direction: column;
  }

  .korova-banner-with-text.text-first {
    flex-direction: column-reverse;
  }

  .korova-banner-with-text .banner-main-image.has-border {
    box-shadow: none;
  }

  .korova-banner-with-text .korova-banner-link {
    width: 100% !important;
  }

  .korova-banner-with-text .sticker-2 {
    display: none;
  }

  .korova-banner-mobile-text {
    /* display: block;
    position: absolute;
    text-transform: uppercase;
    left: 10%;
    bottom: 10%;
    background: white;
    padding: 10px 20px;
    z-index: 2;
    color: black !important;
    box-shadow: 10px 10px 0px -4px black, 10px 10px 0px -2px white;
    pointer-events: none; */
  }

  .sticker-1 {
    left: 15% !important;
    top: 0 !important;
    transform: rotate(-20deg) translateY(-50%) !important;
    height: 80px !important;
    width: auto !important;
  }

  .banner-text-box {
    padding: 50px 20px;
    width: 100% !important;
  }
}