/* BOTH */
.eventi-container .paragraph-container {
  header {
    h3 {
      color: #fff;
    }
  }
}

/* UPCOMING EVENT */
.eventi-container .paragraph-container:nth-child(1) {
  &:before {
    background-color: #1e53a3;
  }
}

/* UPCOMING EVENT */
.eventi-container .paragraph-container:nth-child(2) {
  position: relative;
  &:before {
    position: absolute;
    pointer-events: none;
    content: "";
    background-size: 404px;
    background-repeat: repeat;
    width: 100vw;
    height: 100%;
    left: 50%;
    transform: translateX(-50%);
  }
}

/* PAST EVENTS */
.eventi-container .paragraph-container:nth-child(3) {
  &:before {
    background-color: #e6e1e1;
  }

  header {
    h3 {
      color: #262626;
    }
  }
}

@media (min-width: 1400px) {
  .eventi-container .paragraph-container:nth-child(3) {
    position: relative;

    &::after {
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='404' height='388' fill='none' viewBox='0 0 404 388'%3E%3Cg clip-path='url(%23a)'%3E%3Crect width='78.422' height='361.577' y='.707' stroke='%234a99ad' rx='39.211' transform='rotate(135 49.373 -27.72)scale(1 -1)'/%3E%3Crect width='78.422' height='440.742' y='.707' stroke='%23c6d307' rx='39.211' transform='rotate(135 157.192 81.808)scale(1 -1)'/%3E%3Crect width='78.254' height='310.702' x='444.491' y='-9.693' stroke='%23cf0f76' rx='39.127' transform='rotate(45 444.491 -9.693)'/%3E%3Crect width='78.254' height='334.526' x='308.791' y='-89.762' stroke='%23ffcb03' rx='39.127' transform='rotate(45 308.791 -89.762)'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h404v388H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    }
  }
}