/* Custom */

.pointer {
  cursor: pointer;
}

/* /Custom */

html, body {
  height: 100%;
}
/* Space out content a bit */
@media screen {
  body {
    padding-top: 64px;
    padding-bottom: 20px;
  }
}

.nav > .active > a {
  background-color: #f8f8f8;
}

@media (max-width: 767px) {
  .affix {
    position: relative;
    width: 100%;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
 .affix {
    position: fixed;
    width: 158px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .affix {
    position: fixed;
    width: 213px;
  }
}
@media (min-width: 1200px) {
  .affix {
    position: fixed;
    width: 263px;
  }
}

@media screen and (min-width: 768px) {
  section {
    margin-top: -64px;
    padding-top: 64px;
    padding-bottom: 48px;
  }
  section hr {
    margin-top: -4px;
  }
}

.header {
  border-bottom: 1px solid #eeeeee;
}
.header h2 {
  margin-bottom: 0;}
.header h3 {
  font-size: 1.2em;
  font-style: italic;
  line-height: 36px;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  text-align: right;
}

.definition {
  text-align: left !important;
  min-width: 200px;
}

.table td, .table th {
  text-align: center;
}
.chinese {
  color: #8A3A41;
}

.question {
  line-height: 34px;
}
.answer {
  font-style: italic;
  height: 30px;
  line-height: 30px;
}

.examples td {
  border: 0 !important;
}
.examples td {
  padding-bottom: 0 !important;
  padding-top: 0 !important;
}
@media screen {
  .pinyin {
    color: #268128;
    font-style: italic;
  }
}
@media print {
  .pinyin {
    color: #0e590f;
    font-style: italic;
  }
}
@media print {
  li, tr {
    page-break-inside: avoid;
  }
}

/* side spacing for mobile first views */
.header, .footer {
  padding-left: 15px;
  padding-right: 15px;
}

.footer {
  padding-bottom: 4px;
  padding-top: 12px;
  color: #777777;
  border-top: 1px solid #eeeeee;
}

/* dropdown on hover */
@media (min-width: 767px) {
  ul.navbar-nav li.dropdown:hover ul.dropdown-menu {
    display: block;    
  }
}