/*
 *  Section
 *    Styles for section elements
 *
 *  Dependencies:
 *    styles/settings/responsive.scss
 *    styles/tools/_responsive.scss
 *
 *  Version:
 *    1.0.0 - 2018/02/28
 */
.c-section {
  width: 100%;
  display: block;
  max-width: $s-layout--page-max;
}

.c-section--full-width {
  max-width: none;
}

.c-section--style-body {
  background: $s-color--background-default;
}

@include t-media-query($s-small-up) {
  .c-section--style-body {
    margin-left: 4%;
    @include t-box-shadow(-10px, 10px, 0px, rgba(0, 0, 0, 0.5));
  }
}