@import '../../../../bootstrap/less/media';

// Fix line-height of icons in media to line up with adjacent content
.media-left,
.media-right {
  > i.fa:first-child:last-child {
    line-height: inherit;
  }
}

// Responsive media component (reverts to block elements)
.media-reset() {
  &,
  > .media-body {
    overflow: auto;
  }
  > .media-body {
    width: auto;
  }
  > .media-left,
  > .media-right,
  > .media-body {
    display: block;
  }
  > .media-left {
    padding-right: 0;
  }
  > .media-right {
    padding-left: 0;
  }
}

@media (min-width: @screen-sm-min) {
  .media-xs {
    .media-reset();
  }
}

@media (max-width: @screen-xs-max) {
  .media-sm {
    .media-reset();
  }
}

@media (max-width: @screen-sm-max) {
  .media-md {
    .media-reset();
  }
}

@media (max-width: @screen-md-max) {
  .media-lg {
    .media-reset();
  }
}