/*
 * EdGEL Feature row of panels
 * --------------------------------------------------
 */

.row-feature {
  background-color: @gray-dark;
  padding-left: floor((@grid-gutter-width / 2));
  padding-right: floor((@grid-gutter-width / 2));
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 20px;

  .panel {
    margin-top: 15px;
  }

  .panel-feature {
    .panel-heading {
      padding-left: 0;
      padding-right: 0;
    }

    .panel-body {
      padding-left: 0;
      padding-right: 0;
    }
  }
}

.panel-feature-heading {
  color: #fff;
  padding: @grid-gutter-width 0 5px;
  font-size: (@font-size-h2 / @font-size-h3);
}

.panel-feature {
  .panel-variant(@gray-dark; #fff; @gray-dark; @gray-dark);
  background-color: @gray-dark;
  color: #fff;
  .box-shadow(none);
  position: relative;

  .panel-title {
    margin-top: 10px;
    margin-bottom: 0;
  }

  .panel-heading {
    .box-shadow(none);
    padding-bottom: 0;
    a:before {
      position: absolute;
      content: "";
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
    }
  }

  a:not(.btn) {
    &,
    &:active,
    &:focus,
    &:hover,
    &:visited {
      color: @feature-link;
    }
  }
}
