$rsce_contentbox_breakpoints-to-use: $grid-breakpoints-ls !default;
$rsce_contentbox_breakpoint-to-single-col-down: 8 !default;
$rsce_contentbox_breakpoint-to-single-col-up: 9 !default;

.ce_rsce_contentbox {
  background-color: $ls-color-light-grey;

  > div {
    @include ls_contentWrapper;

  }

  .text-container {
    padding-top: $grid-gutter-width;
    padding-bottom: $grid-gutter-width;

    a {
      @include ls_defaultButton;
      @include ls_dynamicBackground;

      margin: 1rem 1rem 0 0;
    }
  }

  @include media-breakpoint-down($rsce_contentbox_breakpoint-to-single-col-down, $rsce_contentbox_breakpoints-to-use) {
    &.image-vertically-top {
      .image-container {
        padding-top: $grid-gutter-width;
      }
      .text-container {
        padding-top: $grid-gutter-width / 2;
      }
    }

    &.image-vertically-bottom {
      .image-container {
        padding-bottom: $grid-gutter-width;
      }
      .text-container {
        padding-bottom: $grid-gutter-width / 2;
      }
    }
  }
}