/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./cartridges/app_brambleberry_core/cartridge/client/default/scss/experience/components/commerceAssets/rewardsBanner.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.rewards-banner {
  position: relative;
  margin: 0 auto 24px; }
  @media (min-width: 769px) {
    .rewards-banner {
      margin: 0 auto 32px; } }
  .rewards-banner .banner-image {
    position: relative; }
    .rewards-banner .banner-image .banner-overlay {
      overflow: hidden;
      border-radius: 12px; }
      .rewards-banner .banner-image .banner-overlay img {
        display: block;
        width: 100%;
        height: auto;
        max-width: 100%;
        max-height: 100%;
        -o-object-fit: cover;
           object-fit: cover; }
    @media (max-width: 991.98px) {
      .rewards-banner .banner-image {
        padding-top: 42px; } }
  .rewards-banner .banner-caption {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    -ms-flex-line-pack: end;
        align-content: flex-end;
    position: absolute;
    overflow: hidden;
    padding-right: 15px;
    padding-left: 15px;
    padding-top: 40px;
    padding-bottom: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-item-align: center;
        align-self: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
    @media (min-width: 769px) {
      .rewards-banner .banner-caption {
        -ms-flex-line-pack: center;
            align-content: center;
        padding-top: 20px;
        padding-bottom: 20px; } }
    .rewards-banner .banner-caption .caption-wrapper {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      color: #1E1E1E;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -ms-flex-item-align: center;
          align-self: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1;
      text-align: center; }
      @media (min-width: 769px) {
        .rewards-banner .banner-caption .caption-wrapper {
          text-align: left;
          max-width: 600px; } }
      .rewards-banner .banner-caption .caption-wrapper .banner-text {
        text-align: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center; }
        .rewards-banner .banner-caption .caption-wrapper .banner-text h1,
        .rewards-banner .banner-caption .caption-wrapper .banner-text h2,
        .rewards-banner .banner-caption .caption-wrapper .banner-text h3,
        .rewards-banner .banner-caption .caption-wrapper .banner-text h4,
        .rewards-banner .banner-caption .caption-wrapper .banner-text h5,
        .rewards-banner .banner-caption .caption-wrapper .banner-text h6 {
          text-align: center;
          margin-bottom: 12px; }
        .rewards-banner .banner-caption .caption-wrapper .banner-text p {
          text-align: center;
          margin-bottom: 24px;
          width: 80%; }
          @media (max-width: 991.98px) {
            .rewards-banner .banner-caption .caption-wrapper .banner-text p {
              font-size: 14px;
              line-height: 18px;
              letter-spacing: -0.28px;
              margin-bottom: 8px; } }
        .rewards-banner .banner-caption .caption-wrapper .banner-text ul {
          list-style: none;
          padding: 0;
          margin: 0 0 24px;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center; }
          .rewards-banner .banner-caption .caption-wrapper .banner-text ul li {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
            -webkit-box-pack: center;
                -ms-flex-pack: center;
                    justify-content: center;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
                -ms-flex-direction: column;
                    flex-direction: column;
            width: 110px;
            text-align: center;
            color: #536552;
            font-size: 12px;
            letter-spacing: -0.24px;
            margin-right: 40px;
            font-family: var(--skin-body-font-bold);
            font-weight: 400; }
            .rewards-banner .banner-caption .caption-wrapper .banner-text ul li:last-child {
              margin-right: 0; }
            .rewards-banner .banner-caption .caption-wrapper .banner-text ul li img {
              margin-bottom: 8px; }
            @media (max-width: 991.98px) {
              .rewards-banner .banner-caption .caption-wrapper .banner-text ul li {
                font-size: 10px;
                letter-spacing: -0.216px;
                width: 90px;
                margin-right: 30px; } }
        @media (max-width: 991.98px) {
          .rewards-banner .banner-caption .caption-wrapper .banner-text h3 {
            font-size: 30px;
            line-height: 32px;
            letter-spacing: -0.28px;
            margin-bottom: 8px; } }
      .rewards-banner .banner-caption .caption-wrapper .banner-cta {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center; }
        .rewards-banner .banner-caption .caption-wrapper .banner-cta .btn {
          height: auto;
          padding: 0 25px;
          text-transform: uppercase;
          line-height: 40px;
          display: inline-block;
          vertical-align: top;
          margin-right: 16px; }
          .rewards-banner .banner-caption .caption-wrapper .banner-cta .btn:last-child {
            margin-right: 0; }
          @media (max-width: 991.98px) {
            .rewards-banner .banner-caption .caption-wrapper .banner-cta .btn.btn-white {
              background-color: #F7F3EF; } }
    @media (max-width: 991.98px) {
      .rewards-banner .banner-caption {
        position: static; } }
  .rewards-banner.banner-small-banner {
    max-width: 1440px; }
    .rewards-banner.banner-small-banner .banner-image:before {
      height: 400px; }
      @media (min-width: 1200px) {
        .rewards-banner.banner-small-banner .banner-image:before {
          height: 315px; } }
    .rewards-banner.banner-small-banner .banner-caption {
      padding-top: 30px;
      -ms-flex-line-pack: start;
          align-content: flex-start; }
      @media (min-width: 769px) {
        .rewards-banner.banner-small-banner .banner-caption {
          -ms-flex-line-pack: center;
              align-content: center;
          padding-top: 0; } }
    @media (min-width: 769px) {
      .rewards-banner.banner-small-banner .caption-wrapper {
        text-align: left;
        max-width: 400px; } }
    .rewards-banner.banner-small-banner .caption-wrapper h2 {
      margin: 0 0 16px;
      font-weight: 400;
      letter-spacing: -0.113rem;
      font-size: 24px;
      line-height: 28px; }
      @media (min-width: 769px) {
        .rewards-banner.banner-small-banner .caption-wrapper h2 {
          font-size: 36px;
          line-height: 38px;
          letter-spacing: -0.27rem; } }
  @media (max-width: 991.98px) {
    .rewards-banner.banner-overTop .banner-caption {
      position: absolute;
      top: auto; } }
  @media (max-width: 991.98px) {
    .rewards-banner.banner-overTop .banner-caption .caption-wrapper .banner-text h3 {
      font-size: 24px;
      letter-spacing: -0.96px;
      line-height: 28px; } }
  @media (max-width: 991.98px) {
    .rewards-banner.banner-overTop .banner-caption .caption-wrapper .banner-cta .btn {
      width: 70%;
      margin-right: 0;
      margin-bottom: 16px; }
      .rewards-banner.banner-overTop .banner-caption .caption-wrapper .banner-cta .btn:last-child {
        margin-bottom: 0; } }
  .rewards-banner.banner-overTop .banner-caption .caption-wrapper .banner-cta .btn-secondary .icon-arrow {
    display: none; }
  @media (max-width: 991.98px) {
    .rewards-banner.banner-overTop .banner-caption .caption-wrapper .banner-cta {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; } }


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