@use '../../sass/abstracts/variables' as *;
@use '../../sass/abstracts/mixins';

#{$component-prefix}section {
  width: 100%;

  &--padding {
    padding: $spacer;

    @include mixins.media-breakpoint-up(md) {
      padding: $spacer-5;
    }
  }

  &--align-last-item-bottom,
  &--align-last-item-bottom #{$component-prefix}section {
    display: flex !important;
    flex-flow: column nowrap;
    height: 100%;

    > .row:last-child {
      margin-top: auto;
    }

    /* Change to padding instead of margin to fix issue with flex*/
    &#{$utilities-prefix}margin-bottom {
      padding-bottom: 1rem;
      margin-bottom: 0;
    }
  }

  figure.c-image.u-width-100.u-background-color-none {
    margin-bottom: 0 !important;
  }
}