/* WP editor settings for z-index */

.editor-styles-wrapper {
  z-index: 1;
}

/* CSS to make all classes position relative */

[class*="is-style-p-Style-"] {
  position: relative;
}

[class*="is-style-p-Style-"]::before {
  z-index: -1;
}

/* Styles for Eshop */

.is-style-p-Style-1::before {
  content: url(assets/Eshop/style_1_p/style-1.svg);
  position: absolute;
  left: calc(((var(--content-width) - min(100vw, 1512px)) / 2) - 150px);
  z-index: -1;
  transform: rotate(-3.2deg) translateY(-40%);
}

.is-style-p-Style-2::before {
  content: url(assets/Eshop/style_2_p/style-2.svg);
  position: absolute;
  transform: translate(-63px, 122px);
  z-index: -1;
}

.is-style-p-Style-3::before {
  content: url(assets/Eshop/style_3_p/arrow.svg);
  position: absolute;
  left: -20px;
  transform: translate(-100%, 50%);
  z-index: -1;
}

@media (max-width: 1023px) {
  .is-style-p-Style-3::before {
    content: url(assets/Eshop/style_3_p/arrow-mobile.svg);
    left: -5px;
    bottom: -20px;
  }
}

@media only screen and (max-width: 782px) {
  /* Media for Eshop  */
  .is-style-p-Style-2::before {
    transform: translate(-146px, -25px);
    width: 129vmin;
    height: 269px;
    overflow: hidden;
  }
}

/* Styles for Contact */

.is-style-p-Style-4::before {
  content: url(assets/Contact/Bubble.svg);
  position: absolute;
  transform: translate(-20%, -45%);
}

@media (max-width: 781px) {
  .is-style-p-Style-4::before {
    transform: translateY(-20%, -60%);
  }
}

.is-style-p-Style-4::after {
  content: url(assets/Contact/Bird.svg);
  position: absolute;
  top: -21rem;
  left: -5rem;
  transform: scale(0.8);
}

@media (max-width: 1023px) {
  .is-style-p-Style-4::after {
    left: 0;
    transform: scale(0.8) translateX(-50%);
  }
}