@import url("https://use.typekit.net/loc2xpy.css");
@font-face {
  font-family: "MBEmpire-Bold";
  font-weight: 700;
  src: url("/fonts/MBEmpire-Bold.otf") format("opentype"); }

.event-hero {
  border-bottom: 1px solid #000000; }
  .event-hero .event-hero-image {
    display: flex;
    align-items: flex-end;
    position: relative;
    min-height: 300px;
    background-position: center;
    background-size: cover; }
    @media (min-width: 1200px) {
      .event-hero .event-hero-image {
        min-height: 600px; } }
  .event-hero .event-hero-element-title {
    color: white;
    font-family: "MBEmpire-Bold", sans-serif;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 4px;
    font-size: 32px; }
    @media (min-width: 992px) {
      .event-hero .event-hero-element-title {
        font-size: 44px; } }
  .event-hero .event-hero-element-subtitle {
    color: white;
    font-size: 24px;
    font-family: "sofia-pro", sans-serif; }
    @media (min-width: 992px) {
      .event-hero .event-hero-element-subtitle {
        font-size: 30px;
        max-width: 60%; } }
  .event-hero .event-hero-anchor {
    position: absolute;
    left: 0;
    width: 100%;
    height: 1px;
    bottom: 150px; }
  .event-hero .event-hubspot-form {
    position: relative; }
    .event-hero .event-hubspot-form .hs-button {
      background-color: #4056FF !important;
      border-color: #4056FF !important;
      color: white !important; }
  .event-hero .event-hero-form-header {
    background-color: white;
    border-top: 1px solid #000000; }
    @media (min-width: 1200px) {
      .event-hero .event-hero-form-header {
        border-left: 1px solid #000000; } }
  .event-hero .event-hero-form-wrapper {
    border-left: 1px solid #000000; }
  .event-hero .event-hero-form-title {
    text-transform: uppercase;
    font-size: 30px;
    letter-spacing: 3px; }
  .event-hero .event-hero-form-title-mobile {
    text-transform: uppercase;
    font-size: 24px; }
  .event-hero .h-line-container {
    max-width: 80px; }
    .event-hero .h-line-container .h-line {
      background-color: white; }
  .event-hero .event-hero-text {
    color: white;
    font-size: 18px; }
    @media (min-width: 1200px) {
      .event-hero .event-hero-text {
        font-size: 24px; } }

.event-hero-container-xs-semi {
  width: 100%;
  padding-right: 2rem;
  padding-left: 2rem;
  margin-left: auto;
  margin-right: auto; }
  @media (min-width: 576px) {
    .event-hero-container-xs-semi {
      padding-left: calc(((100vw - 540px) / 2) + 1rem); } }
  @media (min-width: 768px) {
    .event-hero-container-xs-semi {
      padding-left: calc(((100vw - 720px) / 2) + 1rem); } }
  @media (min-width: 992px) {
    .event-hero-container-xs-semi {
      padding-left: calc(((100vw - 960px) / 2) + 1rem); } }
  @media (min-width: 1200px) {
    .event-hero-container-xs-semi {
      padding-left: calc(((100vw - 1140px) / 2) + 1rem); } }
  @media (min-width: 1400px) {
    .event-hero-container-xs-semi {
      padding-left: calc(((100vw - 1320px) / 2) + 1rem); } }

.event-hero-container-sm-semi {
  width: 100%;
  padding-right: 2rem;
  padding-left: 2rem;
  margin-left: auto;
  margin-right: auto; }
  @media (min-width: 576px) {
    .event-hero-container-sm-semi {
      padding-left: calc(((100vw - 540px) / 2) + 1rem); } }
  @media (min-width: 768px) {
    .event-hero-container-sm-semi {
      padding-left: calc(((100vw - 720px) / 2) + 1rem); } }
  @media (min-width: 992px) {
    .event-hero-container-sm-semi {
      padding-left: calc(((100vw - 960px) / 2) + 1rem); } }
  @media (min-width: 1200px) {
    .event-hero-container-sm-semi {
      padding-left: calc(((100vw - 1140px) / 2) + 1rem); } }
  @media (min-width: 1400px) {
    .event-hero-container-sm-semi {
      padding-left: calc(((100vw - 1320px) / 2) + 1rem); } }

.event-hero-container-md-semi {
  width: 100%;
  padding-right: 2rem;
  padding-left: 2rem;
  margin-left: auto;
  margin-right: auto; }
  @media (min-width: 768px) {
    .event-hero-container-md-semi {
      padding-left: calc(((100vw - 720px) / 2) + 1rem); } }
  @media (min-width: 992px) {
    .event-hero-container-md-semi {
      padding-left: calc(((100vw - 960px) / 2) + 1rem); } }
  @media (min-width: 1200px) {
    .event-hero-container-md-semi {
      padding-left: calc(((100vw - 1140px) / 2) + 1rem); } }
  @media (min-width: 1400px) {
    .event-hero-container-md-semi {
      padding-left: calc(((100vw - 1320px) / 2) + 1rem); } }

.event-hero-container-lg-semi {
  width: 100%;
  padding-right: 2rem;
  padding-left: 2rem;
  margin-left: auto;
  margin-right: auto; }
  @media (min-width: 992px) {
    .event-hero-container-lg-semi {
      padding-left: calc(((100vw - 960px) / 2) + 1rem); } }
  @media (min-width: 1200px) {
    .event-hero-container-lg-semi {
      padding-left: calc(((100vw - 1140px) / 2) + 1rem); } }
  @media (min-width: 1400px) {
    .event-hero-container-lg-semi {
      padding-left: calc(((100vw - 1320px) / 2) + 1rem); } }

.event-hero-container-xl-semi {
  width: 100%;
  padding-right: 2rem;
  padding-left: 2rem;
  margin-left: auto;
  margin-right: auto; }
  @media (min-width: 1200px) {
    .event-hero-container-xl-semi {
      padding-left: calc(((100vw - 1140px) / 2) + 1rem); } }
  @media (min-width: 1400px) {
    .event-hero-container-xl-semi {
      padding-left: calc(((100vw - 1320px) / 2) + 1rem); } }

.event-hero-container-xxl-semi {
  width: 100%;
  padding-right: 2rem;
  padding-left: 2rem;
  margin-left: auto;
  margin-right: auto; }
  @media (min-width: 1400px) {
    .event-hero-container-xxl-semi {
      padding-left: calc(((100vw - 1320px) / 2) + 1rem); } }

/*# sourceMappingURL=../../../dist/css/maps/elements/event-hero.css.map */