@charset "UTF-8";
/**
 * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/)
 * http://cssreset.com
 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

/*------------------------------------*    BASE
\*------------------------------------*/
html {
  font-size: 100%; }

body {
  font-family: "Roboto", sans-serif;
  font-size: 1rem;
  letter-spacing: normal;
  line-height: 1.563;
  color: #000;
  background-color: #e8e8e8;
  text-rendering: optimizeLegibility; }
  body.mobile-menu-active {
    overflow: hidden; }

a {
  color: #e20f1a;
  text-decoration: none;
  font-weight: 400; }

blockquote {
  position: relative;
  margin: 1.563rem 0;
  padding: 0 10% 0 2.5rem;
  letter-spacing: .03rem; }
  blockquote p:last-child {
    margin-bottom: 0; }
  blockquote:before {
    font-weight: 400;
    font-size: 3.5rem;
    position: absolute; }
  blockquote:before {
    top: -1.6rem;
    left: 0rem;
    content: '“'; }
  blockquote cite {
    display: block;
    margin-top: 0.23445;
    font-style: italic;
    font-size: 0.875rem;
    letter-spacing: .03rem; }
    blockquote cite:before {
      content: '\2015  '; }
    blockquote cite a {
      color: #e20f1a; }

p {
  margin-bottom: 0.7815rem; }
  p:last-child {
    margin-bottom: 0; }

strong {
  font-weight: 700; }

em {
  font-style: italic; }

small {
  font-size: 0.688rem; }

hr {
  margin: 0.7815rem 0 0;
  padding: 0.7815rem 0 0;
  border: none;
  border-top: 1px solid #ccc;
  color: #333; }

h2 {
  font-family: "Roboto Slab", serif;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.563rem;
  color: #e20f1a;
  margin-bottom: 1.563rem; }
  h2 a {
    font-weight: 700; }

h3 {
  font-family: "Roboto Slab", serif;
  font-size: 1rem;
  font-weight: 700;
  color: #000;
  line-height: 1.2504rem;
  padding-top: 1rem;
  margin-bottom: 1rem; }

.seperator {
  display: block;
  height: 3px;
  background-color: #e20f1a; }

#back-to-top {
  display: none;
  position: fixed;
  right: 1rem;
  bottom: 1rem; }
  #back-to-top path {
    fill: #e20f1a; }

#wrapper {
  max-width: 920px;
  margin-left: auto;
  margin-right: auto; }
  #wrapper::after {
    clear: both;
    content: "";
    display: block; }

#header {
  position: relative; }
  #header #menu-btn {
    display: block;
    margin: 0.7815rem 0;
    line-height: 0.9378rem;
    text-align: center; }
    #header #menu-btn path {
      fill: #e20f1a; }
    #header #menu-btn svg {
      margin-right: .3rem; }
    #header #menu-btn span {
      display: inline-block;
      vertical-align: middle; }
  #header #menu-btn-close {
    display: none; }
  #header h1.logo {
    display: block;
    margin: 1.563rem 0;
    text-align: center; }
  #header .nav-wrap {
    display: none; }
    body.mobile-menu-active #header .nav-wrap {
      display: block;
      position: fixed;
      top: 0;
      left: 0;
      z-index: 200;
      height: 100%;
      width: 100%;
      background-color: #fff;
      overflow: scroll; }
      body.mobile-menu-active #header .nav-wrap .nav, body.mobile-menu-active #header .nav-wrap .sub-nav {
        margin-left: 15px;
        margin-right: 15px; }
      body.mobile-menu-active #header .nav-wrap .nav {
        margin-top: 3.126rem;
        margin-bottom: 1.563rem; }
      body.mobile-menu-active #header .nav-wrap .sub-nav {
        margin-bottom: 1.563rem; }
      body.mobile-menu-active #header .nav-wrap .seperator {
        margin-bottom: 1.375rem; }
      body.mobile-menu-active #header .nav-wrap #menu-btn-close {
        display: block;
        position: absolute;
        right: 15px;
        top: 15px; }
        body.mobile-menu-active #header .nav-wrap #menu-btn-close path {
          fill: #e20f1a; }
  @media only screen and (min-width: 920px) {
    #header {
      width: calc(25% - 31.25px);
      float: left;
      margin-left: 25px; }
      #header h1.logo {
        z-index: 100;
        position: absolute;
        top: 35px;
        right: -126.92308px;
        margin: 0; }
      #header .nav-wrap {
        display: block; }
        #header .nav-wrap .nav {
          margin-top: 12.504rem;
          text-align: right;
          margin-bottom: 3.126rem; }
        #header .nav-wrap .sub-nav {
          text-align: right; }
          #header .nav-wrap .sub-nav .seperator {
            margin-left: auto;
            margin-bottom: 1.375rem; }
      #header #menu-btn {
        display: none; } }
  #header .nav ul li a {
    font-family: "Roboto Slab", serif;
    font-weight: 700;
    color: #000;
    line-height: 1.563rem;
    display: block; }
    #header .nav ul li a:hover, #header .nav ul li a.active {
      color: #e20f1a; }
    #header .nav ul li a span {
      text-decoration: underline; }
  #header .sub-nav .seperator {
    width: 60px; }
  #header .sub-nav ul li a {
    font-family: "Roboto Slab", serif;
    font-size: 0.875rem;
    font-weight: 400;
    color: #e20f1a;
    line-height: 1.042rem; }
    #header .sub-nav ul li a.active {
      font-weight: 700; }
    #header .sub-nav ul li a.top-level {
      font-weight: 700;
      font-size: 1rem; }
    #header .sub-nav ul li a:hover {
      color: #000; }
  #header .sub-nav ul li > ul {
    padding-top: 0.6252rem;
    padding-bottom: 0.6252rem; }
    #header .sub-nav ul li > ul li a {
      display: block;
      color: #000;
      line-height: 1.563rem;
      background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAMAAAC67D+PAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjRBQkM0RjUzMEU2OTExRTc5RUE0RTNBNzlCMkE4QzdFIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjRBQkM0RjU0MEU2OTExRTc5RUE0RTNBNzlCMkE4QzdFIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NEFCQzRGNTEwRTY5MTFFNzlFQTRFM0E3OUIyQThDN0UiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NEFCQzRGNTIwRTY5MTFFNzlFQTRFM0E3OUIyQThDN0UiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7Xjse4AAAABlBMVEUAAAD///+l2Z/dAAAAAnRSTlP/AOW3MEoAAAAVSURBVHjaYmCEAwYGWjEhAMgECDAAE90AVh0Fx0EAAAAASUVORK5CYII=");
      background-repeat: no-repeat;
      padding-left: 12px;
      background-position: left 4px; }
      @media only screen and (min-width: 920px) {
        #header .sub-nav ul li > ul li a {
          background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAMAAAC67D+PAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjFFMjhFQzYyMEU2OTExRTdCMDYzQzE0Nzg1QTZBRjBEIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjFFMjhFQzYzMEU2OTExRTdCMDYzQzE0Nzg1QTZBRjBEIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MUUyOEVDNjAwRTY5MTFFN0IwNjNDMTQ3ODVBNkFGMEQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MUUyOEVDNjEwRTY5MTFFN0IwNjNDMTQ3ODVBNkFGMEQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5WFhYBAAAABlBMVEUAAAD///+l2Z/dAAAAAnRSTlP/AOW3MEoAAAAVSURBVHjaYmCEAwYEi+pMBggACDAAFDoAVj6aAbsAAAAASUVORK5CYII=");
          padding-left: 0;
          padding-right: 12px;
          margin-right: -12px;
          background-position: right 4px; } }

ul.meta-nav li a {
  display: inline-block;
  font-size: 0.688rem;
  line-height: 2.3445rem;
  letter-spacing: .03rem; }
  ul.meta-nav li a:hover {
    color: #000; }
  ul.meta-nav li a span {
    text-decoration: underline; }

ul.meta-nav li:last-child a {
  margin: 0; }
  ul.meta-nav li:last-child a:after {
    display: none; }

#content {
  position: relative;
  background-color: #fff;
  padding-bottom: 0.7815rem; }
  @media only screen and (min-width: 920px) {
    #content {
      width: calc(75% - 43.75px);
      float: left;
      margin-left: 25px;
      min-height: 1080px; } }
  #content .seperator {
    width: 100%;
    position: absolute;
    left: 0; }
  #content ul.meta-nav {
    display: none; }
    @media only screen and (min-width: 920px) {
      #content ul.meta-nav {
        display: block;
        float: right;
        margin-right: 25px; }
        #content ul.meta-nav::after {
          clear: both;
          content: "";
          display: table; }
        #content ul.meta-nav li {
          display: inline-block; }
          #content ul.meta-nav li a {
            line-height: 2.3445rem; }
            #content ul.meta-nav li a:after {
              content: '\2022';
              margin: 0 .2rem; } }
  #content ul.sub-sub-nav {
    margin-left: 15px;
    margin-right: 15px;
    padding-top: 0.7815rem;
    padding-bottom: 0.7815rem;
    border-bottom: 1px solid #d4d4d4;
    background-color: #f0f0f0; }
    @media only screen and (min-width: 920px) {
      #content ul.sub-sub-nav {
        margin-left: 25px;
        margin-right: 25px; } }
    #content ul.sub-sub-nav li {
      margin-left: 1rem; }
      #content ul.sub-sub-nav li a {
        font-size: 0.875rem;
        font-weight: 400;
        color: #e20f1a;
        line-height: 1.042rem; }
        #content ul.sub-sub-nav li a.active {
          font-weight: 700; }
        #content ul.sub-sub-nav li a.top-level {
          font-weight: 700;
          font-size: 1rem; }
        #content ul.sub-sub-nav li a:hover {
          color: #000; }
        #content ul.sub-sub-nav li a:hover:before {
          color: #000; }
        #content ul.sub-sub-nav li a:before {
          content: "\2022";
          color: #e20f1a;
          margin-right: .5rem; }
  @media only screen and (min-width: 920px) {
    #content .space-top {
      margin-top: 10.941rem !important; } }
  #content > hr {
    margin: 0.7815rem 0 0;
    padding: 0; }
  #content a[href^="http://"], #content a[href^="https://"] {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAA5ElEQVQoz3VROw6CQBAlxB7ip4FEjQUH8AAewRNYcgJC6R2IFUchhtOwxlBZUBILfW93lgC6m0xmmXmPmffW8xxHhfFBBVGF6JsgapGvar3zXeAEgCeiA7hErhEfklyEM5pFE8bHoWZI7Ry4RDHDX2/IF7XaLmxPJvXzNR4y+s0M0F2DMYnrUdN85xfuJ7XZ+wDniJTghnX2YYR1w4LZTHHPSSJ5BE6smEqPE4FcY7yWXtOChUCfy+EbQilYhGc0YuqMeZR6cMMILGjtf8/5gmZ0LdZ1k51/CHhuIXFSrzXRDcf5AvdjkTciJ3QhAAAAAElFTkSuQmCC");
    background-repeat: no-repeat;
    padding-left: 15px;
    background-position: left center; }
  #content article {
    margin-left: 15px;
    margin-right: 15px;
    word-wrap: break-word;
    padding-top: 2.3445rem; }
    @media only screen and (min-width: 920px) {
      #content article {
        margin-left: 25px;
        margin-right: 25px; } }
    @media only screen and (min-width: 920px) {
      #content article a {
        border-bottom: 1px solid transparent; }
        #content article a:hover {
          border-bottom: 1px solid #e20f1a; } }
    #content article ul, #content article ol {
      padding-left: 1.5rem;
      margin-bottom: 0.7815rem; }
      #content article ul:last-child, #content article ol:last-child {
        margin-bottom: 0; }
    #content article ul {
      list-style-type: disc; }
    #content article ol {
      list-style-type: decimal; }
    #content article img.stretch {
      width: 100%;
      height: auto;
      margin-bottom: 0.39075rem; }
    #content article .img-caption {
      margin-bottom: 0.7815rem; }
      #content article .img-caption > img {
        display: block;
        margin-bottom: 0; }
      #content article .img-caption .caption {
        display: block;
        font-style: italic;
        padding-top: 0.521rem;
        padding-bottom: 0.39075rem;
        font-size: 0.875rem;
        letter-spacing: .02rem; }
    #content article:last-child .meta {
      border-bottom: none; }
    #content article ul.meta {
      list-style-type: none;
      padding-left: 0;
      padding-bottom: 0.7815rem;
      border-bottom: 1px solid #ccc;
      line-height: 1.95375rem; }
      #content article ul.meta li {
        font-size: 0.875rem;
        letter-spacing: .02rem;
        -webkit-user-select: none;
        /* Chrome all / Safari all */
        -moz-user-select: none;
        /* Firefox all */
        -ms-user-select: none;
        /* IE 10+ */
        user-select: none;
        /* Likely future */ }
        #content article ul.meta li span {
          font-weight: 700;
          margin-right: 5px; }
        #content article ul.meta li a.more-link {
          font-weight: 700; }
      @media only screen and (min-width: 920px) {
        #content article ul.meta {
          display: table;
          width: 100%;
          padding: 0 25px 0.7815rem;
          margin: 0 -25px 0; }
          #content article ul.meta li {
            display: table-cell; }
            #content article ul.meta li:nth-child(2) {
              text-align: center; }
            #content article ul.meta li:nth-child(3) {
              text-align: right; } }

#footer {
  margin: 0.7815rem 15px;
  font-size: 0.688rem;
  line-height: 1.042rem;
  letter-spacing: .03rem; }
  #footer ul.meta-nav {
    display: block;
    margin-bottom: 0.7815rem; }
    #footer ul.meta-nav li a {
      line-height: 1.95375rem; }
  @media only screen and (min-width: 920px) {
    #footer {
      width: calc(75% - 43.75px);
      float: left;
      margin-left: 25px;
      margin-left: calc(25% - 31.25px + 50px);
      text-align: right; }
      #footer ul.meta-nav {
        display: none; } }
