/* styles for reviews list and detail pages */
/* colors */
/* #F5F2ED */
/* #F5F2ED */
/* #D8D4CE */
/* #D8D4C3 */
/* #E7E3DE */
/* #EEEBE5 */
/* #E1DDD7 */
/* #6a6a6a */
/* 615F61 */
/* #2B292B */
/* #2B292B */
/* 474647*/
/* B2B2B2 */
/* 252523 */
/* 868688 */
/* #00B7E4 */
/* #C29D52 */
/* #C29D52 */
/* E2CDAC */
/* D8D4CE */
/* 191919 */
/* site-wide fonts */
.clearfix, .container, .list-topper {
  zoom: 1; }
  .clearfix:after, .container:after, .list-topper:after {
    height: 0;
    clear: both;
    content: ".";
    display: block;
    line-height: 0;
    visibility: hidden; }

.flat-list {
  list-style: none;
  margin: 0;
  padding: 0; }

/* mixins and helpers */
/*
  media query support
*/
/*
  em to px conversion
*/
/*
  @font-face support
  requires all of {eot, woff, ttf, svg} exist
*/
/* colors */
/* #F5F2ED */
/* #F5F2ED */
/* #D8D4CE */
/* #D8D4C3 */
/* #E7E3DE */
/* #EEEBE5 */
/* #E1DDD7 */
/* #6a6a6a */
/* 615F61 */
/* #2B292B */
/* #2B292B */
/* 474647*/
/* B2B2B2 */
/* 252523 */
/* 868688 */
/* #00B7E4 */
/* #C29D52 */
/* #C29D52 */
/* E2CDAC */
/* D8D4CE */
/* 191919 */
/* site-wide fonts */
.clearfix, .container, .list-topper {
  zoom: 1; }
  .clearfix:after, .container:after, .list-topper:after {
    height: 0;
    clear: both;
    content: ".";
    display: block;
    line-height: 0;
    visibility: hidden; }

.flat-list {
  list-style: none;
  margin: 0;
  padding: 0; }

/* mixins and helpers */
/*
  media query support
*/
/*
  em to px conversion
*/
/*
  @font-face support
  requires all of {eot, woff, ttf, svg} exist
*/
/* desktop grid size */
.container {
  max-width: 97em;
  margin: 0 auto; }

.one, .two {
  float: left; }
  .one:last-of-type, .two:last-of-type {
    margin: 0; }

.one {
  width: 30em;
  margin-right: 3.5em; }

.two {
  width: 63.5em;
  margin-right: 3.5em; }

.three {
  width: 97em; }

/* master styles for 320 devices */
@media only screen and (min-width: 320px) and (max-width: 480px) {
  body {
    font-size: 50%; }

  .container {
    width: auto; }

  .one, .two, .three {
    width: auto;
    margin: 0 auto;
    float: none; }

  .ad-unit {
    border: 0; }

  .ad-container {
    float: none;
    width: 100%;
    background: #2b292b;
    padding: 0;
    border-bottom: 0; }
    .ad-container *:first-child {
      width: 33.33333em;
      margin: 0 auto; } }
#spoilers {
  background: #c29d52;
  padding: 3em 0;
  margin-bottom: 4em;
  color: #f5f2ed;
  font-family: "TabletGothic-SemiBold"; }
  #spoilers .reveal {
    padding: 0 7.6em 0 7.6em; }
  #spoilers p {
    font-size: 2em;
    line-height: 1.4em;
    margin-bottom: .5em; }
    #spoilers p strong {
      font-family: "TabletGothic-Bold"; }
  #spoilers span {
    display: inline-block; }
  #spoilers:hover {
    color: #f5f2ed; }
  #spoilers .reveal-logo {
    display: block;
    float: left;
    margin-right: 3.5em;
    width: 24em;
    height: 13em;
    background-size: 24em 13em;
    background-repeat: no-repeat;
    background-image: url(../svg/the-reveal-k.svg); }
  #spoilers .reveal-read {
    color: #f5f2ed;
    font-family: "TabletGothic-ExtraBoldOblique";
    font-size: 2.2em;
    text-transform: uppercase; }
  #spoilers .content {
    display: none;
    padding-top: 4em; }

.ev-header {
  background: url("../svg/ev_noborder.svg") no-repeat 0 0;
  padding: 0.7em 0 0 6.8em;
  margin-top: 3.6em; }
  .ev-header img {
    width: 34.5em;
    height: 6em; }
  .ev-header span {
    display: inline-block; }

.list {
  padding-top: 0; }

.list-topper {
  background-color: #2b292b;
  padding: 3.6em 3.6em;
  margin: 4.5em auto 3.6em auto;
  width: 89.8em;
  text-align: center; }
  .list-topper .window {
    float: left;
    clear: right;
    display: block;
    width: 30em;
    height: 30em;
    border-radius: 50%;
    overflow: hidden;
    background-size: 30em 30em; }
  .list-topper .ev-inline {
    margin: 0 0 3.6em 3.6em; }
  .list-topper .info {
    float: right;
    width: 56.2em;
    margin-left: 3.6em;
    text-align: center; }
    .list-topper .info h1 {
      font-size: 7.2em;
      font-family: "TabletGothic-ExtraBoldOblique";
      line-height: 1.02778em;
      margin: 0 0 0.25em 0; }
      .list-topper .info h1 a {
        color: #FFF; }
        .list-topper .info h1 a:hover {
          color: #00b7e4; }
    .list-topper .info .byline {
      font-size: 1.8em;
      font-family: "HarrietDisplay";
      font-style: italic;
      color: #615f61; }
      .list-topper .info .byline a {
        color: #00b7e4; }
        .list-topper .info .byline a:hover {
          color: #FFF; }
    .list-topper .info .abstract {
      color: #c29d52;
      font-size: 1.4em;
      padding: 0 4.5em;
      letter-spacing: 0.07143em; }
      .list-topper .info .abstract p {
        margin: 0; }

.detail #content #tombstone .title-block {
  padding-bottom: 2.7em;
  margin-bottom: 4.5em;
  border: solid 2px #2b292b;
  border-width: 0 0 2px 0; }
.detail #content #tombstone h1 {
  font-size: 7.8em;
  display: inline;
  padding-right: 0.11538em; }
.detail #content #tombstone .author {
  display: inline;
  font-family: "HarrietDisplay";
  font-size: 2.4em;
  font-style: italic;
  white-space: nowrap; }
  .detail #content #tombstone .author a {
    color: #2b292b; }
    .detail #content #tombstone .author a:hover {
      color: #00b7e4; }

.detail #content #tombstone.reveal-abstract {
  margin-bottom: 0; }
  .detail #content #tombstone.reveal-abstract .title-block {
    margin-bottom: 0; }

.detail #content .reveal-header {
  background: #c29d52;
  color: #2b292b;
  margin-left: 8em;
  padding: 2.7em;
  margin-bottom: 4.5em; }
  .detail #content .reveal-header p {
    margin: 0;
    font-family: "TabletGothic";
    font-style: italic;
    text-transform: uppercase;
    font-size: 1.2em;
    letter-spacing: 0.08333em;
    line-height: 1.5em;
    color: #fff; }
    .detail #content .reveal-header p strong {
      font-family: "TabletGothic-SemiBold"; }
    .detail #content .reveal-header p a {
      color: #2b292b; }
      .detail #content .reveal-header p a:hover {
        color: #f5f2ed; }

.list .topper-details h1 {
  font-family: "TabletGothic-ExtraBoldOblique";
  margin-bottom: .25em; }
  .list .topper-details h1.essential {
    background-position: left 2px;
    background-size: 36px 40px;
    background-repeat: no-repeat;
    padding-left: 1em;
    margin-bottom: 0.05em; }
    .list .topper-details h1.essential.ev {
      background-image: url("../svg/ev_noborder.svg"); }
    .list .topper-details h1.essential.er {
      background-image: url("../svg/ev_retro_noborder.svg"); }
.list .topper-details .ev-text {
  margin-bottom: .3em; }

.list ul .item .info h2 {
  font-family: "TabletGothic-ExtraBoldOblique";
  font-weight: normal; }
.list ul .item .info .byline {
  font-family: "HarrietText";
  font-size: 1.4em; }
.list ul .item .badge {
  position: absolute;
  bottom: 0;
  right: 0;
  background-repeat: no-repeat;
  width: 4em;
  height: 5.5em; }
  .list ul .item .badge.ev {
    background-image: url("../svg/ev_whiteborder.svg"); }
  .list ul .item .badge.er {
    background-image: url("../svg/ev_retro_whiteborder.svg"); }

.detail .review-module header.essential {
  position: relative;
  overflow: hidden; }
  .detail .review-module header.essential .badge {
    position: absolute;
    width: 4.5em;
    height: 4.6em;
    background-size: 4.5em 4.6em;
    background-repeat: no-repeat;
    background-position: center bottom;
    right: 6.5em;
    bottom: -0.2em; }
    .detail .review-module header.essential .badge.ev {
      background-image: url(../svg/ev_noborder.svg); }
    .detail .review-module header.essential .badge.er {
      background-image: url(../svg/ev_retro_noborder.svg); }

.boxset .review-header-container {
  padding: 0; }
.boxset .review-module-header {
  cursor: pointer; }
.boxset .review-module-header:hover, .boxset .selected {
  background-color: #474647; }
.boxset .review-module-container {
  overflow: hidden; }
  .boxset .review-module-container .review-module-body {
    display: none; }
    .boxset .review-module-container .review-module-body:first-child {
      display: block; }
.boxset h2 {
  color: #f5f2ed;
  font-size: 1.8em;
  line-height: 1.8em; }

@-moz-document url-prefix() {
  .detail .review-module header .stars {
    font-size: 2.6em;
    line-height: 0.61538em;
    text-align: center; }
    .detail .review-module header .stars .half:after {
      width: 0.30769em;
      height: 100%;
      left: 0; } }
@media only screen and (min-width: 320px) and (max-width: 480px) {
  .boxset .selected {
    background-color: inherit; }

  .list-topper {
    width: auto;
    margin-top: 0;
    padding-left: 0;
    padding-right: 0; }
    .list-topper .window {
      float: none;
      margin: 2.7em auto; }
    .list-topper .ev-inline {
      margin: 1.5em 0; }
    .list-topper .topper-details {
      width: auto;
      margin-left: inherit; }

  .list ul .item .badge {
    width: 2.5em;
    height: 3.5em;
    background-size: 2.5em 3.5em; }
  .list ul .item .info {
    padding-top: 2.5em;
    padding-bottom: 2.5em; }

  .ev-header {
    display: none; }

  .topper-details h1.essential {
    padding-left: 1.2em;
    background-size: 30px 37px;
    background-position: left 2px; }

  #spoilers .reveal-logo {
    margin-bottom: 2em; }

  .detail #content .reveal-header {
    margin-left: 0;
    margin-bottom: 3em;
    padding: 1em; }

  .detail #content #tombstone.essential .title-block {
    display: block; }

  .detail .essential .essential-block {
    position: absolute;
    top: 2em; }

  .detail #content #tombstone h1 {
    font-size: 4.5em;
    display: block;
    padding-right: 0; }
  .detail #content #tombstone .author {
    margin-left: .6em; }

  .detail .essential .txt-detail-header {
    padding-left: 2.4em; }
  .detail .essential .author {
    padding-left: 2.6em; }

  .detail #content #tombstone.with-logo.reveal-logo .title-block {
    display: block;
    padding-left: 0; } }