@import url(//fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,700italic,800italic,300,400,600,700,800);

.off-canvas-wrap {
    
    min-height:100vh;
    
}

h1,h2,h3,h4,h5,h6 {
    font-family: 'Open Sans', sans-serif;
}

body {
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    font-style: normal;
    line-height: 1;
}
p {
    font-weight: 300;
}

.row {
   max-width: 100%;
}

.sub-nav {
  display: block;
  width: auto;
  overflow: hidden;
  margin: -0.25rem 0 1.125rem;
  padding-top: 0.25rem;
  margin-right: 0;
  margin-left: -0.75rem; }
  .sub-nav dt {
    text-transform: uppercase; }
  .sub-nav dt,
  .sub-nav dd,
  .sub-nav li {
    float: left;
    display: inline;
    margin-left: 1rem;
    margin-bottom: 0.625rem;
    font-weight: normal;
    font-size: 0.875rem;
    color: #999999; }
    .sub-nav dt a,
    .sub-nav dd a,
    .sub-nav li a {
      border-radius: 3px;
      border-bottom: #999999 0.2rem solid;
      padding-bottom:0.2rem;
      padding-right:0.5rem;
      padding-left:0.5rem;
      text-decoration: none;
      color: #999999; }
      .sub-nav dt a:hover,
      .sub-nav dd a:hover,
      .sub-nav li a:hover {
        color: #2795b6; }
    .sub-nav dt.active a,
    .sub-nav dd.active a,
    .sub-nav li.active a {
      border-bottom: #2ba6cb 0.2rem solid;
      cursor: default;
      color: #2ba6cb;
      background: none; }
    .sub-nav dt.active a:hover,
      .sub-nav dd.active a:hover,
      .sub-nav li.active a:hover {
        background: none; }

.reveal-modal-bg {
  z-index: 99;
}

dialog, .reveal-modal {
  z-index: 100;
}

input[type="text"],
input[type="password"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="month"],
input[type="week"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
input[type="color"],
textarea {
    color: #333;
}