.content__attachments__list {
  margin: 0;
  padding: 0;
  list-style: none; }

/*https://www.sitepoint.com/building-linear-gradient-mixin-sass/*/
.content__attachments__list {
  margin: 0;
  padding: 0;
  list-style: none; }

.attach__name {
  overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis; }

.attach__link .attach__ico,
.attach__link__bg .attach__ico__shadow, .attach__name__cta {
  -webkit-transition: opacity 0.3s ease, visibility 0.3s ease, -webkit-transform 0.3s ease;
  transition: opacity 0.3s ease, visibility 0.3s ease, -webkit-transform 0.3s ease;
  -o-transition: transform 0.3s ease, opacity 0.3s ease, visibility 0.3s ease;
  transition: transform 0.3s ease, opacity 0.3s ease, visibility 0.3s ease;
  transition: transform 0.3s ease, opacity 0.3s ease, visibility 0.3s ease, -webkit-transform 0.3s ease; }

.attach__link .attach__ico,
.attach__link__bg .attach__ico__shadow {
  position: absolute;
  right: 5%;
  top: 0;
  bottom: 0;
  margin: auto;
  height: 2em;
  line-height: 2; }

.grid {
  margin-left: -0.5em;
  margin-right: -0.5em; }
  .grid:before, .grid:after {
    content: "";
    display: table; }
  .grid:after {
    clear: both; }
  .grid.owl-loaded {
    margin: 0.5em 0; }
  .grid > * {
    width: 100%;
    display: inline-block;
    vertical-align: top;
    padding: 0.5em 0.5em; }
  .grid .owl-item > * {
    padding: 0; }
    .grid .owl-item > * > * {
      width: 100%; }

@media all and (min-width: 500px) {
  .grid-2 > *,
  .grid-3 > *,
  .grid-4 > * {
    width: 50%; } }

@media all and (min-width: 769px) {
  .grid-3 > * {
    width: 33.33333%; } }

@media all and (min-width: 1025px) {
  .grid-4 > * {
    width: 25%; } }

.content__attachments__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-left: -0.5em;
  margin-right: -0.5em;
  font-size: 0.8em;
  clear: both; }
  .content__attachments__list:before, .content__attachments__list:after {
    content: "";
    display: table; }
  .content__attachments__list:after {
    clear: both; }
  .content__attachments__list.owl-loaded {
    margin: 0.5em 0; }
  .content__attachments__list > * {
    width: 100%;
    float: left;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 0.5em 0.5em; }
  @media all and (min-width: 415px) {
    .content__attachments__list {
      font-size: 0.85em; } }
  @media all and (min-width: 769px) {
    .content__attachments__list {
      font-size: 0.9em; } }
  @media all and (min-width: 1025px) {
    .content__attachments__list {
      font-size: 0.95; } }
  @media all and (min-width: 1301px) {
    .content__attachments__list {
      font-size: 1em; } }

.attach__link .attach__ico,
.attach__link__bg .attach__ico__shadow {
  width: 4.44444em;
  height: 4.44444em;
  border-radius: 50%;
  right: 0; }

.attach__link {
  position: relative;
  border-radius: 3em;
  padding: .875em 9em .875em 2.15em; }
  .attach__link__bg {
    overflow: hidden;
    border-radius: inherit; }

.attach__name svg {
  margin-right: .5em; }

.attach__name__cta {
  margin-left: .75em;
  position: absolute;
  top: 0;
  right: 2.5em;
  bottom: 0;
  height: 1.25em;
  margin: auto;
  opacity: 0;
  color: rgba(255, 255, 255, 0.8); }

.attach__name span {
  display: block; }

@media all and (min-width: 769px) {
  .attach__link:hover {
    background: #58804c; }
    .attach__link:hover .attach__name__cta {
      opacity: 1; } }