.hero-multimedia {
  height: 250px;
  width: 100%;
  background-size: 100%;
  background-color: var(--avixa-purple, #3f1833);
  position: relative;
}
.jumbotron + .hero-multimedia {
  margin-top: -32px;
}
@media (max-width: 767px) {
  .jumbotron + .hero-multimedia {
    margin-top: 0px;
  }
}
.jumbotron.attached-hero + .hero-multimedia {
  margin-top: 0px;
}
.jumbotron.no-title + .hero-multimedia {
  margin-top: -40px;
}
@media (width < 576px) {
  .hero-multimedia {
    height: auto;
    padding-right: 25px;
  }
}

.short-diagonal-hero-container {
  position: unset;
}

.conditional-warning-message {
  display: none;
  color: #d9534f;
  margin-bottom: 10px;
}

.char-count-display {
  display: block;
  color: #888;
  margin-bottom: 2px;
}

.hero-multimedia-title {
  font-size: 30px;
  font-weight: bold;
  color: white;
  padding-top: 26px;
  padding-bottom: 1rem;
  width: 60%;
  font-family: "Euclid", Calibri, Arial, sans-serif;
}
@media (width < 992px) {
  .hero-multimedia-title {
    padding-top: 1.5rem;
    padding-bottom: 0.75rem;
  }
}
@media (width < 768px) {
  .hero-multimedia-title {
    font-size: 28px;
    padding-top: 0.5rem;
    padding-bottom: 0;
    margin-bottom: 0.75rem;
  }
}
@media (width < 576px) {
  .hero-multimedia-title {
    padding-top: 2rem;
    width: 100%;
  }
}
[data-hero-has-no-body=True] .hero-multimedia-title, [data-hero-has-no-body=True].hero-multimedia-title, .ignore-this-class:not(*) {
  padding-top: 2rem;
}

.hero-multimedia-body-text {
  font-family: "Euclid", Calibri, Arial, sans-serif;
  font-size: 20px;
  color: white;
  width: 51%;
}
@media (width < 992px) {
  .hero-multimedia-body-text {
    line-height: 26px;
  }
}
@media (width < 768px) {
  .hero-multimedia-body-text {
    font-size: 18px;
    line-height: 25px;
    padding-bottom: 1.5rem;
  }
}
@media (width < 576px) {
  .hero-multimedia-body-text {
    width: 100%;
  }
}
[data-hero-has-no-title=True] .hero-multimedia-body-text, [data-hero-has-no-title=True].hero-multimedia-body-text, .ignore-this-class:not(*) {
  padding-top: 1.25rem;
}
@media (min-width: 576px) {
  [data-hero-has-no-title=True] .hero-multimedia-body-text, [data-hero-has-no-title=True].hero-multimedia-body-text, .ignore-this-class:not(*) {
    padding-top: 2rem;
  }
}

@media (min-width: 576px) {
  .hero-multimedia-image {
    background-size: cover;
    background-position: center top;
    float: right;
    height: 250px;
    margin-left: 3rem;
    position: absolute;
    right: 0;
    width: 50%;
    max-width: 700px;
    --polygon: polygon(20% 0, 0 100%, 100% 100%, 100% 0);
    clip-path: var(--polygon);
    shape-outside: var(--polygon);
  }
}
@media (min-width: 576px) and (width < 992px) {
  .hero-multimedia-image {
    --polygon: polygon(20% 0, 0 100%, 100% 100%, 100% 0);
    margin-left: 40px;
  }
}
@media (min-width: 576px) and (width < 768px) {
  .hero-multimedia-image {
    --polygon: polygon(20% 0, 0 100%, 100% 100%, 100% 0);
    margin-left: 20px;
  }
}
@media (width < 576px) {
  .hero-multimedia-image {
    display: none;
  }
}

/*# sourceMappingURL=ShortDiagonalHero.css.map */