//Custom style only for homepage hero block
.siteroot {
  .ui.basic.segment.content-area {
    margin: 0 !important;
    padding: 0 !important;
  }
  .hero-block {
    .hero-block-inner-wrapper {
      width: 45% !important;
    }

    .hero-block-text {
      h1.secondary,
      h2.secondary,
      h3.secondary,
      h4.secondary,
      h5.secondary,
      h6.secondary,
      p.secondary,
      span.secondary,
      .header.secondary {
        color: white !important;
      }
      padding: 20px !important;
      background-color: #783f34c7 !important;
    }

    .hero-block-image-wrapper.full-width {
      min-height: 0 !important;
    }

    .hero-block-image {
      border-bottom: 24px solid @primaryColor;
    }

    .hero-block-text.color-fg-white.text-left {
      h2 {
        font-family: 'Arial' !important;
        font-weight: 700 !important;
        margin-bottom: 0.3rem !important;
      }
      p {
        font-weight: 500 !important;
        font-family: 'Arial' !important;
      }
    }
    @media only screen and (min-width: 1200px) {
      .hero-block-inner-wrapper {
        padding-block-start: 90px;
        padding-block-end: 66px;
      }
    }

    @media (max-width: 1200px) {
      .hero-block-inner-wrapper {
        width: 60% !important;
      }
    }

    @media (max-width: 500px) {
      .hero-block-inner-wrapper {
        width: 80% !important;
      }
    }
  }
}