/***********************
 * VIEW MODE: FULL
 * with Microsite Style: Groovy
 * with Microsite Style: Purple & Black (purple)
 * with Microsite Style: Purple  (purple2)
 * with Microsite Style: Deep Blue
 **********************/

.microsite--style-groovy {
  --paragraph-files-bg: linear-gradient(48deg, rgba(235,63,33,1) 0%, rgba(111,43,228,1) 100%);
}
.microsite--style-purple {
  --paragraph-files-bg: #060606;
}
.microsite--style-purple2 {
  --paragraph-files-bg: radial-gradient(circle, rgba(19,10,85,1) 0%, rgba(99,54,178,1) 0%, rgba(19,10,85,1) 100%);
}

.paragraph--type-files.paragraph--view-mode-full {
  padding-top: 65px;
  background: var(--paragraph-files-bg);
}
.microsite--style-deep-blue .paragraph--type-files.paragraph--view-mode-full {
  padding-top: 65px;
  background: rgb(19,10,85);
  background: radial-gradient(circle, rgba(15,54,155,1) 0%, rgba(2,122,220,1) 0%, rgba(15,54,155,1) 100%);
}

  .microsite--style-groovy .paragraph--type-files.paragraph--view-mode-full .content-wrap,
  .microsite--style-purple .paragraph--type-files.paragraph--view-mode-full .content-wrap,
  .microsite--style-purple2 .paragraph--type-files.paragraph--view-mode-full .content-wrap,
  .microsite--style-deep-blue .paragraph--type-files.paragraph--view-mode-full .content-wrap {
    border-top: 0;
    border-bottom: 0;
    padding: 0;
  }

  .microsite--style-groovy .paragraph--type-files.paragraph--view-mode-full h2,
  .microsite--style-purple .paragraph--type-files.paragraph--view-mode-full h2,
  .microsite--style-purple2 .paragraph--type-files.paragraph--view-mode-full h2,
  .microsite--style-deep-blue .paragraph--type-files.paragraph--view-mode-full h2 {
    /* Same as regular h2 when centered. */
    text-align: center;
    margin: 0 0 40px 0;
    font-size: 2.1em;
    line-height: 1.14286;
    font-weight: 300;
    text-transform: none;
    color: #fff;
  }
  .microsite--style-groovy .paragraph--type-files.paragraph--view-mode-full h2:before,
  .microsite--style-purple .paragraph--type-files.paragraph--view-mode-full h2:before,
  .microsite--style-purple2 .paragraph--type-files.paragraph--view-mode-full h2:before,
  .microsite--style-deep-blue .paragraph--type-files.paragraph--view-mode-full h2:before {
    display: none;
  }

  .microsite--style-groovy .paragraph--type-files.paragraph--view-mode-full .field--name-field-files-files > .field__item {
    border-bottom: 1px #060606 solid;
    padding-bottom: 12px;
    margin-bottom: 4px;
  }
  .microsite--style-purple .paragraph--type-files.paragraph--view-mode-full .field--name-field-files-files > .field__item {
    border-bottom: 2px #060606 solid;
    border-image: url(../../images/microsites/purple/purple-nav-bg.jpg) 1;
    padding-bottom: 12px;
    margin-bottom: 4px;
  }
  .microsite--style-purple2 .paragraph--type-files.paragraph--view-mode-full .field--name-field-files-files > .field__item {
    border-bottom: 1px #ffffff solid;
    padding-bottom: 12px;
    margin-bottom: 4px;
  }
  .microsite--style-deep-blue .paragraph--type-files.paragraph--view-mode-full .field--name-field-files-files > .field__item {
    border-bottom: 2px #68d2f2 solid;
    padding-bottom: 12px;
    margin-bottom: 4px;
  }

  .microsite--style-groovy .paragraph--type-files.paragraph--view-mode-full .field--name-field-files-files > .field__item:last-child,
  .microsite--style-purple .paragraph--type-files.paragraph--view-mode-full .field--name-field-files-files > .field__item:last-child,
  .microsite--style-purple2 .paragraph--type-files.paragraph--view-mode-full .field--name-field-files-files > .field__item:last-child,
  .microsite--style-deep-blue .paragraph--type-files.paragraph--view-mode-full .field--name-field-files-files > .field__item:last-child {
    border-bottom: 0;
    padding-bottom: 0;
    margin-bottom: 0;
  }

    .microsite--style-groovy .paragraph--type-files.paragraph--view-mode-full .field--name-field-files-files a,
    .microsite--style-purple .paragraph--type-files.paragraph--view-mode-full .field--name-field-files-files a,
    .microsite--style-purple2 .paragraph--type-files.paragraph--view-mode-full .field--name-field-files-files a,
    .microsite--style-deep-blue .paragraph--type-files.paragraph--view-mode-full .field--name-field-files-files a {
      color: #fff;
    }
    .microsite--style-groovy .paragraph--type-files.paragraph--view-mode-full .field--name-field-files-files a:focus,
    .microsite--style-groovy .paragraph--type-files.paragraph--view-mode-full .field--name-field-files-files a:hover,
    .microsite--style-purple .paragraph--type-files.paragraph--view-mode-full .field--name-field-files-files a:focus,
    .microsite--style-purple .paragraph--type-files.paragraph--view-mode-full .field--name-field-files-files a:hover,
    .microsite--style-purple2 .paragraph--type-files.paragraph--view-mode-full .field--name-field-files-files a:focus,
    .microsite--style-purple2 .paragraph--type-files.paragraph--view-mode-full .field--name-field-files-files a:hover,
    .microsite--style-deep-blue .paragraph--type-files.paragraph--view-mode-full .field--name-field-files-files a:focus,
    .microsite--style-deep-blue .paragraph--type-files.paragraph--view-mode-full .field--name-field-files-files a:hover {
      text-decoration: underline;
    }