/*
// ------------------------------------------------------------------------
// Template path: src/template/content/content.xml
// ------------------------------------------------------------------------
*/

//
// Variables
//

$content-gutter-width: $spacer !default;

//
// Content
//

.content > .container,
.content > .container-sm,
.content > .container-md,
.content > .container-lg,
.content > .container-xl,
.content > .container-fluid {
  > .row {
    margin-top: -$content-gutter-width;
    margin-right: $content-gutter-width * -.5;
    margin-left: $content-gutter-width * -.5;

    > .main,
    > .sidebar {
      margin-top: $content-gutter-width;
      padding-right: $content-gutter-width * .5;
      padding-left: $content-gutter-width * .5;
    }
  }
}

//
// Main widget
//

.main-section > .widget {
  margin-top: 0;
  margin-bottom: $content-gutter-width;

  &:last-child {
    margin-bottom: 0;
  }

  &:not(.Blog) {
    @extend .card;
    @include box-shadow($box-shadow-sm);
  }

  // Widget title

  &:not(.Blog) > .title {
    @extend .card-header;
    @include font-size($h6-font-size);
  }

  // Widget content

  &:not(.Blog) > .widget-content {
    @extend .card-body;

    @include media-breakpoint-up(md) {
      padding: $spacer * 3;
    }

    > :first-child {
      margin-top: 0;
    }
    > :last-child {
      margin-bottom: 0;
    }
  }
}

//
// Sidebar widget
//

.sidebar-section > .widget {
  margin-top: 0;
  margin-bottom: $content-gutter-width;
  @extend .card;
  @include box-shadow($box-shadow-sm);

  &:last-child {
    margin-bottom: 0;
  }

  // Widget title

  > .title {
    @extend .card-header;
    @include font-size($h6-font-size);
  }

  // Widget content

  > .widget-content {
    @extend .card-body;

    > :first-child {
      margin-top: 0;
    }
    > :last-child {
      margin-bottom: 0;
    }

    // Override Bootstrap list group

    > .list-group {
      margin: -$card-spacer-x;
      border-top-width: 0;
      border-bottom-width: 0;
      @include border-radius(0);

      > .list-group-item {
        border-width: 0 0 $list-group-border-width;

        &:last-child {
          border-bottom-width: 0;
        }
      }
    }
    &:first-child > .list-group:first-child {
      @include border-top-radius($card-inner-border-radius);
    }
    > .list-group:last-child {
      @include border-bottom-radius($card-inner-border-radius);
    }
  }
}