//
// Sections
// --------------------------------------------------

.section-image-aside {

  @include media-breakpoint-up(md) {
    position: relative;
  }

  &-img {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 190%;
    -webkit-background-size: cover;
    background-size: cover;

    @include media-breakpoint-up(md) {
      width: 50vw;
    }
  }
}

.section-image-aside-left {
  .section-image-aside-img {
    right: -50%;

    @include media-breakpoint-up(md) {
    	right: 0;
    }
  }
}

.section-image-aside-right {
  .section-image-aside-img {
    left: -50%;

    @include media-breakpoint-up(md) {
    	left: 0;
    }
  }
}

//ie fix

.ie-10,
.ie-11,
.ie-edge {

  .section-image-aside-img + * {
    width: 100%;
  }
}


// Section-bordered

.section-bordered-inside{
  position: relative;
  width: 100%;
  height: 100%;

  &:after{
    content:'';
    position: absolute;
    top: 33px;
    bottom: 33px;
    right: 33px;
    left: 33px;
    border:1px solid #3b4a59;
    @include media-breakpoint-down(md) {
      border: none;
    }
  }
}


// Section Spacing
// -------------------------

$insets: (0, 15px, 30px, 35px, 40px, 50px, 60px, 66px, 75px, 90px, 100px, 120px, 130px, 145px, 165px);

@include indent-responsive(section, '', (padding-top, padding-bottom), $grid-breakpoints, $insets);
@include indent-responsive(section, top, padding-top, $grid-breakpoints, $insets);
@include indent-responsive(section, bottom, padding-bottom, $grid-breakpoints, $insets);