/* Override - Applied to the breadcrumb navigation */
.breadcrumb {
  margin-left: 28px;
}

/* Override - Applied to the sort dropdown button */
.dropdown-toggle {
  margin-right: 28px;
}

/* Applied to the root div for horizontal spacing */
#media-root {
  margin: 0px 11px 0px 11px;
  min-height: 80vh;
}

/* Restyles the card background color for media items */
.card-body {
  background-color: #6F6F6F;
  padding: 12px 10px;
}

.media {
  display: flex;
  flex-direction: column;
}

.card {
  flex: 1 0 auto;
  border: none;
  box-shadow: 0 0 4px 4px rgba(0, 0, 0, 0.3019607843);
  margin: 0 2px 40px 2px;
  transition: transform 0.3s ease;
}
.card:hover {
  box-shadow: 0 0 4px 4px #FE2D02;
  transform: scale(1.1);
  cursor: pointer;
}

/* Bootstrap override - Applied to the image modal */
.modal-body {
  padding: 0px;
  box-shadow: 0 0 4px 4px #4C4C4C, 0 0 2px 2px #666666;
}

/* Bootstrap override - Applied to modal content for bug fix */
.modal-content {
  width: auto;
}

.red-dash {
  color: #FE2D02;
}

/*# sourceMappingURL=media.css.map */