/************************
 * VIEW MODE: FULL
 ***********************/

.paragraph--type-files.paragraph--view-mode-full {}
.paragraph--type-files-group.paragraph--view-mode-full {}

  .paragraph--type-files.paragraph--view-mode-full .content-wrap,
  .paragraph--type-files-group.paragraph--view-mode-full .content-wrap {
    padding: 0 0 12px 0;
    border-top: 1px #060606 solid;
    border-bottom: 1px #060606 solid;
    position: relative;
  }

  .paragraph--type-files.paragraph--view-mode-full h2,
  .paragraph--type-files-group.paragraph--view-mode-full h2 {
    font-size: 18px;
    font-weight: 700;
    line-height: 22px;
    text-transform: uppercase;  
    text-align: left;
    letter-spacing: 2px;
    margin: 0 0 12px;
  }
  .paragraph--type-files.paragraph--view-mode-full h2:before,
  .paragraph--type-files-group.paragraph--view-mode-full h2:before {
    background: #060606 url(../../images/icon-download.svg) center bottom 2px no-repeat;
    content: '';
    width: 24px;
    height: 34px;
    position: relative;
    display: inline-block;
    margin: 0 10px -3px 0;
    top: -1px;
  }

  .paragraph--type-files.paragraph--view-mode-full .field__item + .field__item,
  .paragraph--type-files-group.paragraph--view-mode-full .field__item + .field__item {
    margin-top: 10px;
  }

  .paragraph--type-files.paragraph--view-mode-full .file,
  .paragraph--type-files-group.paragraph--view-mode-full .file {
    background: none !important;
    padding-left: 0;
  }


/************************
 * VIEW MODE: FULL - WHEN IN TOP REGION
 ***********************/

.field--name-field-content-top .paragraph--type-files.paragraph--view-mode-full,
.field--name-field-content-top .paragraph--type-files-group.paragraph--view-mode-full {
  background-color: #68d2f2;
  border-top: 1px #fff solid;
  padding-top: 20px;
  padding-bottom: 24px;
}

.content--color-blue .field--name-field-content-top .paragraph--type-files.paragraph--view-mode-full,
.content--color-blue .field--name-field-content-top .paragraph--type-files-group.paragraph--view-mode-full {
  background-color: #019de0;
}
.content--color-bluedark .field--name-field-content-top .paragraph--type-files.paragraph--view-mode-full,
.content--color-bluedark .field--name-field-content-top .paragraph--type-files-group.paragraph--view-mode-full {
  background-color: #0f369b;
}
.content--color-orange .field--name-field-content-top .paragraph--type-files.paragraph--view-mode-full,
.content--color-orange .field--name-field-content-top .paragraph--type-files-group.paragraph--view-mode-full {
  background-color: #eb3f21;
}
.content--color-purple .field--name-field-content-top .paragraph--type-files.paragraph--view-mode-full,
.content--color-purple .field--name-field-content-top .paragraph--type-files-group.paragraph--view-mode-full {
  background-color: #6f2be4;
}

  .field--name-field-content-top .paragraph--type-files.paragraph--view-mode-full .content-wrap,
  .field--name-field-content-top .paragraph--type-files-group.paragraph--view-mode-full .content-wrap {
    padding: 0;
    border: 0;
    line-height: 1;
  }

    .field--name-field-content-top .paragraph--type-files.paragraph--view-mode-full h2,
    .field--name-field-content-top .paragraph--type-files-group.paragraph--view-mode-full h2 {
      display: inline-block;
      color: #fff;
      background: none;
      font-size: 16px;
      line-height: 1;
      font-weight: 700;
      margin: 0 16px 3px 0;
      padding-bottom: 3px;
      border-bottom: 1px #fff solid;
    }
    @media (min-width: 1220px) {
      .field--name-field-content-top .paragraph--type-files.paragraph--view-mode-full h2,
      .field--name-field-content-top .paragraph--type-files-group.paragraph--view-mode-full h2 {
        padding-right: 16px;
        padding-bottom: 0;
        border-bottom: 0;
        border-right: 1px #fff solid;
        margin-bottom: 0;
      }
    }
    .field--name-field-content-top .paragraph--type-files.paragraph--view-mode-full h2:before,
    .field--name-field-content-top .paragraph--type-files-group.paragraph--view-mode-full h2:before {
      display: none;
    }

    
    .field--name-field-content-top .paragraph--type-files.paragraph--view-mode-full .body-wrap,
    .field--name-field-content-top .paragraph--type-files-group.paragraph--view-mode-full .body-wrap {
      display: inline-block;
    }

    .field--name-field-content-top .paragraph--type-files.paragraph--view-mode-full .field--name-field-files-files > .field__item,
    .field--name-field-content-top .paragraph--type-files-group.paragraph--view-mode-full .field--name-field-files-files > .field__item {
      display: inline-block;
      margin-right: 16px;
      font-size: 18px;
      line-height: 1;
    }
    .field--name-field-content-top .paragraph--type-files.paragraph--view-mode-full .field--name-field-files-files > .field__item:last-child,
    .field--name-field-content-top .paragraph--type-files-group.paragraph--view-mode-full .field--name-field-files-files > .field__item:last-child {
      margin-right: 0;
    }

      .field--name-field-content-top .paragraph--type-files.paragraph--view-mode-full .field--name-field-files-files a,
      .field--name-field-content-top .paragraph--type-files-group.paragraph--view-mode-full .field--name-field-files-files a {
        color: #fff;
      }
      .field--name-field-content-top .paragraph--type-files.paragraph--view-mode-full .field--name-field-files-files a:focus,
      .field--name-field-content-top .paragraph--type-files.paragraph--view-mode-full .field--name-field-files-files a:hover,
      .field--name-field-content-top .paragraph--type-files-group.paragraph--view-mode-full .field--name-field-files-files a:focus,
      .field--name-field-content-top .paragraph--type-files-group.paragraph--view-mode-full .field--name-field-files-files a:hover {
        text-decoration: underline;
      }