/* breakpoints */
.eventelement__eventcontainer:nth-child(1) {
  z-index: 5;
}
.eventelement__eventcontainer:nth-child(2) {
  z-index: 4;
}
.eventelement__eventcontainer:nth-child(3) {
  z-index: 3;
}
.eventelement__eventcontainer:nth-child(4) {
  z-index: 2;
}
.eventelement__eventcontainer:nth-child(5) {
  z-index: 1;
}
.eventelement__eventcontainer {
  background-image: linear-gradient(to right, var(--secondary-color), var(--tertiary-color));
  position: relative;
  width: 100%;
  margin-bottom: 4rem;
  transition: all 0.3s ease;
  transform: rotate(-5deg) translateX(-40px) scale(0.9);
}
.eventelement__eventcontainer::before, .eventelement__eventcontainer::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 40px;
  background-image: linear-gradient(to right, var(--secondary-color), var(--tertiary-color));
  z-index: 1;
}
.eventelement__eventcontainer.eventelement__eventcontainer--gradientinverted {
  background-image: linear-gradient(to left, var(--secondary-color), var(--tertiary-color));
}
.eventelement__eventcontainer.eventelement__eventcontainer--gradientinverted::before, .eventelement__eventcontainer.eventelement__eventcontainer--gradientinverted::after {
  background-image: linear-gradient(to left, var(--secondary-color), var(--tertiary-color));
}
.eventelement__eventcontainer.eventelement__eventcontainer--nogradient {
  background: var(--secondary-color);
}
.eventelement__eventcontainer.eventelement__eventcontainer--nogradient::before, .eventelement__eventcontainer.eventelement__eventcontainer--nogradient::after {
  background: var(--secondary-color);
}
.eventelement__eventcontainer.eventelement__eventcontainer--gradientinverted.eventelement__eventcontainer--nogradient {
  background: var(--tertiary-color);
}
.eventelement__eventcontainer.eventelement__eventcontainer--gradientinverted.eventelement__eventcontainer--nogradient::before, .eventelement__eventcontainer.eventelement__eventcontainer--gradientinverted.eventelement__eventcontainer--nogradient::after {
  background: var(--tertiary-color);
}
.eventelement__eventcontainer.eventelement__eventcontainer--gradientinverted.eventelement__eventcontainer--nogradient .eventelement__eventdates {
  color: var(--secondary-color);
}
.eventelement__eventcontainer::before {
  top: -39px;
  border-radius: 16px 16px 0 0;
  mask-image: radial-gradient(circle at calc(66.6666% + 25px) 0%, transparent 20px, black 21px, black 100%);
}
.eventelement__eventcontainer::after {
  bottom: -39px;
  border-radius: 0 0 0 16px;
  mask-image: radial-gradient(circle at calc(66.6666% + 25px) 100%, transparent 20px, black 21px, black 100%);
}
@media (max-width: 767.98px) {
  .eventelement__eventcontainer {
    padding-top: 2rem;
    padding-bottom: 2rem;
    border-radius: 8px 8px 0 8px;
    margin-bottom: -3rem;
  }
  .last .eventelement__eventcontainer {
    margin-bottom: 0;
  }
  .eventelement__eventcontainer::before, .eventelement__eventcontainer::after {
    width: 20px;
    height: 20px;
    background-image: none;
    background-color: #fff !important;
    border-radius: 50%;
  }
  .eventelement__eventcontainer::before {
    top: 60%;
    left: -10px;
    transform: translateY(-50%);
  }
  .eventelement__eventcontainer::after {
    top: 60%;
    right: -10px;
    transform: translateY(-50%);
  }
}
.eventelement__eventcontainer:hover {
  transform: rotate(0deg) translateX(0px) scale(1) !important;
  box-shadow: 0 0 40px rgba(0, 0, 0, 0.4);
  z-index: 10;
}
@media (max-width: 767.98px) {
  .eventelement__eventcontainer:hover {
    box-shadow: none;
  }
}
.eventelement__eventcontainer .eventelement__eventinfos {
  position: relative;
}
.eventelement__eventcontainer .eventelement__eventinfos * {
  color: white;
}
.eventelement__eventcontainer .eventelement__eventinfos h3 {
  font-family: var(--PrimaryFont);
  font-weight: 500;
  font-size: 2.5rem;
}
.eventelement__eventcontainer .eventelement__eventinfos::after {
  content: "";
  position: absolute;
  top: 0;
  right: -20px;
  width: 100%;
  height: 100%;
  border-right: 2px dashed white;
  box-sizing: border-box;
}
.eventelement__eventcontainer .eventelement__eventinfos .logo {
  max-height: 70px;
}
.eventelement__eventcontainer .eventelement__eventinfos .eventelement__eventdates {
  font-size: 1.1rem;
  color: var(--primary-color);
}
.eventelement__eventcontainer .eventelement__eventinfos .eventelement__progress * {
  font-size: 1rem;
}
.eventelement__eventcontainer .eventelement__eventinfos .eventelement__progress progress {
  width: 100%;
  height: 10px;
  -webkit-appearance: none;
  appearance: none;
  background-color: rgba(255, 255, 255, 0);
  border: none;
  border-radius: 0;
  overflow: hidden;
}
.eventelement__eventcontainer .eventelement__eventinfos .eventelement__progress progress::-webkit-progress-bar {
  background-color: rgba(255, 255, 255, 0.5);
}
.eventelement__eventcontainer .eventelement__eventinfos .eventelement__progress progress::-webkit-progress-value {
  background-color: var(--primary-color);
}
.eventelement__eventcontainer .eventelement__eventinfos .eventelement__progress progress::-moz-progress-bar {
  background-color: rgba(255, 255, 255, 0.5);
}
.eventelement__eventcontainer .eventelement__eventdescription h4 {
  color: rgba(255, 255, 255, 0.5);
  font-size: 0.8rem;
  text-transform: uppercase;
}
.eventelement__eventcontainer .eventelement__eventdescription p {
  font-size: 0.8rem;
  line-height: 1.4;
  color: var(--White);
}
.odd .eventelement__eventcontainer {
  transform: rotate(-5deg) translateX(-40px) scale(0.9);
}
.even .eventelement__eventcontainer {
  transform: rotate(7deg) translateX(40px) scale(0.9);
}
/*# sourceMappingURL=data:application/json,%7B%22version%22%3A3%2C%22sources%22%3A%5B%22%2Fthemes%2Fgreensignevents%2Fscss%2Fcomponents%2F_events.scss%22%2C%22%2Fthemes%2Fgreensignevents%2Fscss%2Fcomponents%2F..%2Fsettings%2Fbreakpoints.scss%22%5D%2C%22names%22%3A%5B%5D%2C%22mappings%22%3A%22AAAA%3BAAEA%3BAAAA%3BAAAA%3BAAGA%3BAAAA%3BAAAA%3BAAGA%3BAAAA%3BAAAA%3BAAGA%3BAAAA%3BAAAA%3BAAGA%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAQE%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAUA%3BAAAA%3BAAAA%3BAAGE%3BAAAA%3BAAAA%3BAAMF%3BAAAA%3BAAAA%3BAAGE%3BAAAA%3BAAAA%3BAAOF%3BAAAA%3BAAAA%3BAAGE%3BAAAA%3BAAAA%3BAAKA%3BAAAA%3BAAAA%3BAAKF%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAMA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAClCE%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAD8CA%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAASA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAMA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAOF%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BACxEE%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BADkFF%3BAAAA%3BAAAA%3BAAGE%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAMA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAWA%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAAA%3BAAME%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAWA%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAASF%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAMA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAQJ%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%22%7D */