/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/imdigitalAssets/interupterTile.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.interupter-tile {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: calc(100% - 1.875rem);
  padding: 1.5625rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  border-radius: 0.75rem;
  overflow: hidden;
  position: relative;
  min-height: 200px !important;
  margin-bottom: 1.875rem; }
  @media (max-width: 768.98px) {
    .interupter-tile {
      min-height: 21.875rem;
      padding: 0rem; } }
  .interupter-tile .banner-image {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end; }
    @media (max-width: 768.98px) {
      .interupter-tile .banner-image {
        position: static; } }
    @media (min-width: 1200px) {
      .interupter-tile .banner-image .banner-overlay {
        width: 50%;
        height: 100%; } }
    @media (min-width: 1200px) {
      .interupter-tile .banner-image img {
        height: 100%; } }
  .interupter-tile .banner-caption {
    width: 100%;
    position: relative;
    z-index: 2; }
    @media (max-width: 768.98px) {
      .interupter-tile .banner-caption {
        padding: 1.5625rem; } }
    @media (min-width: 1200px) {
      .interupter-tile .banner-caption {
        width: 50%; } }
    .interupter-tile .banner-caption .banner-text h1, .interupter-tile .banner-caption .banner-text h2, .interupter-tile .banner-caption .banner-text h3, .interupter-tile .banner-caption .banner-text h4 {
      -ms-flex-item-align: stretch;
          align-self: stretch;
      color: #1E1E1E;
      font-family: Gotu;
      font-style: normal;
      font-size: 1.5rem;
      font-weight: 400;
      line-height: 110%;
      letter-spacing: -toRem(0.96);
      margin-bottom: 0.75rem; }
      @media (min-width: 769px) {
        .interupter-tile .banner-caption .banner-text h1, .interupter-tile .banner-caption .banner-text h2, .interupter-tile .banner-caption .banner-text h3, .interupter-tile .banner-caption .banner-text h4 {
          font-size: 1.875rem; } }
    .interupter-tile .banner-caption .banner-text p {
      -ms-flex-item-align: stretch;
          align-self: stretch;
      color: #7A7A7A;
      font-size: 0.875rem;
      font-style: normal;
      margin-bottom: 0.75rem; }
    .interupter-tile .banner-caption .banner-cta {
      width: -webkit-fit-content;
      width: -moz-fit-content;
      width: fit-content; }
      .interupter-tile .banner-caption .banner-cta .btn.btn-primary.read-more {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding: 0.75rem 1.5rem;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        gap: 0.5rem;
        border-radius: 6.25rem;
        background: #536552;
        color: #fff;
        font-size: 0.875rem;
        font-style: normal;
        text-transform: uppercase; }
      .interupter-tile .banner-caption .banner-cta .btn .icon-cart {
        width: 1.0625rem;
        height: 1.0625rem;
        margin-bottom: 0.125rem; }
  .interupter-tile.tile-area-d-1-tile {
    max-width: 25%; }
  .interupter-tile.tile-area-d-2-tiles {
    max-width: 50%; }
  .interupter-tile.tile-area-d-3-tiles {
    max-width: 75%; }
  .interupter-tile.tile-area-d-4-tiles {
    max-width: 100%; }
  .interupter-tile.tile-area-m-1-tile {
    max-width: 50%; }
  .interupter-tile.tile-area-m-2-tiles {
    max-width: 100%; }
  .interupter-tile.tile-area-m-4-tiles {
    max-width: 100%;
    max-height: 31.25rem; }


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