.content__attachments {
  clear: both; }
  .content__attachments h2:after {
    display: none; }
  .mason--courseitem .content__attachments {
    display: none; }

.content__attachments__list {
  margin: 0 0 -15px;
  padding: 0;
  list-style: none; }
  .content__attachments__list:before, .content__attachments__list:after {
    content: "";
    display: table; }
  .content__attachments__list:after {
    clear: both; }
  .content__attachments__list li {
    margin-bottom: 15px; }

.content__attachments__list__item {
  width: 100%;
  height: 75px; }
  @media all and (min-width: 1025px) {
    .mason:not(.mason--admin) .content__attachments__list__item {
      float: left;
      width: calc(50% - 7.5px); }
      .mason:not(.mason--admin) .content__attachments__list__item:nth-child(2n) {
        margin-left: 15px; } }

.content__attachments__list__item__link {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  background-color: #000000;
  -webkit-transition: background-color 350ms ease;
  -o-transition: background-color 350ms ease;
  transition: background-color 350ms ease; }
  .content__attachments__list__item__link:hover {
    background-color: #33cd8d; }

.content__attachments__list__item__title {
  display: inline-block;
  width: calc(100% - 75px);
  line-height: 75px;
  vertical-align: top;
  padding: 0 40px;
  font-size: 1em;
  text-transform: uppercase;
  color: #fff;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap; }
  .content__attachments__list__item__title input {
    line-height: 1 !important; }

.content__attachments__list__item__btn {
  display: inline-block;
  width: 75px;
  height: 75px;
  line-height: 75px;
  text-align: center;
  color: #fff;
  background-color: #33cd8d; }

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