/* 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 {
  zoom: 1; }
  .clearfix:after, .container: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; } }
.detail {
  color: #2b292b;
  background: #f5f2ed;
  padding: 0 0 8em 0; }
  .detail.flat h1 {
    margin-top: 0;
    padding: 0 1.3em;
    font-size: 6em; }
  .detail.flat #content #copy .article-content p:first-child:first-letter, .detail#news-detail #content #copy .article-content p:first-child:first-letter {
    font-size: inherit;
    float: none;
    margin: 0; }
  .detail #html-header {
    padding-bottom: 3.5em;
    position: relative;
    z-index: 1; }
  .detail .subhead {
    font-size: 3.2em;
    line-height: 1.40625em;
    padding: 0 1.09375em 0 2.5em;
    margin-bottom: 0.78125em; }
  .detail .inset-heading {
    font-family: "TabletGothic-SemiBold";
    font-size: 1.6em;
    padding-left: 7.1875em;
    margin: .75em 0em;
    text-transform: uppercase; }
    .detail .inset-heading em {
      font-family: "TabletGothic-SemiBoldOblique";
      font-style: normal; }
  .detail .special-feature-header {
    font-family: "TabletGothic-SemiBoldOblique";
    font-size: 1.6em;
    text-transform: uppercase;
    color: #2b292b;
    padding-bottom: 1.25em;
    margin: 0 2.1875em 0 5em; }
  .detail .page-header {
    font-size: 1em;
    letter-spacing: 0.1em;
    margin: 1.8em 0;
    color: #2b292b;
    text-align: center; }
    .detail .page-header .datetime {
      color: #2b292b; }
      .detail .page-header .datetime:after {
        content: '';
        display: inline-block;
        width: .2em;
        height: .2em;
        background-color: #000;
        border-radius: 50%;
        vertical-align: middle;
        margin: 0 0.5em; }
    .detail .page-header a {
      color: #2b292b; }
      .detail .page-header a:hover {
        text-decoration: none;
        color: #00b7e4; }
  .detail #header-images {
    margin-bottom: 3.5em;
    position: relative; }
    .detail #header-images.trailer {
      width: 97em;
      height: 59.5em;
      overflow: hidden; }
      .detail #header-images.trailer .caption {
        right: 10em; }
      .detail #header-images.trailer img {
        -webkit-transition: opacity 0.75s;
        -moz-transition: opacity 0.75s;
        -ms-transition: opacity 0.75s;
        transition: opacity 0.75s;
        display: block;
        z-index: 5;
        position: relative; }
      .detail #header-images.trailer #screen-toggle {
        -webkit-transition: opacity 0.75s, color 0.125s;
        -moz-transition: opacity 0.75s, color 0.125s;
        -ms-transition: opacity 0.75s, color 0.125s;
        transition: opacity 0.75s, color 0.125s;
        position: absolute;
        bottom: -4em;
        right: -4em;
        width: 13em;
        height: 13em;
        border-radius: 50%;
        z-index: 20;
        cursor: pointer;
        opacity: 0;
        background-color: #2b292b;
        color: #00b7e4;
        text-transform: uppercase;
        font-family: "TabletGothic"; }
        .detail #header-images.trailer #screen-toggle.loaded {
          opacity: 1; }
        .detail #header-images.trailer #screen-toggle .toggle-container {
          width: 5em;
          text-align: center;
          display: -webkit-box;
          display: -webkit-flex;
          display: flex;
          -webkit-flex-direction: column;
          flex-direction: column;
          margin: 2.5em 0 0 3em; }
          .detail #header-images.trailer #screen-toggle .toggle-container .label {
            margin-top: 0.45455em;
            font-size: 1.1em;
            letter-spacing: 0.09091em; }
          .detail #header-images.trailer #screen-toggle .toggle-container img {
            width: 2.8em;
            margin: 0 auto; }
        .detail #header-images.trailer #screen-toggle:hover {
          color: #FFF; }
      .detail #header-images.trailer iframe {
        opacity: 0;
        position: absolute;
        top: 0;
        z-index: 1;
        width: 97em;
        height: 59.5em; }
    .detail #header-images.screen img, .detail #header-images.screen #screen-toggle.loaded {
      opacity: 0; }
    .detail #header-images.screen.off img, .detail #header-images.screen.off #screen-toggle {
      z-index: 0;
      display: none; }
    .detail #header-images.slideshow {
      position: relative;
      height: 59.5em;
      width: 100%; }
      .detail #header-images.slideshow li {
        position: absolute;
        top: 0;
        left: 0;
        opacity: 0; }
        .detail #header-images.slideshow li.current {
          opacity: 1; }
        .detail #header-images.slideshow li .caption {
          display: none; }
      .detail #header-images.slideshow .controls {
        position: relative;
        z-index: 5; }
        .detail #header-images.slideshow .controls a {
          display: block;
          position: absolute;
          height: 59.5em;
          width: 10em;
          top: 0;
          z-index: 5;
          cursor: pointer; }
          .detail #header-images.slideshow .controls a:hover span {
            background-position: left bottom; }
          .detail #header-images.slideshow .controls a.previous {
            left: 0; }
            .detail #header-images.slideshow .controls a.previous span {
              left: 2em; }
          .detail #header-images.slideshow .controls a.next {
            right: 0;
            height: 56.5em; }
            .detail #header-images.slideshow .controls a.next span {
              right: 2em;
              transform: rotate(180deg);
              -ms-transform: rotate(180deg);
              -webkit-transform: rotate(180deg); }
          .detail #header-images.slideshow .controls a span {
            display: block;
            width: 4.5em;
            height: 7.7em;
            position: absolute;
            top: 25.9em;
            z-index: 100;
            background: url(../svg/slideshow-arrows.svg) no-repeat left top;
            background-size: 4.5em 15.4em; }
    .detail #header-images .caption {
      text-align: right;
      position: absolute;
      bottom: .5em;
      right: .5em;
      color: #f5f2ed;
      padding: .5em;
      background-color: #2b292b;
      cursor: default;
      z-index: 10; }
      .detail #header-images .caption a {
        color: #f5f2ed; }
        .detail #header-images .caption a:hover {
          text-decoration: underline; }
  .detail .mobile-header {
    display: none; }
  .detail #content-container {
    position: relative; }
  .detail #content {
    position: relative; }
    .detail #content #tombstone {
      margin: 0em 0 2em 8em; }
      .detail #content #tombstone .stars {
        display: none; }
      .detail #content #tombstone .mono-header {
        font-size: 1em;
        letter-spacing: .125em;
        margin-bottom: 1.5em;
        color: #c29d52; }
        .detail #content #tombstone .mono-header .datetime {
          color: #6a6a6a;
          margin-left: 1em; }
      .detail #content #tombstone h1 {
        font-family: "TabletGothic-ExtraBoldOblique";
        font-size: 7.6em;
        font-weight: 100;
        padding-right: 0.78947em;
        line-height: 1.18421em;
        margin: 0;
        margin-bottom: 0.26316em; }
    .detail #content #copy .abstract {
      color: #6a6a6a;
      font-family: "TabletGothic";
      font-size: 1.6em;
      text-transform: uppercase;
      line-height: 1.5em;
      margin-bottom: 2em;
      padding: 0 5em; }
      .detail #content #copy .abstract i, .detail #content #copy .abstract em {
        font-family: "TabletGothic-Oblique";
        font-style: normal; }
    .detail #content #copy .article-content {
      /*
          custom editor styles
      */
      /* Special Q&A styling */ }
      .detail #content #copy .article-content ul, .detail #content #copy .article-content ol {
        margin: 0 3.4375em 2em 4.0625em;
        padding: 0 3.4375em 0 7.1875em; }
      .detail #content #copy .article-content ul {
        padding: 0 3.4375em 0 8.75em; }
      .detail #content #copy .article-content ul {
        list-style: disc; }
      .detail #content #copy .article-content ol {
        list-style: decimal-leading-zero outside none; }
      .detail #content #copy .article-content li {
        font-size: 1.6em;
        line-height: 1.75em;
        margin-bottom: 0.625em; }
      .detail #content #copy .article-content .inset-copy {
        font-family: "TabletGothic";
        padding-left: 7.1875em; }
      .detail #content #copy .article-content .copy-header {
        font-family: "HarrietDisplay";
        font-style: italic;
        font-weight: bold;
        font-size: 3em;
        padding: 0 2.66667em;
        margin-top: 0.33333em;
        margin-bottom: -0.25em; }
      .detail #content #copy .article-content .section-header {
        font-family: "TabletGothic-Bold";
        font-size: 1.2em;
        text-transform: uppercase;
        padding: 0 6.66667em;
        margin-top: 2.08333em;
        margin-bottom: 0.83333em; }
      .detail #content #copy .article-content p + .section-header {
        margin-top: 0; }
      .detail #content #copy .article-content table {
        width: 100%;
        padding: 0 4.58333em 0 6.45833em;
        margin-bottom: 2.08333em;
        font-size: 1.2em; }
        .detail #content #copy .article-content table.review-widget {
          display: none; }
          .detail #content #copy .article-content table.review-widget td {
            padding: .35em 0; }
            .detail #content #copy .article-content table.review-widget td:first-child {
              width: 7.5em; }
          .detail #content #copy .article-content table.review-widget .stars {
            color: #d8d4ce; }
            .detail #content #copy .article-content table.review-widget .stars span {
              margin-right: .35em; }
            .detail #content #copy .article-content table.review-widget .stars .active {
              color: #c29d52; }
            .detail #content #copy .article-content table.review-widget .stars .half {
              position: relative; }
              .detail #content #copy .article-content table.review-widget .stars .half:after {
                color: #c29d52;
                position: absolute;
                width: .5em;
                overflow: hidden;
                left: 0;
                z-index: 1;
                content: '\2605'; }
          .detail #content #copy .article-content table.review-widget .release-title {
            vertical-align: bottom;
            text-transform: uppercase;
            font-family: "TabletGothic-Oblique"; }
            .detail #content #copy .article-content table.review-widget .release-title .year-container {
              margin-left: .25em;
              color: #6a6a6a;
              font-family: "TabletGothic"; }
            .detail #content #copy .article-content table.review-widget .release-title .year {
              font-size: 0.91667em; }
      .detail #content #copy .article-content .sortable {
        margin-bottom: 7.5em;
        width: 100%;
        border: none; }
        .detail #content #copy .article-content .sortable tr {
          opacity: 1;
          -webkit-transition: opacity 0.4s;
          -moz-transition: opacity 0.4s;
          -ms-transition: opacity 0.4s;
          transition: opacity 0.4s; }
          .detail #content #copy .article-content .sortable tr:nth-child(odd) td {
            background-color: #f2efea; }
          .detail #content #copy .article-content .sortable tr:hover {
            cursor: pointer; }
            .detail #content #copy .article-content .sortable tr:hover td {
              background-color: #FFF; }
              .detail #content #copy .article-content .sortable tr:hover td:nth-child(1) {
                color: #c29d52; }
          .detail #content #copy .article-content .sortable tr td {
            border: none;
            padding: .75em 0;
            border-bottom: solid 1px #d8d4ce; }
            .detail #content #copy .article-content .sortable tr td:nth-child(1) {
              font-family: "HarrietText";
              font-style: italic;
              font-weight: bold;
              font-size: 1.6em;
              padding-left: .5em;
              max-width: 6em; }
            .detail #content #copy .article-content .sortable tr td:nth-child(2) {
              font-family: "TabletGothic-Bold";
              text-transform: uppercase;
              text-align: left;
              width: 8em; }
            .detail #content #copy .article-content .sortable tr td:nth-child(3) {
              font-family: "TabletGothic-Bold";
              text-transform: uppercase;
              text-align: center;
              width: 13em; }
          .detail #content #copy .article-content .sortable tr.hidden {
            opacity: 0;
            -webkit-transition: opacity 0.4s;
            -moz-transition: opacity 0.4s;
            -ms-transition: opacity 0.4s;
            transition: opacity 0.4s; }
      .detail #content #copy .article-content .q-a-intro {
        font-weight: bold;
        font-style: italic;
        padding-left: 7em; }
      .detail #content #copy .article-content .q-a-inset {
        padding-left: 10em;
        font-family: "TabletGothic", 'sans-serif'; }
      .detail #content #copy .article-content .q-a-question {
        font-family: "TabletGothic-SemiBold", 'sans-serif';
        padding-left: 7em;
        line-height: 1.4em; }
      .detail #content #copy .article-content .q-a-answer {
        padding-left: 10em;
        font-style: italic; }
        .detail #content #copy .article-content .q-a-answer em, .detail #content #copy .article-content .q-a-answer i {
          font-style: normal; }
      .detail #content #copy .article-content sup {
        color: #c29d52;
        font-weight: bold;
        font-style: normal;
        margin-left: .3em;
        font-family: "TabletGothic"; }
      .detail #content #copy .article-content .footnote {
        position: absolute;
        right: 0;
        font-size: 1.2em;
        width: 25em;
        font-family: "TabletGothic"; }
        .detail #content #copy .article-content .footnote .count {
          color: #c29d52;
          font-weight: bold; }
    .detail #content #copy .article-content p {
      color: #2b292b;
      font-size: 1.6em;
      padding: 0 2.1875em 0 5em;
      line-height: 1.75em; }
      .detail #content #copy .article-content p:first-child:first-letter {
        font-size: 3.3em;
        float: left;
        margin: .27em .1em 0 0; }
      .detail #content #copy .article-content p.nocap:first-child:first-letter {
        font-size: 1em;
        float: none;
        margin: 0; }
    .detail #content #copy .pullquote {
      color: #c29d52;
      font-size: 2.4em;
      font-style: italic;
      padding: 1.2em 1.5em 1.2em 0;
      float: left;
      width: 30%;
      text-align: right;
      line-height: 1.42857em;
      margin: 0; }
      .detail #content #copy .pullquote.right {
        padding: 1.2em 0 1.2em 1.5em;
        float: right;
        text-align: left; }
    .detail #content #copy .picture {
      text-align: center; }
      .detail #content #copy .picture img {
        display: block; }
      .detail #content #copy .picture.left {
        padding-left: 0; }
      .detail #content #copy .picture.right {
        float: right;
        padding-right: 0; }
      .detail #content #copy .picture p {
        margin-top: 1.6em;
        color: #c29d52;
        font-size: .8em; }
  .detail .sidebar {
    margin-right: 0;
    float: right; }
    .detail .sidebar .mod {
      margin-bottom: 3.5em; }
      .detail .sidebar .mod:last-of-type {
        padding-bottom: 0; }
  .detail .review-module {
    background: #2b292b;
    margin-bottom: .5em; }
    .detail .review-module > * {
      padding: 1.8em; }
    .detail .review-module p {
      margin: 0; }
    .detail .review-module header {
      border-top: 1px solid #c29d52;
      border-bottom: 1px solid #c29d52;
      overflow: auto; }
      .detail .review-module header:first-child {
        border-top-color: transparent; }
        .detail .review-module header:first-child:not(.selected) {
          border-bottom-color: transparent; }
      .detail .review-module header:not(:first-child) {
        border-bottom-color: transparent; }
        .detail .review-module header:not(:first-child).selected {
          border-bottom-color: #c29d52; }
      .detail .review-module header .stars {
        float: left;
        color: #3d3b3d;
        font-size: 1.6em;
        letter-spacing: .2em; }
        .detail .review-module header .stars .active {
          color: #c29d52; }
        .detail .review-module header .stars .half {
          position: relative; }
          .detail .review-module header .stars .half:after {
            color: #c29d52;
            position: absolute;
            width: .5em;
            overflow: hidden;
            left: 0;
            z-index: 1;
            content: '\2605'; }
      .detail .review-module header .rating {
        float: right;
        margin-top: .4em; }
    .detail .review-module .review-module-body {
      font-weight: normal;
      letter-spacing: .1em;
      line-height: 1.75em;
      color: #6a6a6a; }
      .detail .review-module .review-module-body h1, .detail .review-module .review-module-body .accent {
        color: #c29d52; }
      .detail .review-module .review-module-body section {
        margin-bottom: 1.5em; }
        .detail .review-module .review-module-body section:last-of-type {
          margin-bottom: 0; }
        .detail .review-module .review-module-body section a:hover {
          text-decoration: none;
          color: #f5f2ed; }
  .detail #most-read-reviews {
    opacity: 0; }
    .detail #most-read-reviews .current {
      color: #2b292b; }
  .detail .sidebar-list-module {
    -webkit-transition: margin-left 0.3s;
    -moz-transition: margin-left 0.3s;
    -ms-transition: margin-left 0.3s;
    transition: margin-left 0.3s;
    opacity: 0;
    position: absolute;
    width: 20.83333em;
    font-family: "TabletGothic-SemiBold"; }
    .detail .sidebar-list-module.outro .prev, .detail .sidebar-list-module.outro .next {
      display: block !important; }
    .detail .sidebar-list-module .interior-wrapper {
      position: relative;
      color: #b2b2b2;
      font-weight: normal;
      text-align: left; }
    .detail .sidebar-list-module #mute {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      z-index: 50; }
    .detail .sidebar-list-module .viewport {
      overflow: hidden; }
    .detail .sidebar-list-module h1 {
      color: #6a6a6a;
      border-bottom: 1px solid #e7e3de;
      padding-bottom: 1.25em;
      margin-bottom: 1.25em;
      padding-left: 3.75em;
      letter-spacing: 0.08333em; }
      .detail .sidebar-list-module h1 i, .detail .sidebar-list-module h1 em {
        font-family: "TabletGothic-SemiBoldOblique";
        font-style: normal; }
    .detail .sidebar-list-module .sidebar-category {
      width: 100em; }
      .detail .sidebar-list-module .sidebar-category > li {
        float: left; }
    .detail .sidebar-list-module .left {
      position: absolute;
      top: 0;
      left: 0;
      padding-right: 1em;
      background: -webkit-linear-gradient(0deg, #f5f2ed 55%, rgba(245, 242, 237, 0.25));
      background: -moz-linear-gradient(90deg, #f5f2ed 55%, rgba(245, 242, 237, 0.25));
      background: linear-gradient(90deg, #f5f2ed 55%, rgba(245, 242, 237, 0.25));
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFF5F2ED, endColorstr=#00F5F2ED, GradientType=1 ); }
      .detail .sidebar-list-module .left.off {
        color: #b2b2b2;
        cursor: default; }
    .detail .sidebar-list-module .right {
      position: absolute;
      right: 0;
      top: 0;
      padding-left: 1em;
      background: -webkit-linear-gradient(180deg, #f5f2ed 55%, rgba(245, 242, 237, 0.25));
      background: -moz-linear-gradient(-90deg, #f5f2ed 55%, rgba(245, 242, 237, 0.25));
      background: linear-gradient(-90deg, #f5f2ed 55%, rgba(245, 242, 237, 0.25));
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00F5F2ED, endColorstr=#FFF5F2ED, GradientType=1 ); }
      .detail .sidebar-list-module .right.off {
        color: #b2b2b2;
        cursor: default; }
    .detail .sidebar-list-module .sidebar-list {
      width: 20.83333em; }
      .detail .sidebar-list-module .sidebar-list a {
        -webkit-transition: color 0.125s;
        -moz-transition: color 0.125s;
        -ms-transition: color 0.125s;
        transition: color 0.125s;
        display: inline-block;
        padding: 0.83333em 0 0.83333em 0; }
        .detail .sidebar-list-module .sidebar-list a:hover {
          color: #2b292b; }
      .detail .sidebar-list-module .sidebar-list li {
        line-height: normal;
        letter-spacing: 0.08333em;
        padding: 0 3.75em 0 3.75em; }
        .detail .sidebar-list-module .sidebar-list li i, .detail .sidebar-list-module .sidebar-list li em {
          font-family: "TabletGothic-SemiBoldOblique";
          font-style: normal; }
    .detail .sidebar-list-module .to-lower {
      text-transform: none; }
  .detail .strip-2nd {
    width: 100%;
    text-align: center;
    clear: both; }
    .detail .strip-2nd .ad-unit {
      margin-bottom: 60px; }
  .detail .tags {
    text-transform: uppercase;
    font-family: "TabletGothic-SemiBold";
    font-size: 1.2em;
    padding-left: 6.66667em;
    letter-spacing: 0.08333em; }
    .detail .tags h4 {
      display: inline; }
    .detail .tags ul {
      display: inline; }
      .detail .tags ul li {
        display: inline; }
        .detail .tags ul li a:hover {
          color: #2b292b; }
        .detail .tags ul li:after {
          content: ", "; }
        .detail .tags ul li:last-child:after {
          content: ""; }

#container-wrap {
  position: relative; }
  #container-wrap > .content-social {
    -webkit-transition: margin-left 0.3s;
    -moz-transition: margin-left 0.3s;
    -ms-transition: margin-left 0.3s;
    transition: margin-left 0.3s;
    position: absolute;
    right: 0;
    top: 200px;
    z-index: 500;
    margin: -1em 0 0 -1em;
    padding: 1em 0 0 1em;
    min-width: 3.6em;
    text-align: center;
    transform: translateZ(0);
    -webkit-transform: translateZ(0); }
    #container-wrap > .content-social.fixed {
      right: 12px; }
    #container-wrap > .content-social li {
      overflow: hidden;
      padding: 0 0 0.5em 0; }
      #container-wrap > .content-social li.comments-tab {
        height: auto;
        margin-bottom: 0.8em;
        background: #2b292b;
        color: #fff; }
        #container-wrap > .content-social li.comments-tab a {
          color: #2b292b;
          background: #fff; }
        #container-wrap > .content-social li.comments-tab path {
          fill: #fff; }
        #container-wrap > .content-social li.comments-tab:hover {
          background: #2b292b; }
          #container-wrap > .content-social li.comments-tab:hover .comment-bubble path {
            fill: #00b7e4; }
          #container-wrap > .content-social li.comments-tab:hover .comment-bubble a {
            color: #fff;
            background: #00b7e4; }
    #container-wrap > .content-social .comment-bubble {
      display: inline-block;
      vertical-align: bottom;
      position: relative;
      left: -3px;
      top: 1px; }
    #container-wrap > .content-social a.question {
      font-size: 2.5em;
      width: 1em; }
    #container-wrap > .content-social .social-tab {
      background: #fff;
      padding: 0.6em 0.7em 0.6em 1em;
      border-radius: 1.7em 0 0 1.7em;
      box-shadow: -1px 1px #d8d4ce;
      display: inline-block; }
      #container-wrap > .content-social .social-tab:hover, #container-wrap > .content-social .social-tab .active {
        cursor: pointer;
        background-color: #c29d52;
        color: #fff; }
    #container-wrap > .content-social a.social-icon {
      float: right; }
      #container-wrap > .content-social a.social-icon svg {
        vertical-align: middle;
        display: inline-block;
        position: relative;
        left: -3px;
        width: 2.2em;
        height: 2.2em; }
      #container-wrap > .content-social a.social-icon:hover path {
        fill: #fff; }

#comments {
  background: #6a6a6a;
  color: #d8d4ce;
  padding: 8em 0; }

.error-page {
  padding-bottom: 15em; }

/* gowatchit integration */
#gowatchit-dissolve {
  width: 28em !important;
  margin: 0 auto;
  text-align: center;
  margin-top: 1em; }
  #gowatchit-dissolve h3 {
    margin-bottom: 1em;
    font-size: 1.2em; }
    #gowatchit-dissolve h3 span {
      font-style: italic; }
  #gowatchit-dissolve #watchit {
    height: 41px;
    margin: 0 auto 1em; }
    #gowatchit-dissolve #watchit .watchit_container {
      width: 28em !important; }
      #gowatchit-dissolve #watchit .watchit_container a {
        display: inline-block; }
        #gowatchit-dissolve #watchit .watchit_container a .watchit_button_element {
          -webkit-transition: background-color 0.2s, color 0.2s;
          -moz-transition: background-color 0.2s, color 0.2s;
          -ms-transition: background-color 0.2s, color 0.2s;
          transition: background-color 0.2s, color 0.2s;
          width: auto;
          height: auto;
          padding: .75em 1.75em;
          background-image: none !important;
          display: flex;
          justify-content: center;
          align-items: center;
          border: solid 2px #FFF;
          font-size: 1.2em;
          font-family: "TabletGothic-SemiBold";
          text-transform: uppercase; }
      #gowatchit-dissolve #watchit .watchit_container a + a {
        margin-left: .3em; }

.watchit_container .watchit_button:after {
  content: 'watch it'; }
.watchit_container .watchit_button:hover {
  background-color: #FFF;
  color: #c29d52; }

.watchit_container .watchit_queue_button.not_in_queue:after {
  content: 'queue it'; }
.watchit_container .watchit_queue_button.not_in_queue:hover {
  background-color: #FFF;
  color: #c29d52; }

.watchit_container .watchit_queue_button.in_queue {
  border-color: #b2b2b2 !important;
  cursor: default;
  opacity: 0.5; }
  .watchit_container .watchit_queue_button.in_queue:after {
    content: 'in queue';
    color: #b2b2b2; }

/* offset fixed elements when sidepanel is open */
#page.panel-open .sidebar-list-module {
  margin-left: 2.29167em; }

#page.panel-open .content-social {
  margin-left: 0; }

@-moz-document url-prefix() {
  .detail #content #copy .article-content
  p:first-child:first-letter {
    margin: .23em .1em 0 0; } }
@media only screen and (max-width: 994px) {
  .detail .content-social {
    right: 0; } }
@media only screen and (max-width: 960px) {
  .detail #content #copy .article-content .footnote {
    position: static;
    margin: .5em 2em 1.5em 13.4em; } }
@media only screen and (min-width: 320px) and (max-width: 480px) {
  #comments {
    padding: 5em 1em; }

  .detail {
    padding-bottom: 1em; }
    .detail.flat h1 {
      margin-top: .5em;
      padding: 0 .4em;
      line-height: 1em; }
    .detail #content #tombstone {
      margin: 0;
      border-bottom: 0; }
      .detail #content #tombstone h1 {
        font-size: 3.5em;
        margin: .5em .6em .4em; }
      .detail #content #tombstone h2 {
        margin: 0 1.5em 1.25em;
        border-bottom: 1px solid #d8d4ce; }
      .detail #content #tombstone .mono-header {
        color: #f5f2ed; }
      .detail #content #tombstone .cat-date-container {
        background: #2b292b;
        color: #f5f2ed;
        overflow: hidden;
        padding: .5em .5em .5em 1.5em; }
        .detail #content #tombstone .cat-date-container .stars {
          display: block;
          float: left;
          font-size: 2.2em;
          letter-spacing: .3em;
          color: #3d3b3d; }
          .detail #content #tombstone .cat-date-container .stars .active {
            color: #c29d52; }
          .detail #content #tombstone .cat-date-container .stars .half {
            position: relative; }
            .detail #content #tombstone .cat-date-container .stars .half:after {
              color: #c29d52;
              position: absolute;
              width: .55em;
              overflow: hidden;
              left: 0;
              z-index: 1;
              content: '\2605'; }
        .detail #content #tombstone .cat-date-container .cat-date {
          float: right;
          text-align: right;
          margin: 0;
          font-size: .7em; }
          .detail #content #tombstone .cat-date-container .cat-date > * {
            display: block; }
          .detail #content #tombstone .cat-date-container .cat-date a {
            color: #f5f2ed; }
    .detail #content #copy {
      margin-top: 2em; }
      .detail #content #copy .abstract {
        padding: 0 1.5em;
        font-family: "TabletGothic";
        font-size: 1.5em;
        margin-top: 1.5em;
        margin-bottom: 1.5em; }
      .detail #content #copy .article-content ul, .detail #content #copy .article-content ol {
        padding: 0 3.4375em 0 0.9375em; }
      .detail #content #copy .article-content p {
        padding: 0 1.5em; }
      .detail #content #copy .article-content .picture {
        padding: 0; }
      .detail #content #copy .article-content table {
        padding: 0 2em; }
      .detail #content #copy .article-content .copy-header {
        padding: 0 0.66667em; }
      .detail #content #copy .article-content .section-header {
        padding: 0 2em; }
      .detail #content #copy .article-content .inset-copy {
        padding-left: 2.5em; }
      .detail #content #copy .article-content .inset-heading {
        padding-left: 2.5em; }
      .detail #content #copy .article-content .special-feature-header {
        margin: 0 1.5em; }
      .detail #content #copy .article-content .sortable img {
        width: 100%; }
      .detail #content #copy .article-content .sortable td:nth-child(1) {
        font-size: .8em; }
      .detail #content #copy .article-content .sortable td:nth-child(2) {
        font-size: 1em; }
      .detail #content #copy .article-content .q-a-intro {
        font-weight: bold;
        font-style: italic;
        padding-left: 3em; }
      .detail #content #copy .article-content .q-a-inset {
        padding-left: 5em; }
      .detail #content #copy .article-content .q-a-question {
        padding-left: 3em; }
      .detail #content #copy .article-content .q-a-answer {
        padding-left: 5em; }
      .detail #content #copy .article-content .footnote {
        margin: .5em 2em 1.5em 6em;
        font-size: 1.4em; }
    .detail .mobile-header {
      display: block;
      background: #2b292b;
      padding: 0 .5em 0 1em; }
      .detail .mobile-header > div {
        padding: 0.55556em 0 0.55556em 0;
        margin: 0 1.11111em; }
      .detail .mobile-header .back {
        color: #c29d52;
        font-size: 3em;
        line-height: 0; }
      .detail .mobile-header .comment-bubble {
        display: block; }
      .detail .mobile-header .content-social {
        padding-top: .25em;
        position: relative;
        background: transparent;
        width: auto;
        overflow: hidden;
        float: right;
        vertical-align: middle; }
        .detail .mobile-header .content-social li:first-child {
          float: right;
          margin: 0 0 0 1.75em;
          display: inline-block; }
        .detail .mobile-header .content-social li:not(:first-child) {
          float: left;
          margin: 0 0 0 1.75em; }
          .detail .mobile-header .content-social li:not(:first-child) a {
            display: inline-block;
            width: 2.2em;
            height: 2.2em; }
            .detail .mobile-header .content-social li:not(:first-child) a path {
              fill: #fff; }
            .detail .mobile-header .content-social li:not(:first-child) a.comment-count {
              position: absolute;
              right: 1em;
              font-size: inherit; }
    .detail .ad-unit,
    .detail .sidebar-list-module {
      display: none; }
    .detail .review-module .review-module-body {
      line-height: 2.5em; }
    .detail #html-header {
      padding-bottom: 0; }
    .detail #header-images {
      margin-bottom: 0;
      /*
       * will be overridden by js but makes it look a little
       * nicer while loading.
       */ }
      .detail #header-images.trailer {
        width: 100%;
        height: auto; }
      .detail #header-images img {
        display: block;
        width: 100%;
        border-top: 1px solid black;
        border-bottom: 1px solid black; }
      .detail #header-images.screen img, .detail #header-images.screen.off img {
        opacity: 1;
        display: block; }
      .detail #header-images #screen-toggle, .detail #header-images iframe {
        display: none; }
      .detail #header-images.slideshow {
        height: 25em; }
    .detail article .content-social {
      display: none; }
    .detail .sidebar {
      float: none; }
    .detail #feature-sidebar {
      margin: 0 1em;
      padding: 1em 0;
      border-top: 1px solid #d8d4ce;
      border-bottom: 1px solid #d8d4ce; }

  .detail #content #tombstone .title-block .author {
    margin: 0 .75em 1.8em .75em;
    border: none; }
  .detail #content #tombstone .essential-block + .title-block .author {
    margin: 0 1.5em 1.25em 1.5em; }

  .detail {
    padding-top: 0; }
    .detail .mobile-header div {
      border: 0; }

  #gowatchit-dissolve {
    display: none; }

  #container-wrap > .content-social {
    display: none; } }