/********************
 * BOTH MICROSITE AND MICROSITE SUBPAGE NODE
 * VIEW MODE FULL
 * with Microsite Style: Groovy
 * with Microsite Style: Purple & Black (purple)
 * with Microsite Style: Purple (purple2)
 * with Microsite Style: Tan
 * with Microsite Style: Deep Blue
 ********************/

.microsite--style-groovy .paragraph--type-hero-overlay.paragraph--view-mode-full .content-wrap,
.microsite--style-purple .paragraph--type-hero-overlay.paragraph--view-mode-full .content-wrap,
.microsite--style-purple2 .paragraph--type-hero-overlay.paragraph--view-mode-full .content-wrap,
.microsite--style-tan .paragraph--type-hero-overlay.paragraph--view-mode-full .content-wrap,
.microsite--style-deep-blue .paragraph--type-hero-overlay.paragraph--view-mode-full .content-wrap {
  background: transparent;
}

  .microsite--style-groovy .paragraph--type-hero-overlay.paragraph--view-mode-full .field--name-field-hero-blurb,
  .microsite--style-purple .paragraph--type-hero-overlay.paragraph--view-mode-full .field--name-field-hero-blurb,
  .microsite--style-purple2 .paragraph--type-hero-overlay.paragraph--view-mode-full .field--name-field-hero-blurb,
  .microsite--style-deep-blue .paragraph--type-hero-overlay.paragraph--view-mode-full .field--name-field-hero-blurb {
    font-size: 18px;
    font-weight: 900;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 2px;
  }
  @media (min-width: 1220px) {
    .microsite--style-groovy .paragraph--type-hero-overlay.paragraph--view-mode-full .field--name-field-hero-blurb,
    .microsite--style-purple .paragraph--type-hero-overlay.paragraph--view-mode-full .field--name-field-hero-blurb,
    .microsite--style-purple2 .paragraph--type-hero-overlay.paragraph--view-mode-full .field--name-field-hero-blurb,
    .microsite--style-deep-blue .paragraph--type-hero-overlay.paragraph--view-mode-full .field--name-field-hero-blurb {
      font-size: 20px;
    }
  }

/**
 * with Microsite Style: Purple & Black (purple)
 * with Microsite Style: Purple (purple2)
 * with Microsite Style: Tan
 * with Microsite Style: Deep Blue
 */

    .microsite--style-purple .paragraph--type-hero-overlay.paragraph--view-mode-full h1,
    .microsite--style-purple2 .paragraph--type-hero-overlay.paragraph--view-mode-full h1,
    .microsite--style-tan .paragraph--type-hero-overlay.paragraph--view-mode-full h1,
    .microsite--style-deep-blue .paragraph--type-hero-overlay.paragraph--view-mode-full h1 {
      color: #fff;
    }


/********************
 * MICROSITE NODE
 * 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-purple.node--type-microsite .paragraph--type-hero-overlay.paragraph--view-mode-full .content-wrap,
.microsite--style-purple2.node--type-microsite .paragraph--type-hero-overlay.paragraph--view-mode-full .content-wrap,
.microsite--style-deep-blue.node--type-microsite .paragraph--type-hero-overlay.paragraph--view-mode-full .content-wrap {
  width: 80%;
}

    .microsite--style-groovy.node--type-microsite .paragraph--type-hero-overlay.paragraph--view-mode-full h1,
    .microsite--style-purple.node--type-microsite .paragraph--type-hero-overlay.paragraph--view-mode-full h1,
    .microsite--style-purple2.node--type-microsite .paragraph--type-hero-overlay.paragraph--view-mode-full h1,
    .microsite--style-deep-blue.node--type-microsite .paragraph--type-hero-overlay.paragraph--view-mode-full h1 {
      color: #fff;
    }

/**
 * Microsite Style: Purple & Black (purple)
 * Microsite Style: Purple (purple2)
 * Microsite Style: Deep Blue
 */

.microsite--style-purple.node--type-microsite .paragraph--type-hero-overlay.paragraph--view-mode-full,
.microsite--style-purple2.node--type-microsite .paragraph--type-hero-overlay.paragraph--view-mode-full,
.microsite--style-deep-blue.node--type-microsite .paragraph--type-hero-overlay.paragraph--view-mode-full {
  position: relative;
}

  .microsite--style-purple.node--type-microsite .paragraph--type-hero-overlay.paragraph--view-mode-full .body-wrap,
  .microsite--style-purple2.node--type-microsite .paragraph--type-hero-overlay.paragraph--view-mode-full .body-wrap,
  .microsite--style-deep-blue.node--type-microsite .paragraph--type-hero-overlay.paragraph--view-mode-full .body-wrap {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    align-content: center;
    justify-content: center;
    flex-direction: column;
  }

    .microsite--style-purple.node--type-microsite .paragraph--type-hero-overlay.paragraph--view-mode-full .field--name-field-hero-image,
    .microsite--style-purple2.node--type-microsite .paragraph--type-hero-overlay.paragraph--view-mode-full .field--name-field-hero-image,
    .microsite--style-deep-blue.node--type-microsite .paragraph--type-hero-overlay.paragraph--view-mode-full .field--name-field-hero-image {
      position: relative;
    }

      .microsite--style-purple.node--type-microsite .paragraph--type-hero-overlay.paragraph--view-mode-full img,
      .microsite--style-purple2.node--type-microsite .paragraph--type-hero-overlay.paragraph--view-mode-full img,
      .microsite--style-deep-blue.node--type-microsite .paragraph--type-hero-overlay.paragraph--view-mode-full img {
        left: 0;
        transform: none;
        min-height: unset !important;
        height: 360px;
        max-width: auto;
      }
      @media (min-width: 768px) {
        .microsite--style-purple.node--type-microsite .paragraph--type-hero-overlay.paragraph--view-mode-full img,
        .microsite--style-purple2.node--type-microsite .paragraph--type-hero-overlay.paragraph--view-mode-full img,
        .microsite--style-deep-blue.node--type-microsite .paragraph--type-hero-overlay.paragraph--view-mode-full img {
          max-width: 100%;
          height: auto;
        }
      }


/********************
 * MICROSITE SUBPAGE NODE
 * VIEW MODE FULL
 * Any microsite style
 ********************/

    .node--type-microsite-page .paragraph--type-hero-overlay.paragraph--view-mode-full h1 {
      order: 2;
      font-size: 36px;
    }
      @media (min-width: 768px) {
        .node--type-microsite-page .paragraph--type-hero-overlay.paragraph--view-mode-full h1 {
          font-size: 45px;
        }
      }
      @media (min-width: 1220px) {
        .node--type-microsite-page .paragraph--type-hero-overlay.paragraph--view-mode-full h1 {
          font-size: 55px;
        }
      }


    .node--type-microsite-page .paragraph--type-hero-overlay.paragraph--view-mode-full .microsite-link {
      order: 1;
      margin-top: 0;
      margin-bottom: 30px;
      max-width: 75%;
      font-size: 15px;
    }
      .node--type-microsite-page .paragraph--type-hero-overlay.paragraph--view-mode-full .microsite-link a {
        font-size: 15px;
      }
      @media (min-width: 768px) {
        .node--type-microsite-page .paragraph--type-hero-overlay.paragraph--view-mode-full .microsite-link a {
          font-size: 16px;
        }
      }

    .node--type-microsite-page .paragraph--type-hero-overlay.paragraph--view-mode-full .field--name-field-hero-blurb {
      order: 3;
    }

/**
 * with Microsite Style: Groovy
 * with Microsite Style: Purple & Black (purple)
 * with Microsite Style: Purple (purple2)
 */

.microsite--style-groovy.node--type-microsite-page .paragraph--type-hero-overlay.paragraph--view-mode-full {
  border-bottom: 1px #060606 solid;
}
.microsite--style-purple.node--type-microsite-page .paragraph--type-hero-overlay.paragraph--view-mode-full,
.microsite--style-purple2.node--type-microsite-page .paragraph--type-hero-overlay.paragraph--view-mode-full,
.microsite--style-deep-blue.node--type-microsite-page .paragraph--type-hero-overlay.paragraph--view-mode-full {
  border-bottom: 0;
}

  .microsite--style-groovy.node--type-microsite-page .paragraph--type-hero-overlay.paragraph--view-mode-full .content-wrap,
  .microsite--style-purple.node--type-microsite-page .paragraph--type-hero-overlay.paragraph--view-mode-full .content-wrap,
  .microsite--style-purple2.node--type-microsite-page .paragraph--type-hero-overlay.paragraph--view-mode-full .content-wrap,
  .microsite--style-deep-blue.node--type-microsite-page .paragraph--type-hero-overlay.paragraph--view-mode-full .content-wrap {
    width: 100%;
    padding: 0;
  }

    .microsite--style-groovy.node--type-microsite-page .paragraph--type-hero-overlay.paragraph--view-mode-full .microsite-link,
    .microsite--style-purple.node--type-microsite-page .paragraph--type-hero-overlay.paragraph--view-mode-full .microsite-link,
    .microsite--style-purple2.node--type-microsite-page .paragraph--type-hero-overlay.paragraph--view-mode-full .microsite-link,
    .microsite--style-deep-blue.node--type-microsite-page .paragraph--type-hero-overlay.paragraph--view-mode-full .microsite-link {
      padding-bottom: 12px;
      border-bottom: 1px #060606 solid;
      width: 75%;
      display: inline-block;
    }
    .microsite--style-purple.node--type-microsite-page .paragraph--type-hero-overlay.paragraph--view-mode-full .microsite-link,
    .microsite--style-purple2.node--type-microsite-page .paragraph--type-hero-overlay.paragraph--view-mode-full .microsite-link,
    .microsite--style-deep-blue.node--type-microsite-page .paragraph--type-hero-overlay.paragraph--view-mode-full .microsite-link {
      border-bottom: 0;
      padding-bottom: 0;
    }

      .microsite--style-purple.node--type-microsite-page .paragraph--type-hero-overlay.paragraph--view-mode-full .microsite-link:after,
      .microsite--style-deep-blue.node--type-microsite-page .paragraph--type-hero-overlay.paragraph--view-mode-full .microsite-link:after {
        content: '';
        border-bottom: 1px #fff solid;
        width: 50%;
        margin: 16px auto 0;
        display: block;
      }
      .microsite--style-deep-blue.node--type-microsite-page .paragraph--type-hero-overlay.paragraph--view-mode-full .microsite-link:after {
        border-bottom: 1px #68d2f2 solid;
      }

    @media (min-width: 768px) {
      .microsite--style-groovy.node--type-microsite-page .paragraph--type-hero-overlay.paragraph--view-mode-full .microsite-link,
      .microsite--style-purple.node--type-microsite-page .paragraph--type-hero-overlay.paragraph--view-mode-full .microsite-link,
      .microsite--style-purple2.node--type-microsite-page .paragraph--type-hero-overlay.paragraph--view-mode-full .microsite-link,
      .microsite--style-deep-blue.node--type-microsite-page .paragraph--type-hero-overlay.paragraph--view-mode-full .microsite-link {
        width: 54%;
      }
    }
    @media (min-width: 1220px) {
      .microsite--style-groovy.node--type-microsite-page .paragraph--type-hero-overlay.paragraph--view-mode-full .microsite-link,
      .microsite--style-purple.node--type-microsite-page .paragraph--type-hero-overlay.paragraph--view-mode-full .microsite-link,
      .microsite--style-purple2.node--type-microsite-page .paragraph--type-hero-overlay.paragraph--view-mode-full .microsite-link,
      .microsite--style-deep-blue.node--type-microsite-page .paragraph--type-hero-overlay.paragraph--view-mode-full .microsite-link {
        width: 45%;
      }
    }

     .microsite--style-groovy.node--type-microsite-page .paragraph--type-hero-overlay.paragraph--view-mode-full img,
     .microsite--style-purple.node--type-microsite-page .paragraph--type-hero-overlay.paragraph--view-mode-full img,
     .microsite--style-purple2.node--type-microsite-page .paragraph--type-hero-overlay.paragraph--view-mode-full img,
     .microsite--style-deep-blue.node--type-microsite-page .paragraph--type-hero-overlay.paragraph--view-mode-full img {
      min-height: 260px;
    }

    .microsite--style-groovy.node--type-microsite-page .paragraph--type-hero-overlay.paragraph--view-mode-full h1,
    .microsite--style-purple.node--type-microsite-page .paragraph--type-hero-overlay.paragraph--view-mode-full h1,
    .microsite--style-purple2.node--type-microsite-page .paragraph--type-hero-overlay.paragraph--view-mode-full h1,
    .microsite--style-deep-blue.node--type-microsite-page .paragraph--type-hero-overlay.paragraph--view-mode-full h1 {
      color: #060606;
      order: 3;
      max-width: 92%;
      margin: 0 auto;
    }
    .microsite--style-purple.node--type-microsite-page .paragraph--type-hero-overlay.paragraph--view-mode-full h1,
    .microsite--style-purple2.node--type-microsite-page .paragraph--type-hero-overlay.paragraph--view-mode-full h1,
    .microsite--style-deep-blue.node--type-microsite-page .paragraph--type-hero-overlay.paragraph--view-mode-full h1 {
      color: #fff;
    }

    .microsite--style-deep-blue.node--type-microsite-page .paragraph--type-hero-overlay.paragraph--view-mode-full .microsite-link {
      background-color: transparent;
    }

    .microsite--style-purple.node--type-microsite-page .paragraph--type-hero-overlay.paragraph--view-mode-full .microsite-link a {
      color: #eb3f21;
    }
      .microsite--style-purple.node--type-microsite-page .paragraph--type-hero-overlay.paragraph--view-mode-full .microsite-link a:hover,
      .microsite--style-purple.node--type-microsite-page .paragraph--type-hero-overlay.paragraph--view-mode-full .microsite-link a:focus {
        color: #6f2be4;
      }

    .microsite--style-purple2.node--type-microsite-page .paragraph--type-hero-overlay.paragraph--view-mode-full .microsite-link a,
    .microsite--style-deep-blue.node--type-microsite-page .paragraph--type-hero-overlay.paragraph--view-mode-full .microsite-link a {
      color: #68d2f2;
    }
      .microsite--style-purple2.node--type-microsite-page .paragraph--type-hero-overlay.paragraph--view-mode-full .microsite-link a:hover,
      .microsite--style-purple2.node--type-microsite-page .paragraph--type-hero-overlay.paragraph--view-mode-full .microsite-link a:focus,
      .microsite--style-deep-blue.node--type-microsite-page .paragraph--type-hero-overlay.paragraph--view-mode-full .microsite-link a:hover,
      .microsite--style-deep-blue.node--type-microsite-page .paragraph--type-hero-overlay.paragraph--view-mode-full .microsite-link a:focus {
        color: #88f2ff;
      }

    .microsite--style-groovy.node--type-microsite-page .paragraph--type-hero-overlay.paragraph--view-mode-full .field--name-field-hero-blurb,
    .microsite--style-purple.node--type-microsite-page .paragraph--type-hero-overlay.paragraph--view-mode-full .field--name-field-hero-blurb,
    .microsite--style-purple2.node--type-microsite-page .paragraph--type-hero-overlay.paragraph--view-mode-full .field--name-field-hero-blurb,
    .microsite--style-deep-blue.node--type-microsite-page .paragraph--type-hero-overlay.paragraph--view-mode-full .field--name-field-hero-blurb {
      color: #060606;
      order: 2;
      margin-bottom: 8px;
    }
    .microsite--style-purple.node--type-microsite-page .paragraph--type-hero-overlay.paragraph--view-mode-full .field--name-field-hero-blurb,
    .microsite--style-purple2.node--type-microsite-page .paragraph--type-hero-overlay.paragraph--view-mode-full .field--name-field-hero-blurb,
    .microsite--style-deep-blue.node--type-microsite-page .paragraph--type-hero-overlay.paragraph--view-mode-full .field--name-field-hero-blurb {
      color: #fff;
    }