/**
 * @file
 * The CSS file for articles on the site.
 *
 */


/********************
*  GENERIC ARTICLE  *
********************/

article.node-generic-article.view-mode-full {
  margin: 0 auto;
  width: 944px;
}

  article.node-generic-article a {
    color: #bf0000;
  }

  article.node-generic-article.view-mode-full > .field-name-field-header-images,
  article.node-generic-article.view-mode-full > .field-name-field-youtube-video {
    border-bottom: 1px solid #cfd2db;
  }

    @media all and (min-width: 1024px) {
      article.node-generic-article.view-mode-full > .field-name-field-header-images .field-slideshow {
        height: 470px!important;
        padding-bottom: 0 !important;
      }
    }

    article.node-generic-article.view-mode-full > .field-name-field-header-images .slideshow-bar,
    article.view-mode-full > .field-name-field-youtube-video .slideshow-bar {
      height: 50px;
      position: relative;
    }

      article.node-generic-article.view-mode-full > .field-name-field-header-images .right .button,
      article.view-mode-full > .field-name-field-youtube-video .right .button {
        color: #01224D;
        font-size: 0.9em;
        padding: 12px 0 12px 12px;
      }

      article.node-generic-article.view-mode-full > .field-name-field-header-images .left .button,
      article.view-mode-full > .field-name-field-youtube-video .left .button {
        color: #01224D;
        font-size: 0.9em;
        padding: 12px 12px 12px 0;
      }

      article.node-generic-article.view-mode-full > .field-name-field-header-images .label,
      article.view-mode-full > .field-name-field-youtube-video .label {
        color: #01224D;
        font-size: 0.8em;
        font-style: italic;
      }

      article.node-generic-article.view-mode-full > .field-name-field-header-images .counter {
        color: #01224D;
        font-style: italic;
        font-size: 0.9em;
        padding: 15px;
      }

      article.node-generic-article.view-mode-full > .field-name-field-header-images .arrow {
        color: #01224D;
        font-size: 1.2em;
        vertical-align: middle;
      }

      article.node-generic-article.view-mode-full > .field-name-field-header-images .arrow:hover {
        color: #959caf;
      }

      article.node-generic-article.view-mode-full > .field-name-field-header-images .left,
      article.view-mode-full > .field-name-field-youtube-video .left,
      article.node-generic-article.view-mode-full > .field-name-field-header-images .right,
      article.node-generic-article.view-mode-full > .field-name-field-header-images .counter,
      article.node-generic-article.view-mode-full > .field-name-field-header-images .field-slideshow-controls {
        display: inline-block;
        vertical-align: middle;
      }

      article.node-generic-article.view-mode-full > .field-name-field-header-images .field-slideshow-controls {
        left: 50%;
        position: absolute;
        margin-left: -44px;
      }

      article.node-generic-article.view-mode-full > .field-name-field-header-images .left,
      article.view-mode-full > .field-name-field-youtube-video .left {
        float: left;
        padding: 15px 15px 15px 0;
      }

      article.node-generic-article.view-mode-full > .field-name-field-header-images .right {
        float: right;
        padding: 15px 0 15px 15px;
      }

      article.node-generic-article.view-mode-full > .field-name-field-header-images .left .share:hover .button,
      article.node-generic-article.view-mode-full > .field-name-field-header-images .left .share:hover .label,
      article.node-generic-article.view-mode-full > .field-name-field-header-images .right .fullscreen:hover .button,
      article.node-generic-article.view-mode-full > .field-name-field-header-images .right .fullscreen:hover .label,
      article.view-mode-full > .field-name-field-youtube-video .left .share:hover .button,
      article.view-mode-full > .field-name-field-youtube-video .left .share:hover .label {
        color: #0052b7;
      }

  article.node-generic-article.view-mode-full > header {
    margin-top: 50px;
    text-align: center;
  }

    article.node-generic-article.view-mode-full > header .submitted {
      font-style: italic;
      letter-spacing: normal;
      margin: 0 0 8px 0;
    }

    article.node-generic-article.view-mode-full > header h1 {
      margin: 0 0 25px 0;
    }

      article.node-generic-article.view-mode-full > header h1 a {
        color: #01224D;
      }

  article.node-generic-article .field-name-field-intro {
    color: #AAAAAA;
    font-style: italic;
    line-height: 180%;
    margin: 0 auto 50px;
    text-align: center;
    width: 60%;
  }

  article.node-generic-article.view-mode-full > .field-name-field-content,
  article.node-generic-article.view-mode-full > .field-name-field-content-2 {
    margin-top: -7px;
    padding: 0 40px 40px;
  }

  article.node-generic-article.view-mode-full > .field-name-field-content p,
  article.node-generic-article.view-mode-full > .field-name-field-content-2 p {
    color: #808080;
    font-size: 0.9em;
    letter-spacing: normal;
    line-height: 200%;
  }

  /* article.node-generic-article.view-mode-full > .field-name-field-content:first-letter {
    color: #01224D;
    float: left;
    font-size: 7em;
    margin-top: 23px;
    padding: 0 15px 15px 0;
  } */

  article.node-generic-article.view-mode-full > .field-name-field-content span {
    color: #01224D;
    float: left;
    font-size: 6em;
    line-height: 77px;
    padding: 0 15px 10px 0;
    text-transform: uppercase;
  }

  article.node-generic-article .field-name-field-excerpt {
    clear: both;
    color: #01224D;
    font-size: 1.5em;
    font-style: italic;
    font-weight: 100;
    letter-spacing: 0.2em;
    line-height: 140%;
    margin: 0 auto 50px;
    text-align: center;
    text-transform: uppercase;
    width: 60%;
  }

  article.node-generic-article .field-name-field-content-photo {
    float: left;
    padding: 0 40px 20px;
  }

  article.node-generic-article .field-name-field-content-2-photo {
    float: right;
    padding: 0 40px 20px;
  }

    article.node-generic-article .field-name-field-content-photo blockquote,
    article.node-generic-article .field-name-field-content-2-photo blockquote {
      margin: 0 0 8px 0;
    }

      article.node-generic-article .field-name-field-content-photo blockquote p,
      article.node-generic-article .field-name-field-content-2-photo blockquote p {
        font-style: italic;
        letter-spacing: normal;
        margin: 10px 0 0;
      }

  article.node-generic-article .field-name-field-related-articles {
    clear: both;
    padding: 0;
  }

    article.node-generic-article .field-name-field-related-articles .section-separator {
      height: 50px;
      margin-bottom: 0;
      margin-top: 1em;
      margin: 1em auto 0;
      position: relative;
      width: 100%;

      margin-bottom: 11px;
    }

      article.node-generic-article .field-name-field-related-articles .icon {
        background: white;
        color: #01224d;
        display: block;
        font-size: 0.7em;
        z-index: 5;
      }

      article.node-generic-article .field-name-field-related-articles .border {
        border-bottom: solid 1px #cfd2db;
        height: 10px;
        position: absolute;
        top: 5px;
        width: 100%;
      }

      article.node-generic-article .field-name-field-related-articles .section-separator > strong {
        color: #01224d;
        display: block;
        font-weight: 100;
        font-style: italic;
        letter-spacing: 0.2em;
        line-height: 150%;
        position: relative;
        text-align: center;
        text-transform: uppercase;
      }

        article.node-generic-article .field-name-field-related-articles .section-separator > strong span {
          background: white;
          padding: 0 1em;
        }

article.node-generic-article.view-mode-related_teaser {
  width: 100%;
}

article.node-generic-article .field-name-field-related-articles .field-items div.field-item {
  float: left;
  padding-left: 44px;
  width: 203px;
}

article.node-generic-article .field-name-field-related-articles .field-items div.field-item:first-child {
  padding: 0;
}

  article.node-generic-article.view-mode-related_teaser header {
    margin-top: 8px;
  }

    article.node-generic-article.view-mode-related_teaser strong {
      font-size: 0.9em;
      font-style: italic;
      font-weight: 100;
      letter-spacing: 0.2em;
      line-height: 150%;
      text-transform: uppercase;
    }

    article.node-generic-article.view-mode-related_teaser strong a {
      color: #01224d;
    }



/***************
*  FULLSCREEN  *
***************/

#maximages {
  background: #FFF;
  display: none;
  z-index: 10000;
}

  #maximages .exit {
    position: absolute;
    top: 0;
  }

    #maximages .exit .icon {
      color: #FFF;
      cursor: pointer;
      font-size: 2em;
      font-weight: 600;
      margin: 40px;
      text-shadow: 0px 0px 8px rgba(150, 150, 150, 1);
    }

  #maximages .arrows {
    position: absolute;
  }

    #maximages .arrow_left {
      position: absolute;
    }

    #maximages .arrow_right {
      position: absolute;
      left: 50px;
    }

      #maximages .arrow_left .icon,
      #maximages .arrow_right .icon {
        color: #FFF;
        cursor: pointer;
        font-size: 2em;
        font-weight: 600;
        margin: 10px;
      }


/*********
*  PAGE  *
*********/

article.node-page {
  border-top: 1px solid #e6e6e6;
  margin: 0 auto;
  width: 944px;
}

  article.node-page .inner {
    padding: 40px 50px;
  }

    article.node-page h2 {
      font-size: 16px;
      font-style: italic;
      letter-spacing: 0.1em;
      margin: 0 0 40px;
      text-align: center;
      text-transform: uppercase;
    }

      article.node-page h2 a {
        color: #01224d;
      }