html {
  font-size: 50%;
}
body {
  font-family: $noto;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 130%;
  color: #000;
}
a {
  color: #000;
  text-decoration: none;
}
body > header {
  display: none;
}
main > header {
  padding: 1em 0 2em;
  text-align: left;
  position: relative;
}
main > header nav,
main > header .illustration {
  display: none;
}
main > header h1 {
  font-family: $roboto;
  font-size: 32px;
  font-size: 3.2rem;
  line-height: 140%;
  color: #f53500;
  margin: 0 auto;
  display: inline-block;
  position: relative;
  z-index: 5;
}
main > header h1 a {
  color: #f53500;
}
main > header p {
  margin: 0 auto;
  font-family: $noto;
  font-size: 14px;
  font-size: 1.4rem;
  font-style: italic;
  position: relative;
  z-index: 5;
}
body > footer {
  display: none;
}
section.article {
  position: relative;
  overflow: hidden;
}
section.article > div:not(:first-child) .content {
  margin-top: 1em;
}
section.article > div:last-child .content,
section.article > div:last-child > .img {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}
section.article header h1 {
  font-family: $roboto;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 22px;
  font-weight: 300;
  text-transform: uppercase;
  color: #f53500;
  text-align: center;
  margin: 0 0 1em;
}
section.article .img {
  position: relative;
  font-family: $roboto;
  overflow: hidden;
}
section.article .img img {
  position: relative;
}
section.article h1 {
  margin: 0 0 0.5em;
}
section.article .content {
  font-family: $roboto;
  font-size: 13px;
  font-size: 1.3rem;
  height: auto !important;
}
section.article .content .author {
  text-transform: uppercase;
  display: inline-block;
}
section.article .content .cat,
section.article .content a.author {
  color: #607e11;
  display: inline-block;
}
section.article .content.banner {
  display: none;
}
section.article.generic > h1 {
  font-family: $roboto;
  font-size: 34px;
  font-size: 3.4rem;
  font-weight: 300;
  line-height: 120%;
}
section.article.generic > p:last-child {
  margin-bottom: 0;
}
section.article.full-img {
  margin-left: 13px;
}
section.article.full-img > a {
  opacity: 0;
}
section.article.full-img .img {
  display: none;
}
section.article.full-img .content h1 {
  font-size: 42px;
  font-size: 4.2rem;
  font-weight: 300;
  line-height: 110%;
  margin: 0;
  padding: 0;
}
section.article.full-text .img {
  width: 300px;
  height: 300px;
  overflow: hidden;
  margin: 0 18px 0 0;
  float: left;
}
section.article.full-text .img img {
  width: 100%;
  height: 100%;
}
section.article.full-text .content h1 {
  font-size: 34px;
  font-size: 3.4rem;
  font-weight: 300;
  line-height: 110%;
}
section.article.full-text .content h1 a {
  color: #000;
}
section.article.full-text .content .lead,
section.article.full-text .content .lead p {
  font-family: $noto;
  font-size: 18px;
  font-size: 1.8rem;
  font-style: normal;
  line-height: 150%;
}
section.article.cols-2 a h1 {
  padding: 0 0.375em;
}
section.article.cols-2 .img {
  padding: 0 0.75em;
}
section.article.cols-2 .img h1 {
  font-size: 34px;
  font-size: 3.4rem;
  font-weight: 300;
  line-height: 110%;
  margin-bottom: 0 !important;
}
section.article.cols-2:not(.books) img {
  display: none;
}
section.article.cols-2 .content {
  padding: 0 0.75em;
}
section.article.cols-2 .content h1 {
  font-size: 28px;
  font-size: 2.8rem;
  font-weight: 300;
  line-height: 110%;
}
section.article.cols-2 .content h1 a {
  color: #000;
}
section.article.cols-2 .content .lead {
  font-family: $noto;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 150%;
  margin: 0;
}
section.article.cols-2.variable .img {
  width: 220px;
  height: 250px;
  float: left;
}
section.article.cols-2.variable .content {
  min-height: 250px;
}
section.article.cols-2:not(.variable):not(.books) .img:not(.fullsize) {
  width: 180px;
  height: 210px;
  float: left;
  margin-bottom: 0.75em;
}
section.article.cols-3 .img {
  overflow: hidden;
  margin: 0;
  max-height: 200px;
  width: 100%;
}
section.article.cols-3 .img img {
  max-width: 100%;
  height: 100%;
}
section.article.cols-3 .content {
  padding: 0 0.75em;
}
section.article.cols-3 .content h1 {
  font-size: 26px;
  font-size: 2.6rem;
  font-weight: 300;
  line-height: 110%;
}
section.article.cols-3 .content h1 a {
  color: #000;
}
section.article.cols-3 .content .lead {
  font-family: $noto;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 150%;
  margin: 0;
}
section.article.cols-4 > div .content {
  margin-bottom: 2em;
}
section.article.cols-4 .img {
  display: none;
}
section.article.cols-4 .content {
  padding: 0 0.75em;
}
section.article.cols-4 .content h1 {
  font-size: 20px;
  font-size: 2rem;
  font-weight: 300;
  line-height: 110%;
}
section.article.cols-4 .content h1 a {
  color: #000;
}
section.article.cols-3-banners .content {
  padding: 0 0.75em;
}
section.article.cols-3-banners .banner {
  display: none;
}
section.search-inline {
  display: none;
}
section.article.booklist .book,
section.article.cols-2.books .book {
  display: inline-block;
  white-space: normal;
  margin-left: -3px;
  min-height: 230px;
}
section.article.booklist .book > a,
section.article.cols-2.books .book > a {
  font-family: $noto;
  font-size: 16px;
  font-size: 1.6rem;
  font-style: italic;
  display: block;
  width: 140px;
  margin: 0 auto;
  padding: 0;
}
section.article.booklist .book > a:not(:hover),
section.article.cols-2.books .book > a:not(:hover) {
  color: #607e11;
}
section.article.booklist .book > a:hover,
section.article.cols-2.books .book > a:hover {
  text-decoration: underline;
}
section.article.booklist .book > a .author,
section.article.cols-2.books .book > a .author {
  display: block;
  font-family: $roboto;
  font-size: 14px;
  font-size: 1.4rem;
  font-style: normal;
  text-decoration: none;
  text-transform: none;
  color: #000;
  border: none;
}
section.article.booklist .book > a .img,
section.article.cols-2.books .book > a .img {
  display: block;
  height: 210px;
  margin: 0 0 0.5em;
  overflow: hidden;
}
section.article.booklist .book > a img,
section.article.cols-2.books .book > a img {
  position: absolute;
  display: block;
  left: 0;
  bottom: 0;
  width: 100%;
  height: auto;
  max-height: 210px;
}
section.article.booklist {
  padding: 0 30px;
  position: relative;
  vertical-align: top;
}
section.article.booklist .ctrl-prev,
section.article.booklist .ctrl-next,
section.article.booklist .ctrl-all {
  display: none;
}
section.article.booklist h1 {
  font-family: $roboto;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 22px;
  font-weight: 300;
  text-transform: uppercase;
  color: #f53500;
  text-align: center;
  margin: 0 0 1em;
}
section.article.booklist .book {
  width: 25%;
  text-indent: 0;
  vertical-align: top;
}
section.article.cols-2.books .content h1 {
  font-size: 36px;
  font-size: 3.6rem;
  margin-top: 0;
}
section.article.cols-2.books .img {
  width: 220px;
  height: 250px;
  float: left;
}
section.article.cols-2.books > div:last-child .content {
  padding-left: 2em;
}
section.article.cols-2.books > div:not(:last-child) .content {
  padding-right: 2em;
}
section.article.cols-2.books .book {
  width: 25%;
  display: block;
  float: left;
  margin-top: 1em;
}
section.article.cols-2.books .book .img {
  width: auto;
  height: 210px;
  float: none;
}
section.article.cols-2.books .book .img .mask {
  position: absolute;
  display: block;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.05;
  z-index: 10;
}
section.article.cols-and-banner .cols {
  width: 100%;
}
section.article.cols-and-banner .img {
  display: none;
}
section.article.cols-and-banner .content {
  padding: 0.75em;
}
section.article.cols-and-banner .content h1 {
  font-size: 28px;
  font-size: 2.8rem;
  font-weight: 300;
  line-height: 110%;
  margin: 0.5em 0;
}
section.article.cols-and-banner .content h1 a:not(:hover) {
  color: #000;
}
section.article.cols-and-banner .content .lead {
  font-family: $noto;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 150%;
  margin: 0;
}
section.article.cols-and-banner .cols > div:nth-child(2) .content {
  border-bottom: 1px dotted #ccc;
}
/* --- separator between sections --- */
.separator {
  position: relative;
  border-style: solid;
  border-color: #ccc;
  border-width: 0 0 1px;
  margin: 0 0 20px;
  padding: 20px 0 0;
  background: #fff;
  clear: both;
}
.separator span {
  display: block;
  position: absolute;
  left: 50%;
  top: 100%;
  width: 50px;
  height: 60px;
  margin: -30px 0 0 -25px;
  background-color: $bgColor1;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 90%;
}
.separator.type-1 span {
  background-image: url("/img/placeholder/chick.png");
}
section.embed + div.separator,
section.banner + div.separator,
.social + .separator {
  display: none;
}
section.article.book-details {
  overflow: visible;
}
section.article.book-details:after {
  content: " ";
  text-indent: -9999px;
  font-size: 1;
  line-height: 1;
  display: block;
  clear: both;
}
section.article.book-details .img {
  display: block;
  float: left;
  margin: 0 1em 1em 0;
  width: 180px;
}
section.article.book-details .img img {
  display: block;
  width: 100%;
}
section.article.book-details h1 {
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: 300;
  line-height: 110%;
  margin: 0.25em 0 0.5em;
}
section.article.book-details h1 a:not(:hover) {
  color: #607e11;
}
section.article.book-details .desc {
  font-family: $noto;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 150%;
}
section.article.book-details .author {
  font-size: 13px;
  font-size: 1.3rem;
  text-transform: uppercase;
  font-weight: 300;
  border: 0;
}
section.article.book-details a.author:hover {
  border-color: transparent;
  color: #f53500;
}
section.article.book-details .specs {
  margin: 0 0 1em 120px;
  padding: 0;
  border-left: 1px dotted #ccc;
}
section.article.book-details .specs li {
  list-style: none;
  padding: 0.25em 0.5em;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 400;
}
section.article.book-details .specs li:first-child {
  padding-top: 0;
}
section.article.book-details .specs li:last-child {
  padding-bottom: 0;
}
section.title {
  position: relative;
  width: 1180px;
  margin: 0 0 1em -110px;
}
section.title img {
  width: 100%;
  height: auto;
  display: block;
  margin: 0;
}
section.title h1 {
  font-family: $roboto;
  font-size: 42px;
  font-size: 4.2rem;
  font-weight: 300;
  line-height: 130%;
  width: 520px;
  position: absolute;
  bottom: 0;
  left: 50%;
  margin: 0 0 0 -300px;
  padding: 1em 40px 0;
  text-align: center;
  background: $bgColor1;
  border-top: 1px solid #ccc;
}
section.title.noimage {
  margin: 2em 0 0;
  width: auto;
}
section.title.noimage h1 {
  position: relative;
  left: 0;
  margin: 0 auto;
}
section.subtitle {
  margin-bottom: 2em;
}
section.subtitle .separator {
  width: 300px;
  margin-left: auto;
  margin-right: auto;
}
section.subtitle blockquote {
  font-family: $noto;
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 130%;
  font-style: italic;
  width: 520px;
  padding: 0 40px 0;
  margin: 0 auto;
  display: block;
  text-align: center;
}
/* --- article details --- */
main article {
  font-family: $noto;
  font-size: 16px;
  font-size: 1.6rem;
  position: relative;
}
main article .img {
  overflow: hidden;
}
main article .img img {
  position: relative;
}
main article > header {
  margin: 0 auto 3em;
  font-family: $roboto;
  font-size: 13px;
  font-size: 1.3rem;
}
main article > header .author {
  text-transform: uppercase;
  display: inline-block;
}
main article > header .cat,
main article > header a.author,
main article > header .tags a {
  color: #607e11;
  text-transform: uppercase;
  display: inline-block;
}
main article > header .tags {
  padding: 0;
  margin: 0.5em 0 0;
}
main article > header .tags li {
  display: inline-block;
}
main article > header .tags li:not(:last-child):after {
  content: "\2022";
  display: inline-block;
  margin: 0 0.1em 0 0.25em;
  font-family: $roboto;
  color: #607e11;
  font-size: 18px;
  font-size: 1.8rem;
}
main article > h1,
main article > h2,
main article > h3,
main article > h4 {
  font-family: $roboto;
  font-size: 36px;
  font-size: 3.6rem;
  font-weight: 300;
  line-height: 110%;
  margin: 0 auto 1em;
  position: relative;
}
main article > h1 .date-ribbon,
main article > h2 .date-ribbon,
main article > h3 .date-ribbon,
main article > h4 .date-ribbon {
  font-family: $roboto;
  font-size: 15px;
  font-size: 1.5rem;
  font-weight: 800;
  line-height: 110%;
  padding: 1em 0 1em 1.5em;
  display: block;
}
main article > h2,
main article > h3,
main article > h4 {
  font-size: 28px;
  font-size: 2.8rem;
}
main article > h3 {
  margin-bottom: 0.5em;
}
main article > h4 {
  font-size: 24px;
  font-size: 2.4rem;
  margin-bottom: 0.5em;
  margin-top: 1em;
}
main article > p,
main article section.article p {
  font-family: $noto;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 160%;
  margin: 0 auto 0.5em;
}
main article p a:link,
main article p a:visited {
  color: #607e11;
  font-weight: bold;
  text-decoration: underline;
}
main article p a:hover {
  color: #f53500;
  text-decoration: none;
}
main article > blockquote {
  margin: 2em 1em 2em 0;
  padding: 0 0 0 3em;
  float: none;
  background: url("/img/decor/feather.png") no-repeat 0 center;
  background-size: 2.5em auto;
  clear: both;
}
main article > blockquote p {
  font-family: $noto;
  font-size: 22px;
  font-size: 2.2rem;
  line-height: 130%;
  font-style: italic;
  padding: 0 0 1em 1em;
  border-left: 1px dotted #f53500;
  margin: 0;
}
main article > blockquote p:last-child {
  padding: 0 0 0 1em;
}
main article section:not(.blurb):not(.image) {
  clear: both;
}
main article section.slideshow {
  margin: 2em 0;
  padding: 0 35px;
  position: relative;
}
main article section.slideshow .container {
  position: relative;
  width: 100%;
}
main article section.slideshow .ctrl-prev,
main article section.slideshow .ctrl-next {
  display: none;
}
main article section.slideshow .slide {
  width: 100%;
  position: relative;
  display: block;
}
main article section.slideshow .img {
  width: 100%;
  max-height: 300px;
  position: relative;
  display: inline-block;
  padding: 0 0 12px;
}
main article section.slideshow .img img {
  width: 100%;
  display: block;
  max-height: 312px;
}
main article section.slideshow .author {
  font-family: $roboto;
  font-size: 13px;
  font-size: 1.3rem;
  text-align: right;
  margin: 0.5em 0 0;
}
main article section.quote {
  margin: 2em 0 0.5em;
  padding: 0 0 0 3em;
  background: url("/img/decor/chick.png") no-repeat 0 center;
  background-size: 2.5em auto;
}
main article section.quote .content {
  padding: 0 0 0 1em;
  border-left: 1px dotted #f53500;
}
main article section.quote,
main article section.quote p {
  font-family: $noto;
  font-size: 22px;
  font-size: 2.2rem;
  line-height: 130%;
  font-style: italic;
}
main article section.quote p {
  margin: 0;
}
main article section.quote p:not(:last-child) {
  margin: 0 0 1em;
}
main article section.quote.inline {
  width: 30%;
  float: left;
  margin-right: 1em;
  background: url("/img/decor/feather.png") no-repeat 0 center;
  background-size: 15% auto;
}
main article section.image {
  margin: 0 auto;
  clear: none;
  float: none;
}
main article section.image .img {
  position: relative;
  margin: 0 auto 1em;
  max-height: 200px;
  max-width: 400px;
  display: block;
  left: 0;
}
main article section.image .img img {
  max-width: 400px;
  max-height: 200px;
}
main article section.image .author {
  font-family: $roboto;
  font-size: 13px;
  font-size: 1.3rem;
  margin: 0.5em 0 0;
}
main article section.blurb {
  display: none;
}
main article section.embed {
  display: none;
}
main article section.disqus {
  display: none;
}
main article.book > header img.img-mobile,
section.article.booklist {
  display: none !important;
}
main article.book > header {
  margin-bottom: 2em;
}
main article.book > header .img {
  display: block;
  float: left;
  margin: 0 2em 0 0;
  width: 220px;
  position: relative;
}
main article.book > header .img img {
  display: block;
  width: 100%;
}
main article.book > header .img:before {
  content: " ";
  position: absolute;
  display: block;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.05;
  z-index: 10;
}
main article.book > header .author {
  text-transform: uppercase;
  display: inline-block;
  font-size: 20px;
  font-size: 2rem;
  font-weight: 300;
}
main article.book > header a.author {
  color: #607e11;
  border-bottom: 1px solid #607e11;
}
main article.book > header a.author:hover {
  border-color: transparent;
  color: #f53500;
}
main article.book > header h1 {
  font-size: 34px;
  font-size: 3.4rem;
  font-weight: 300;
  line-height: 110%;
  margin: 0.25em 0 0.5em;
}
main article.book > header .specs {
  margin: 0 0 1em 90px;
}
main article.book > header .specs ul {
  padding: 0;
  margin: 0;
  border-left: 1px dotted #f53500;
}
main article.book > header .specs li {
  list-style: none;
  padding: 0.25em 0.5em;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 400;
}
main article.book > header .specs li:first-child {
  padding-top: 0;
}
main article.book > header .specs li:last-child {
  padding-bottom: 0;
}
main article.book > header .specs li a {
  color: #607e11;
  text-decoration: underline;
}
main article.book > header .specs li a:hover {
  color: #f53500;
  text-decoration: none;
}
main article.book > header .specs:after {
  content: " ";
  clear: both;
  font-size: 1;
  text-indent: -9999px;
  display: block;
}
main article.book .desc {
  font-family: $noto;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 160%;
  width: 620px;
  margin: 0 auto;
}
main article.simple {
  margin: 0 auto;
}
main article aside.social {
  display: none;
}
/* --- search --- */
main h1.searchTerms {
  font-family: $roboto;
  font-size: 30px;
  font-size: 3rem;
  font-weight: 300;
  line-height: 110%;
  text-align: center;
  margin: 0;
  position: relative;
  vertical-align: bottom;
}
main h1.searchTerms a.close {
  color: #607e11;
  font-size: 36px;
  font-size: 3.6rem;
  font-weight: bold;
  display: inline-block;
  margin: 0 0 0 0.1em;
  vertical-align: bottom;
}
main .pagination {
  overflow: hidden;
  margin: 2em 0 3em;
}
main .pagination ul {
  margin: 0;
  padding: 1em 0;
  text-align: center;
  white-space: nowrap;
}
main .pagination ul li {
  list-style: none;
  display: inline-block;
  padding: 0;
  font-family: $roboto;
  font-size: 18px;
  font-size: 1.8rem;
}
main .pagination ul li a {
  padding: 0.25em;
  color: #607e11;
  transition: color 0.2s linear;
}
main .pagination ul li a:hover {
  color: #f53500;
}
main .pagination ul li .active {
  padding: 0 0.25em;
  color: #f53500;
  border-bottom: 3px double #f53500;
}
main .pagination ul li.prev a {
  padding-left: 30px;
  background: url("/img/decor/arrow-l-small-hoverable.png") no-repeat left 4px;
}
main .pagination ul li.next a {
  padding-right: 30px;
  background: url("/img/decor/arrow-r-small-hoverable.png") no-repeat right 4px;
}
main .pagination ul li.prev a,
main .pagination ul li.next a {
  text-transform: uppercase;
  height: 25px;
  background-size: auto 60px;
}
main .pagination ul li.prev a:hover {
  background-position: left -32px;
}
main .pagination ul li.next a:hover {
  background-position: right -32px;
}
main .pagination ul li:not(:last-child):after {
  content: "\2022";
  display: inline-block;
  margin: 0 0.5em;
  font-family: $roboto;
  color: #000;
  font-size: 18px;
  font-size: 1.8rem;
}
main p.note {
  font-family: $roboto;
  color: #000;
  font-size: 36px;
  font-size: 3.6rem;
  line-height: 120%;
  font-weight: 300;
  text-align: center;
  margin: 4em 0;
}
section.books-results {
  overflow: hidden;
}
section.books-results .book {
  display: inline-block;
  white-space: normal;
  margin-left: -3px;
  margin-bottom: 2em;
  min-height: 230px;
  width: 16.666667%;
  float: left;
}
section.books-results .book > a {
  font-family: $noto;
  font-size: 16px;
  font-size: 1.6rem;
  font-style: italic;
  display: block;
  width: 140px;
  margin: 0 auto;
  padding: 0;
}
section.books-results .book > a:not(:hover) {
  color: #607e11;
}
section.books-results .book > a:hover {
  text-decoration: underline;
}
section.books-results .book > a .author {
  display: block;
  font-family: $roboto;
  font-size: 14px;
  font-size: 1.4rem;
  font-style: normal;
  text-decoration: none;
  color: #000;
  border: none;
}
section.books-results .book > a .img {
  position: relative;
  display: block;
  height: 210px;
  margin: 0 0 0.5em;
  overflow: hidden;
}
section.books-results .book > a img {
  position: absolute;
  display: block;
  left: 0;
  bottom: 0;
  width: 100%;
  height: auto;
  max-height: 210px;
}
section.books-results .book:nth-child(6n+1) {
  clear: left;
}
/* --- book thumbs additional rules --- */
.book:not(article) .img img {
  top: auto !important;
}
.book:not(article) .img .mask {
  position: absolute;
  display: block;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.05;
  z-index: 10;
}
/* --- lists --- */
section.list {
  position: relative;
  overflow: hidden;
}
section.list h1 {
  font-family: $roboto;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 300;
  text-transform: uppercase;
  color: #f53500;
  text-align: center;
  margin: 0 0 1em;
}
section.list ul,
section.list li {
  font-family: $roboto;
  margin: 0;
  list-style: none;
  padding: 0;
  text-align: left;
}
section.list li a:not(:hover) {
  color: #607e11;
}
section.list li {
  display: block;
  padding: 0 1em;
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 34px;
}
section.list li a {
  white-space: normal;
}
section.list.inline ul {
  text-align: center;
}
section.list.inline li {
  display: inline-block;
}

span.lineheight {
  line-height:2;
}