/*
  Strongly Typed 1.0 by HTML5 UP
  html5up.net | @n33co
  Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
*/

/*********************************************************************************/
/* Basic                                                                         */
/*********************************************************************************/

  body,input,textarea,select
  {
    line-height: 1.65em;
    font-size: 13pt;
  }

  h2
  {
    font-size: 1.65em;
    font-weight: 400;
    letter-spacing: 4px;
    margin: 0 0 1.5em 0;
    line-height: 1.75em;
  }

  h3
  {
    font-size: 1em;
    letter-spacing: 2px;
    margin: 0 0 1.25em 0;
  }

  /* Tables */

    table
    {
    }

      table.style1
      {
      }

        table.style1 thead
        {
          font-size: 0.85em;
          letter-spacing: 2px;
        }

  /* Buttons */

    .button
    {
      font-size: 0.85em;
      letter-spacing: 2px;
      padding: 0.85em 2.75em 0.85em 2.75em;
    }

  /* Lists */

    ul.actions
    {
    }

      ul.actions li
      {
        display: inline-block;
        margin-left: 1em;
      }

      ul.actions li:first-child
      {
        margin-left: 0;
      }

    ul.divided
    {
    }

      ul.divided li
      {
        margin: 2.5em 0 0 0;
        padding: 2.5em 0 0 0;
      }

/*********************************************************************************/
/* Section/Article Types                                                         */
/*********************************************************************************/

  .is-post
  {
  }

    .no-sidebar .is-post > header
    {
      text-align: center;
    }

  .is-feature
  {
  }

  .is-excerpt
  {
  }

    .is-excerpt .date
    {
      display: inline-block;
      font-size: 0.85em;
      letter-spacing: 2px;
      padding: 0.25em 1em 0.25em 1em;
      margin: 0 0 2.5em 0;
    }

  .is-highlight
  {
  }

/*********************************************************************************/
/* Wrappers                                                                      */
/*********************************************************************************/

  #header-wrapper
  {
  }

  .features-wrapper
  {
    padding: 2em 0 2em 0;
  }

  .banner-wrapper
  {
    padding: 2em 0 1em 0;
  }

  #main-wrapper
  {
    padding: 6em 0 4em 0;
  }

  #footer-wrapper
  {
    padding: 3em 0 2em 0;
  }

/*********************************************************************************/
/* Header                                                                        */
/*********************************************************************************/

  #header
  {
    padding: 4.5em 0 0 0;
  }

    #header h1
    {
      font-size: 1.5em;
      letter-spacing: 13px;
    }

    #header p
    {
      margin: 2em 0 0 0;
      font-size: 0.85em;
      letter-spacing: 3px;
    }

/*********************************************************************************/
/* Nav                                                                           */
/*********************************************************************************/

  #nav
  {
    padding-top: 0.5em;
  }

    #nav > ul > li
    {
      display: inline-block;
      padding-right: 2em;
    }

      #nav > ul > li:last-child
      {
        padding-right: 0;
      }

      #nav > ul > li > a
      {
        display: block;
      }

        #nav > ul > li > a > span
        {
          font-size: 0.85em;
          letter-spacing: 3px;
        }

      #nav > ul > li > ul
      {
        display: none;
      }

  .dropotron
  {
    text-align: left;
    border: solid 1px #e5e5e5;
    border-radius: 4px;
    background: #fff;
    background: rgba(255,255,255,0.965);
    box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.1);
    padding: 0.75em 0 0.5em 0;
    min-width: 12em;
  }

    .dropotron-level-0
    {
      margin-top: 1.5em;
      margin-left: -1em;
    }

      .dropotron-level-0:after
      {
        content: '';
        display: block;
        position: absolute;
        left: 1.25em;
        top: -moz-calc(-0.75em + 1px);
        top: -webkit-calc(-0.75em + 1px);
        top: -o-calc(-0.75em + 1px);
        top: -ms-calc(-0.75em + 1px);
        top: calc(-0.75em + 1px);
        border-left: solid 0.75em rgba(255,255,255,0);
        border-right: solid 0.75em rgba(255,255,255,0);
        border-bottom: solid 0.75em #fff;
      }

      .dropotron-level-0:before
      {
        content: '';
        display: block;
        position: absolute;
        left: 1.25em;
        top: -0.75em;
        border-left: solid 0.75em rgba(255,255,255,0);
        border-right: solid 0.75em rgba(255,255,255,0);
        border-bottom: solid 0.75em #ccc;
      }

    .dropotron span,
    .dropotron a
    {
      display: block;
      padding: 0.3em 1em 0.3em 1em;
      border: 0;
      border-top: solid 1px #f0f0f0;
      outline: 0;
    }

    .dropotron li:first-child > span,
    .dropotron li:first-child > a
    {
      border-top: 0;
      padding-top: 0;
    }

    .dropotron li:hover > span,
    .dropotron li:hover > a
    {
      color: #ed786a;
      -moz-transition: color 0.25s ease-in-out, border-bottom-color 0.25s ease-in-out;
      -webkit-transition: color 0.25s ease-in-out, border-bottom-color 0.25s ease-in-out;
      -o-transition: color 0.25s ease-in-out, border-bottom-color 0.25s ease-in-out;
      -ms-transition: color 0.25s ease-in-out, border-bottom-color 0.25s ease-in-out;
      transition: color 0.25s ease-in-out, border-bottom-color 0.25s ease-in-out;
    }


/*********************************************************************************/
/* Banner                                                                        */
/*********************************************************************************/

  .banner
  {
    padding: 2em 0 1em 0;
  }

    .banner p
    {
      font-size: 2em;
      line-height: 1.5em;
      letter-spacing: 4px;
    }

    .banner .pi
    {
      width: 1000px; /* perhaps max-width */
    }

    .banner:before,
    .banner:after
    {
      content: '';
      display: block;
      position: absolute;
      top: 50%;
      width: 35px;
      height: 141px;
      margin-top: -70px;
      /* background: url('images/bracket.svg'); */
      opacity: 0.15;
    }

    .banner:before
    {
      left: 0;
    }

    .banner:after
    {
      right: 0;
      -moz-transform: scaleX(-1);
      -webkit-transform: scaleX(-1);
      -o-transform: scaleX(-1);
      -ms-transform: scaleX(-1);
      transform: scaleX(-1);
    }

/*********************************************************************************/
/* Features                                                                      */
/*********************************************************************************/

  .gallery
  {
    height: 400px;
  }

  .fellows .gallery
  {
    height: 160px;
  }

    .fellows .gallery img
    {
      width: 128px !important;
    }

/*********************************************************************************/
/* Content                                                                       */
/*********************************************************************************/

  #content
  {
  }

    #content > section,
    #content > article
    {
      margin: 5em 0 0 0;
      padding: 5em 0 0 0;
    }

    #content > section:first-child,
    #content > article:first-child
    {
      margin: 0;
      padding: 0;
    }

/*********************************************************************************/
/* Sidebar                                                                       */
/*********************************************************************************/

  #sidebar
  {
  }

    #sidebar > section,
    #sidebar > article
    {
      margin: 5em 0 0 0;
      padding: 5em 0 0 0;
    }

    #sidebar > section:first-child,
    #sidebar > article:first-child
    {
      margin: 0;
      padding: 0;
    }

/*********************************************************************************/
/* Copyright                                                                     */
/*********************************************************************************/

  #copyright
  {
    margin-top: 3em;
    padding-top: 3em;
  }
