// Media objects
// Source: http://stubbornella.org/content/?p=497
// --------------------------------------------------


// Common styles
// -------------------------

// Clear the floats
.media,
.media-body {
  overflow: hidden;
  *overflow: visible;
  zoom: 1;
}

// Proper spacing between instances of .media
.media,
.media .media {
  margin-bottom: 30px;
  padding-bottom: 30px;
  border-bottom: 1px solid #ccc;
}
.media:last-child {
  margin-bottom: 0;
  padding-bottom:0;
  border-bottom: 0;
}

// For images and videos, set to block
.media-object {
  display: block;
  //margin-bottom: $baseLineHeight;
}

// Reset margins on headings for tighter default spacing
.media-heading {
  //margin: -5px 0 5px;
  line-height: 1.05;
  @media all and (max-width: 480px) {
    line-height: 1.2;
  }
  a {
    color: $textColor;
    &:hover {
      color: $accent;
    }
  }
}




// Media image alignment
// -------------------------

.media > .pull-left {
  margin-right: 30px;
}
.media > .pull-right {
  margin-left: 30px;
}


// Media list variation
// -------------------------

// Undo default ul/ol styles
.media-list {
  margin: 0;
  list-style: none;
}