/* 5050 COMPONENT */
.callout-box {
    margin-bottom: 1em;
    background: #fff;
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
  }
  .callout-box .title {
    color: #830065;
    font-weight: bold;
  }
  @media (min-width: 767px) {
    .callout-box .image {
      flex: 2;
      position: relative;
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center;
    }
    .callout-box .image + .border-top {
      display: none;
    }
  }
  @media (max-width: 767px) {
    .callout-box.noimage .image {
      display: none;
    }
  }
  .callout-box .border-top {
    height: 7px;
    background: linear-gradient(90deg, #ffd301 0%, #f4702a 21%, #ee254a 40%, #ed2870 60%, #c52378 80%, #861766 100%);
    width: 100%;
  }
  .callout-box .block-content {
    flex: 5;
    padding: 1.5em;
    max-width: 100%;
  }
  .callout-box .block-content > h5 {
    color: #830065;
    margin-top: 0px;
  }
  .callout-box .block-content > .btn {
    width: auto;
  }
  .callout-box.alt {
    background: #f4f4f4;
  }