/**
 * This file contains the variables , grid settings and other site values.
 */
/**
 * This file contains mixins
 */
/* SHADOWS */
/* HORIZONTAL LIST  */
/* FEATURE HEADING */
/*
Usage:
@include new(search, form) {
  @include has(input);
  @include has(submit);
}
*/
/**
 * This file contains the standard reset
 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline; }

html {
  line-height: 1; }

ol, ul {
  list-style: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle; }

q, blockquote {
  quotes: none; }

q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none; }

a img {
  border: none; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block; }

.screen-reader-text {
  position: absolute;
  left: -1000em; }

/**
 * This file contains the main styles for the site
 */
html, body {
  height: 100%;
  font-size: 100%; }

*, *::after, *::before {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

html {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility; }

body {
  font-family: "Georgia", "Cambria", "Times New Roman", "Times", serif;
  margin: 0;
  font-weight: normal;
  font-style: normal;
  line-height: 1.5;
  position: relative;
  cursor: auto;
  z-index: 0;
  overflow-y: scroll; }
  @media (max-width: 899px) {
    body {
      overflow-y: initial; } }

body.no-scroll {
  overflow-y: hidden; }

::-moz-selection {
  background: #b3d4fc;
  text-shadow: none; }

::selection {
  background: #b3d4fc;
  text-shadow: none; }

/* RESPONSIVE IMAGES  */
img {
  max-width: 100%;
  height: auto;
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 15px;
  margin-bottom: 0.9375rem; }

img {
  -ms-interpolation-mode: bicubic; }

.clearfix:before, .inline-app.guide #search_results li:before, .inline-app.guide .maplist:before, .inline-app.guide #sort_options:before, .clearfix:after, .inline-app.guide #search_results li:after, .inline-app.guide .maplist:after, .inline-app.guide #sort_options:after {
  content: " ";
  display: table; }

.clearfix:after, .inline-app.guide #search_results li:after, .inline-app.guide .maplist:after, .inline-app.guide #sort_options:after {
  clear: both; }

textarea {
  height: auto;
  min-height: 50px; }

select {
  width: 100%; }

/* HELPER CLASSES  */
.fixed {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%; }

#wpadminbar {
  float: none;
  position: fixed !important;
  max-width: 100%;
  width: 100%;
  margin: 0;
  padding: 0; }

/* Default Link Styles */
a, a h1 {
  color: #000;
  text-decoration: none;
  -webkit-transition: all .25s ease-in-out;
  transition: all .25s ease-in-out; }

a:hover, a:focus, a h1:hover, a h1:focus {
  color: #999;
  cursor: pointer; }

a img {
  border: none; }

a.block-link__overlay {
  position: absolute;
  z-index: 0;
  opacity: 0; }

.block-link a, .block-link abbr[title], .block-link__promote {
  position: relative;
  z-index: 1; }

.block-link__overlay {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  text-indent: 200%;
  white-space: nowrap;
  background: transparent; }

/* Better Underline Links */
.card__label, .article-footer .topic-link, .archive-topic-link {
  z-index: 100;
  color: #ee3124;
  text-transform: uppercase;
  display: inline-block;
  line-height: 1.4;
  text-shadow: 1px 1px 0 white, -1px -1px 0 white, 1px -1px 0 white, -1px 1px 0 white, 1px 1px 0 white;
  font-size: 12px;
  font-size: 0.75rem;
  letter-spacing: 1px;
  letter-spacing: 0.0625rem;
  margin-bottom: 20px;
  margin-bottom: 1.25rem; }
  .card__label:hover, .card__label:focus, .article-footer .topic-link:hover, .article-footer .topic-link:focus, .archive-topic-link:hover, .archive-topic-link:focus {
    color: #ee3124;
    -webkit-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out; }
    .card__label:hover .topic-link__text, .card__label:focus .topic-link__text, .article-footer .topic-link:hover .topic-link__text, .article-footer .topic-link:focus .topic-link__text, .archive-topic-link:hover .topic-link__text, .archive-topic-link:focus .topic-link__text {
      border-color: #000; }
  .card__label .topic-link__text, .article-footer .topic-link .topic-link__text, .archive-topic-link .topic-link__text {
    border-bottom: 1px solid #ee3124; }

.article-footer .topic-link {
  font-size: 16px;
  font-size: 1rem;
  margin-right: 20px;
  margin-right: 1.25rem;
  letter-spacing: normal;
  color: #000; }
  .article-footer .topic-link:hover, .article-footer .topic-link:focus {
    color: #999;
    border-color: #000; }

.article-link {
  text-transform: none;
  line-height: 95%;
  border-bottom: 1px solid #ee3124; }
  .article-link:hover, .article-link:focus {
    color: #000;
    border-color: #ee3124; }

/**
 * This file contains 'helper' classes which may be used within page/component templates, or inserted directly into post content via WordPress.
 */
.hide-visually {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(100%);
          clip-path: inset(100%);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px; }

.unhide-visually {
  clip: auto;
  -webkit-clip-path: none;
          clip-path: none;
  height: auto;
  overflow: visible;
  position: static;
  white-space: inherit;
  width: auto; }

/**
 * This file contains the font declarations for the site
 */
@font-face {
  font-family: "BureauGrotCond";
  font-style: normal;
  font-weight: 400;
  src: url("fonts/BureauGrotCond/BureauGrotCond-Book.eot?#iefix") format("embedded-opentype"), url("fonts/BureauGrotCond/BureauGrotCond-Book.woff") format("woff"), url("fonts/BureauGrotCond/BureauGrotCond-Book.ttf") format("truetype"), url("fonts/BureauGrotCond/BureauGrotCond-Book.svg#BureauGrotCond") format("svg"); }

@font-face {
  font-family: "BureauGrotCond";
  font-style: normal;
  font-weight: 500;
  src: url("fonts/BureauGrotCond/BureauGrotCond-Medium.eot?#iefix") format("embedded-opentype"), url("fonts/BureauGrotCond/BureauGrotCond-Medium.woff") format("woff"), url("fonts/BureauGrotCond/BureauGrotCond-Medium.ttf") format("truetype"), url("fonts/BureauGrotCond/BureauGrotCond-Medium.svg#BureauGrotCond") format("svg"); }

@font-face {
  font-family: "BureauGrotCond";
  font-style: normal;
  font-weight: 700;
  src: url("fonts/BureauGrotCond/BureauGrotCond-Bold.eot?#iefix") format("embedded-opentype"), url("fonts/BureauGrotCond/BureauGrotCond-Bold.woff") format("woff"), url("fonts/BureauGrotCond/BureauGrotCond-Bold.ttf") format("truetype"), url("fonts/BureauGrotCond/BureauGrotCond-Bold.svg#BureauGrotCond") format("svg"); }

@font-face {
  font-family: "National";
  font-style: normal;
  font-weight: 400;
  src: url("fonts/National/National-Regular.eot?#iefix") format("embedded-opentype"), url("fonts/National/National-Regular.woff") format("woff"), url("fonts/National/National-Regular.ttf") format("truetype"), url("fonts/National/National-Regular.svg#National") format("svg"); }

@font-face {
  font-family: "National";
  font-style: normal;
  font-weight: 600;
  src: url("fonts/National/National-Semibold.eot?#iefix") format("embedded-opentype"), url("fonts/National/National-Semibold.woff") format("woff"), url("fonts/National/National-Semibold.ttf") format("truetype"), url("fonts/National/National-Semibold.svg#National") format("svg"); }

@font-face {
  font-family: "National";
  font-style: normal;
  font-weight: 700;
  src: url("fonts/National/National-Bold.eot?#iefix") format("embedded-opentype"), url("fonts/National/National-Bold.woff") format("woff"), url("fonts/National/National-Bold.ttf") format("truetype"), url("fonts/National/National-Bold.svg#National") format("svg"); }

@font-face {
  font-family: "National";
  font-style: italic;
  font-weight: 400;
  src: url("fonts/National/National-RegularItalic.eot?#iefix") format("embedded-opentype"), url("fonts/National/National-RegularItalic.woff") format("woff"), url("fonts/National/National-RegularItalic.ttf") format("truetype"), url("fonts/National/National-RegularItalic.svg#National") format("svg"); }

@font-face {
  font-family: "National";
  font-style: italic;
  font-weight: 700;
  src: url("fonts/National/National-BoldItalic.eot?#iefix") format("embedded-opentype"), url("fonts/National/National-BoldItalic.woff") format("woff"), url("fonts/National/National-BoldItalic.ttf") format("truetype"), url("fonts/National/National-BoldItalic.svg#National") format("svg"); }

@font-face {
  font-family: "Heliumrr";
  font-style: normal;
  font-weight: 800;
  src: url("fonts/Heliumrr/Heliumrr-ExtraBold.eot?#iefix") format("embedded-opentype"), url("fonts/Heliumrr/Heliumrr-ExtraBold.woff2") format("woff2"), url("fonts/Heliumrr/Heliumrr-ExtraBold.woff") format("woff"), url("fonts/Heliumrr/Heliumrr-ExtraBold.ttf") format("truetype"), url("fonts/Heliumrr/Heliumrr-ExtraBold.svg#Heliumrr") format("svg"); }

@font-face {
  font-family: "Reserves-Enamel";
  font-style: normal;
  font-weight: 700;
  src: url("fonts/Reserves-Enamel/Reserves-Enamel-Base.eot?#iefix") format("embedded-opentype"), url("fonts/Reserves-Enamel/Reserves-Enamel-Base.woff") format("woff"), url("fonts/Reserves-Enamel/Reserves-Enamel-Base.ttf") format("truetype"), url("fonts/Reserves-Enamel/Reserves-Enamel-Base.svg#Reserves-Enamel") format("svg"); }

/**
 * This file contains the css for social icons
 */
.icon-twitter {
  fill: #55ACEE; }

.icon-facebook {
  fill: #3B5998; }

.icon-gplus {
  fill: #DD4B39; }

.icon-pinterest {
  fill: #CC2127; }

.icon-twitter:hover, .icon-facebook:hover, .icon-gplus:hover, .icon-pinterest:hover {
  fill: #999; }

.instagram-icon {
  fill: #125688; }

/**
 * This file contains the css for most of the body content and is used ihn many sections, it can be overridden if needed
 */
/* Default header styles */
h1, h2, h3, h4, h5, h6 {
  font-family: 'BureauGrotCond';
  font-weight: 500;
  font-style: normal;
  color: #000;
  line-height: 1;
  margin-bottom: 8px;
  margin-bottom: 0.5rem; }

.main-header-title {
  font-weight: 700;
  font-size: 160px;
  font-size: 10rem;
  text-transform: uppercase; }

/* FEED HEADERS */
h2.feed__header {
  border-top: 8px double black;
  border-bottom: 1px solid #808080;
  line-height: 1;
  margin-bottom: 20px;
  margin-bottom: 1.25rem;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
  font-size: 35px;
  font-size: 2.1875rem;
  letter-spacing: 2px;
  letter-spacing: 0.125rem;
  padding-top: 10px;
  padding-top: 0.625rem;
  padding-bottom: 10px;
  padding-bottom: 0.625rem;
  text-shadow: 0px 0px #000, 1px 1px #000, 2px 2px #000, 3px 3px #000, 4px 4px #000,  5px 5px #000;
  -webkit-text-fill-color: white;
  /* Will override color (regardless of order) */
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: black;
  color: #fff; }

h2.feed-in-post__header {
  font-family: Jubilat;
  font-weight: 300;
  text-align: left;
  line-height: 2.1;
  border-top: 1px solid #999;
  border-bottom: 1px solid #999;
  font-size: 24px;
  font-size: 1.5rem;
  margin-bottom: 20px;
  margin-bottom: 1.25rem;
  color: #ee3124; }
  @media (max-width: 899px) {
    h2.feed-in-post__header {
      font-size: 16px;
      font-size: 1rem; } }

h3 {
  font-size: 58px;
  font-size: 3.625rem;
  font-weight: 600; }

h4 {
  font-size: 48px;
  font-size: 3rem;
  font-weight: 500; }

h5 {
  font-size: 38px;
  font-size: 2.375rem;
  font-weight: 400; }

h6 {
  font-family: Jubilat;
  font-weight: 100;
  font-size: 32px;
  font-size: 2rem;
  line-height: 1.5;
  padding-right: 10px; }

code {
  background: #DDD;
  border-radius: 1.5;
  border: 1px solid #000;
  font-size: 1em;
  font-style: normal;
  padding: 0.1em 0.4em;
  white-space: nowrap; }

pre {
  background: #DDD;
  border-radius: 1.5;
  border: 1px solid #000;
  padding: 1em 1.4em;
  width: 80%;
  margin-right: auto;
  margin-left: auto; }

/*
blockquote {
  font-style: italic;
  width: 85%;
  margin: 30px 0;
  padding: 30px 50px;
  line-height: 1.45;
  position: relative;
  color: $tl-red;
  background:$tl-grey2;
  p{
    margin-bottom: 0;
  }
}


blockquote:before {
  display: block;
  content: "\201C";
  font-size: 80px;
  position: absolute;
  left: 10px;
  top: -14px;
  color: $tl-grey1;
}

blockquote cite {
  color: $tl-grey1;
  font-size: 14px;
  display: block;
  margin-top: 5px;
}

blockquote cite:before {
  content: "\2014 \2009";
}

*/
blockquote, blockquote p {
  font-family: 'jubilat';
  font-size: 60px;
  font-size: 3.75rem;
  line-height: 60px;
  line-height: 3.75rem;
  color: #000000;
  color: black;
  font-weight: 200; }
  @media (max-width: 899px) {
    blockquote, blockquote p {
      font-size: 35px;
      font-size: 2.1875rem;
      line-height: 35px;
      line-height: 2.1875rem; } }

strong {
  font-weight: 700; }

em {
  font-style: italic; }

/**
 * This file contains the css for buttons on the site
 */
button, .button {
  border: none;
  cursor: pointer;
  margin: 0 0 1.25rem;
  position: relative;
  text-decoration: none;
  text-align: center;
  -webkit-appearance: none;
  display: inline-block;
  padding-top: 18px;
  padding-top: 1.125rem;
  padding-bottom: 16px;
  padding-bottom: 1rem;
  padding-right: 32px;
  padding-right: 2rem;
  padding-left: 32px;
  padding-left: 2rem;
  background-color: black;
  color: white;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: 500;
  text-transform: uppercase; }

button:hover, button:focus, .button:hover, .button:focus {
  background-color: #333333; }

button:hover, button:focus, .button:hover, .button:focus {
  color: #ffffff; }

button::-moz-focus-inner {
  border: 0;
  padding: 0; }

.button-reverse {
  background-color: white;
  border-color: white;
  color: black; }

/**
 * This file contains the css for forms
 */
select, input[type='text'], input[type='search'], textarea {
  -webkit-appearance: none;
  -webkit-border-radius: 0; }

input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px #f2f2f2 inset; }
  @media (max-width: 899px) {
    input:-webkit-autofill {
      -webkit-box-shadow: 0 0 0 1000px #ee3124 inset; } }

input[type='search'], input[type='text'], select, textarea {
  border-width: 0px;
  background: #f2f2f2;
  line-height: 40px;
  line-height: 2.5rem;
  width: 100%;
  padding-top: 4px;
  padding-top: 0.25rem;
  padding-right: 110px;
  padding-right: 6.875rem;
  padding-bottom: 0px;
  padding-bottom: 0;
  padding-left: 5px;
  padding-left: 0.3125rem;
  outline: none;
  color: #000;
  cursor: pointer;
  font-size: 24px;
  font-size: 1.5rem;
  font-family: "Jubilat";
  font-weight: 300;
  -webkit-transition: all ease-in .1s;
  transition: all ease-in .1s; }

input[type='text'], input[type='search'], select {
  height: 40px;
  height: 2.5rem; }

.header-wrapper input[type='search'] {
  -webkit-transition-property: background;
  transition-property: background;
  -webkit-transition-duration: 0.25s;
  transition-duration: 0.25s;
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear;
  -webkit-box-shadow: none !important;
          box-shadow: none !important; }
  @media (max-width: 899px) {
    .header-wrapper input[type='search'] {
      height: 48px;
      height: 3rem;
      padding-bottom: 4px;
      padding-bottom: 0.25rem;
      position: absolute;
      padding-left: 20px;
      padding-right: 0px;
      right: 0;
      top: 53px;
      width: 100vw !important;
      display: none;
      z-index: 1;
      border-top: 1px solid #999; } }

input[type='text'] + button, input[type='search'] + button, select + button, textarea + button {
  position: relative;
  float: right;
  margin-bottom: -40px;
  top: -40px; }
  @media (max-width: 899px) {
    input[type='text'] + button, input[type='search'] + button, select + button, textarea + button {
      top: 0px; } }

button, input[type='button'], input[type='submit'] {
  line-height: 40px;
  line-height: 2.5rem;
  padding-top: 0px;
  padding-top: 0;
  padding-right: 30px;
  padding-right: 1.875rem;
  padding-bottom: 2px;
  padding-bottom: 0.125rem;
  padding-left: 30px;
  padding-left: 1.875rem;
  background: #ee3124;
  border: none;
  color: #FFF;
  font-family: National, sans-serif;
  font-size: 18px;
  height: 2.75rem;
  outline: none;
  text-transform: capitalize;
  -webkit-transition: all ease-in .1s;
  transition: all ease-in .1s; }
  button:hover, input[type='button']:hover, input[type='submit']:hover {
    background: #d81b0e; }

.search-button {
  height: 2.5rem;
  background-color: #0084ff;
  border-radius: 0; }

@media (max-width: 899px) {
  .header-wrapper .search-button {
    background-color: #FFF;
    width: 100%; }
    .header-wrapper .search-button path {
      fill: #000; } }

/**
 * small search bar
 */
.search-compact-placeholder .search-button {
  background-color: #FFF; }

button, html input[type="button"], input[type="reset"], input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer; }

button {
  overflow: visible; }

.search-icon {
  fill: #000; }

.plus-icon {
  fill: #fff; }

/**
 * This file contains the css for embedded video
 */
.video-wrapper {
  height: 0;
  overflow: hidden;
  padding-bottom: 56.25%;
  margin-bottom: 4.25%;
  position: relative; }
  .video-wrapper embed,
  .video-wrapper object,
  .video-wrapper iframe {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%; }

.vine-video-wrapper {
  position: relative;
  padding-bottom: 100%;
  margin-bottom: 4.25%;
  height: 0;
  overflow: hidden; }
  .vine-video-wrapper iframe, .vine-video-wrapper object, .vine-video-wrapper embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

.ins-video-wrapper {
  position: relative;
  padding-bottom: 112%;
  height: 0;
  overflow: hidden; }
  .ins-video-wrapper iframe, .ins-video-wrapper object, .ins-video-wrapper embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

/*
  Contains customized css for the SJM content modules attachment carousel
*/
#simplemodal-container {
  margin-top: 5%; }
  @media (max-height: 720px) {
    #simplemodal-container {
      margin-top: 15%; } }
  @media (max-height: 480px) {
    #simplemodal-container {
      margin-top: 10%; } }
  #simplemodal-container .modalCloseImg img {
    margin-bottom: 0; }
  @media (max-height: 720px) {
    #simplemodal-container .modalCloseImg {
      width: 20px;
      top: -32px; } }
  @media (max-height: 480px) {
    #simplemodal-container .modalCloseImg {
      width: 17px;
      top: -28px; } }
  #simplemodal-container .sjm-attachment-modal .sjm-attachment-wrapper {
    max-height: 80vh; }
    @media (max-width: 899px) {
      #simplemodal-container .sjm-attachment-modal .sjm-attachment-wrapper {
        max-height: 65vh; } }
    @media (max-height: 720px) {
      #simplemodal-container .sjm-attachment-modal .sjm-attachment-wrapper {
        max-height: 75vh; } }
    @media (max-height: 480px) {
      #simplemodal-container .sjm-attachment-modal .sjm-attachment-wrapper {
        max-height: 80vh; } }
    #simplemodal-container .sjm-attachment-modal .sjm-attachment-wrapper figure {
      margin-bottom: 0; }
    #simplemodal-container .sjm-attachment-modal .sjm-attachment-wrapper img {
      max-height: 80vh; }
      @media (max-height: 720px) {
        #simplemodal-container .sjm-attachment-modal .sjm-attachment-wrapper img {
          max-height: 70vh; } }
      @media (max-height: 480px) {
        #simplemodal-container .sjm-attachment-modal .sjm-attachment-wrapper img {
          max-height: 80vh; } }
  #simplemodal-container .sjm-attachment-modal .sjm-attachment-wrapper .sjm-attachment-caption {
    font-size: 15px;
    font-size: 0.9375rem; }
    @media (max-width: 899px) {
      #simplemodal-container .sjm-attachment-modal .sjm-attachment-wrapper .sjm-attachment-caption {
        font-size: 12px;
        font-size: 0.75rem;
        line-height: 14px;
        line-height: 0.875rem; } }
    @media (max-height: 720px) {
      #simplemodal-container .sjm-attachment-modal .sjm-attachment-wrapper .sjm-attachment-caption {
        font-size: 12px;
        font-size: 0.75rem;
        line-height: 14px;
        line-height: 0.875rem; } }
    @media (max-height: 480px) {
      #simplemodal-container .sjm-attachment-modal .sjm-attachment-wrapper .sjm-attachment-caption {
        font-size: 8px;
        font-size: 0.5rem;
        line-height: 8px;
        line-height: 0.5rem; } }
    #simplemodal-container .sjm-attachment-modal .sjm-attachment-wrapper .sjm-attachment-caption:empty {
      display: none; }

/*! layout.css

/**
 * This file contains the layout grid settings for each section.  New sections
 * layout can be added to the end of this file, Styles may be overridden in other sass files
 *
 */
.container, .single .container.isotope-container {
  max-width: 1260px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 3px;
  padding-top: 0.1875rem;
  margin-top: 0px;
  margin-top: 0; }
  .container:after, .single .container.isotope-container:after {
    content: " ";
    display: block;
    clear: both; }
  @media (max-width: 899px) {
    .container, .single .container.isotope-container {
      overflow-y: inherit;
      -webkit-overflow-scrolling: touch; } }

.single .container {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0; }
  .single .container:after {
    content: " ";
    display: block;
    clear: both; }

.guide-container {
  padding-left: 20px;
  padding-left: 1.25rem;
  padding-right: 20px;
  padding-right: 1.25rem; }

.site-wrapper {
  height: 0%;
  width: 100%;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  opacity: 1; }
  @media (max-width: 899px) {
    .site-wrapper {
      height: 100%; } }
  .site-wrapper.open {
    opacity: 0.5; }

.home-wrapper,
.archive-wrapper,
.wrapper {
  padding-left: 20px;
  padding-left: 1.25rem;
  padding-right: 20px;
  padding-right: 1.25rem;
  overflow: auto; }

header {
  font-family: "National";
  font-weight: 600;
  line-height: 1;
  font-size: 14px;
  font-size: 0.875rem;
  max-width: 1260px;
  margin-left: auto;
  margin-right: auto;
  padding: 20px;
  padding: 1.25rem; }
  header:after {
    content: " ";
    display: block;
    clear: both; }
  @media (max-width: 899px) {
    header {
      max-width: 100%;
      margin-left: auto;
      margin-right: auto;
      display: table;
      text-align: center;
      padding: 0; }
      header:after {
        content: " ";
        display: block;
        clear: both; } }

.nav-big-bar header {
  max-height: 147px;
  max-height: 9.1875rem; }

.search-social {
  width: 66.8555555%;
  float: left;
  margin-left: 1.22222%;
  margin-bottom: 20px;
  margin-bottom: 1.25rem; }
  @media (max-width: 899px) {
    .search-social {
      display: table-cell;
      width: 90% !important;
      float: none; } }
  .search-social .search {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    border-bottom: 1px solid #b2b2b2;
    padding-top: 20px;
    padding-top: 1.25rem;
    padding-bottom: 20px;
    padding-bottom: 1.25rem;
    margin-bottom: 20px;
    margin-bottom: 1.25rem; }
    @media (max-width: 899px) {
      .search-social .search {
        margin: 0;
        padding: 0;
        border-bottom: none;
        margin-top: 5px; } }
    @media (min-width: 1400px) {
      .search-social .search {
        padding-top: 15px;
        padding-top: 0.9375rem;
        padding-bottom: 15px;
        padding-bottom: 0.9375rem; } }

.social {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
  display: table;
  height: 40px;
  height: 2.5rem; }
  @media (max-width: 899px) {
    .social {
      width: 25%; } }

.article-content,
.site-main {
  position: static;
  width: 65.85366%;
  float: left;
  margin-left: 0; }
  @media (max-width: 899px) {
    .article-content,
    .site-main {
      width: 100%;
      float: left;
      margin-left: 0;
      margin-right: 0;
      padding-top: 20px;
      padding-top: 1.25rem; } }
  @media (min-width: 900px) and (max-width: 999px) {
    .article-content,
    .site-main {
      width: 64%; } }

.article-content {
  margin-top: 10px;
  margin-top: 0.625rem; }
  @media (max-width: 899px) {
    .article-content {
      margin-top: 15px;
      margin-top: 0.9375rem; } }
  .article-content .standard-article-body {
    clear: both; }

.single-article {
  position: static;
  max-width: 1260px;
  margin-left: auto;
  margin-right: auto; }
  .single-article:after {
    content: " ";
    display: block;
    clear: both; }
  @media (max-width: 899px) {
    .single-article {
      width: 100%;
      float: left;
      margin-left: 0;
      margin-right: 0; } }
  .single-article .single-topic-wrapper {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0; }
    @media (max-width: 899px) {
      .single-article .single-topic-wrapper {
        float: none; } }
  .single-article .standard-archive-figure img {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0; }
  .single-article .standfirst {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0; }
  .single-article .upper-title-tag {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0; }
  .single-article h1 {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0; }
    @media (max-width: 899px) {
      .single-article h1 {
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0; } }
  .single-article .social-media-buttons {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0; }
    @media (max-width: 899px) {
      .single-article .social-media-buttons {
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0; } }
  .single-article .feed-in-post {
    width: 47.5%;
    float: right;
    margin-left: 5%; }
    @media (max-width: 899px) {
      .single-article .feed-in-post {
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0; } }
  .single-article .in-content-grid {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0; }
    .single-article .in-content-grid__quarter {
      width: 22.22222%;
      float: left;
      margin-left: 0;
      padding-left: 4px;
      padding-left: 0.25rem;
      padding-right: 4px;
      padding-right: 0.25rem; }
      @media (max-width: 899px) {
        .single-article .in-content-grid__quarter {
          width: 100%;
          float: left;
          margin-left: 0;
          margin-right: 0; } }
    .single-article .in-content-grid__half {
      width: 48.14815%;
      float: left;
      margin-left: 0;
      padding-left: 4px;
      padding-left: 0.25rem;
      padding-right: 4px;
      padding-right: 0.25rem; }
  .single-article .in-content-grid-thirds {
    max-width: 1260px;
    margin-left: auto;
    margin-right: auto; }
    .single-article .in-content-grid-thirds:after {
      content: " ";
      display: block;
      clear: both; }
    .single-article .in-content-grid-thirds__twothirds {
      width: 63.71951%;
      float: left;
      margin-left: 0;
      padding-left: 4px;
      padding-left: 0.25rem;
      padding-right: 4px;
      padding-right: 0.25rem;
      margin: 0; }
      @media (max-width: 899px) {
        .single-article .in-content-grid-thirds__twothirds {
          width: 100%;
          float: left;
          margin-left: 0;
          margin-right: 0; } }
    .single-article .in-content-grid-thirds__onethird {
      width: 31.70732%;
      float: left;
      margin-left: 2.43902%;
      padding-left: 4px;
      padding-left: 0.25rem;
      padding-right: 4px;
      padding-right: 0.25rem;
      margin: 0; }
      @media (max-width: 899px) {
        .single-article .in-content-grid-thirds__onethird {
          width: 100%;
          float: left;
          margin-left: 0;
          margin-right: 0; } }
  .single-article .article-footer {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0; }
    .single-article .article-footer .post-on-cover img {
      width: 22.22222%;
      float: left;
      margin-left: 0; }
    .single-article .article-footer .post-on-cover h6 {
      width: 74.07407%;
      float: right;
      margin-left: 3.7037%;
      margin-bottom: 20px; }
    .single-article .article-footer .post-on-cover a {
      position: relative;
      display: block;
      height: 100%;
      width: 74.07407%;
      float: right;
      margin-left: 3.7037%; }
    .single-article .article-footer .post-on-cover button {
      margin-bottom: 0; }

.single-article-full-width {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0; }

aside,
.article-aside {
  width: 31.70732%;
  float: right;
  margin-left: 2.43902%;
  min-width: 300px; }
  @media (max-width: 1000px) {
    aside,
    .article-aside {
      margin-left: 0; } }
  @media (max-width: 899px) {
    aside,
    .article-aside {
      width: 100%;
      float: left;
      margin-left: 0;
      margin-right: 0;
      min-width: 0; } }

footer {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0; }

.archive-header {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0; }
  .archive-header .archive-header-left {
    width: 14.63415%;
    float: left;
    margin-left: 0; }
    @media (max-width: 899px) {
      .archive-header .archive-header-left {
        width: 14.63415%;
        float: left;
        margin-left: 0; } }
    .archive-header .archive-header-left .labels {
      width: 41.66667%;
      float: left;
      margin-left: 0;
      width: 65%; }
    .archive-header .archive-header-left .right {
      width: 41.66667%;
      float: right;
      margin-left: 16.66667%; }
  .archive-header .archive-header-right {
    width: 14.63415%;
    float: right;
    margin-left: 2.43902%; }
    @media (max-width: 899px) {
      .archive-header .archive-header-right {
        width: 14.63415%;
        float: right;
        margin-left: 2.43902%; } }
    .archive-header .archive-header-right .labels {
      width: 41.66667%;
      float: left;
      margin-left: 0;
      width: 58%; }
    .archive-header .archive-header-right .right {
      width: 41.66667%;
      float: right;
      margin-left: 16.66667%; }
  .archive-header .archive-header-center {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0; }
    @media (max-width: 899px) {
      .archive-header .archive-header-center {
        width: 100%;
        float: left;
        margin-left: 0; } }

.archive-main article {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0; }
  .archive-main article .sponsored-content-badge {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0; }
    .archive-main article .sponsored-content-badge a {
      float: left; }

.archive-main .compact-archive-figure {
  width: 22.22222%;
  float: left;
  margin-left: 0; }
  @media (max-width: 899px) {
    .archive-main .compact-archive-figure img {
      width: 100%;
      float: left;
      margin-left: 0;
      margin-right: 0; } }
  @media (max-width: 899px) {
    .archive-main .compact-archive-figure {
      width: 100%;
      float: left;
      margin-left: 0;
      margin-right: 0; } }

.archive-main .compact-archive-body {
  width: 74.07407%;
  float: right;
  margin-left: 3.7037%; }
  @media (max-width: 899px) {
    .archive-main .compact-archive-body {
      width: 100%;
      float: left;
      margin-left: 0;
      margin-right: 0; } }

.archive-main .compact-text-archive-body {
  width: 100%;
  float: right;
  margin-left: 3.7037%; }

.archive-main .quote-archive-excerpt {
  width: 48.14815%;
  float: left;
  margin-left: 0; }
  @media (max-width: 899px) {
    .archive-main .quote-archive-excerpt {
      width: 100%;
      float: left;
      margin-left: 0;
      margin-right: 0; } }

.archive-main .quote-archive-figure {
  width: 48.14815%;
  float: right;
  margin-left: 3.7037%; }
  @media (max-width: 899px) {
    .archive-main .quote-archive-figure {
      width: 100%;
      float: left;
      margin-left: 0;
      margin-right: 0; } }

.archive-main .quote-archive-body {
  width: 100%;
  float: left;
  margin-left: 0; }

.archive-main .standard-archive-figure img {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0; }

.archive-main .pagination {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0; }
  .archive-main .pagination .nav-links {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    text-align: center; }

.search-results-page h1 {
  padding-bottom: 10px; }

.search-results-page figure {
  width: 23.17073%;
  float: left;
  margin-left: 2.43902%; }
  @media (max-width: 899px) {
    .search-results-page figure {
      width: 82.92683%;
      float: left;
      margin-left: 2.43902%; } }

.search-results-page .standard-article-body {
  width: 57.31707%;
  float: left;
  margin-left: 2.43902%; }
  @media (max-width: 899px) {
    .search-results-page .standard-article-body {
      width: 82.92683%;
      float: left;
      margin-left: 2.43902%; } }
  .search-results-page .standard-article-body .byline {
    line-height: 1.0;
    font-size: 1.0em;
    margin-bottom: 0; }
  .search-results-page .standard-article-body .content__dateline {
    margin-bottom: 0; }

/**
 * This file contains the css for headers
 */
@media (max-width: 899px) {
  header {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    max-height: 45px;
    background-color: white;
    -webkit-box-shadow: rgba(0, 0, 0, 0.3) 1px 1px 2px 2px;
    box-shadow: rgba(0, 0, 0, 0.3) 1px 1px 2px 2px;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: 0.35s;
            transition-duration: 0.35s;
    -webkit-transition-timing-function: ease-in-out;
            transition-timing-function: ease-in-out; } }

header.primary-navigation__overlay--open {
  -webkit-box-shadow: transparent 1px 1px 2px 2px;
  box-shadow: transparent 1px 1px 2px 2px;
  position: fixed;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.35s;
          transition-duration: 0.35s;
  -webkit-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out; }

/* BRAND */
/**
 * This file contains the css for main site logos
  */
.main-brand {
  width: 31.90000%;
  float: left;
  margin-left: 0;
  padding-right: 1.222222%;
  border-right: 1px solid #b2b2b2;
  margin-bottom: 12px;
  margin-bottom: 0.75rem; }
  @media (max-width: 899px) {
    .main-brand {
      padding-right: 0; } }
  @media (max-width: 899px) {
    .main-brand {
      min-width: 112px;
      width: 112px;
      width: 7rem;
      border-right: none;
      background-color: #ee3124;
      display: table-cell;
      vertical-align: middle;
      padding-top: 1px;
      padding-bottom: 1px; } }

.wordmark {
  fill: #ee3124; }
  @media (max-width: 899px) {
    .wordmark {
      fill: #fff; } }

.tl-red {
  background-color: #ee3124; }

.post-on-cover {
  margin-bottom: 20px;
  display: inline-block; }
  .post-on-cover h6 {
    color: #FFF; }
  .post-on-cover img {
    margin-bottom: 0; }

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    left: 20%; }
  100% {
    opacity: 1;
    left: 0; } }

@keyframes fadeInRight {
  0% {
    opacity: 0;
    left: 20%; }
  100% {
    opacity: 1;
    left: 0; } }

.open {
  -webkit-transform: translateX(-33%);
          transform: translateX(-33%);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }
  @media (max-width: 899px) {
    .open {
      -webkit-transform: translateX(-85%);
              transform: translateX(-85%); } }

.off-nav {
  height: 100%;
  position: fixed;
  background-color: black;
  top: 0;
  right: 0;
  font-family: "BureauGrotCond";
  font-size: 25px;
  font-size: 1.5625rem;
  font-weight: 500;
  text-align: left;
  width: 33%;
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  overflow-y: scroll;
  -webkit-box-shadow: inset 0px 3px 3px 0px rgba(0, 0, 0, 0.5);
  box-shadow: inset 0px 3px 3px 0px rgba(0, 0, 0, 0.5);
  -webkit-overflow-scrolling: touch; }
  @media (max-width: 899px) {
    .off-nav {
      width: 85%; } }
  .off-nav nav .nav-logo {
    height: 100px;
    background-color: #ee3124;
    padding: 25px 50px; }
    .off-nav nav .nav-logo a svg {
      height: 50px; }
      .off-nav nav .nav-logo a svg path {
        fill: #fff; }
  .off-nav nav .menu-primary-menu-container,
  .off-nav nav .menu-secondary-menu-container {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    padding-top: 25px;
    padding-top: 1.5625rem;
    padding-left: 50px;
    padding-left: 3.125rem; }
    .off-nav nav .menu-primary-menu-container .menu-item,
    .off-nav nav .menu-secondary-menu-container .menu-item {
      margin-bottom: 15px;
      margin-bottom: 0.9375rem; }
      .off-nav nav .menu-primary-menu-container .menu-item a,
      .off-nav nav .menu-secondary-menu-container .menu-item a {
        color: white;
        font-weight: 800;
        font-family: "BureauGrotCond", arial, sans-serif;
        font-size: 24px;
        font-size: 1.5rem; }
      .off-nav nav .menu-primary-menu-container .menu-item a:hover,
      .off-nav nav .menu-secondary-menu-container .menu-item a:hover {
        color: #999;
        -webkit-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out; }
    .off-nav nav .menu-primary-menu-container .menu-item-331153 a,
    .off-nav nav .menu-secondary-menu-container .menu-item-331153 a {
      color: #ee3124; }
    .off-nav nav .menu-primary-menu-container .menu-item-331153 a:hover,
    .off-nav nav .menu-secondary-menu-container .menu-item-331153 a:hover {
      color: #999; }
  .off-nav nav .social-container {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0; }
    .off-nav nav .social-container .social {
      width: 22.22222%;
      float: left;
      margin-left: 0;
      min-width: 250px;
      padding-left: 50px;
      padding-left: 3.125rem; }
      .off-nav nav .social-container .social .social-item__icon {
        padding: 0;
        text-align: left; }
        .off-nav nav .social-container .social .social-item__icon a svg path {
          fill: #fff; }
        .off-nav nav .social-container .social .social-item__icon:hover svg path {
          fill: #999; }
  .off-nav nav .menu-hr {
    height: 10px;
    width: 74.07407%;
    float: left;
    margin-left: 0;
    background-color: white;
    overflow: auto;
    margin-left: 50px;
    margin-left: 3.125rem;
    margin-top: 20px;
    margin-top: 1.25rem; }
  .off-nav nav .menu-secondary-menu-container .menu-item a {
    font-size: 20px;
    font-size: 1.25rem;
    font-weight: 400;
    font-family: "National", arial, sans-serif; }
  .off-nav nav .legal {
    font-family: "National";
    font-weight: 400;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 16px;
    line-height: 1rem;
    color: #FFF;
    padding-right: 15px;
    padding-right: 0.9375rem; }

.off-nav.is-open {
  -webkit-transform: translateX(0%);
          transform: translateX(0%);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }

.hamburger {
  width: 30px;
  height: 30px;
  position: absolute;
  right: 9px;
  top: 15px;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  cursor: pointer;
  /*  @include media($medium-screen-up) {
      display: none;
  }*/ }

.hamburger span {
  background-color: black;
  display: block;
  position: absolute;
  height: 1px;
  width: 100%;
  right: 0px;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }

.hamburger span:nth-child(1) {
  top: 0px;
  -webkit-transform-origin: left center;
          transform-origin: left center; }

.hamburger span:nth-child(2) {
  /*width: 80%;*/
  top: 9px;
  -webkit-transform-origin: left center;
          transform-origin: left center; }

.hamburger span:nth-child(3) {
  /*width: 60%;*/
  top: 18px;
  -webkit-transform-origin: left center;
          transform-origin: left center; }

.hamburger.open span:nth-child(1) {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  top: -0px;
  left: 4px; }

.hamburger.open span:nth-child(2) {
  top: 24px;
  position: relative;
  opacity: 0; }

.hamburger.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  width: 100%;
  top: 22px;
  left: 4px; }

.header-wrapper {
  width: 100%;
  background-color: #fff;
  z-index: 10;
  top: -54px; }
  @media (max-width: 899px) {
    .header-wrapper {
      height: auto; } }
  .header-wrapper .primary-navigation {
    font-family: "BureauGrotCond";
    font-size: 25px;
    font-size: 1.5625rem;
    font-weight: 500;
    text-align: left;
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    padding-top: 15px;
    padding-top: 0.9375rem;
    padding-bottom: 8px;
    padding-bottom: 0.5rem;
    position: relative;
    border-top: 1px solid black;
    border-bottom: 1px solid black;
    z-index: 10;
    background-color: #fff; }
    @media (min-width: 900px) and (max-width: 1399px) {
      .header-wrapper .primary-navigation {
        padding-top: 9px;
        padding-top: 0.5625rem;
        padding-bottom: 5px;
        padding-bottom: 0.3125rem;
        font-size: 22px;
        font-size: 1.375rem; } }
    @media (max-width: 899px) {
      .header-wrapper .primary-navigation {
        width: 100%; }
        .header-wrapper .primary-navigation--open {
          opacity: 1;
          visibility: visible;
          height: 100%;
          overflow: visible; } }
    .header-wrapper .primary-navigation__list {
      list-style: none;
      padding: 0;
      margin: 0 auto;
      display: inline-block; }
      @media (max-width: 899px) {
        .header-wrapper .primary-navigation__list {
          display: none; } }
    .header-wrapper .primary-navigation__item {
      float: left;
      margin: 0 20px 0 0; }
      @media (min-width: 900px) and (max-width: 1399px) {
        .header-wrapper .primary-navigation__item {
          margin: 0 15px 0 0; } }
      .header-wrapper .primary-navigation__item.show-on-tablet {
        display: none; }
      @media (max-width: 1100px) {
        .header-wrapper .primary-navigation__item.hide-on-tablet {
          display: none; }
        .header-wrapper .primary-navigation__item.show-on-tablet {
          display: list-item; } }
      .header-wrapper .primary-navigation__item:last-child {
        margin: 0; }
      @media (max-width: 899px) {
        .header-wrapper .primary-navigation__item {
          float: none;
          padding: 0;
          display: block; } }
    .header-wrapper .primary-navigation a {
      color: #000; }
      .header-wrapper .primary-navigation a:hover, .header-wrapper .primary-navigation a:focus, .header-wrapper .primary-navigation a:active {
        color: #999; }
      @media (max-width: 899px) {
        .header-wrapper .primary-navigation a {
          display: block;
          color: white;
          text-decoration: none;
          overflow: hidden; }
          .header-wrapper .primary-navigation a:hover, .header-wrapper .primary-navigation a:focus, .header-wrapper .primary-navigation a:active {
            color: #ee3124; } }
  .header-wrapper .navigation-trigger {
    display: none;
    font-size: 16px;
    font-size: 1rem; }
    @media (max-width: 899px) {
      .header-wrapper .navigation-trigger {
        position: relative;
        border-left: 1px solid black;
        cursor: pointer;
        z-index: 1000;
        vertical-align: middle;
        width: 40%;
        float: none; } }
    @media (max-width: 899px) {
      .header-wrapper .navigation-trigger__text {
        margin-right: 5px;
        margin-right: 0.3125rem;
        -webkit-transition: all .35s ease-in-out;
        transition: all .35s ease-in-out; } }
    @media (max-width: 899px) {
      .header-wrapper .navigation-trigger__icon {
        display: inline-block;
        -webkit-transform: rotate(0deg);
                transform: rotate(0deg);
        -webkit-transition: all .35s ease-in-out;
        transition: all .35s ease-in-out; } }
    @media (max-width: 899px) {
      .header-wrapper .navigation-trigger .navigation-pointer {
        fill: #333333;
        -webkit-transition: all .35s ease-in-out;
        transition: all .35s ease-in-out; } }
    @media (max-width: 899px) {
      .header-wrapper .navigation-trigger--active {
        -webkit-transition: all .35s ease-in-out;
        transition: all .35s ease-in-out; }
        .header-wrapper .navigation-trigger--active .navigation-trigger__icon {
          -webkit-transition: all .35s ease-in-out;
          transition: all .35s ease-in-out;
          -webkit-transform: translateY(-1px) translateX(0) rotate(180deg);
                  transform: translateY(-1px) translateX(0) rotate(180deg); }
        .header-wrapper .navigation-trigger--active .navigation-pointer {
          fill: #ffffff; }
        .header-wrapper .navigation-trigger--active .navigation-trigger__text {
          color: #ffffff; } }

.upper-header-wrapper {
  display: none; }
  @media (max-width: 899px) {
    .upper-header-wrapper {
      float: left;
      width: 100%;
      position: relative; } }

.transition-animation {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }

.social-placeholder {
  width: 100px;
  width: 6.25rem;
  background-color: #fff;
  display: none;
  line-height: 54px;
  line-height: 3.375rem;
  position: absolute;
  right: 0;
  top: 0; }
  .social-placeholder #leftborder {
    border-left: 1px solid #b2b2b2;
    position: absolute;
    height: 54px;
    top: 0; }
  .social-placeholder .social-trigger {
    display: none;
    float: right;
    padding-right: 10px;
    padding-right: 0.625rem;
    font-family: "National";
    font-weight: 600;
    font-size: 16px;
    font-size: 1rem;
    line-height: 54px;
    line-height: 3.375rem;
    height: 54px;
    height: 3.375rem;
    width: 110px;
    width: 6.875rem; }
  .social-placeholder .search button {
    margin: 0;
    padding: 0;
    overflow: hidden;
    width: 54px;
    width: 3.375rem;
    top: 0;
    right: 50px;
    height: 54px;
    height: 3.375rem;
    line-height: 54px;
    line-height: 3.375rem;
    line-height: 54px;
    border-left: 1px solid #AAA;
    border-right: 1px solid #AAA; }
  .social-placeholder .search input {
    display: none; }

.brand-placeholder {
  display: inline-block; }
  .brand-placeholder .main-brand {
    height: 54px;
    height: 3.375rem;
    width: 112px;
    width: 7rem;
    border: none;
    padding: 10px 16px 9px 16px;
    background-color: #ee3124; }
    .brand-placeholder .main-brand .wordmark {
      fill: #fff; }

.nav-small-bar {
  position: absolute;
  z-index: 0;
  height: 55px;
  height: 3.4375rem;
  display: block; }
  @media (max-width: 899px) {
    .nav-small-bar {
      top: -50px; } }
  .nav-small-bar.search-open {
    z-index: 1; }
  .nav-small-bar header {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    padding: 0; }
    .nav-small-bar header:after {
      content: " ";
      display: block;
      clear: both; }
  .nav-small-bar .primary-navigation {
    -webkit-box-shadow: 1px 1px 2px 2px rgba(0, 0, 0, 0.3);
            box-shadow: 1px 1px 2px 2px rgba(0, 0, 0, 0.3);
    border-top: none;
    border-bottom: none;
    height: 54px;
    height: 3.375rem;
    padding: 0; }
    .nav-small-bar .primary-navigation__list {
      line-height: 50px;
      line-height: 3.125rem;
      margin-left: 20px;
      margin-left: 1.25rem;
      margin-bottom: 12px;
      margin-bottom: 0.75rem; }
    .nav-small-bar .primary-navigation__item a {
      font-size: 20px;
      font-size: 1.25rem; }
    .nav-small-bar .primary-navigation .menu-item-331153 a {
      color: #ee3124; }
    .nav-small-bar .primary-navigation .menu-item-331153 a:hover {
      color: #000; }
    .nav-small-bar .primary-navigation .social-open-toggle {
      background-color: #000;
      border-bottom: 1px solid black; }
      .nav-small-bar .primary-navigation .social-open-toggle #fb svg path:hover {
        fill: #3B5998; }
      .nav-small-bar .primary-navigation .social-open-toggle #twitter svg path:hover {
        fill: #55ACEE; }
      .nav-small-bar .primary-navigation .social-open-toggle #instagram svg:hover .instagram-icon {
        fill: #125688; }
      .nav-small-bar .primary-navigation .social-open-toggle svg path {
        fill: #FFF; }
  .nav-small-bar .compact-search-input {
    position: absolute;
    width: calc(100vw - 129px);
    padding-left: 30px;
    right: 50px;
    padding-top: 0;
    line-height: 54px;
    line-height: 3.375rem;
    height: 54px;
    height: 3.375rem; }

.header-fix-top {
  overflow: visible;
  margin-bottom: 10px;
  position: fixed;
  top: 0px;
  z-index: 10; }
  @media (max-width: 899px) {
    .header-fix-top {
      margin-bottom: 0px;
      -webkit-box-shadow: 1px 1px 2px 2px transparent;
              box-shadow: 1px 1px 2px 2px transparent; } }

.header-navigation-filler-open {
  height: 55px !important; }

/**
 * This file contains the css for social sections
 */
.social-item {
  display: table-cell;
  min-width: 35px;
  vertical-align: middle; }

@media (min-width: 1400px) {
  .social-item__text {
    font-size: 24px;
    font-size: 1.5rem; } }

@media (min-width: 900px) and (max-width: 1399px) {
  .social-item__text {
    font-size: 20px;
    font-size: 1.25rem; } }

.social-item__text--accent {
  color: #656565; }

.social-item__icon {
  padding-left: 2%;
  padding-right: 2%;
  text-align: center; }
  .social-item__icon:nth-child(2) {
    padding-left: 0; }
  .social-item__icon:nth-child(5) {
    padding-right: 0; }

.social-media-buttons .social:hover {
  text-decoration: none; }

.social-media-buttons {
  padding-top: 10px;
  padding-bottom: 10px;
  display: block; }
  .social-media-buttons .count {
    display: none; }

.fixed-comments-wrapper {
  background: #fff;
  border: solid 1px #000;
  display: none;
  left: 0;
  max-width: 770px;
  padding: 10px;
  position: fixed;
  top: 40px;
  width: 50%;
  z-index: 9999; }

.post-social {
  display: inline-block;
  padding-right: 20px;
  width: 35px; }
  @media (max-width: 650px) {
    .post-social {
      padding-left: 10px;
      padding-right: 10px; } }

/**
 * This file contains the css for sjm content module collection-top-stories
 */
.collection-top-stories {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0; }

.collection-card {
  position: relative; }

.collection-card-top-stories {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 20px;
  margin-bottom: 1.25rem; }
  .collection-card-top-stories__meta {
    width: 61.11111%;
    float: right;
    margin-left: 3.7037%; }
  .collection-card-top-stories__headline {
    font-size: 30px;
    font-size: 1.875rem;
    margin-bottom: 15px;
    margin-bottom: 0.9375rem; }
    @media (max-width: 450px) {
      .collection-card-top-stories__headline {
        font-size: 26px;
        font-size: 1.625rem;
        line-height: 1;
        margin-bottom: 5px;
        margin-bottom: 0.3125rem; } }
    .collection-card-top-stories__headline--full {
      display: block;
      font-size: 45px;
      font-size: 2.8125rem;
      margin-bottom: 15px;
      margin-bottom: 0.9375rem;
      line-height: 1; }
      @media (max-width: 450px) {
        .collection-card-top-stories__headline--full {
          font-size: 24px;
          font-size: 1.5rem;
          margin-bottom: 10px;
          margin-bottom: 0.625rem; } }
  .collection-card-top-stories__summary {
    font-family: 'Jubilat';
    font-weight: 300;
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 23px;
    line-height: 1.4375rem;
    padding-bottom: 15px;
    padding-bottom: 0.9375rem; }
    @media (max-width: 450px) {
      .collection-card-top-stories__summary {
        font-size: 16px;
        font-size: 1rem;
        line-height: 20px;
        line-height: 1.25rem; } }
  .collection-card-top-stories:nth-child(1) {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0; }
    .collection-card-top-stories:nth-child(1) .sponsored-hed {
      display: none; }
    .collection-card-top-stories:nth-child(1) img {
      width: 100%;
      float: left;
      margin-left: 0;
      margin-right: 0; }
    @media (max-width: 450px) {
      .collection-card-top-stories:nth-child(1) {
        border-bottom: 1px dotted #808080; } }
  .collection-card-top-stories:nth-child(2) {
    width: 48.14815%;
    float: left;
    margin-left: 0; }
    .collection-card-top-stories:nth-child(2) .sponsored-hed {
      display: none; }
    @media (max-width: 450px) {
      .collection-card-top-stories:nth-child(2) {
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0;
        border-bottom: 1px dotted #808080; } }
  .collection-card-top-stories:nth-child(3) {
    width: 48.14815%;
    float: right;
    margin-left: 3.7037%; }
    .collection-card-top-stories:nth-child(3) .sponsored-hed {
      display: none; }
    @media (max-width: 450px) {
      .collection-card-top-stories:nth-child(3) {
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0; } }

/**
 * This file contains the css feeds and card in the sjm content modules
 */
/* PAGE AREA FEEDS  */
.feed-page {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0; }

.feed-card {
  position: relative; }
  .feed-card h1.sponsored-hed {
    display: none; }

.feed-card-page {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
  padding-bottom: 20px;
  padding-bottom: 1.25rem;
  margin-bottom: 20px;
  margin-bottom: 1.25rem;
  border-bottom: 1px dotted #808080; }
  .feed-card-page:nth-last-child(1) {
    border-bottom: none;
    padding-bottom: 0; }
  .feed-card-page--split {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0; }
    .feed-card-page--split__image {
      padding-top: 5px;
      padding-top: 0.3125rem;
      width: 35.18519%;
      float: left;
      margin-left: 0; }
      @media (max-width: 450px) {
        .feed-card-page--split__image img {
          width: 100%;
          float: left;
          margin-left: 0;
          margin-right: 0; } }
      @media (max-width: 450px) {
        .feed-card-page--split__image {
          width: 100%;
          float: left;
          margin-left: 0;
          margin-right: 0; } }
    .feed-card-page--split__meta {
      width: 61.11111%;
      float: right;
      margin-left: 3.7037%; }
      @media (max-width: 450px) {
        .feed-card-page--split__meta {
          width: 100%;
          float: left;
          margin-left: 0;
          margin-right: 0; } }
      .feed-card-page--split__meta .card__label {
        font-family: "Georgia", "Cambria", "Times New Roman", "Times", serif; }
    .feed-card-page--split__headline {
      font-size: 30px;
      font-size: 1.875rem;
      margin-bottom: 5px;
      margin-bottom: 0.3125rem;
      line-height: 30px;
      line-height: 1.875rem; }
      @media (max-width: 450px) {
        .feed-card-page--split__headline {
          font-size: 26px;
          font-size: 1.625rem;
          line-height: 1em; } }
    .feed-card-page--split__summary {
      font-family: 'Jubilat';
      font-weight: 300 !important;
      font-size: 18px;
      font-size: 1.125rem;
      line-height: 25px;
      line-height: 1.5625rem; }
      @media (max-width: 450px) {
        .feed-card-page--split__summary {
          font-size: 16px;
          font-size: 1rem;
          line-height: 20px;
          line-height: 1.25rem; } }

/* SIDE BAR FEEDS  */
.feed-aside {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
  margin-top: 10px;
  margin-top: 0.625rem; }

.feed-card-aside {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 20px;
  margin-bottom: 1.25rem;
  padding-bottom: 20px;
  padding-bottom: 1.25rem;
  border-bottom: 1px dotted #808080;
  position: relative; }
  .feed-card-aside:nth-last-child(1) {
    border-bottom: none;
    padding-bottom: 0px;
    padding-bottom: 0; }
  .feed-card-aside__headline {
    font-size: 26px;
    font-size: 1.625rem;
    margin-bottom: 5px;
    margin-bottom: 0.3125rem;
    line-height: 1; }
  .feed-card-aside__summary {
    font-family: 'Jubilat';
    font-weight: 300;
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 25px;
    line-height: 1.5625rem; }
    @media (max-width: 450px) {
      .feed-card-aside__summary {
        font-size: 16px;
        font-size: 1rem;
        line-height: 20px;
        line-height: 1.25rem; } }
  .feed-card-aside__info .sponsored-content-badge {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    text-align: center; }
  .feed-card-aside--split {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    padding-bottom: 0px;
    padding-bottom: 0; }
    .feed-card-aside--split__image {
      width: 25.92593%;
      float: left;
      margin-left: 0; }
      .feed-card-aside--split__image img {
        margin-bottom: 20px;
        margin-bottom: 1.25rem; }
    .feed-card-aside--split__meta {
      width: 61.11111%;
      float: left;
      margin-left: 3.7037%; }
    .feed-card-aside--split__headline {
      display: inline-block;
      font-family: "National";
      font-weight: 700;
      line-height: 1;
      width: 100%;
      float: left;
      margin-left: 0;
      margin-right: 0;
      font-size: 18px;
      font-size: 1.125rem;
      margin-bottom: 20px;
      margin-bottom: 1.25rem; }
      @media (max-width: 450px) {
        .feed-card-aside--split__headline {
          font-size: 16px;
          font-size: 1rem; } }
    .feed-card-aside--split__summary {
      font-family: 'Jubilat';
      font-weight: 300;
      font-size: 18px;
      font-size: 1.125rem;
      line-height: 25px;
      line-height: 1.5625rem; }
      @media (max-width: 450px) {
        .feed-card-aside--split__summary {
          font-size: 16px;
          font-size: 1rem;
          line-height: 20px;
          line-height: 1.25rem; } }
    .feed-card-aside--split__label {
      display: block;
      float: left;
      clear: both;
      margin-bottom: 10px;
      margin-bottom: 0.625rem; }
      @media (max-width: 450px) {
        .feed-card-aside--split__label {
          margin-bottom: 5px;
          margin-bottom: 0.3125rem; } }
    .feed-card-aside--split__sponsored {
      width: 100%;
      float: left;
      margin-left: 0;
      margin-right: 0;
      text-align: center; }

/* Ads  */
.ad-frame {
  display: table;
  width: 100%;
  margin-bottom: 0px;
  margin-bottom: 0; }
  @media (max-width: 899px) {
    .ad-frame {
      margin-bottom: 0;
      margin-bottom: 0; } }

.ad-frame--leaderboard {
  width: 100%;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  margin-bottom: 0;
  margin-bottom: 0;
  border-top: none !important; }
  @media (max-width: 450px) {
    .ad-frame--leaderboard {
      display: none; } }
  .ad-frame--leaderboard .sjm-dfp-wrapper {
    margin-left: 20px;
    margin-left: 1.25rem;
    margin-right: 20px;
    margin-right: 1.25rem;
    padding-top: 30px;
    padding-top: 1.875rem;
    padding-bottom: 40px;
    padding-bottom: 2.5rem;
    padding: 20px 0; }
    @media (max-width: 899px) {
      .ad-frame--leaderboard .sjm-dfp-wrapper {
        margin-left: auto;
        margin-right: auto; } }
    @media (max-width: 450px) {
      .ad-frame--leaderboard .sjm-dfp-wrapper {
        width: 300px;
        margin: 0 auto; } }

.sjmlm-bucket .ad-frame--leaderboard {
  display: table-cell; }

.sjm-dfp-upper-big-box-wrapper,
.sjm-dfp-lower-big-box-wrapper {
  width: 100%;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  padding: 0; }
  @media (min-width: 900px) and (max-width: 1399px) {
    .sjm-dfp-upper-big-box-wrapper,
    .sjm-dfp-lower-big-box-wrapper {
      background-color: white; } }
  @media (max-width: 899px) {
    .sjm-dfp-upper-big-box-wrapper,
    .sjm-dfp-lower-big-box-wrapper {
      display: none; } }
  @media (max-width: 450px) {
    .sjm-dfp-upper-big-box-wrapper,
    .sjm-dfp-lower-big-box-wrapper {
      display: none;
      margin-bottom: 0; } }

.sjm-dfp-upper-big-box-wrapper {
  margin-bottom: 20px;
  margin-bottom: 1.25rem; }

.sjm-dfp-lower-big-box-wrapper {
  margin-bottom: 10px;
  margin-bottom: 0.625rem; }

.sjm-dfp-upper-big-box,
.sjm-dfp-lower-big-box {
  margin-top: 35px;
  margin-top: 2.1875rem;
  margin-bottom: 30px;
  margin-bottom: 1.875rem; }
  @media (min-width: 900px) and (max-width: 1399px) {
    .sjm-dfp-upper-big-box,
    .sjm-dfp-lower-big-box {
      margin: 0; } }

.ad-indicator {
  border-bottom: 1px solid gray;
  margin: 0 auto 18px auto;
  max-width: 970px; }
  .ad-indicator span {
    position: relative;
    background: white;
    letter-spacing: 2px;
    font-size: 12px;
    padding: 0 8px;
    font-weight: bold;
    font-family: "Jubilat", serif;
    bottom: -13px; }

.container .sjm-ad-wrapper.sjmlm-repeater-wrapper {
  background: black;
  margin: 20px; }
  @media (max-width: 450px) {
    .container .sjm-ad-wrapper.sjmlm-repeater-wrapper {
      margin: 0 0; } }

.sjm-dfp-wallpaper-wrapper {
  width: 100%;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  opacity: 1; }
  .sjm-dfp-wallpaper-wrapper.open {
    opacity: 0.5; }

.sjm-dfp-big-box-loadmore-wrapper {
  display: none;
  border-top: 3px solid black;
  margin-left: 20px;
  margin-left: 1.25rem;
  margin-right: 20px;
  margin-right: 1.25rem; }
  @media (max-width: 899px) {
    .sjm-dfp-big-box-loadmore-wrapper {
      display: block; } }
  @media (max-width: 450px) {
    .sjm-dfp-big-box-loadmore-wrapper {
      display: none; } }

.sjm-dfp-big-box-loadmore-mobile-wrapper {
  display: none; }
  @media (max-width: 450px) {
    .sjm-dfp-big-box-loadmore-mobile-wrapper {
      display: block;
      margin: 0; } }

.sjm-dfp-intext-ubb-wrapper {
  background: #e5e5e5 none repeat scroll 0 0;
  margin: 30px 0;
  padding: 10px 0;
  text-align: center;
  clear: both; }
  @media (max-width: 899px) {
    .sjm-dfp-intext-ubb-wrapper {
      background: transparent; } }
  @media (max-width: 360px) {
    .sjm-dfp-intext-ubb-wrapper {
      margin-left: -15px; } }
  @media (max-width: 340px) {
    .sjm-dfp-intext-ubb-wrapper {
      margin-left: -18px; } }
  @media (max-width: 320px) {
    .sjm-dfp-intext-ubb-wrapper {
      margin-left: -20px; } }

.ad-top-border {
  display: none; }

.sjm-dfp-homepage-bb-wrapper {
  width: 100%;
  border-top: none;
  border-bottom: none;
  margin-bottom: 20px;
  margin-bottom: 1.25rem;
  display: none; }
  @media (max-width: 899px) {
    .sjm-dfp-homepage-bb-wrapper {
      display: inline-block; } }
  @media (max-width: 320px) {
    .sjm-dfp-homepage-bb-wrapper {
      /* iphone 5 */
      display: inline-block;
      margin-left: -10px;
      width: 300px; } }

.site-main > .sjm-dfp-homepage-bb-wrapper {
  border-top: 1px dotted black;
  border-bottom: none;
  padding-bottom: 0; }
  .site-main > .sjm-dfp-homepage-bb-wrapper .sjm-dfp-homepage-bb {
    padding-top: 25px;
    padding-top: 1.5625rem; }

.sjm-dfp-homepage-bb {
  display: none; }
  @media (max-width: 899px) {
    .sjm-dfp-homepage-bb {
      display: block; } }

@media (max-width: 899px) {
  .sjm-dfp-homepage-bb-wrapper + .feed-card {
    border-top: 1px dotted #808080;
    padding-top: 20px; } }

.sjmlm_bucket {
  float: left;
  width: 100%; }
  .sjmlm_bucket .post-top-border {
    display: block;
    margin-bottom: 30px; }
    @media (max-width: 899px) {
      .sjmlm_bucket .post-top-border {
        padding-top: 30px; } }
    @media (max-width: 450px) {
      .sjmlm_bucket .post-top-border {
        display: block; } }
  .sjmlm_bucket .sjm-dfp-leaderboard-wrapper {
    border-top: 3px solid black; }

.side-rail {
  display: block;
  width: 387px !important;
  margin: 0 auto; }
  @media (min-width: 900px) and (max-width: 1399px) {
    .side-rail {
      width: 300px !important;
      display: block !important; } }
  @media (max-width: 899px) {
    .side-rail {
      display: none; } }

.post-top-border {
  border-bottom: 8px double #000; }
  @media (max-width: 899px) {
    .post-top-border {
      display: none; } }

.alignleft {
  float: left;
  margin-right: 16px;
  margin-right: 1rem; }

.alignright {
  float: right;
  margin-left: 16px;
  margin-left: 1rem; }

.aligncenter, img.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto; }

figure.aligncenter, figure.alignnone, .size-full {
  max-width: 100% !important;
  height: auto !important; }

.image-embed--full__image, .size-full {
  width: 100%; }

.single-article .upper-title-tag {
  display: block; }
  @media (max-width: 899px) {
    .single-article .upper-title-tag {
      display: inline-block; } }

.single-article .lower-title-tag {
  display: none; }

.single-article h1 {
  margin-bottom: 10px;
  margin-bottom: 0.625rem;
  font-size: 60px;
  font-size: 3.75rem; }
  @media (max-width: 450px) {
    .single-article h1 {
      font-size: 35px;
      font-size: 2.1875rem;
      line-height: 35px;
      line-height: 2.1875rem; } }

.single-article .slick-slide img {
  height: 300px !important; }
  @media (max-width: 450px) {
    .single-article .slick-slide img {
      height: 150px !important; } }

@media (max-width: 899px) {
  .single-article figure {
    max-width: 100% !important;
    height: auto !important; } }

.article-content-wrapper {
  margin-top: 25px;
  margin-top: 1.5625rem; }
  @media (max-width: 450px) {
    .article-content-wrapper {
      margin-top: 0; } }

.page figure.aligncenter, .page figure.alignnone, .page .size-full {
  max-width: 100% !important;
  height: auto !important; }

.page .image-embed--full__image, .page .size-full {
  width: 100%; }

.page h1,
.top-stories-first {
  margin-bottom: 10px;
  margin-bottom: 0.625rem;
  font-size: 60px;
  font-size: 3.75rem; }
  @media (max-width: 450px) {
    .page h1,
    .top-stories-first {
      font-size: 35px;
      font-size: 2.1875rem;
      line-height: 35px;
      line-height: 2.1875rem; } }

.standard-article-body p {
  font-size: 22px;
  font-size: 1.375rem;
  margin-bottom: 30px;
  margin-bottom: 1.875rem;
  line-height: 1.5; }
  @media (max-width: 450px) {
    .standard-article-body p {
      font-size: 18px;
      font-size: 1.125rem;
      margin-bottom: 15px;
      margin-bottom: 0.9375rem; } }

.standard-article-body blockquote, .standard-article-body blockquote p {
  font-family: 'jubilat';
  font-size: 35px;
  font-size: 2.1875rem;
  line-height: 40px;
  line-height: 2.5rem;
  margin-bottom: 25px;
  margin-bottom: 1.5625rem;
  color: #000000;
  color: black;
  font-weight: 200; }
  @media (max-width: 899px) {
    .standard-article-body blockquote, .standard-article-body blockquote p {
      font-size: 35px;
      font-size: 2.1875rem;
      line-height: 35px;
      line-height: 2.1875rem; } }

.standard-article-body .lead-in {
  font-family: "National";
  font-weight: 700; }

.standard-article-body .instagram-media {
  max-width: 100% !important;
  margin-bottom: 28px !important; }

.standard-article-body .cost {
  font-weight: bold;
  background-color: yellow; }

.feature-article .feed-in-post,
.standard-article-body .feed-in-post {
  position: relative; }
  .feature-article .feed-in-post button,
  .standard-article-body .feed-in-post button {
    display: none;
    position: absolute;
    top: 4px;
    right: 0;
    padding-left: 8px;
    padding-left: 0.5rem;
    padding-right: 8px;
    padding-right: 0.5rem; }
    .feature-article .feed-in-post button svg,
    .standard-article-body .feed-in-post button svg {
      width: 20px;
      height: 25px;
      fill: black; }
    @media (max-width: 899px) {
      .feature-article .feed-in-post button,
      .standard-article-body .feed-in-post button {
        display: inline-block;
        background-color: white;
        height: 25px;
        height: 1.5625rem;
        margin-bottom: 0; } }
  .feature-article .feed-in-post .sponsored-content-badge .labels-wrap p,
  .standard-article-body .feed-in-post .sponsored-content-badge .labels-wrap p {
    font-size: 18px;
    font-size: 1.125rem;
    margin: 0; }
  .feature-article .feed-in-post .feed-card,
  .standard-article-body .feed-in-post .feed-card {
    display: inline-block; }
    @media (min-width: 900px) and (max-width: 1399px) {
      .feature-article .feed-in-post .feed-card,
      .standard-article-body .feed-in-post .feed-card {
        display: inline-block; } }
    @media (max-width: 899px) {
      .feature-article .feed-in-post .feed-card,
      .standard-article-body .feed-in-post .feed-card {
        display: none; } }

.standfirst {
  font-family: "Jubilat";
  font-weight: 200;
  font-size: 25px;
  font-size: 1.5625rem;
  line-height: 24px;
  line-height: 1.5rem;
  margin-bottom: 15px;
  margin-bottom: 0.9375rem;
  line-height: 1.2;
  display: inline-block; }
  @media (max-width: 450px) {
    .standfirst {
      font-size: 20px;
      font-size: 1.25rem; } }

.byline, .content__dateline {
  display: inline;
  text-transform: uppercase;
  line-height: 1.5;
  font-size: 13px;
  font-size: 0.8125rem; }

.byline {
  display: block;
  margin-bottom: 20px;
  margin-bottom: 1.25rem; }

.byline-long {
  display: inline; }
  @media (max-width: 450px) {
    .byline-long {
      display: none; } }

.byline-short {
  display: none; }
  @media (max-width: 450px) {
    .byline-short {
      display: inline; } }

.content__dateline {
  color: #808080; }

figure {
  margin-bottom: 15px;
  margin-bottom: 0.9375rem; }

.standard-article-figure__caption,
.wp-caption-text,
.wp-caption {
  font-family: "National";
  font-weight: 400;
  font-size: 17px;
  font-size: 1.0625rem;
  line-height: 19px; }
  .standard-article-figure__caption .grey,
  .wp-caption-text .grey,
  .wp-caption .grey {
    color: grey; }
    .standard-article-figure__caption .grey a,
    .wp-caption-text .grey a,
    .wp-caption .grey a {
      color: grey; }

.standard-article-figure__caption,
.wp-caption-text {
  margin-bottom: 9.5px; }

.standard-article-figure__caption {
  display: inline-block; }

.wp-caption-text {
  display: inline; }

.standard-article-body img {
  margin-bottom: 9.5px; }

.standard-article-figure img,
.wp-caption img {
  margin-bottom: 8px; }

.article-footer .post-topics {
  display: none;
  font-family: "National";
  font-weight: 700;
  margin-bottom: 24px;
  margin-bottom: 1.5rem; }
  .article-footer .post-topics a {
    margin-right: 20px;
    margin-right: 1.25rem;
    font-weight: 500;
    text-transform: none;
    font-size: 20px;
    font-size: 1.25rem;
    margin-bottom: 0; }
  .article-footer .post-topics .topic-title {
    margin-right: 15px;
    margin-right: 0.9375rem;
    font-size: 22px;
    font-size: 1.375rem;
    margin-bottom: 14px;
    margin-bottom: 0.875rem;
    line-height: 1em; }

.gallery {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  .gallery .gallery-item {
    -ms-flex-preferred-size: 15em;
        flex-basis: 15em;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1; }

.pretty-numbers {
  float: left;
  color: #000000;
  font-size: 105px;
  font-size: 6.5625rem;
  line-height: 80px;
  line-height: 5rem;
  padding-top: 16px;
  padding-right: 10px;
  font-family: 'BureauGrotCond';
  font-weight: 500; }
  @media (max-width: 899px) {
    .pretty-numbers {
      font-size: 55px;
      font-size: 3.4375rem;
      line-height: 40px;
      line-height: 2.5rem;
      padding-top: 13px; } }

.sticky-fixed {
  position: fixed;
  top: 0; }

.sticky-release {
  position: absolute;
  bottom: 0; }

.sjmlm_button {
  float: left; }

div#disqus_thread {
  display: none;
  width: 100%;
  margin-bottom: 30px;
  margin-bottom: 1.875rem; }

.comments-button {
  display: block;
  height: auto;
  width: 50%;
  float: none;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  color: white;
  font-family: 'National';
  font-weight: 700;
  font-size: 25px;
  font-size: 1.5625rem;
  padding: 25px;
  padding: 1.5625rem;
  margin-bottom: 25px;
  margin-bottom: 1.5625rem;
  background-color: black;
  text-transform: none; }
  @media (max-width: 450px) {
    .comments-button {
      font-size: 18px;
      font-size: 1.125rem;
      padding: 12px;
      padding: 0.75rem; } }

.slick-slide {
  text-align: center; }

.slick-slide::before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.slick-slide img {
  vertical-align: middle; }

/**
 * This file contains the css for newsletter signup section, overiddes gravity forms fields
 */
.newsletter {
  font-size: 20px;
  font-size: 1.25rem; }

.newsletter-signup {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
  background-color: #ee3124;
  padding: 20px;
  padding: 1.25rem;
  margin-bottom: 20px;
  margin-bottom: 1.25rem; }
  .newsletter-signup .gform_wrapper {
    max-width: 100%;
    margin: 0; }
    .newsletter-signup .gform_wrapper .ginput_container .medium {
      width: 100%;
      font-family: "Jubilat";
      font-weight: 200;
      border: none;
      font-size: 18px;
      font-size: 1.125rem;
      background: #f2f2f2;
      line-height: 40px;
      line-height: 2.5rem;
      height: 40px;
      height: 2.5rem;
      padding-right: 100px;
      padding-right: 6.25rem; }
    .newsletter-signup .gform_wrapper .gfield_label {
      display: none !important; }
    .newsletter-signup .gform_wrapper .gform_footer {
      height: 0;
      margin: 0;
      padding: 0; }
    .newsletter-signup .gform_wrapper input[type=submit] {
      position: relative;
      top: -40px;
      float: right;
      margin-bottom: -40px;
      font-family: "National";
      font-weight: 700;
      font-size: 14px;
      font-size: 0.875rem; }

.newsletter-signup__title {
  color: white;
  font-family: "Jubilat";
  font-weight: 300;
  font-size: 30px;
  font-size: 1.875rem;
  line-height: 1;
  padding-bottom: 20px;
  padding-bottom: 1.25rem; }

.newsletter-signup button {
  font-family: "National";
  font-weight: 700;
  font-size: 14px;
  font-size: 0.875rem; }

.newsletter-signup__form, .newsletter-signup__form_wrapper {
  margin-bottom: 20px;
  margin-bottom: 1.25rem; }

.newsletter-signup__management-link {
  font-family: "National";
  font-weight: 700;
  display: inline-block;
  font-size: 18px;
  font-size: 1.125rem; }

input.newsletter-signup__input {
  font-size: 18px;
  font-size: 1.125rem; }
  @media (min-width: 1400px) {
    input.newsletter-signup__input {
      font-size: 14px;
      font-size: 0.875rem; } }

/**
 * This file contains the css for footer section
 */
footer {
  border-top: 10px solid black;
  background-color: #FFF;
  padding-left: 10px;
  padding-left: 0.625rem;
  padding-right: 10px;
  padding-right: 0.625rem; }

.footer-menu {
  margin: 0;
  padding: 0;
  border: 0;
  overflow: hidden;
  *zoom: 1;
  font-family: "National";
  font-weight: 400;
  font-size: 16px;
  font-size: 1rem;
  padding-top: 10px;
  padding-top: 0.625rem;
  padding-bottom: 5px;
  padding-bottom: 0.3125rem;
  margin-bottom: 15px;
  margin-bottom: 0.9375rem; }
  @media (max-width: 450px) {
    .footer-menu {
      font-size: 13px;
      font-size: 0.8125rem;
      margin-bottom: 10px;
      margin-bottom: 0.625rem; } }

.footer-menu__item {
  list-style-image: none;
  list-style-type: none;
  margin-left: 0px;
  white-space: nowrap;
  display: inline;
  float: left; }

.footer-menu__item:after {
  content: "|";
  padding-left: 15px;
  padding-left: 0.9375rem;
  padding-right: 15px;
  padding-right: 0.9375rem;
  color: #666; }

.footer-menu__item:last-child:after {
  content: "";
  font-weight: 400;
  padding-left: 15px;
  padding-left: 0.9375rem;
  padding-right: 15px;
  padding-right: 0.9375rem; }

.footer-menu__item a {
  color: #000;
  display: inline-block;
  z-index: 10;
  text-decoration: none;
  position: relative;
  text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;
  background-image: linear-gradient(to top, transparent, transparent 1px, #ee3124 1px, #ee3124 2px, transparent 2px);
  -webkit-transition: color 200ms ease;
  transition: color 200ms ease; }

.footer-menu__item a:hover {
  color: #666666; }

.footer-menu__item--active a {
  color: #666666; }

.legal {
  font-family: "National";
  font-weight: 400;
  margin-bottom: 30px; }

.sjm-feature-package-header {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1;
  background: #FFF;
  width: 100%; }
  .sjm-feature-package-header .header {
    margin-right: auto;
    margin-left: auto;
    padding: 0;
    width: 100%;
    max-width: 100%;
    text-align: left; }
  .sjm-feature-package-header .primary-navigation {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-shadow: 1px 1px 2px 2px rgba(0, 0, 0, 0.3);
            box-shadow: 1px 1px 2px 2px rgba(0, 0, 0, 0.3); }
  .sjm-feature-package-header .primary-navigation__heading-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1; }
  .sjm-feature-package-header .primary-navigation__heading {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 0;
    border-right: 1px solid #AAA;
    padding: 0 20px;
    font-size: 20px; }
    @media (max-width: 767px) {
      .sjm-feature-package-header .primary-navigation__heading {
        display: none; } }
  .sjm-feature-package-header .main-brand-link {
    height: 45px; }
  .sjm-feature-package-header .main-brand {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin: 0;
    border: 0;
    background: #ee3124;
    padding: 0;
    width: 105px;
    min-width: 0;
    height: 100%; }
  .sjm-feature-package-header .main-logo {
    display: block;
    width: 78px; }
  .sjm-feature-package-header .list-toggle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin: 0;
    background: #000;
    padding: 0 20px;
    height: 45px;
    color: #FFF;
    font-family: 'BureauGrotCond';
    font-size: 20px;
    font-weight: 500; }
    .sjm-feature-package-header .list-toggle:hover, .sjm-feature-package-header .list-toggle:focus {
      cursor: pointer; }
    .sjm-feature-package-header .list-toggle .hamburger {
      position: static;
      margin-left: 48px;
      width: 20px;
      height: 20px; }
      @media (max-width: 450px) {
        .sjm-feature-package-header .list-toggle .hamburger {
          margin-left: 24px; } }
      .sjm-feature-package-header .list-toggle .hamburger span {
        background: #FFF; }
        .sjm-feature-package-header .list-toggle .hamburger span:nth-child(1) {
          top: 4px; }
        .sjm-feature-package-header .list-toggle .hamburger span:nth-child(2) {
          top: 9px; }
        .sjm-feature-package-header .list-toggle .hamburger span:nth-child(3) {
          top: 14px; }
      .sjm-feature-package-header .list-toggle .hamburger.open span:nth-child(1) {
        top: 2px;
        left: 3px; }
      .sjm-feature-package-header .list-toggle .hamburger.open span:nth-child(2) {
        top: 9px; }
      .sjm-feature-package-header .list-toggle .hamburger.open span:nth-child(3) {
        top: 16px;
        left: 3px; }
  .sjm-feature-package-header .package-list-wrap {
    display: none;
    position: absolute;
    top: 45px;
    left: 0;
    width: 100%;
    max-height: calc( 100vh - 45px);
    overflow-y: auto; }
  .sjm-feature-package-header .package-list {
    -webkit-columns: 4;
            columns: 4;
    background: #000;
    padding: 30px 20px;
    overflow: auto;
    -webkit-overflow-scrolling: touch; }
    @media (max-width: 1100px) {
      .sjm-feature-package-header .package-list {
        -webkit-columns: 2;
                columns: 2; } }
    @media (max-width: 767px) {
      .sjm-feature-package-header .package-list {
        -webkit-columns: auto;
                columns: auto;
        height: calc( 100vh - 45px);
        overflow-y: scroll; } }
    @media (max-width: 1100px) {
      .sjm-feature-package-header .package-list li {
        margin-bottom: 15px; } }
    .sjm-feature-package-header .package-list a {
      display: block;
      line-height: 1.75;
      color: #FFF;
      font-family: 'BureauGrotCond';
      font-size: 20px;
      font-weight: 500; }
      .sjm-feature-package-header .package-list a:hover, .sjm-feature-package-header .package-list a:focus {
        color: #999; }

.sjm-feature-package-in-post-menu {
  margin-bottom: 3rem; }
  .sjm-feature-package-in-post-menu li {
    margin-bottom: 2.1875rem;
    line-height: 2.1875rem;
    font-size: 1.5625rem;
    font-style: italic; }
    @media (min-width: 900px) and (max-width: 1200px) {
      .sjm-feature-package-in-post-menu li {
        line-height: 1.75rem;
        font-size: 1.25rem; } }
    @media (max-width: 899px) {
      .sjm-feature-package-in-post-menu li {
        line-height: 1.5625rem;
        font-size: 1.125rem; } }
    .sjm-feature-package-in-post-menu li + li::before {
      content: '\2022'; }
  .sjm-feature-package-in-post-menu .item-number {
    font-weight: 700; }
  .sjm-feature-package-in-post-menu .item-name {
    border-bottom: 1px solid #ee3124; }

.feature-package-container .feed-in-post__header {
  padding: 12px 0 14px;
  line-height: 1.125; }

.feature-package-container .feed-in-post .feed-in-post-button {
  top: 9px; }

.feature-package-container .feature--calling-post {
  margin-top: 45px; }

.feature-package-container .feature {
  margin-bottom: 75px; }
  @media (max-width: 1100px) {
    .feature-package-container .feature {
      margin-bottom: 25px; } }
  .feature-package-container .feature .feature-package-title img {
    display: block;
    margin: 0 auto; }
    @media (max-width: 1100px) {
      .feature-package-container .feature .feature-package-title img {
        width: 470px; } }
    @media (max-width: 650px) {
      .feature-package-container .feature .feature-package-title img {
        margin-bottom: 35px; } }
  .feature-package-container .feature .feature-package-cover {
    position: relative;
    margin-bottom: 40px;
    width: 100%;
    height: 70vh;
    overflow: hidden; }
    @media (max-width: 450px) {
      .feature-package-container .feature .feature-package-cover {
        margin-bottom: 33px;
        height: 50vh; } }
    .feature-package-container .feature .feature-package-cover img,
    .feature-package-container .feature .feature-package-cover video {
      position: static;
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
         font-family: "object-fit:cover";
         object-fit: cover; }
    .feature-package-container .feature .feature-package-cover video {
      position: absolute;
      top: 50%;
      left: 0;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%);
      min-width: 100%;
      height: auto;
      min-height: 100%; }
  .feature-package-container .feature .hero-caption {
    color: #FFF; }
  .feature-package-container .feature .lead-in {
    display: block;
    line-height: 19px;
    font-size: 17px;
    font-weight: normal; }

.feature-package-container .double-rule--outer {
  width: 48.78049%;
  margin-left: 2.43902%;
  margin-left: 25.60976%;
  padding: 0 0 !important;
  min-height: 8px;
  border-top: 4px solid #000;
  margin-bottom: 35px; }
  .feature-package-container .double-rule--outer .double-rule--inner {
    min-height: 8px;
    border-top: 1px solid #000;
    margin-top: 4px; }
  @media (min-width: 1201px) and (max-width: 1400px) {
    .feature-package-container .double-rule--outer {
      width: 57.31707%;
      margin-left: 2.43902%;
      margin-left: 21.34146%; } }
  @media (min-width: 900px) and (max-width: 1200px) {
    .feature-package-container .double-rule--outer {
      width: 74.39024%;
      margin-left: 2.43902%;
      margin-left: 12.80488%; } }
  @media (max-width: 899px) {
    .feature-package-container .double-rule--outer {
      width: 74.39024%;
      margin-left: 2.43902%;
      margin-left: 12.80488%; } }
  @media (max-width: 650px) {
    .feature-package-container .double-rule--outer {
      width: 82.92683%;
      margin-left: 2.43902%;
      margin-left: 8.53659%; } }

.feature-package-container .feature:not(.feature--calling-post) .feature-article .best-restaurants-title {
  width: 21.25%;
  float: left;
  margin-left: 5%;
  margin-left: 0; }
  @media (max-width: 650px) {
    .feature-package-container .feature:not(.feature--calling-post) .feature-article .best-restaurants-title {
      width: 65%;
      float: left;
      margin-left: 5%;
      margin-left: 14.63415%; } }
  .feature-package-container .feature:not(.feature--calling-post) .feature-article .best-restaurants-title img {
    margin-top: 10px; }
    @media (max-width: 1100px) {
      .feature-package-container .feature:not(.feature--calling-post) .feature-article .best-restaurants-title img {
        margin-top: 6px; } }
    @media (max-width: 650px) {
      .feature-package-container .feature:not(.feature--calling-post) .feature-article .best-restaurants-title img {
        margin-top: 0px;
        margin-bottom: 30px;
        width: 160px; } }

.feature-package-container .feature:not(.feature--calling-post) .feature-article p {
  width: 73.75%;
  float: left;
  margin-left: 5%;
  display: block;
  margin-left: 25%;
  float: none; }
  .feature-package-container .feature:not(.feature--calling-post) .feature-article p .best-bite {
    font-family: 'National';
    font-weight: bold;
    text-transform: uppercase;
    background-color: yellow; }
  @media (max-width: 650px) {
    .feature-package-container .feature:not(.feature--calling-post) .feature-article p {
      width: 100%;
      float: left;
      margin-left: 0;
      margin-right: 0; } }

.sjm-feature-package-footer-wrap {
  padding-right: 20px;
  padding-left: 20px; }

.sjm-feature-package-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-top: 1px solid #999;
  padding: 30px 0; }
  .sjm-feature-package-footer__logo-wrap {
    -ms-flex-negative: 0;
        flex-shrink: 0; }
    .sjm-feature-package-footer__logo-wrap .svg-icon--tl-black-box {
      display: block; }
  .sjm-feature-package-footer__copyright {
    padding-left: 20px;
    text-align: right;
    line-height: 19px;
    font-family: 'National';
    font-size: 17px;
    font-weight: 400; }

/**
 * This file contains the css for sponsored badges and logos
 */
.sponsored-content-badge {
  display: block;
  margin-top: 8px;
  margin-bottom: 8px; }
  .sponsored-content-badge a {
    display: inline-block;
    font-family: "National" !important;
    text-shadow: none;
    -webkit-text-fill-color: #000;
    -webkit-text-stroke-width: 0;
    font-weight: 700;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.0; }
    @media (max-width: 450px) {
      .sponsored-content-badge a {
        font-size: 12px;
        font-size: 0.75rem; } }
    .sponsored-content-badge a img {
      border-right: solid 1px #808080;
      padding-right: 16px;
      margin: 0;
      float: left; }
    .sponsored-content-badge a .labels-wrap {
      float: left;
      padding: 8px 12px 0 12px;
      text-transform: none;
      letter-spacing: 0px;
      letter-spacing: 0; }
      .sponsored-content-badge a .labels-wrap p {
        font-size: 14px;
        font-size: 0.875rem;
        margin-bottom: 0px;
        margin-bottom: 0;
        line-height: 14px;
        line-height: 0.875rem;
        font-weight: 600; }
        @media (max-width: 450px) {
          .sponsored-content-badge a .labels-wrap p {
            font-size: 12px;
            font-size: 0.75rem;
            margin-bottom: 0px;
            margin-bottom: 0; } }
      .sponsored-content-badge a .labels-wrap .attribution {
        font-size: 12px;
        font-size: 0.75rem;
        font-weight: 400; }
  .sponsored-content-badge .collection-card-top-stories__headline--full {
    display: none;
    height: 0; }

/**
 * This file contains the css for archives (category pillars, tag pillars)
 */
.archive-header {
  margin-bottom: 30px;
  margin-bottom: 1.875rem;
  padding-top: 15px;
  padding-top: 0.9375rem;
  border-top: 8px double #000;
  border-bottom: 1px solid #000; }
  @media (max-width: 899px) {
    .archive-header {
      border-top: none;
      border-bottom: 8px double #000; } }
  .archive-header .archive-header-center {
    margin-top: 0px;
    margin-top: 0;
    margin-bottom: 8px;
    margin-bottom: 0.5rem;
    text-align: center; }
    @media (max-width: 899px) {
      .archive-header .archive-header-center {
        padding-top: 10px;
        padding-top: 0.625rem;
        border: none; } }
  .archive-header .archive-header-left {
    height: 80px; }
    .archive-header .archive-header-left .archive-shoulder-content {
      margin-right: -220px;
      margin-right: -13.75rem; }
      @media (min-width: 900px) and (max-width: 1399px) {
        .archive-header .archive-header-left .archive-shoulder-content {
          margin-right: -200px;
          margin-right: -12.5rem; } }
    @media (max-width: 899px) {
      .archive-header .archive-header-left {
        height: 50px; } }
    .archive-header .archive-header-left h5 {
      font-size: 24px;
      font-size: 1.5rem;
      font-weight: 700;
      line-height: 1; }
      @media (min-width: 900px) and (max-width: 1399px) {
        .archive-header .archive-header-left h5 {
          font-size: 18px;
          font-size: 1.125rem; } }
      @media (max-width: 899px) {
        .archive-header .archive-header-left h5 {
          display: none; } }
    .archive-header .archive-header-left h6 {
      color: #ee3124;
      font-size: 20px;
      font-size: 1.25rem;
      line-height: 1; }
      @media (min-width: 900px) and (max-width: 1399px) {
        .archive-header .archive-header-left h6 {
          font-size: 14px;
          font-size: 0.875rem; } }
      @media (max-width: 899px) {
        .archive-header .archive-header-left h6 {
          display: none; } }
    .archive-header .archive-header-left img.right {
      margin: 0;
      max-height: 110px;
      max-height: 110px;
      max-height: 6.875rem;
      margin-top: -10px;
      margin-top: -0.625rem;
      width: auto; }
      @media (min-width: 900px) and (max-width: 1399px) {
        .archive-header .archive-header-left img.right {
          max-height: 90px;
          max-height: 5.625rem; } }
      @media (max-width: 899px) {
        .archive-header .archive-header-left img.right {
          display: none; } }
  .archive-header .archive-header-right {
    height: 80px; }
    .archive-header .archive-header-right .archive-shoulder-content {
      margin-left: -220px;
      margin-left: -13.75rem; }
      @media (min-width: 900px) and (max-width: 1399px) {
        .archive-header .archive-header-right .archive-shoulder-content {
          margin-left: -200px;
          margin-left: -12.5rem; } }
    @media (max-width: 899px) {
      .archive-header .archive-header-right {
        height: 50px; } }
    .archive-header .archive-header-right h5 {
      font-family: Jubilat;
      font-size: 16px;
      font-size: 1rem;
      font-weight: 100;
      line-height: 1;
      color: #999; }
      @media (min-width: 900px) and (max-width: 1399px) {
        .archive-header .archive-header-right h5 {
          font-size: 14px;
          font-size: 0.875rem; } }
      @media (max-width: 899px) {
        .archive-header .archive-header-right h5 {
          display: none; } }
    .archive-header .archive-header-right h6 {
      color: #ee3124;
      font-size: 24px;
      font-size: 1.5rem;
      line-height: 1; }
      @media (min-width: 900px) and (max-width: 1399px) {
        .archive-header .archive-header-right h6 {
          font-size: 18px;
          font-size: 1.125rem; } }
      @media (max-width: 899px) {
        .archive-header .archive-header-right h6 {
          display: none; } }
    .archive-header .archive-header-right img.right {
      margin: 0;
      max-height: 110px;
      max-height: 6.875rem;
      width: auto;
      margin-top: -10px;
      margin-top: -0.625rem; }
      @media (min-width: 900px) and (max-width: 1399px) {
        .archive-header .archive-header-right img.right {
          max-height: 90px;
          max-height: 5.625rem; } }
      @media (max-width: 899px) {
        .archive-header .archive-header-right img.right {
          display: none; } }
    .archive-header .archive-header-right .sponsored-content-badge {
      margin-top: 20px;
      margin-top: 1.25rem; }
      .archive-header .archive-header-right .sponsored-content-badge a {
        display: block; }
      @media (min-width: 900px) and (max-width: 1399px) {
        .archive-header .archive-header-right .sponsored-content-badge {
          margin-top: 4px;
          margin-top: 0.25rem; } }
      @media (max-width: 899px) {
        .archive-header .archive-header-right .sponsored-content-badge {
          display: none; } }
  .archive-header h1, .archive-header h1 a {
    margin-bottom: 0;
    line-height: 1.2;
    font-weight: 700;
    display: inline-block;
    margin-right: 8px;
    margin-right: 0.5rem;
    text-transform: uppercase;
    padding: 0 18px;
    letter-spacing: 1.8px;
    letter-spacing: 0.1125rem;
    font-size: 78px;
    font-size: 4.875rem;
    color: #FFF;
    text-shadow: 0px 0px #000, 1px 1px #000, 2px 2px #000, 3px 3px #000, 4px 4px #000, 5px 5px #000;
    -webkit-text-fill-color: #FFF;
    /* Will override color (regardless of order) */
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #000; }
    @media (min-width: 900px) and (max-width: 1399px) {
      .archive-header h1, .archive-header h1 a {
        font-size: 58px;
        font-size: 3.625rem; } }
    @media (max-width: 899px) {
      .archive-header h1, .archive-header h1 a {
        font-size: 40px;
        font-size: 2.5rem; } }

.archive-main p {
  font-size: 18px;
  font-size: 1.125rem;
  margin-bottom: 30px;
  margin-bottom: 1.875rem;
  line-height: 25px;
  line-height: 1.5625rem;
  font-weight: normal; }
  @media (max-width: 450px) {
    .archive-main p {
      font-size: 18px;
      font-size: 1.125rem;
      margin-bottom: 15px;
      margin-bottom: 0.9375rem; } }

.archive-main .archive-topic-link {
  margin-bottom: 14px;
  margin-bottom: 0.875rem;
  margin-right: 8px;
  margin-right: 0.5rem; }

.archive-main h1 {
  font-size: 45px;
  font-size: 2.8125rem;
  line-height: 1; }

.archive-main article {
  margin-top: 0px;
  margin-top: 0;
  margin-bottom: 20px;
  margin-bottom: 1.25rem;
  padding-bottom: 30px;
  padding-bottom: 1.875rem;
  border-bottom: 1px dotted #999; }

.archive-main .quote-archive .quote-archive-excerpt h1 {
  font-family: Jubilat;
  font-weight: 300;
  margin-bottom: 10px;
  margin-bottom: 0.625rem; }

.archive-main .pagination {
  margin-top: 18px;
  margin-top: 1.125rem;
  margin-bottom: 18px;
  margin-bottom: 1.125rem;
  text-align: center; }
  .archive-main .pagination .page-numbers {
    border-top-left-radius: 50%;
    border-top-right-radius: 50%;
    border-bottom-right-radius: 50%;
    border-top-right-radius: 50%;
    border-bottom-left-radius: 50%;
    border-bottom-right-radius: 50%;
    border-bottom-left-radius: 50%;
    border-top-left-radius: 50%;
    background-color: #999;
    display: inline-block;
    font-family: National !important;
    font-weight: 600;
    font-size: 15px;
    font-size: 0.9375rem;
    text-decoration: none;
    line-height: 34px;
    line-height: 2.125rem;
    text-align: center;
    color: #FFF;
    height: 35px;
    height: 2.1875rem;
    width: 35px;
    width: 2.1875rem; }
    @media (max-width: 899px) {
      .archive-main .pagination .page-numbers {
        line-height: 20px;
        line-height: 1.25rem;
        height: 10px;
        height: 0.625rem;
        width: 10px;
        width: 0.625rem;
        font-size: 0px; }
        .archive-main .pagination .page-numbers:nth-child(1) {
          line-height: 34px;
          line-height: 2.125rem;
          height: 35px;
          height: 2.1875rem;
          width: 35px;
          width: 2.1875rem;
          font-size: 15px;
          font-size: 0.9375rem; }
        .archive-main .pagination .page-numbers:nth-child(10) {
          line-height: 34px;
          line-height: 2.125rem;
          height: 35px;
          height: 2.1875rem;
          width: 35px;
          width: 2.1875rem;
          font-size: 15px;
          font-size: 0.9375rem; } }
  .archive-main .pagination .current {
    background-color: #000;
    line-height: 34px;
    line-height: 2.125rem;
    height: 35px;
    height: 2.1875rem;
    width: 35px;
    width: 2.1875rem;
    font-size: 15px;
    font-size: 0.9375rem; }

/**
 * This file contains the css for the search results page, overrides google custom search css
 */
.gsc-control-cse {
  font-family: National !important;
  font-weight: 600;
  padding-top: 0 !important;
  font-size: 24px;
  font-size: 1.5rem; }
  .gsc-control-cse .gsc-tabsArea {
    border-color: #FFF; }
  .gsc-control-cse .gsc-tabHeader {
    text-transform: uppercase;
    font-size: 16px;
    font-size: 1rem;
    padding: 10px 6%; }
    @media (min-width: 900px) and (max-width: 1399px) {
      .gsc-control-cse .gsc-tabHeader {
        padding: 6px 18px; } }
    @media (max-width: 899px) {
      .gsc-control-cse .gsc-tabHeader {
        width: 100%;
        padding: 6px 14px;
        display: none; }
        .gsc-control-cse .gsc-tabHeader:first-of-type {
          display: block; } }
    @media (max-width: 450px) {
      .gsc-control-cse .gsc-tabHeader {
        width: 100%;
        padding: 6px 8px;
        font-size: 16px;
        font-size: 1rem;
        display: none;
        opacity: 0; }
        .gsc-control-cse .gsc-tabHeader:first-of-type {
          display: block;
          opacity: 1; } }
  .gsc-control-cse .gsc-tabHeader--opened {
    display: block;
    opacity: 1; }
  .gsc-control-cse .gsc-tabHeader.gsc-tabhInactive {
    border-top-color: #FFF;
    border-left-color: #FFF;
    border-right-color: #FFF;
    border-bottom-color: #FFF;
    color: #999;
    background-color: #EEE; }
  .gsc-control-cse .gsc-tabHeader.gsc-tabhActive {
    border-top-color: #FFF;
    border-left-color: #FFF;
    border-right-color: #FFF;
    border-bottom-color: #FFF;
    color: #000;
    background-color: #AAA; }
  .gsc-control-cse .gsc-result-info-container, .gsc-control-cse .gsc-orderby-container {
    display: none; }
  @media (max-width: 899px) {
    .gsc-control-cse .gsc-table-result td {
      display: table-row;
      width: 100%; } }
  .gsc-control-cse td.gsc-table-cell-thumbnail, .gsc-control-cse td.gs-promotion-image-cell {
    vertical-align: middle; }
  .gsc-control-cse .gs-web-image-box, .gsc-control-cse .gs-promotion-image-box {
    height: 138px;
    width: 250px !important;
    background-color: #EEE;
    display: table-cell;
    vertical-align: middle;
    padding: 10px;
    margin-right: 10px; }
    @media (max-width: 899px) {
      .gsc-control-cse .gs-web-image-box, .gsc-control-cse .gs-promotion-image-box {
        height: auto;
        width: 100%;
        padding: 0; } }
    .gsc-control-cse .gs-web-image-box a.gs-image, .gsc-control-cse .gs-promotion-image-box a.gs-image {
      display: inline-block;
      vertical-align: middle;
      /* vertical alignment of the inline element */
      height: 100%;
      position: relative; }
    .gsc-control-cse .gs-web-image-box img.gs-image, .gsc-control-cse .gs-promotion-image-box img.gs-image {
      max-width: 240px !important;
      max-height: 100% !important;
      display: inline-block;
      position: relative;
      top: 50%;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%); }
      @media (max-width: 899px) {
        .gsc-control-cse .gs-web-image-box img.gs-image, .gsc-control-cse .gs-promotion-image-box img.gs-image {
          height: auto;
          width: 100%;
          max-width: 100% !important;
          padding: 0;
          -webkit-transform: none;
                  transform: none;
          top: auto;
          margin-top: 10px; } }
  .gsc-control-cse .gs-result .gs-title, .gsc-control-cse .gs-result .gs-title * {
    font-family: "BureauGrotCond";
    font-size: 26px !important;
    font-weight: 500;
    color: #000 !important;
    text-decoration: none;
    height: auto; }
    .gsc-control-cse .gs-result .gs-title b, .gsc-control-cse .gs-result .gs-title * b {
      text-decoration: underline; }
  .gsc-control-cse .gs-snippet {
    font-family: Georgia;
    font-size: 18px !important; }
  .gsc-control-cse .gsc-url-bottom {
    display: none; }
  .gsc-control-cse .gsc-results .gsc-cursor-box {
    margin-top: 18px;
    margin-top: 1.125rem;
    text-align: center; }
    .gsc-control-cse .gsc-results .gsc-cursor-box .gsc-cursor-page {
      border-top-left-radius: 50%;
      border-top-right-radius: 50%;
      border-bottom-right-radius: 50%;
      border-top-right-radius: 50%;
      border-bottom-left-radius: 50%;
      border-bottom-right-radius: 50%;
      border-bottom-left-radius: 50%;
      border-top-left-radius: 50%;
      background-color: #999;
      display: inline-block;
      font-family: National !important;
      font-weight: 600;
      font-size: 15px;
      text-decoration: none;
      line-height: 34px;
      text-align: center;
      color: #FFF;
      height: 35px;
      width: 35px; }
      @media (max-width: 899px) {
        .gsc-control-cse .gsc-results .gsc-cursor-box .gsc-cursor-page {
          line-height: 20px;
          height: 10px;
          width: 10px;
          font-size: 0px; }
          .gsc-control-cse .gsc-results .gsc-cursor-box .gsc-cursor-page:nth-child(1) {
            line-height: 34px;
            height: 35px;
            width: 35px;
            font-size: 15px; }
          .gsc-control-cse .gsc-results .gsc-cursor-box .gsc-cursor-page:nth-child(10) {
            line-height: 34px;
            height: 35px;
            width: 35px;
            font-size: 15px; } }
    .gsc-control-cse .gsc-results .gsc-cursor-box .gsc-cursor-current-page {
      background-color: #000;
      line-height: 34px;
      height: 35px;
      width: 35px;
      font-size: 15px; }
  .gsc-control-cse .gsc-results .gsc-result:hover {
    border-color: #999 !important; }
  .gsc-control-cse .gcsc-branding {
    display: none; }

.archive-header-search {
  margin-bottom: 6px;
  margin-bottom: 0.375rem; }

.search-main {
  position: relative; }
  .search-main .dropper-arrow {
    position: absolute;
    right: 30px;
    top: 40px;
    display: none; }
    @media (max-width: 899px) {
      .search-main .dropper-arrow {
        display: inline-block; } }

/**
 * This is the style markup for the 404 page
 */
.error404 {
  background-image: url("../img/404-bk.jpg");
  background-size: cover;
  height: auto; }
  .error404 .main-four-o-four {
    height: calc(100vh - 200px); }
    .error404 .main-four-o-four .search-form-container-four-o-four {
      position: relative;
      top: 36%;
      -webkit-transform: translateY(-36%);
              transform: translateY(-36%);
      -webkit-transform-style: preserve-3d;
              transform-style: preserve-3d;
      width: 100%;
      float: left;
      margin-left: 0;
      margin-right: 0;
      text-align: center; }
      @media (max-width: 899px) {
        .error404 .main-four-o-four .search-form-container-four-o-four {
          top: 26%;
          -webkit-transform: translateY(-26%);
                  transform: translateY(-26%); } }
      @media (max-width: 450px) {
        .error404 .main-four-o-four .search-form-container-four-o-four {
          top: 16%;
          -webkit-transform: translateY(-16%);
                  transform: translateY(-16%); } }
      .error404 .main-four-o-four .search-form-container-four-o-four h3 {
        font-family: 'Heliumrr';
        font-weight: 900;
        color: #FFF;
        line-height: 1;
        font-size: 105px;
        font-size: 6.5625rem;
        margin-bottom: 2px;
        margin-bottom: 0.125rem; }
        @media (min-width: 900px) and (max-width: 1399px) {
          .error404 .main-four-o-four .search-form-container-four-o-four h3 {
            font-size: 82px;
            font-size: 5.125rem; } }
        @media (max-width: 899px) {
          .error404 .main-four-o-four .search-form-container-four-o-four h3 {
            font-size: 62px;
            font-size: 3.875rem; } }
        @media (max-width: 450px) {
          .error404 .main-four-o-four .search-form-container-four-o-four h3 {
            font-size: 42px;
            font-size: 2.625rem; } }
      .error404 .main-four-o-four .search-form-container-four-o-four h6 {
        color: #FFF;
        font-size: 42px;
        font-size: 2.625rem;
        margin-bottom: 28px;
        margin-bottom: 1.75rem; }
        @media (max-width: 899px) {
          .error404 .main-four-o-four .search-form-container-four-o-four h6 {
            font-size: 32px;
            font-size: 2rem;
            margin-bottom: 16px;
            margin-bottom: 1rem; } }
        @media (max-width: 450px) {
          .error404 .main-four-o-four .search-form-container-four-o-four h6 {
            font-size: 24px;
            font-size: 1.5rem; } }
      .error404 .main-four-o-four .search-form-container-four-o-four input, .error404 .main-four-o-four .search-form-container-four-o-four button {
        padding-top: 0;
        font-size: 38px;
        font-size: 2.375rem;
        height: 60px;
        height: 3.75rem;
        line-height: 60px;
        line-height: 3.75rem; }
        @media (max-width: 899px) {
          .error404 .main-four-o-four .search-form-container-four-o-four input, .error404 .main-four-o-four .search-form-container-four-o-four button {
            font-size: 32px;
            font-size: 2rem; } }
        @media (max-width: 450px) {
          .error404 .main-four-o-four .search-form-container-four-o-four input, .error404 .main-four-o-four .search-form-container-four-o-four button {
            font-size: 22px;
            font-size: 1.375rem; } }
      .error404 .main-four-o-four .search-form-container-four-o-four button {
        top: -60px;
        top: -3.75rem; }
      .error404 .main-four-o-four .search-form-container-four-o-four svg {
        height: 60px;
        height: 3.75rem; }
  .error404 footer {
    display: none; }

.single-article .standard-article-body div.sotw_wrapper p {
  margin-bottom: 0.3em; }
  .single-article .standard-article-body div.sotw_wrapper p strong {
    font-family: National; }

.single-article .standard-article-body div.sotw_wrapper .article-link {
  margin: 0; }

.single-article .standard-article-body div.sotw_wrapper ul.sotw_ul {
  margin-bottom: 20px; }
  .single-article .standard-article-body div.sotw_wrapper ul.sotw_ul li {
    list-style: disc;
    font-size: 1.375rem;
    margin-left: 20px; }
    @media (max-width: 450px) {
      .single-article .standard-article-body div.sotw_wrapper ul.sotw_ul li {
        font-size: 1.125rem; } }

.single-article .standard-article-body div.sotw_wrapper .sale_badge {
  float: left;
  background: #ee3124;
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  font-family: Georgia, serif;
  margin: 0 20px 50px 0;
  padding: 10px;
  height: 180px;
  height: 11.25rem;
  width: 180px;
  width: 11.25rem;
  border-radius: 50%;
  position: relative; }
  @media (max-width: 899px) {
    .single-article .standard-article-body div.sotw_wrapper .sale_badge {
      width: 100%;
      float: left;
      margin-left: 0;
      margin-right: 0;
      border-radius: 20px;
      border-radius: 1.25rem;
      height: 76px;
      height: 4.75rem;
      margin-bottom: 20px;
      margin-bottom: 1.25rem; } }
  @media (max-width: 450px) {
    .single-article .standard-article-body div.sotw_wrapper .sale_badge {
      height: 58px;
      height: 3.625rem;
      margin-bottom: 20px;
      margin-bottom: 1.25rem; } }

.single-article .standard-article-body div.sotw_wrapper .sale_badge_inner {
  font-family: National;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%); }
  @media (max-width: 899px) {
    .single-article .standard-article-body div.sotw_wrapper .sale_badge_inner {
      max-height: 50px;
      width: 100%;
      position: relative;
      display: inline-block;
      top: 0;
      left: 0;
      -webkit-transform: none;
              transform: none; } }
  @media (max-width: 899px) {
    .single-article .standard-article-body div.sotw_wrapper .sale_badge_inner_left {
      text-align: left;
      width: 48.14815%;
      float: left;
      margin-left: 0;
      padding-left: 16px;
      padding-left: 1rem; } }
  @media (max-width: 899px) {
    .single-article .standard-article-body div.sotw_wrapper .sale_badge_inner_right {
      text-align: left;
      width: 48.14815%;
      float: right;
      margin-left: 3.7037%;
      padding-left: 16px;
      padding-left: 1rem; } }

.single-article .standard-article-body div.sotw_wrapper .sale_badge_listed_at {
  font-weight: 600;
  font-size: 16px;
  font-size: 1rem; }
  @media (max-width: 450px) {
    .single-article .standard-article-body div.sotw_wrapper .sale_badge_listed_at {
      font-size: 12px;
      font-size: 0.75rem; } }

.single-article .standard-article-body div.sotw_wrapper .sale_badge_listed_value {
  font-weight: 700;
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 22px;
  line-height: 1.375rem;
  margin-bottom: 14px;
  margin-bottom: 0.875rem; }
  @media (max-width: 450px) {
    .single-article .standard-article-body div.sotw_wrapper .sale_badge_listed_value {
      font-size: 18px;
      font-size: 1.125rem;
      line-height: 16px;
      line-height: 1rem; } }

.single-article .standard-article-body div.sotw_wrapper .sale_badge_sold_for {
  font-weight: 600;
  font-size: 16px;
  font-size: 1rem; }
  @media (max-width: 450px) {
    .single-article .standard-article-body div.sotw_wrapper .sale_badge_sold_for {
      font-size: 12px;
      font-size: 0.75rem; } }

.single-article .standard-article-body div.sotw_wrapper .sale_badge_sold_value {
  font-weight: 700;
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 22px;
  line-height: 1.375rem;
  margin-bottom: 14px;
  margin-bottom: 0.875rem; }
  @media (max-width: 450px) {
    .single-article .standard-article-body div.sotw_wrapper .sale_badge_sold_value {
      font-size: 18px;
      font-size: 1.125rem;
      line-height: 16px;
      line-height: 1rem; } }

.horizontal-editorial-sidebar {
  width: 100%;
  border-top: 4px solid #ee3124;
  -ms-box-orient: horizontal;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  margin-bottom: 24px;
  margin-bottom: 1.5rem; }

.horizontal-editorial-sidebar-header h3,
.horizontal-editorial-sidebar-header {
  text-transform: uppercase;
  font-size: 24px;
  font-size: 1.5rem;
  margin-bottom: 15px;
  margin-bottom: 0.9375rem;
  padding-top: 15px;
  padding-top: 0.9375rem;
  text-align: center;
  width: 100%; }
  @media (max-width: 899px) {
    .horizontal-editorial-sidebar-header h3,
    .horizontal-editorial-sidebar-header {
      -webkit-box-shadow: transparent 0px 0px 0px 0px;
      box-shadow: transparent 0px 0px 0px 0px; } }

.horizontal-editorial-sidebar-item {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-preferred-size: calc(100% / 4);
      flex-basis: calc(100% / 4);
  padding-left: 10px;
  padding-left: 0.625rem;
  padding-right: 10px;
  padding-right: 0.625rem;
  margin-bottom: 15px;
  margin-bottom: 0.9375rem; }
  @media (max-width: 899px) {
    .horizontal-editorial-sidebar-item {
      -ms-flex-preferred-size: calc(100% / 2);
          flex-basis: calc(100% / 2); } }
  @media (max-width: 450px) {
    .horizontal-editorial-sidebar-item {
      -ms-flex-preferred-size: 100%;
          flex-basis: 100%;
      padding: 0px;
      padding: 0; } }

.horizontal-editorial-sidebar-caption {
  font-family: "National", "Helvetica Neue", Arial, Helvetica, sans-serif;
  font-weight: 400;
  font-size: 16px;
  font-size: 1rem;
  line-height: 20px;
  line-height: 1.25rem; }
  .horizontal-editorial-sidebar-caption strong {
    font-weight: 700; }

.horizontal-editorial-footer {
  width: 100%;
  -ms-box-orient: horizontal;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  margin-bottom: 24px;
  margin-bottom: 1.5rem;
  margin-top: 20px;
  margin-top: 1.25rem; }

.horizontal-editorial-footer-header {
  padding: 0;
  font-size: 24px;
  font-size: 1.5rem;
  margin-bottom: 35px;
  margin-bottom: 2.1875rem;
  text-align: center;
  width: 100%;
  position: relative;
  -webkit-box-shadow: none;
  box-shadow: none;
  max-height: initial; }
  @media (max-width: 768px) {
    .horizontal-editorial-footer-header {
      margin-bottom: 30px; } }
  @media (max-width: 450px) {
    .horizontal-editorial-footer-header {
      margin-bottom: 10px; } }
  .horizontal-editorial-footer-header .feed__header {
    position: absolute;
    top: 12px;
    left: 0;
    display: inline-block;
    background-color: white;
    font-weight: 700;
    text-align: left;
    font-family: 'BureauGrotCond';
    font-style: normal;
    text-transform: uppercase;
    border: none;
    line-height: 1em;
    letter-spacing: 1px;
    letter-spacing: 0.0625rem;
    font-size: 32px;
    font-size: 2rem;
    margin-top: -28px;
    margin-top: -1.75rem;
    padding-right: 20px;
    padding-right: 1.25rem;
    margin-bottom: 20px;
    margin-bottom: 1.25rem;
    margin-right: 126px;
    margin-right: 7.875rem;
    color: #fff;
    text-shadow: 0px 0px #000, 1px 1px #000, 2px 2px #000, 3px 3px #000, 4px 4px #000,  5px 5px #000;
    -webkit-text-fill-color: white;
    /* Will override color (regardless of order) */
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: black; }
    @media (max-width: 768px) {
      .horizontal-editorial-footer-header .feed__header {
        text-align: center;
        border-top: 8px double black;
        border-bottom: 1px solid black;
        width: 100%;
        padding-right: 20px;
        padding-right: 1.25rem;
        margin-bottom: 50px;
        margin-bottom: 3.125rem;
        margin-bottom: 0;
        margin-right: 0;
        position: relative;
        top: initial;
        left: initial; } }
  .horizontal-editorial-footer-header .passport_logo {
    display: block;
    width: 106px;
    height: 26px;
    position: absolute;
    right: 0;
    top: 0;
    background: #fff;
    padding-left: 15px; }
    .horizontal-editorial-footer-header .passport_logo img {
      margin-bottom: 0; }
    @media (max-width: 768px) {
      .horizontal-editorial-footer-header .passport_logo {
        position: relative;
        top: initial;
        bottom: initial;
        display: inline-block;
        margin-right: 0;
        right: 0;
        padding-left: 0;
        margin-top: 10px;
        margin-top: 0.625rem;
        margin-bottom: 20px;
        margin-bottom: 1.25rem; } }
    @media (max-width: 450px) {
      .horizontal-editorial-footer-header .passport_logo {
        margin-bottom: 0; } }

.double-line {
  display: block;
  height: 24px;
  min-height: 24px;
  max-height: 24px;
  font-size: 1px;
  line-height: 0;
  padding: 0;
  clear: both;
  width: 100%;
  border-top: 8px solid black;
  border-bottom: 8px solid black;
  -webkit-box-shadow: none;
          box-shadow: none;
  text-shadow: none; }
  @media (max-width: 768px) {
    .double-line {
      border: none;
      text-align: center;
      height: auto;
      margin-bottom: 0;
      height: 100%;
      max-height: 100%; } }

.horizontal-editorial-footer-item, .horizontal-editorial-footer--passport .post-preview {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-preferred-size: calc(100% / 6);
      flex-basis: calc(100% / 6);
  padding-left: 20px;
  padding-left: 1.25rem;
  margin-bottom: 15px;
  margin-bottom: 0.9375rem; }
  @media (max-width: 899px) {
    .horizontal-editorial-footer-item, .horizontal-editorial-footer--passport .post-preview {
      -ms-flex-preferred-size: calc(100% / 1);
          flex-basis: calc(100% / 1);
      padding: 0; } }
  @media (max-width: 450px) {
    .horizontal-editorial-footer-item, .horizontal-editorial-footer--passport .post-preview {
      -ms-flex-preferred-size: 100%;
          flex-basis: 100%;
      padding: 0px;
      padding: 0;
      margin-top: 20px;
      margin-top: 1.25rem; } }
  .horizontal-editorial-footer-item:not(header):nth-child(1), .horizontal-editorial-footer--passport .post-preview:not(header):nth-child(1) {
    margin-left: -20px; }
    @media (max-width: 899px) {
      .horizontal-editorial-footer-item:not(header):nth-child(1), .horizontal-editorial-footer--passport .post-preview:not(header):nth-child(1) {
        margin-left: 0; } }
  @media (max-width: 599px) {
    .horizontal-editorial-footer-item .single-topic-wrapper .card__label, .horizontal-editorial-footer--passport .post-preview .single-topic-wrapper .card__label {
      margin-bottom: 12px;
      margin-bottom: 0.75rem; } }
  .horizontal-editorial-footer-item .post-preview__topic a, .horizontal-editorial-footer--passport .post-preview .post-preview__topic a {
    z-index: 100;
    color: #ee3124;
    text-transform: uppercase;
    display: inline-block;
    line-height: 95%;
    border-bottom: 1px solid #ee3124;
    text-shadow: 1px 1px 0 white, -1px -1px 0 white, 1px -1px 0 white, -1px 1px 0 white, 1px 1px 0 white;
    font-size: 12px;
    font-size: 0.75rem;
    letter-spacing: 1px;
    letter-spacing: 0.0625rem;
    margin-bottom: 20px;
    margin-bottom: 1.25rem; }
    @media (max-width: 599px) {
      .horizontal-editorial-footer-item .post-preview__topic a, .horizontal-editorial-footer--passport .post-preview .post-preview__topic a {
        margin-bottom: 12px;
        margin-bottom: 0.75rem; } }
  .horizontal-editorial-footer-item .post-preview__byline-wrap, .horizontal-editorial-footer--passport .post-preview .post-preview__byline-wrap {
    display: none; }

.horizontal-editorial-footer-header + * {
  margin-left: -20px; }
  @media (max-width: 899px) {
    .horizontal-editorial-footer-header + * {
      margin-left: 0; } }

.horizontal-editorial-footer-caption {
  font-family: "National", "Helvetica Neue", Arial, Helvetica, sans-serif;
  font-weight: 400;
  font-size: 16px;
  font-size: 1rem;
  line-height: 20px;
  line-height: 1.25rem; }
  .horizontal-editorial-footer-caption strong {
    font-weight: 700; }

@media (max-width: 899px) {
  .horizontal-editorial-footer-image, .post-preview__header-wrap {
    width: 45%;
    float: left;
    margin-right: 15px; } }

@media (max-width: 450px) {
  .horizontal-editorial-footer-image, .post-preview__header-wrap {
    width: 100%; } }

.horizontal-editorial-footer-category .feed-card-page--split__label {
  margin-bottom: 15px;
  margin-bottom: 0.9375rem; }
  @media (max-width: 899px) {
    .horizontal-editorial-footer-category .feed-card-page--split__label {
      margin-bottom: 8px;
      margin-bottom: 0.5rem; } }

.horizontal-editorial-footer-title, .horizontal-editorial-footer--passport .post-preview-title {
  font-family: 'National';
  font-weight: 700;
  font-style: normal;
  color: #000;
  margin-bottom: 8px;
  margin-bottom: 0.5rem;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 20px;
  line-height: 1.25rem; }
  @media (max-width: 899px) {
    .horizontal-editorial-footer-title, .horizontal-editorial-footer--passport .post-preview-title {
      font-size: 20px;
      font-size: 1.25rem; } }
  @media (max-width: 699px) {
    .horizontal-editorial-footer-title, .horizontal-editorial-footer--passport .post-preview-title {
      font-size: 18px;
      font-size: 1.125rem; } }
  @media (max-width: 499px) {
    .horizontal-editorial-footer-title, .horizontal-editorial-footer--passport .post-preview-title {
      font-size: 16px;
      font-size: 1rem;
      line-height: 1rem; } }
  .feature .horizontal-editorial-footer-title, .feature .horizontal-editorial-footer--passport .post-preview-title {
    font-size: 16px;
    font-size: 1rem;
    line-height: 18px;
    line-height: 1.125rem; }
    @media (max-width: 899px) {
      .feature .horizontal-editorial-footer-title, .feature .horizontal-editorial-footer--passport .post-preview-title {
        font-size: 20px;
        font-size: 1.25rem; } }
    @media (max-width: 699px) {
      .feature .horizontal-editorial-footer-title, .feature .horizontal-editorial-footer--passport .post-preview-title {
        font-size: 18px;
        font-size: 1.125rem; } }
    @media (max-width: 499px) {
      .feature .horizontal-editorial-footer-title, .feature .horizontal-editorial-footer--passport .post-preview-title {
        font-size: 16px;
        font-size: 1rem;
        line-height: 1rem; } }

.horizontal-editorial-footer-excerpt {
  font-size: 16px;
  font-size: 1rem;
  line-height: 19px;
  line-height: 1.1875rem; }

#corrections {
  padding-bottom: 30px;
  padding-top: 40px;
  border-top: 1px dotted #999; }
  #corrections #corrections_label {
    display: inline-block;
    background: #ee3124;
    color: #FFF;
    font-family: National, arial, sans-serif;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 110%;
    padding: 3px 5px;
    margin-bottom: 17px;
    margin-bottom: 1.0625rem;
    text-transform: uppercase; }
  #corrections .corrections_item {
    font-family: Georgia, Cambria, 'Times New Roman', Times, serif;
    font-style: italic;
    font-size: 22px;
    font-size: 1.375rem;
    margin-bottom: 16px; }
    #corrections .corrections_item .corrections_date {
      font-weight: bold;
      font-size: 24px;
      font-size: 1.5rem; }

.inline-app.guide {
  font-family: BureauGrotCond, National, Arial, sans-serif;
  /**
	* Checkboxes & radios
	*/
  /* single listing page */
  /* content module styles */ }
  .inline-app.guide .desktop-only {
    display: initial; }
  .inline-app.guide .mobile-only {
    display: none; }
  .inline-app.guide h2.feed__header {
    margin-top: 35px; }
  .inline-app.guide #left_sidebar {
    width: 25%;
    float: left; }
    @media (max-width: 899px) {
      .inline-app.guide #left_sidebar {
        float: none;
        clear: both;
        width: 100%; } }
  @media (max-width: 899px) {
    .inline-app.guide #menu_bar {
      display: none; } }
  .inline-app.guide #right_sidebar {
    display: none;
    width: 300px;
    height: 100%;
    float: right; }
    @media (min-width: 1400px) {
      .inline-app.guide #right_sidebar {
        display: block; } }
  .inline-app.guide #results_container {
    clear: none;
    float: left;
    width: 75%;
    max-width: 920px;
    margin-top: 5px;
    padding: 0px 0px 0px 20px;
    overflow: visible; }
    @media (max-width: 899px) {
      .inline-app.guide #results_container {
        width: 100%;
        padding-left: 0; } }
  .inline-app.guide #results {
    float: left;
    width: 100%; }
    @media (min-width: 1400px) {
      .inline-app.guide #results {
        width: 580px; } }
  .inline-app.guide h2.feed__header {
    font-size: 25px;
    font-size: 1.65rem; }
    @media (min-width: 1400px) {
      .inline-app.guide h2.feed__header {
        font-size: 35px;
        font-size: 2.1875rem; } }
  .inline-app.guide #search_form {
    display: block;
    width: 100%;
    height: 55px;
    margin-bottom: 20px;
    position: relative; }
    @media (max-width: 899px) {
      .inline-app.guide #search_form {
        height: 45px; } }
    .inline-app.guide #search_form #search_icon {
      border: none;
      background: #ee3124;
      color: #fff;
      text-align: center;
      width: 55px;
      height: 55px;
      padding-top: 0.9375rem;
      position: absolute;
      top: 0;
      right: 0; }
      @media (max-width: 899px) {
        .inline-app.guide #search_form #search_icon {
          width: 45px;
          height: 45px;
          padding-top: 0.75rem; } }
    .inline-app.guide #search_form #search1, .inline-app.guide #search_form #search {
      position: relative;
      height: 55px; }
      .inline-app.guide #search_form #search1 input[type="text"], .inline-app.guide #search_form #search input[type="text"] {
        background: #fff;
        font-family: Jubilat, serif;
        font-weight: 300;
        color: #666;
        padding: 0 20px;
        text-overflow: ellipsis;
        height: 55px;
        border: 1px solid #666; }
        @media (max-width: 899px) {
          .inline-app.guide #search_form #search1 input[type="text"], .inline-app.guide #search_form #search input[type="text"] {
            font-size: 18px;
            height: 45px; } }
      @media (max-width: 899px) {
        .inline-app.guide #search_form #search1, .inline-app.guide #search_form #search {
          height: 45px; } }
  .inline-app.guide .sitemchk:checked, .inline-app.guide .sitemchk:not(:checked) {
    width: 0;
    height: 0;
    display: none;
    opacity: 0; }
    .inline-app.guide .sitemchk:checked + label, .inline-app.guide .sitemchk:not(:checked) + label {
      display: inline-block;
      margin-right: 3px;
      margin-top: 3px;
      margin-bottom: 3px;
      padding-left: 30px;
      padding-top: 2px;
      position: relative;
      cursor: pointer; }
      .inline-app.guide .sitemchk:checked + label:before, .inline-app.guide .sitemchk:not(:checked) + label:before {
        position: absolute;
        display: block;
        padding-bottom: 3px;
        vertical-align: middle;
        bottom: 1px;
        left: 0;
        width: 20px;
        height: 20px;
        border: 1px solid #ccc;
        border-radius: 3px;
        color: #ccc;
        background-color: #f2f2f2; }
      .inline-app.guide .sitemchk:checked + label:hover:before, .inline-app.guide .sitemchk:not(:checked) + label:hover:before {
        background-color: #ccc; }
    .inline-app.guide .sitemchk:checked:focus + label:before, .inline-app.guide .sitemchk:not(:checked):focus + label:before {
      border-color: #6FB5FB;
      -webkit-box-shadow: 0 0 6px 0 #6FB5FB;
              box-shadow: 0 0 6px 0 #6FB5FB; }
    .inline-app.guide .sitemchk:checked[disabled] + label, .inline-app.guide .sitemchk:not(:checked)[disabled] + label {
      cursor: not-allowed;
      opacity: .4; }
      .inline-app.guide .sitemchk:checked[disabled] + label:before, .inline-app.guide .sitemchk:not(:checked)[disabled] + label:before {
        opacity: .7; }
  .inline-app.guide .sitemchk:checked + label:before,
  .inline-app.guide .sitemchk:not(:checked) + label:before {
    font-family: "FontAwesome";
    font-size: 15px;
    line-height: 20px;
    text-align: center;
    -webkit-transition: border-color .2s ease-in, background-color .2s ease-in;
    transition: border-color .2s ease-in, background-color .2s ease-in; }
  .inline-app.guide .sitemchk:checked + label:before {
    content: "\f00c";
    color: #FFF;
    background-color: #ee3124;
    border-color: #ee3124; }
  .inline-app.guide .sitemchk:not(:checked) + label:before {
    content: ""; }
  .inline-app.guide label {
    color: #939598;
    display: block;
    font-family: National, Arial, sans-serif;
    font-size: 16px;
    line-height: 1.8em;
    cursor: pointer; }
    .inline-app.guide label span {
      color: #000; }
  .inline-app.guide tt {
    font-family: National, Arial, sans-serif;
    font-size: 16px;
    line-height: 2;
    display: block;
    width: 100%;
    color: #939598; }
    .inline-app.guide tt a {
      color: #000; }
      .inline-app.guide tt a:hover {
        color: #939598; }
    .inline-app.guide tt img {
      vertical-align: middle;
      margin-bottom: 0 !important;
      /***sidebar stars ***/
      height: 10px; }
  .inline-app.guide .moreshow {
    display: block;
    font-size: 16px;
    font-family: National, Arial, sans-serif; }
    .inline-app.guide .moreshow a.morebutton {
      display: block;
      cursor: pointer;
      color: #ee3124;
      text-decoration: underline;
      margin: 10px 0; }
    .inline-app.guide .moreshow .moreitems {
      background: #fff;
      margin: 5vh auto 0 auto;
      padding: 20px;
      position: fixed;
      height: 90vh;
      overflow: auto;
      top: 0;
      left: 10%;
      width: 80%;
      display: none;
      z-index: 13;
      font-size: 14px; }
      .inline-app.guide .moreshow .moreitems h2.feed__header {
        clear: both;
        margin-top: 20px; }
      .inline-app.guide .moreshow .moreitems tt {
        width: 33%;
        float: left; }
      .inline-app.guide .moreshow .moreitems .moreclose_wrapper {
        height: 10px; }
        .inline-app.guide .moreshow .moreitems .moreclose_wrapper .moreclose {
          cursor: pointer;
          float: right;
          font-size: 16px;
          padding: 0 30px 0 0;
          margin-bottom: 15px;
          background: url(/guides/images/x-black.svg) no-repeat right center; }
  .inline-app.guide #cl-map-container {
    position: relative;
    overflow: hidden; }
    @media (max-width: 899px) {
      .inline-app.guide #cl-map-container {
        display: none; } }
  .inline-app.guide #cl-map {
    width: 100%;
    height: 400px; }
  .inline-app.guide #cl-map-container:before, .inline-app.guide #cl-map-container:after, .inline-app.guide #cl-map:before, .inline-app.guide #cl-map:after {
    position: absolute;
    display: block;
    -webkit-box-shadow: 0 0 60px 0 rgba(0, 0, 0, 0.3);
            box-shadow: 0 0 60px 0 rgba(0, 0, 0, 0.3);
    content: '';
    z-index: 5; }
  .inline-app.guide #cl-map-container:before {
    top: -5px;
    left: 0;
    right: 0;
    height: 5px; }
  .inline-app.guide #cl-map-container:after {
    right: -5px;
    top: 0;
    bottom: 0;
    width: 5px; }
  .inline-app.guide #cl-map:before {
    bottom: -5px;
    left: 0;
    right: 0;
    height: 5px; }
  .inline-app.guide #cl-map:after {
    left: -5px;
    top: 0;
    bottom: 0;
    width: 5px; }
  .inline-app.guide #page_map {
    color: #ee3124;
    text-decoration: underline;
    margin: 20px 0;
    font-family: National, Arial, sans-serif;
    font-size: 16px;
    cursor: pointer; }
    @media (max-width: 899px) {
      .inline-app.guide #page_map {
        display: none; } }
  .inline-app.guide #listing_title {
    line-height: 20px;
    width: 100%;
    margin: 20px 0 35px 0;
    text-transform: none; }
    .inline-app.guide #listing_title > span {
      display: inline-block;
      height: 42px;
      background: #ee3124;
      color: #fff;
      font-family: National, Arial, sans-serif;
      font-weight: 300;
      font-size: 16px;
      margin: 5px 5px 0 0;
      padding: 8px 6px 6px 11px;
      border-radius: 5px; }
      .inline-app.guide #listing_title > span label {
        display: inline-block;
        width: 100px;
        text-align: right;
        color: #fff; }
    .inline-app.guide #listing_title .reset_btn {
      display: inline-block;
      margin: 2px 10px;
      vertical-align: middle;
      cursor: pointer; }
    .inline-app.guide #listing_title .now_showing {
      margin-bottom: 10px;
      font-size: 24px; }
  .inline-app.guide #listing_pages.desktop-only {
    display: table;
    margin: 20px auto; }
    .inline-app.guide #listing_pages.desktop-only ul {
      list-style: none;
      padding-top: 20px; }
      .inline-app.guide #listing_pages.desktop-only ul li {
        display: inline-block;
        font-family: National !important;
        font-size: 0.9375rem;
        font-weight: 600;
        line-height: 2.125rem;
        color: #fff !important;
        background: #999;
        width: 2.1875rem;
        height: 2.1875rem;
        margin-right: 4px;
        text-align: center;
        border-radius: 50%; }
        .inline-app.guide #listing_pages.desktop-only ul li.no_link {
          background: #000; }
        .inline-app.guide #listing_pages.desktop-only ul li:hover {
          background: #000; }
        .inline-app.guide #listing_pages.desktop-only ul li.no_link.prev_page {
          display: none; }
        .inline-app.guide #listing_pages.desktop-only ul li a {
          color: #fff !important;
          display: block;
          width: 100%;
          height: 100%; }
  .inline-app.guide #result_header {
    margin: 0;
    display: block;
    padding: 14px 0 18px 0;
    border: 1px solid #000;
    border-width: 1px 0; }
    .inline-app.guide #result_header ul {
      height: 22px;
      background: #fff;
      padding: 0; }
      .inline-app.guide #result_header ul li.title {
        list-style-type: none; }
        .inline-app.guide #result_header ul li.title p {
          color: #000;
          font-weight: bold;
          float: left;
          margin: 0px;
          font-family: National, Arial, sans-serif;
          font-size: 16px;
          font-weight: 300;
          text-align: center;
          cursor: pointer; }
          .inline-app.guide #result_header ul li.title p.address {
            width: 21%;
            text-align: left; }
          .inline-app.guide #result_header ul li.title p.cuisine {
            width: 27%; }
          .inline-app.guide #result_header ul li.title p.neighbor {
            width: 24%; }
          .inline-app.guide #result_header ul li.title p.star {
            width: 15%;
            height: 20px;
            background-position: center center !important; }
          .inline-app.guide #result_header ul li.title p.value {
            width: 13%; }
          @media (max-width: 450px) {
            .inline-app.guide #result_header ul li.title p a {
              color: #767676; } }
          .inline-app.guide #result_header ul li.title p a.sa {
            background: #fff url(/guides/images/arrow.svg) no-repeat right center;
            padding: 2px 20px 2px 0px; }
          .inline-app.guide #result_header ul li.title p a.sd {
            background: #fff url(/guides/images/arrow-down.svg) no-repeat right center;
            padding: 2px 20px 2px 0px; }
    @media (max-width: 899px) {
      .inline-app.guide #result_header {
        display: none; } }
  .inline-app.guide #search_results {
    list-style-type: none;
    min-height: 100%;
    margin-top: 0px; }
    .inline-app.guide #search_results li {
      position: relative;
      list-style-type: none;
      list-style: none;
      padding: 20px 0 0 0;
      margin: 0;
      clear: both;
      border-bottom: 1px dotted #ccc; }
      .inline-app.guide #search_results li h2 {
        font-size: 22px;
        padding: 0 0 5px; }
      .inline-app.guide #search_results li p {
        font-family: National, Arial, sans-serif;
        font-weight: normal;
        margin: 0px;
        font-size: 16px;
        overflow: hidden;
        text-align: center;
        float: left; }
        .inline-app.guide #search_results li p.address {
          width: 21%;
          text-align: left;
          font-weight: normal;
          font-size: 16px; }
          @media (max-width: 899px) {
            .inline-app.guide #search_results li p.address {
              width: 50%; } }
        .inline-app.guide #search_results li p.cuisine {
          width: 27%; }
          @media (max-width: 899px) {
            .inline-app.guide #search_results li p.cuisine {
              width: 50%;
              text-align: left; } }
        .inline-app.guide #search_results li p.neighbor {
          width: 24%; }
          @media (max-width: 899px) {
            .inline-app.guide #search_results li p.neighbor {
              width: 50%;
              text-align: left; } }
        .inline-app.guide #search_results li p.star {
          width: 15%;
          height: 20px;
          overflow: hidden;
          padding: 0;
          background-position: center center !important; }
          @media (max-width: 899px) {
            .inline-app.guide #search_results li p.star {
              width: 50%;
              clear: left;
              background-position: center left !important; } }
        .inline-app.guide #search_results li p.value {
          width: 13%; }
          @media (max-width: 899px) {
            .inline-app.guide #search_results li p.value {
              width: 50%;
              text-align: left; } }
  .inline-app.guide .maplist {
    float: left;
    margin-left: -9999px;
    position: absolute;
    min-height: 250px;
    width: 100%;
    margin-bottom: 30px; }
  .inline-app.guide #details .maplist {
    margin-bottom: 0; }
  .inline-app.guide .maplist-container {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: auto; }
  .inline-app.guide .maplist-container:before, .inline-app.guide .maplist-container:after, .inline-app.guide .maplist:before, .inline-app.guide .maplist:after {
    position: absolute;
    display: block;
    -webkit-box-shadow: 0 0 60px 0 rgba(0, 0, 0, 0.3);
            box-shadow: 0 0 60px 0 rgba(0, 0, 0, 0.3);
    content: '';
    z-index: 5; }
  .inline-app.guide .maplist-container:before {
    top: -5px;
    left: 0;
    right: 0;
    height: 5px; }
  .inline-app.guide .maplist-container:after {
    right: -5px;
    top: 0;
    bottom: 0;
    width: 5px; }
  .inline-app.guide .maplist:before {
    bottom: -5px;
    left: 0;
    right: 0;
    height: 5px; }
  .inline-app.guide .maplist:after {
    left: -5px;
    top: 0;
    bottom: 0;
    width: 5px; }
  .inline-app.guide .map_show {
    display: block;
    clear: both;
    cursor: pointer;
    font-family: National, Arial, sans-serif;
    font-size: 16px;
    color: #ED1C24;
    text-decoration: underline;
    margin-bottom: 20px; }
  .inline-app.guide .rating0_5 {
    background: url(/guides/images/30_gourmet_20x20.svg) no-repeat left center; }
  .inline-app.guide .rating1 {
    background: url(/guides/images/star1.svg) no-repeat left center; }
  .inline-app.guide .rating1_5 {
    background: url(/guides/images/star1_5.svg) no-repeat left center; }
  .inline-app.guide .rating2 {
    background: url(/guides/images/star2.svg) no-repeat left center; }
  .inline-app.guide .rating2_5 {
    background: url(/guides/images/star2_5.svg) no-repeat left center; }
  .inline-app.guide .rating3 {
    background: url(/guides/images/star3.svg) no-repeat left center; }
  .inline-app.guide .rating3_5 {
    background: url(/guides/images/star3_5.svg) no-repeat left center; }
  .inline-app.guide .rating4 {
    background: url(/guides/images/star4.svg) no-repeat left center; }
  .inline-app.guide .rating4_5 {
    background: url(/guides/images/star4_5.svg) no-repeat left center; }
  .inline-app.guide .rating5 {
    background: url(/guides/images/star5.svg) no-repeat left center; }
  .inline-app.guide #menu_bar .cat-list tt .rating1, .inline-app.guide #results h1 span label.rating1 {
    padding: 0 2px 0 10px;
    width: auto; }
  .inline-app.guide #menu_bar .cat-list tt .rating2, .inline-app.guide #results h1 span label.rating2 {
    padding: 0 2px 0 20px;
    width: auto; }
  .inline-app.guide #menu_bar .cat-list tt .rating3, .inline-app.guide #results h1 span label.rating3 {
    padding: 0 2px 0 30px;
    width: auto; }
  .inline-app.guide #menu_bar .cat-list tt .rating4, .inline-app.guide #results h1 span label.rating4 {
    padding: 0 2px 0 40px;
    width: auto; }
  .inline-app.guide .helpDesc {
    position: absolute;
    z-index: 10;
    display: none; }
  .inline-app.guide .helpDesc.hdPrice {
    right: 0; }
  .inline-app.guide .helpDesc.hdStar {
    left: 0; }
  .inline-app.guide .hdPrice {
    background: url(/guides/images/tooltip-cost.svg) no-repeat center center;
    width: 149px;
    height: 102px;
    margin-top: 10px; }
    @media (max-width: 899px) {
      .inline-app.guide .hdPrice {
        background: transparent; } }
  .inline-app.guide .hdStar {
    background: url(/guides/images/tooltip-rating.svg) no-repeat center center;
    width: 149px;
    height: 119px;
    margin-top: 10px; }
    @media (max-width: 899px) {
      .inline-app.guide .hdStar {
        background: transparent; } }
  .inline-app.guide #listing_detail_template_container .helpDesc.hdPrice {
    left: -90px; }
  .inline-app.guide .hdStar.htins {
    margin: 30px 0 0 74%; }
  .inline-app.guide .hdPrice.htins {
    margin: 30px 0 0 82%; }
  .inline-app.guide .helptip {
    cursor: pointer; }
    @media (max-width: 899px) {
      .inline-app.guide .helptip {
        cursor: default; } }
  .inline-app.guide #listing_bread-crumbs {
    display: block;
    padding: 0 0 10px;
    border-bottom: 1px solid #000;
    margin: -2px 0 15px;
    font-family: National, Arial, sans-serif;
    font-size: 16px; }
  .inline-app.guide #detail_title {
    font-size: 60px;
    font-size: 3.75rem;
    font-family: BureauGrotCond, National, Arial, sans-serif;
    line-height: 1em;
    margin: 0px 10px 15px 0;
    float: left;
    width: 100%; }
    .inline-app.guide #detail_title .detail-star-whats-this {
      float: left;
      padding-left: 110px; }
    .inline-app.guide #detail_title .detail-30-whats-this {
      float: left;
      padding: 0px; }
    @media (max-width: 450px) {
      .inline-app.guide #detail_title {
        font-size: 35px;
        font-size: 2.1875rem; } }
  .inline-app.guide .detail-star-rating {
    position: relative;
    padding: 0;
    margin: 0 0 0 4px;
    display: inline-block;
    height: 15px;
    width: 75px;
    line-height: 15px; }
    .inline-app.guide .detail-star-rating img {
      padding: 0;
      margin: 0;
      width: 75px;
      height: 15px;
      line-height: 15px; }
    .inline-app.guide .detail-star-rating .detail-star-img {
      display: block;
      position: absolute;
      top: 2px;
      left: 0;
      height: 15px;
      z-index: -1;
      background: #000;
      padding: 0;
      margin: 0;
      font-size: 10px;
      line-height: 15px; }
  .inline-app.guide #details h2 {
    font-weight: normal;
    font-size: 24px;
    margin-top: 35px;
    text-transform: capitalize; }
    .inline-app.guide #details h2.feed-card-page--split__headline {
      margin-top: 0; }
  .inline-app.guide #details p.feed-card-page--split__summary {
    display: none; }
  .inline-app.guide #details .card__label {
    margin-bottom: 1rem; }
  .inline-app.guide #details #provided_by_client_header {
    text-align: left;
    font: lighter 1.0em/125% Arial, sans-serif;
    color: #35679a;
    padding: 10px 5px;
    width: 430px;
    margin: 10px 0 0 0;
    border-top-right-radius: 9px;
    border-top-left-radius: 9px;
    background: #eef9ff; }
  .inline-app.guide #details #provided_by_client {
    max-width: 440px;
    background: #eef9ff;
    margin-top: 0;
    padding-bottom: 5px;
    padding-top: 10px;
    position: relative; }
  .inline-app.guide #details #provided_by_client p {
    text-align: left !important;
    font: normal 12px/16px Arial, sans-serif;
    letter-spacing: 0.02em; }
  .inline-app.guide #details #provided_by_client #video_wrapper {
    margin: 20px;
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0; }
  .inline-app.guide #details #provided_by_client #video_wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
  .inline-app.guide #details .hoo_line {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 12px;
    line-height: 20px; }
  .inline-app.guide #details .hoo_label {
    font-weight: bold; }
  .inline-app.guide #details #provided_by_client #client_gallery_list_holder {
    height: 30px !important; }
  .inline-app.guide #details #provided_by_client #client_gallery ul li.client_gallery_off {
    color: #F78181; }
  .inline-app.guide #details #provided_by_client #client_gallery ul li.client_gallery_on {
    color: #ed1c24; }
  .inline-app.guide #details #provided_by_client #client_gallery ul {
    padding: 0;
    width: 60px;
    position: absolute;
    left: 50%; }
  .inline-app.guide #details #provided_by_client #client_slogan {
    text-align: center !important;
    margin-top: 10px; }
  .inline-app.guide #details h2.tl_recommended {
    background: url(/guides/images/recommended-mobile.png) no-repeat left center;
    margin-top: 10px;
    margin-left: 0; }
  .inline-app.guide #details #l_extra_fields {
    margin-bottom: 10px; }
    .inline-app.guide #details #l_extra_fields p {
      font-family: Georgia, sans-serif;
      font-size: 22px;
      font-size: 1.375rem;
      line-height: 1.5; }
      @media (max-width: 450px) {
        .inline-app.guide #details #l_extra_fields p {
          font-size: 18px;
          font-size: 1.125rem; } }
      .inline-app.guide #details #l_extra_fields p strong {
        font-family: National, Arial, sans-serif; }
  .inline-app.guide #details .hoo_line {
    font-family: Georgia, sans-serif;
    font-size: 22px;
    font-size: 1.375rem;
    line-height: 1.5; }
    @media (max-width: 450px) {
      .inline-app.guide #details .hoo_line {
        font-size: 18px;
        font-size: 1.125rem; } }
    .inline-app.guide #details .hoo_line .hoo_label {
      font-family: National, Arial, sans-serif; }
  .inline-app.guide #details #l_baseIconNavbar {
    padding-top: 0; }
  .inline-app.guide #details #top_header {
    position: relative;
    font-family: National, Arial, sans-serif; }
    .inline-app.guide #details #top_header span {
      font-size: 15px !important; }
      .inline-app.guide #details #top_header span.show_cuisine {
        margin: 15px 0 20px 0;
        display: block; }
  .inline-app.guide #details .listing_cinfo img#claim_burst {
    float: none; }
  .inline-app.guide #details .listing_cinfo #upper_logo_wrapper {
    float: right;
    vertical-align: top;
    position: relative; }
  .inline-app.guide #details .listing_cinfo #upper_logo_wrapper a {
    display: inline-block;
    vertical-align: top;
    margin-top: -25px;
    margin-left: -35px; }
  .inline-app.guide #details #provided_by_client #client_gallery #client_gallery_previous_img {
    display: none; }
  .inline-app.guide #details #provided_by_client #client_gallery #client_gallery_next_img {
    display: none; }
  .inline-app.guide .rich-snippet-hidden {
    display: none; }
  .inline-app.guide .listing_cinfo {
    display: block;
    clear: both;
    font-family: Georgia, serif;
    font-size: 18px;
    margin: 0.5em 0 1em; }
    @media (max-width: 450px) {
      .inline-app.guide .listing_cinfo {
        font-size: 16px; } }
    .inline-app.guide .listing_cinfo a {
      font-size: 18px;
      border-bottom: 1px solid #ee3124; }
    .inline-app.guide .listing_cinfo img#imgThumb {
      float: right;
      padding: 0 0 5px 5px; }
    .inline-app.guide .listing_cinfo #url {
      margin-bottom: 1em; }
  .inline-app.guide #contact_info {
    margin: 15px 0 25px 0; }
  .inline-app.guide #contact_info, .inline-app.guide #contact_info a {
    font-family: 'National Book', National, Arial, sans-serif;
    font-size: 18px; }
    @media (max-width: 450px) {
      .inline-app.guide #contact_info, .inline-app.guide #contact_info a {
        font-size: 16px; } }
  .inline-app.guide .listing_summaryDescription {
    font-family: Georgia, sans-serif;
    font-size: 22px;
    font-size: 1.375rem;
    margin-bottom: 30px;
    margin-bottom: 1.875rem;
    line-height: 1.5; }
    @media (max-width: 450px) {
      .inline-app.guide .listing_summaryDescription {
        font-size: 18px;
        font-size: 1.125rem;
        line-height: 1.5;
        display: inline-block; } }
  .inline-app.guide ul.tagged-posts {
    margin-bottom: 10px; }
  .inline-app.guide ul.tagged-posts li a, .inline-app.guide ul.tagged-posts li a h1 {
    display: inline;
    font-family: Georgia, Cambria, "Time New Roman", serif;
    font-size: 20px;
    line-height: 2;
    border-bottom: 1px solid #ee3124; }
    @media (max-width: 450px) {
      .inline-app.guide ul.tagged-posts li a, .inline-app.guide ul.tagged-posts li a h1 {
        font-size: 18px;
        font-size: 1.125rem; } }
  .inline-app.guide .h2.subheader {
    font-family: National, Arial, sans-serif; }
  .inline-app.guide footer {
    margin-top: 40px; }
  .inline-app.guide #sort_options {
    font-size: 16px;
    clear: both;
    margin: 0 auto;
    background: #f2f2f2;
    display: none;
    -webkit-transform: none;
            transform: none; }
    @media (max-width: 899px) {
      .inline-app.guide #sort_options {
        display: block; } }
    .inline-app.guide #sort_options h1 {
      font-size: 1em;
      margin-bottom: 0.5em; }
    .inline-app.guide #sort_options label {
      background: #f2f2f2 url(/guides/images/arrow-down.svg) no-repeat 96%;
      background-position: right 20px center;
      padding: 0.75em 1.25em; }
    .inline-app.guide #sort_options p {
      display: none; }
      .inline-app.guide #sort_options p span {
        min-width: 100%;
        display: block;
        border-bottom: 1px solid #e1e1e1; }
        .inline-app.guide #sort_options p span a.sort_button {
          padding: .75em 1.25em;
          min-width: 100%;
          display: block;
          text-align: left;
          cursor: pointer;
          color: #939598;
          font-family: National, Arial, sans-serif; }
          .inline-app.guide #sort_options p span a.sort_button.sd {
            background: url(/guides/images/arrow-down-lined.svg) no-repeat 96% center;
            font-weight: bold;
            display: inline-block;
            background-position: right 20px center;
            padding: 0.75em 1.25em; }
          .inline-app.guide #sort_options p span a.sort_button.sa {
            display: inline-block;
            background: url(/guides/images/arrow-up-lined.svg) no-repeat 96% center;
            font-weight: bold;
            background-position: right 20px center;
            padding: 0.75em 1.25em; }
        .inline-app.guide #sort_options p span:last-child {
          border-bottom: none;
          padding-bottom: 0; }
    .inline-app.guide #sort_options.open p {
      display: block; }
  .inline-app.guide #l_baseIconNavbar {
    display: none; }
  .inline-app.guide #listing_results {
    margin-top: 15px; }
  @media (max-width: 899px) {
    .inline-app.guide .archive-header {
      padding-bottom: 10px; } }
  @media (max-width: 899px) {
    .inline-app.guide .archive-header h1 {
      margin-right: 0;
      padding: 0;
      line-height: 1; } }
  .inline-app.guide #details h2.feed__header {
    font-size: 35px;
    font-weight: 700; }
    @media (max-width: 1400px) {
      .inline-app.guide #details h2.feed__header {
        font-size: 25px; } }
  .inline-app.guide .feed-card-aside--split__image {
    width: 15%; }
    .inline-app.guide .feed-card-aside--split__image img {
      width: 100%; }
    @media (max-width: 450px) {
      .inline-app.guide .feed-card-aside--split__image {
        width: 26%; } }
  .inline-app.guide .feed-card-aside--split__meta, .inline-app.guide .feed-card-aside--split__label {
    font-family: Georgia, Cambria, 'Times New Roman', Times, serif; }
  .inline-app.guide #details h2.feed-card-aside--split__headline {
    font-family: National, Arial, sans-serif;
    font-size: 18px;
    font-weight: 700;
    margin-top: 0;
    text-transform: none; }

article.feature {
  max-width: 100%;
  overflow-x: hidden;
  width: 100%; }
  @media (max-width: 899px) {
    article.feature {
      padding-top: 0; } }

.hero {
  height: 100%;
  left: 0%;
  overflow: hidden;
  position: absolute;
  width: 100%; }
  .hero img {
    min-height: 100%;
    min-width: 100%;
    -o-object-fit: cover;
       font-family: "object-fit:cover";
       object-fit: cover; }

.feature-container {
  width: 100%; }
  .feature-container::after {
    clear: both;
    content: ' ';
    display: block; }
  .feature-container video {
    background-size: cover;
    height: auto;
    left: 50%;
    min-height: 100%;
    min-width: 100%;
    position: absolute;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
            transform: translateX(-50%) translateY(-50%);
    width: auto;
    /* z-index: -100; */ }

article.feature footer {
  float: left;
  margin-left: 5%;
  width: 90%; }
  article.feature footer::after {
    clear: both;
    content: ' ';
    display: block; }

.feature .cover {
  height: 100%;
  overflow: hidden;
  width: 100%; }

.feature .cover-image {
  position: absolute;
  bottom: 50%;
  right: 50%;
  -webkit-transform: translateX(50%) translateY(50%);
          transform: translateX(50%) translateY(50%);
  max-width: none !important;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  overflow: hidden;
  margin-bottom: 0; }

.feature .feature-cover {
  margin-bottom: 25px;
  position: relative;
  overflow: hidden;
  padding-bottom: 100vh; }
  @media (max-width: 450px) {
    .feature .feature-cover {
      margin-bottom: 13px; } }
  .feature .feature-cover img,
  .feature .feature-cover video {
    position: absolute;
    min-width: 100%;
    min-height: 100%;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       font-family: "object-fit:cover";
       object-fit: cover; }
    @media (max-width: 450px) {
      .feature .feature-cover img,
      .feature .feature-cover video {
        min-width: 100%;
        min-height: auto;
        -o-object-fit: inherit;
           font-family: "object-fit:inherit";
           object-fit: inherit;
        max-width: none;
        left: 50%;
        -webkit-transform: translateX(-50%);
                transform: translateX(-50%); } }

.feature .lead-in {
  font-family: 'National';
  font-weight: 700; }

.feature .feature-sub-headline {
  font-family: 'BureauGrotCond', Helvetica, Arial;
  font-size: 60px;
  font-size: 3.75rem;
  text-transform: uppercase;
  margin-bottom: 15px;
  margin-bottom: 0.9375rem;
  width: 100%;
  text-align: center; }
  @media (max-width: 899px) {
    .feature .feature-sub-headline {
      font-size: 35px;
      font-size: 2.188rem; } }

.feature .feature-article-small-deck {
  font-style: italic;
  font-size: 22px;
  font-size: 1.375rem;
  margin-bottom: 20px;
  margin-bottom: 1.25rem;
  text-align: center; }

.feature .story-meta {
  position: absolute;
  width: 100%;
  max-width: 100%;
  padding: 50px 50px 35px;
  background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(15%, rgba(0, 0, 0, 0.25)), color-stop(33%, rgba(0, 0, 0, 0.38)));
  background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.25) 15%, rgba(0, 0, 0, 0.38) 33%); }

.feature .story-meta.top {
  padding: 70px 20px 20px 20px;
  background: -webkit-gradient(linear, left bottom, left top, from(transparent), color-stop(15%, rgba(0, 0, 0, 0.25)), color-stop(33%, rgba(0, 0, 0, 0.38)));
  background: linear-gradient(to top, transparent 0%, rgba(0, 0, 0, 0.25) 15%, rgba(0, 0, 0, 0.38) 33%); }

@media (max-width: 650px) {
  .feature .story-meta {
    padding: 20px; }
  .feature .story-meta.top {
    padding: 70px 20px 20px 20px; } }

.feature .byline .article-link {
  text-transform: uppercase;
  border-bottom: 0; }

.feature .hgroup {
  display: block; }

@media (min-width: 1800px) {
  .feature .hgroup {
    width: 40.2439%; } }

@media (min-width: 1401px) and (max-width: 1799px) {
  .feature .hgroup {
    width: 40.2439%; } }

@media (min-width: 1201px) and (max-width: 1400px) {
  .feature .hgroup {
    width: 48.78049%; } }

@media (min-width: 900px) and (max-width: 1200px) {
  .feature .hgroup {
    width: 100%;
    margin-right: 0;
    margin-left: 0; } }

@media (max-width: 899px) {
  .feature .hgroup {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    margin-left: 0; } }

.feature .feature-cover-headline {
  font-family: 'BureauGrotCond', Helvetica, Arial;
  font-size: 80px;
  font-size: 5rem; }

@media (max-width: 899px) {
  .feature .feature-cover-headline {
    font-size: 60px;
    font-size: 3.75rem; } }

@media (max-width: 650px) {
  .feature .feature-cover-headline {
    font-size: 40px;
    font-size: 2.5rem;
    line-height: 40px;
    line-height: 2.5rem; } }

.feature .bottom {
  bottom: 0; }

.feature .top {
  top: 0; }

.feature .left {
  float: left; }

.feature .right {
  float: right; }

@media (min-width: 900px) and (max-width: 1200px) {
  .feature .right {
    float: none; } }

.feature .feature-img__caption {
  font-size: 17px;
  font-size: 1.0625rem;
  font-family: National;
  font-weight: 400;
  margin-bottom: 25px;
  margin-bottom: 1.5625rem; }

.feature .feature-img__caption strong {
  font-weight: 700; }

.feature .full-width-feature-img {
  width: 206%;
  max-width: none;
  margin-left: -53%; }

.feature .full-width-feature-img__caption {
  font-family: National;
  font-weight: 400;
  margin-bottom: 25px;
  margin-bottom: 1.5625rem;
  margin-top: -35px;
  margin-top: -2.1875rem; }
  .feature .full-width-feature-img__caption strong {
    font-weight: 700; }

@media (min-width: 1201px) and (max-width: 1400px) {
  .feature .full-width-feature-img {
    width: 176%;
    margin-left: -38%; } }

@media (min-width: 900px) and (max-width: 1200px) {
  .feature .full-width-feature-img {
    width: 136%;
    margin-left: -18%; } }

@media (max-width: 899px) and (max-width: 649px) {
  .feature .full-width-feature-img {
    width: 136%;
    margin-left: -18%; } }

@media (max-width: 650px) {
  .feature .full-width-feature-img {
    width: 122%;
    margin-left: -11%; } }

.feature .full-width-feature-img__caption strong {
  font-weight: 700; }

.feature .in-stream-feature-img img {
  margin-bottom: 8px;
  margin-bottom: 0.5rem; }

.feature .white {
  color: #fff; }
  .feature .white a {
    color: #fff; }

.feature .feature-article {
  width: 48.78049%;
  margin-left: 2.43902%;
  margin-left: 25.60976%;
  padding: 0 0 !important; }
  .feature .feature-article p {
    font-size: 25px;
    font-size: 1.5625rem;
    line-height: 35px;
    line-height: 2.1875rem;
    margin-bottom: 35px;
    margin-bottom: 2.1875rem; }
    .feature .feature-article p span.drop-cap + br,
    .feature .feature-article p em + br,
    .feature .feature-article p em ~ br {
      display: none; }
  .feature .feature-article .social-media-buttons {
    position: absolute;
    margin-left: -50px;
    margin-top: -5px;
    width: 25px; }
  .feature .feature-article .wp-caption {
    max-width: 100%;
    line-height: 20px;
    font-size: 16px;
    font-size: 1rem;
    margin-bottom: 25px;
    margin-bottom: 1.5625rem; }
    .feature .feature-article .wp-caption img {
      margin-top: 16px;
      margin-bottom: 1rem;
      width: 100%; }
  @media (min-width: 1201px) and (max-width: 1400px) {
    .feature .feature-article {
      width: 57.31707%;
      margin-left: 2.43902%;
      margin-left: 21.34146%; } }
  @media (min-width: 900px) and (max-width: 1200px) {
    .feature .feature-article {
      width: 74.39024%;
      margin-left: 2.43902%;
      margin-left: 12.80488%; }
      .feature .feature-article p {
        font-size: 20px;
        font-size: 1.25rem;
        line-height: 28px;
        line-height: 1.75rem;
        margin-bottom: 28px;
        margin-bottom: 1.75rem; } }
  @media (max-width: 899px) {
    .feature .feature-article {
      width: 74.39024%;
      margin-left: 2.43902%;
      margin-left: 12.80488%; }
      .feature .feature-article p {
        font-size: 18px;
        font-size: 1.125rem;
        line-height: 25px;
        line-height: 1.5625rem;
        margin-bottom: 25px;
        margin-bottom: 1.5625rem; } }
  @media (max-width: 650px) {
    .feature .feature-article {
      width: 82.92683%;
      margin-left: 2.43902%;
      margin-left: 8.53659%; }
      .feature .feature-article p {
        font-size: 18px;
        font-size: 1.125rem;
        line-height: 25px;
        line-height: 1.5625rem;
        margin-bottom: 20px;
        margin-bottom: 1.5625rem; }
      .feature .feature-article .social-media-buttons {
        position: initial;
        margin: 10px auto;
        width: 50%;
        text-align: center; }
      .feature .feature-article * + .social-media-buttons {
        margin: -18px auto 10px; } }

.feature blockquote {
  font-family: 'Jubilat';
  font-weight: 200;
  font-size: 60px;
  font-size: 3.75rem;
  line-height: 60px;
  line-height: 3.75rem;
  margin-bottom: 35px;
  margin-bottom: 2.1875rem;
  text-align: center;
  width: 48.78049%;
  float: left;
  margin-left: 2.43902%;
  margin-left: 25.60976%;
  color: #000;
  font-weight: 200; }

@media (max-width: 899px) {
  .feature blockquote {
    font-size: 35px;
    font-size: 2.1875rem;
    line-height: 35px;
    line-height: 2.1875rem; } }

@media (max-width: 650px) {
  .feature blockquote {
    font-size: 25px;
    font-size: 1.5625rem;
    line-height: 25px;
    line-height: 1.5625rem;
    width: 82.92683%;
    float: left;
    margin-left: 2.43902%;
    margin-left: 8.53659%; } }

.feature .red {
  color: #ee3124; }

.feature .blue {
  color: #0099c7; }

.feature .green {
  color: #439539; }

.feature .byline,
.feature .content__dateline {
  display: inline-block;
  text-transform: uppercase;
  line-height: 25px !important;
  font-size: 13px;
  font-size: 0.8125rem !important;
  margin-bottom: 10px;
  margin-bottom: 0.625rem;
  margin-left: 0;
  color: inherit !important; }

.feature .drop-cap {
  float: left;
  color: #ed3024;
  font-size: 140px;
  font-size: 8.75rem;
  line-height: 100px;
  line-height: 6.25rem;
  margin-top: -10px;
  padding-right: 10px;
  font-family: 'National';
  font-weight: 700; }

@media (max-width: 899px) {
  .feature .drop-cap {
    font-size: 100px;
    font-size: 6.25rem;
    line-height: 70px;
    line-height: 4.375rem; } }

.feature strong {
  font-weight: 700;
  font-weight: 700; }

.feature .lead-in {
  font-family: 'National';
  font-weight: 700; }

.feature .deck {
  font-family: 'Jubilat',serif;
  font-weight: 200;
  margin-left: 0;
  font-size: 30px;
  font-size: 1.875rem;
  line-height: 1.43;
  margin-bottom: 35px;
  margin-bottom: 2.1875rem; }

@media (min-width: 1401px) and (max-width: 1799px) {
  .feature .deck {
    font-weight: 300;
    font-size: 25px;
    font-size: 1.5625rem;
    margin-bottom: 30px;
    margin-bottom: 1.875rem; } }

@media (max-width: 899px) {
  .feature .deck {
    font-weight: 300;
    font-size: 22px;
    font-size: 1.375rem;
    margin-bottom: 24px;
    margin-bottom: 1.5rem; } }

@media (max-width: 650px) {
  .feature .deck-in-cover {
    display: none; } }

.feature .deck-in-story {
  display: none; }

.feature .hero-caption {
  font-family: National;
  font-size: 14px;
  margin-bottom: 0;
  line-height: 1rem; }

@media (max-width: 650px) {
  .feature .deck-in-story {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 28px;
    line-height: 1.75rem;
    display: block;
    margin-bottom: 32px;
    font-family: 'Jubilat', serif;
    font-weight: 200;
    margin-left: 0; } }

.feature .best-restaurants-title {
  width: 21.25%;
  float: left;
  margin-left: 5%;
  margin-left: 0; }

.feature .best-restaurants-body {
  width: 73.75%;
  float: left;
  margin-left: 5%;
  display: block;
  margin-left: 25%;
  float: none; }
  .feature .best-restaurants-body .best-bite {
    font-family: 'National';
    font-weight: bold;
    text-transform: uppercase;
    background-color: yellow; }

.feature .sjm-attachment-carousel {
  width: 100%;
  max-width: 100%;
  display: inline-block; }
  @media (max-width: 650px) {
    .feature .sjm-attachment-carousel .slick-slide img {
      height: 200px; } }
  @media (max-width: 450px) {
    .feature .sjm-attachment-carousel .slick-slide img {
      height: 150px; } }

@media (max-width: 650px) {
  .feature .best-restaurants-title {
    width: 65%;
    float: left;
    margin-left: 5%;
    margin-left: 14.63415%; }
  .feature .best-restaurants-body {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0; }
  .feature .sjm-attachment-carousel .slick-prev {
    left: -20px; }
  .feature .sjm-attachment-carousel .slick-next {
    right: -20px; } }

.feature .article-footer {
  width: auto;
  max-width: 1260px;
  padding: 0 20px;
  margin: 0 auto; }

.feature-navigation {
  position: absolute;
  z-index: 2000;
  background-color: white;
  width: 100%;
  max-width: 100%;
  -webkit-box-shadow: rgba(0, 0, 0, 0.3) 1px 1px 2px 2px;
          box-shadow: rgba(0, 0, 0, 0.3) 1px 1px 2px 2px;
  height: 54px;
  height: 3.375rem;
  padding: 0;
  display: table; }

.main-brand-feature {
  font-family: 'BureauGrotCond';
  background-color: #ee3124;
  width: 110px;
  padding-top: 11px;
  padding-right: 16px;
  padding-bottom: 12px;
  padding-left: 16px;
  float: none; }

body.post-template-single-features-php .wordmark,
body.page-template-page-features .wordmark,
body.post-template-single-sjm-feature-package-php .wordmark {
  fill: #ffffff; }

@media (min-width: 900px) and (max-width: 1200px) {
  body.post-template-single-features-php nav,
  body.page-template-page-features nav,
  body.post-template-single-sjm-feature-package-php nav {
    font-size: 22px;
    font-size: 1.375rem; } }

@media (max-width: 899px) {
  body.post-template-single-features-php nav,
  body.page-template-page-features nav,
  body.post-template-single-sjm-feature-package-php nav {
    font-size: 35px;
    font-size: 2.1875rem;
    line-height: 1.5; } }

body.post-template-single-features-php .feed-in-post,
body.page-template-page-features .feed-in-post,
body.post-template-single-sjm-feature-package-php .feed-in-post {
  width: 47.5%;
  float: right;
  margin-left: 5%;
  position: relative; }
  @media (max-width: 899px) {
    body.post-template-single-features-php .feed-in-post,
    body.page-template-page-features .feed-in-post,
    body.post-template-single-sjm-feature-package-php .feed-in-post {
      width: 100%;
      float: left;
      margin-left: 0;
      margin-right: 0; } }
  body.post-template-single-features-php .feed-in-post button,
  body.page-template-page-features .feed-in-post button,
  body.post-template-single-sjm-feature-package-php .feed-in-post button {
    padding-left: 8px;
    padding-left: 0.5rem;
    padding-right: 8px;
    padding-right: 0.5rem;
    display: none;
    position: absolute;
    top: 6px;
    right: 0; }
    @media (max-width: 899px) {
      body.post-template-single-features-php .feed-in-post button,
      body.page-template-page-features .feed-in-post button,
      body.post-template-single-sjm-feature-package-php .feed-in-post button {
        display: inline-block; } }
  body.post-template-single-features-php .feed-in-post .sponsored-content-badge .labels-wrap p,
  body.page-template-page-features .feed-in-post .sponsored-content-badge .labels-wrap p,
  body.post-template-single-sjm-feature-package-php .feed-in-post .sponsored-content-badge .labels-wrap p {
    font-size: 18px;
    font-size: 1.125rem;
    margin: 0; }
  body.post-template-single-features-php .feed-in-post .feed-card,
  body.page-template-page-features .feed-in-post .feed-card,
  body.post-template-single-sjm-feature-package-php .feed-in-post .feed-card {
    display: inline-block; }
    @media (min-width: 900px) and (max-width: 1399px) {
      body.post-template-single-features-php .feed-in-post .feed-card,
      body.page-template-page-features .feed-in-post .feed-card,
      body.post-template-single-sjm-feature-package-php .feed-in-post .feed-card {
        display: inline-block; } }
    @media (max-width: 899px) {
      body.post-template-single-features-php .feed-in-post .feed-card,
      body.page-template-page-features .feed-in-post .feed-card,
      body.post-template-single-sjm-feature-package-php .feed-in-post .feed-card {
        display: none; } }

/*MAGAZINE PAGES STYLES */
body.page-template-page-features .magazine-cover-grid {
  margin-top: 4%; }
  body.page-template-page-features .magazine-cover-grid div.type-post {
    display: inline-block;
    width: 20%;
    margin-left: 4%;
    margin-bottom: 4%; }
    body.page-template-page-features .magazine-cover-grid div.type-post h2 {
      font-size: 1.5em;
      text-align: center; }
    @media (max-width: 899px) {
      body.page-template-page-features .magazine-cover-grid div.type-post {
        width: 40%;
        margin-left: 6%; } }
    @media (max-width: 450px) {
      body.page-template-page-features .magazine-cover-grid div.type-post {
        width: 90%;
        margin-left: 5%; } }

body.page-template-page-features .feature .feature-cover {
  height: auto;
  background-size: cover;
  background-position: top center;
  background-attachment: fixed; }
  body.page-template-page-features .feature .feature-cover::after, body.page-template-page-features .feature .feature-cover::before {
    content: ' ';
    /* 1 */
    display: table;
    /* 2 */ }
  body.page-template-page-features .feature .feature-cover::after {
    clear: both; }
  body.page-template-page-features .feature .feature-cover .feed-page {
    background: #fff;
    width: 50%;
    margin: 0 auto 0 auto;
    float: none; }
    @media (max-width: 899px) {
      body.page-template-page-features .feature .feature-cover .feed-page {
        width: 100%; } }
    body.page-template-page-features .feature .feature-cover .feed-page::after, body.page-template-page-features .feature .feature-cover .feed-page::before {
      content: ' ';
      /* 1 */
      display: table;
      /* 2 */ }
    body.page-template-page-features .feature .feature-cover .feed-page::after {
      clear: both; }
    body.page-template-page-features .feature .feature-cover .feed-page .feed-card {
      padding-left: 30px;
      padding-right: 30px; }
    body.page-template-page-features .feature .feature-cover .feed-page .magazine-cover-grid h2 {
      font-size: 1.2em; }

.feed.feed-aside.magazine-widget .feed-card-aside--split__image {
  width: 40%; }

.feed.feed-aside.magazine-widget .feed-card-aside--split__meta {
  width: 50%;
  position: relative; }
  .feed.feed-aside.magazine-widget .feed-card-aside--split__meta .link-wrapper {
    position: relative;
    height: 100%; }
    .feed.feed-aside.magazine-widget .feed-card-aside--split__meta .link-wrapper h2 {
      font-size: 1.0rem;
      text-align: center;
      float: none;
      padding: 0.5em 0;
      border-bottom: 1px solid #000; }
      @media (min-width: 1400px) {
        .feed.feed-aside.magazine-widget .feed-card-aside--split__meta .link-wrapper h2 {
          font-size: 1.125rem; } }
      .feed.feed-aside.magazine-widget .feed-card-aside--split__meta .link-wrapper h2.widget_online_archive, .feed.feed-aside.magazine-widget .feed-card-aside--split__meta .link-wrapper h2.widget_subscribe {
        border-bottom-width: 0; }
      .feed.feed-aside.magazine-widget .feed-card-aside--split__meta .link-wrapper h2.widget_subscribe {
        position: relative;
        bottom: 0;
        background: #ee3124; }
        .feed.feed-aside.magazine-widget .feed-card-aside--split__meta .link-wrapper h2.widget_subscribe:hover {
          background: #000; }
        .feed.feed-aside.magazine-widget .feed-card-aside--split__meta .link-wrapper h2.widget_subscribe a {
          display: inline-block;
          color: #fff;
          width: 100%; }

.debug {
  background-color: rgba(0, 0, 0, 0.5);
  color: white;
  padding: 20px;
  position: fixed;
  bottom: 0;
  width: 100%;
  z-index: 10; }

.debug:after {
  content: "NOT SET";
  /*
  @include breakpoint($enormous) {
   content: "enormous";
  }
  
   @include breakpoint($very-large) {
   content: "very-large";
  }
  
*/ }
  @media (min-width: 1400px) {
    .debug:after {
      content: "large"; } }
  @media (min-width: 900px) and (max-width: 1399px) {
    .debug:after {
      content: "medium-large"; } }
  @media (max-width: 899px) {
    .debug:after {
      content: "medium"; } }
  @media (max-width: 450px) {
    .debug:after {
      content: "small"; } }
  @media (max-width: 320px) {
    .debug:after {
      content: "xtra-small"; } }

/* BACKGROUND COLORS  

.container{
  background-color: #fbeecb;
}

header{
  background-color: #71d9d0;
}

.brand{
  background-color: #fae7b3;
}

.search-social{
  background-color: #ee9e9c;
}

.search{
  background-color: #f09671;
}

.social{
  background-color: #f6d784;
}

.navigation{
   background-color: #f09671;
}

main{
  background-color: #ea9fc3;
}

aside{
  background-color: #476c69;
}

footer{
  background-color: #f09671;
}

.collection-top-stories{
  background-color: #71d9d0;
}

.feed-page{
  background-color: #7182d9;
}

.feed-aside{
  background-color: #7182d9;
}
*/
@media print {
  .header-wrapper {
    display: none; }
  .container {
    margin-top: 0 !important; }
    .container .ad-leaderboard,
    .container .post-top-border,
    .container aside,
    .container footer {
      margin: 0;
      display: none; }
    .container .single-article .social-media-buttons {
      display: none; }
    .container .single-article .standard-article-body p {
      font-size: 16px;
      font-size: 1rem; }
    .container .single-article .standard-article-body .feed {
      display: none; }
    .container .single-article .article-footer {
      display: none; }
  .feature-navigation {
    display: none !important; }
  .feature-container .feature .feature-cover {
    -webkit-print-color-adjust: exact; }
  .feature-container .feature footer {
    display: none; } }

.gg-header {
  margin-bottom: 30px;
  margin-bottom: 1.875rem;
  padding-top: 15px;
  padding-top: 0.9375rem;
  border-bottom: 1px solid #000;
  border-top: 8px double #000; }

.gg-header {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0; }

.gg-header {
  line-height: 1.2;
  font-weight: 700;
  display: inline-block;
  margin-right: 8px;
  margin-right: 0.5rem;
  text-transform: uppercase;
  text-align: center;
  padding: 0 18px;
  letter-spacing: 1.8px;
  letter-spacing: 0.1125rem;
  font-size: 78px;
  font-size: 4.875rem;
  color: #FFF;
  text-shadow: 0px 0px #000, 1px 1px #000, 2px 2px #000, 3px 3px #000, 4px 4px #000, 5px 5px #000;
  -webkit-text-fill-color: #FFF;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #000; }

@media (max-width: 899px) {
  .gg-header {
    font-size: 45px;
    font-size: 2.8125rem; } }

.post-template-single-isotope-php .social-media-buttons, .page-template-page-isotope .social-media-buttons {
  float: right;
  margin-right: 20px; }

.post-template-single-isotope-php .full-width > p, .page-template-page-isotope .full-width > p {
  font-size: 25px;
  font-size: 1.5625rem;
  line-height: 35px;
  line-height: 2.1875rem;
  margin-bottom: 35px;
  margin-bottom: 2.1875rem;
  margin-left: 10px;
  margin-right: 10px; }
  .post-template-single-isotope-php .full-width > p span.drop-cap + br, .post-template-single-isotope-php .full-width > p em + br, .post-template-single-isotope-php .full-width > p em ~ br, .page-template-page-isotope .full-width > p span.drop-cap + br, .page-template-page-isotope .full-width > p em + br, .page-template-page-isotope .full-width > p em ~ br {
    display: none; }

section.gift-guide {
  padding: 10px;
  clear: both; }
  section.gift-guide strong {
    font-weight: 700; }
  section.gift-guide .sjmgg-filter-div {
    padding: 0 20px;
    font-family: National;
    font-size: 1.2rem; }
  section.gift-guide .sjmgg-filter-div select {
    display: inline-block;
    width: auto;
    margin-left: 20px;
    background: #f2f2f2 url("../img/pointer.svg") 95% 50% no-repeat;
    padding-right: 30px; }
  section.gift-guide .button {
    padding-top: 0;
    font-family: 'National';
    font-weight: 700;
    font-size: 16px;
    font-size: 1rem; }
  section.gift-guide .button:active, section.gift-guide .button.is-checked {
    background-color: #28F; }
  section.gift-guide .button.is-checked {
    color: white; }
  section.gift-guide .button-group:after {
    content: '';
    display: block;
    clear: both; }
  section.gift-guide .button-group .button {
    float: left;
    border-radius: 0;
    margin-left: 0;
    margin-right: 1px; }
  section.gift-guide .isotope {
    width: 100%;
    opacity: 0; }
  section.gift-guide .isotope:after {
    content: '';
    display: block;
    clear: both; }
  section.gift-guide .element-item {
    position: relative;
    float: left;
    width: 33.333333%;
    padding: 20px;
    background: #fff;
    color: #000; }
  @media (max-width: 899px) {
    section.gift-guide .element-item {
      width: 50%; } }
  @media (max-width: 450px) {
    section.gift-guide .element-item {
      width: 100%; } }
  section.gift-guide .element-item .description {
    margin-bottom: 15px;
    margin-bottom: 0.9375rem; }
  section.gift-guide .grid-sizer {
    width: 33.333333%; }
  @media (max-width: 899px) {
    section.gift-guide .grid-sizer {
      width: 50%; } }
  @media (min-width: 900px) and (max-width: 1200px) {
    section.gift-guide .grid-sizer {
      width: 33.333333%; } }
  @media (max-width: 450px) {
    section.gift-guide .grid-sizer {
      width: 100%; } }
  section.gift-guide .element-item__inner {
    border: 1px solid #ccc;
    padding: 15px !important; }
  section.gift-guide .element-item__inner--sponsored {
    border: 2px solid #be0a0a; }
  section.gift-guide .element-item > * {
    margin: 0;
    padding: 0; }
  section.gift-guide .title {
    font-family: 'Heliumrr';
    text-transform: uppercase;
    font-size: 35px;
    font-size: 2.1875rem;
    margin-bottom: 20px;
    margin-bottom: 1.25rem; }
  @media (max-width: 899px) {
    section.gift-guide .title {
      font-size: 25px;
      font-size: 1.5625rem; } }
  section.gift-guide .price {
    float: left;
    color: #000;
    font-size: 60px;
    font-size: 3.75rem;
    line-height: 45px;
    line-height: 2.8125rem;
    margin-right: 15px;
    font-family: 'Heliumrr';
    font-weight: 700; }
  @media (max-width: 899px) {
    section.gift-guide .price {
      font-size: 45px;
      font-size: 2.8125rem;
      line-height: 30px;
      line-height: 1.875rem;
      margin-top: 10px;
      margin-top: 0.625rem; } }
  section.gift-guide .sponsored-content {
    display: block;
    line-height: 1;
    width: 100%;
    margin-bottom: 15px; }
  section.gift-guide .sponsor-branding {
    float: left;
    width: 90px;
    height: 45px;
    color: #ffbfca;
    padding-right: 10px; }
  section.gift-guide .sponsor-attribution {
    border-left: 1px solid black;
    padding-left: 10px;
    padding-top: 5px;
    height: 40px;
    float: left;
    font-family: 'National';
    font-weight: 400; }
  section.gift-guide .related-link {
    font-family: 'National' !important;
    font-weight: 700 !important;
    display: inline-block; }
  section.gift-guide .sjmgg_store_url_link {
    font-style: italic;
    border-bottom: 1px solid #ee3124; }

/* FEATURE */
.feature-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  height: 100vh;
  -o-object-fit: cover;
     font-family: "object-fit:cover";
     object-fit: cover;
  margin-bottom: 2.1875rem; }
  @media (min-width: 20em) and (max-width: 67.49em) {
    .feature-header {
      -o-object-fit: none;
         font-family: "object-fit:none";
         object-fit: none;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start;
      width: auto;
      height: auto;
      width: auto;
      height: auto; } }
  .feature-header h1 {
    font-size: 5.5rem;
    line-height: 1;
    font-weight: 400;
    width: 82.92683%;
    float: left;
    margin-left: 2.43902%;
    margin-left: 8.53659%; }
    @media (min-width: 20em) and (max-width: 67.49em) {
      .feature-header h1 {
        padding: none;
        width: 82.92683%;
        float: left;
        margin-left: 2.43902%;
        margin-left: 8.53659%;
        padding-top: 2.5rem; } }
  .feature-header .bureau {
    font-family: "BureauGrotCond", "National", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
    font-weight: 400;
    color: inherit;
    text-transform: uppercase; }
    .feature-header .bureau__rev {
      color: black; }
  .feature-header .helium {
    font-family: "Heliumrr", "National", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
    font-weight: 800;
    color: inherit;
    line-height: 0.91; }
    .feature-header .helium__rev {
      color: black; }
  .feature-header .reserves {
    font-family: "Reserves-Enamel", "National", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
    font-weight: 700;
    color: inherit;
    text-transform: uppercase; }
    .feature-header .reserves__rev {
      color: black; }
  .feature-header p.byline {
    margin-bottom: 20px;
    margin-bottom: 1.25rem;
    display: block;
    font-size: 0.8rem;
    text-transform: uppercase;
    letter-spacing: 0.0937rem;
    margin-top: 1.125rem; }
    .feature-header p.byline__rev {
      color: black; }
  .feature-header p.deck {
    font-family: Jubilat;
    font-size: 1.5rem;
    font-weight: 300;
    line-height: 1.2; }
    .feature-header p.deck__rev {
      color: black; }

.feature-header--full .black {
  color: black;
  background-color: transparent; }
  .feature-header--full .black a {
    color: inherit; }
  @media (min-width: 20em) and (max-width: 67.49em) {
    .feature-header--full .black {
      color: black;
      background-color: transparent; } }

.feature-header--full .white {
  color: white;
  background-color: transparent; }
  .feature-header--full .white a {
    color: inherit; }
  @media (min-width: 20em) and (max-width: 67.49em) {
    .feature-header--full .white {
      color: black;
      background-color: transparent; } }

.full {
  /* */
  background-color: black;
  width: 100%;
  height: 100%;
  height: 100vh;
  position: relative;
  -o-object-fit: cover;
     font-family: "object-fit:cover";
     object-fit: cover; }
  @media (min-width: 20em) and (max-width: 67.49em) {
    .full {
      background-color: white;
      height: auto; } }
  .full > img {
    width: 100%;
    height: 100%;
    height: 100vh;
    margin-bottom: 0;
    -o-object-fit: cover;
       font-family: "object-fit:cover";
       object-fit: cover;
    position: absolute;
    z-index: 0; }
    @media (min-width: 20em) and (max-width: 67.49em) {
      .full > img {
        width: 100%;
        height: auto;
        position: relative; } }

.full-inner {
  width: 100%;
  height: 100%;
  height: 100vh;
  z-index: 10;
  padding-top: 54px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  @media (min-width: 20em) and (max-width: 67.49em) {
    .full-inner {
      max-width: 1260px;
      margin-left: auto;
      margin-right: auto;
      display: block;
      height: auto;
      width: auto;
      padding-top: 0; }
      .full-inner:after {
        content: " ";
        display: block;
        clear: both; } }
  .full-inner.top {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start; }
  .full-inner.bottom {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end; }

.nav-big-bar + .site-wrapper .full-inner {
  padding-top: 230px; }
  @media (min-width: 20em) and (max-width: 67.49em) {
    .nav-big-bar + .site-wrapper .full-inner {
      padding-top: 0; } }

.display-grid-item {
  display: block;
  z-index: 0;
  padding: 1.875rem;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 25%;
          flex: 0 0 25%;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
  width: 50%; }
  .display-grid-item:after {
    display: table;
    clear: both;
    content: " "; }
  @media (min-width: 20em) and (max-width: 67.49em) {
    .display-grid-item {
      padding: 0;
      margin-bottom: 1.875rem;
      text-align: left; } }
  @media (min-width: 900px) and (max-width: 1079px) {
    .display-grid-item {
      width: 74.39024%;
      margin-left: 2.43902%;
      margin-left: 12.80488%; } }
  @media (max-width: 899px) {
    .display-grid-item {
      width: 74.39024%;
      margin-left: 2.43902%;
      margin-left: 12.80488%; } }
  @media (max-width: 650px) {
    .display-grid-item {
      width: 82.92683%;
      margin-left: 2.43902%;
      margin-left: 8.53659%; } }
  .display-grid-item.grid-left {
    -ms-flex-item-align: start;
        align-self: flex-start; }
  .display-grid-item.grid-center {
    -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
    text-align: center; }
  .display-grid-item.grid-right {
    -ms-flex-item-align: end;
        align-self: flex-end;
    text-align: right; }
    @media (min-width: 20em) and (max-width: 67.49em) {
      .display-grid-item.grid-right {
        text-align: left; } }
  .display-grid-item h1 {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0; }
  .display-grid-item p.deck {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0; }
    .display-grid-item p.deck .content__dateline {
      display: inline-block;
      text-transform: uppercase;
      line-height: 1;
      margin-bottom: 10px;
      margin-bottom: .625rem;
      margin-left: 0;
      color: inherit !important; }
  .display-grid-item p.byline {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0; }
    .display-grid-item p.byline .content__dateline {
      display: inline-block;
      text-transform: uppercase;
      line-height: 1;
      margin-bottom: 10px;
      margin-bottom: .625rem;
      margin-left: 0;
      color: inherit !important; }

.feature-header--split {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  .feature-header--split .black {
    color: black;
    background-color: white; }
    .feature-header--split .black a {
      color: inherit; }
    @media (min-width: 20em) and (max-width: 67.49em) {
      .feature-header--split .black {
        color: black;
        background-color: transparent; } }
  .feature-header--split .white {
    color: white;
    background-color: black; }
    .feature-header--split .white a {
      color: inherit; }
    @media (min-width: 20em) and (max-width: 67.49em) {
      .feature-header--split .white {
        color: black;
        background-color: transparent; } }

.feature-header .left {
  width: 50%;
  height: 100%;
  height: 100vh;
  -o-object-fit: cover;
     font-family: "object-fit:cover";
     object-fit: cover;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 0;
  text-align: center; }
  @media (min-width: 20em) and (max-width: 67.49em) {
    .feature-header .left {
      -o-object-fit: cover;
         font-family: "object-fit:cover";
         object-fit: cover;
      width: 100%;
      height: 85%;
      height: 85vh;
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start; } }
  .feature-header .left > img {
    width: 100%;
    height: 100%;
    height: 100vh;
    margin-bottom: 0;
    -o-object-fit: cover;
       font-family: "object-fit:cover;object-position:center top";
       object-fit: cover;
    -o-object-position: center top;
       object-position: center top; }
    @media (min-width: 20em) and (max-width: 67.49em) {
      .feature-header .left > img {
        height: 85%;
        height: 85vh; } }

.feature-header .right {
  width: 50%;
  height: 100%;
  height: 100vh;
  -o-object-fit: cover;
     font-family: "object-fit:cover";
     object-fit: cover;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 0;
  padding-top: 54px;
  text-align: center; }
  .feature-header .right__rev {
    color: black; }
  @media (min-width: 20em) and (max-width: 67.49em) {
    .feature-header .right {
      height: auto;
      -o-object-fit: none;
         font-family: "object-fit:none";
         object-fit: none;
      padding-top: 0;
      margin-bottom: 1.875rem; } }
  @media (min-width: 900px) and (max-width: 1079px) {
    .feature-header .right {
      width: 74.39024%;
      margin-left: 2.43902%;
      margin-left: 12.80488%; } }
  @media (max-width: 899px) {
    .feature-header .right {
      width: 74.39024%;
      margin-left: 2.43902%;
      margin-left: 12.80488%; } }
  @media (max-width: 650px) {
    .feature-header .right {
      width: 82.92683%;
      margin-left: 2.43902%;
      margin-left: 8.53659%; } }
  .feature-header .right h1 {
    width: 82.92683%;
    float: left;
    margin-left: 2.43902%;
    margin-left: 8.53659%; }
    @media (min-width: 20em) and (max-width: 67.49em) {
      .feature-header .right h1 {
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0;
        padding-top: 2.5rem;
        text-align: left; } }
  .feature-header .right p.deck {
    width: 65.85366%;
    float: left;
    margin-left: 2.43902%;
    margin-left: 17.07317%; }
    @media (min-width: 20em) and (max-width: 67.49em) {
      .feature-header .right p.deck {
        padding: 0;
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0;
        text-align: left; } }
  .feature-header .right p.byline {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0; }
    @media (min-width: 20em) and (max-width: 67.49em) {
      .feature-header .right p.byline {
        padding: 0;
        text-align: left; } }
    .feature-header .right p.byline .content__dateline {
      display: inline-block;
      text-transform: uppercase;
      line-height: 1;
      margin-bottom: 10px;
      margin-bottom: .625rem;
      margin-left: 0;
      color: inherit !important; }

.nav-big-bar + .site-wrapper .feature-header .right {
  padding-top: 230px; }
  @media (min-width: 20em) and (max-width: 67.49em) {
    .nav-big-bar + .site-wrapper .feature-header .right {
      padding-top: 0; } }

.subscribe-navigation__list {
  display: inline-block;
  float: right;
  margin-right: 3.25rem;
  position: relative;
  background: #FFF; }
  .subscribe-navigation__list a {
    color: #ee3124 !important;
    font-family: "National";
    font-size: 22px;
    font-weight: bold; }
    .subscribe-navigation__list a:hover {
      text-decoration: underline; }
  .subscribe-navigation__list span {
    margin-right: 130px;
    color: #ee3124; }
  .subscribe-navigation__list div {
    overflow: hidden;
    position: absolute;
    right: 0;
    bottom: -12px;
    margin-bottom: 0;
    width: 130px;
    height: 90px; }
    @media (min-width: 900px) and (max-width: 1399px) {
      .subscribe-navigation__list div {
        bottom: -8px;
        height: 75px; } }
  .subscribe-navigation__list img {
    position: absolute;
    left: 50%;
    bottom: 0;
    margin-bottom: 0; }
    .subscribe-navigation__list img.sjmsb-rotate-left {
      -webkit-transform: translateY(5px) translateX(-90%) rotate(-7deg);
              transform: translateY(5px) translateX(-90%) rotate(-7deg);
      width: 64px; }
      @media (min-width: 900px) and (max-width: 1399px) {
        .subscribe-navigation__list img.sjmsb-rotate-left {
          width: 48px; } }
    .subscribe-navigation__list img.sjmsb-rotate-right {
      -webkit-transform: translateY(5px) translateX(-10%) rotate(5deg);
              transform: translateY(5px) translateX(-10%) rotate(5deg);
      width: 48px; }
      @media (min-width: 900px) and (max-width: 1399px) {
        .subscribe-navigation__list img.sjmsb-rotate-right {
          width: 40px; } }

.nav-small-bar .subscribe-navigation__list {
  background: #ee3124;
  padding: 0 1.0rem;
  line-height: 3.375rem;
  height: 3.375rem;
  margin-right: 6.25rem; }
  .nav-small-bar .subscribe-navigation__list a {
    color: #FFF !important;
    font-family: "National";
    font-size: 20px; }
    @media (max-width: 899px) {
      .nav-small-bar .subscribe-navigation__list a {
        color: #ee3124 !important; }
        .nav-small-bar .subscribe-navigation__list a:hover {
          color: #ee3124 !important;
          text-decoration: underline !important; } }
    @media (max-width: 450px) {
      .nav-small-bar .subscribe-navigation__list a {
        font-size: 14px; } }
    .nav-small-bar .subscribe-navigation__list a:hover {
      color: #FFF !important;
      text-decoration: underline !important; }
      @media (max-width: 899px) {
        .nav-small-bar .subscribe-navigation__list a:hover {
          color: #ee3124 !important;
          text-decoration: underline !important; } }
  .nav-small-bar .subscribe-navigation__list span {
    margin-right: 0;
    color: #FFF; }
    @media (max-width: 899px) {
      .nav-small-bar .subscribe-navigation__list span {
        color: #ee3124; } }
  .nav-small-bar .subscribe-navigation__list div, .nav-small-bar .subscribe-navigation__list img {
    display: none; }
  @media (max-width: 899px) {
    .nav-small-bar .subscribe-navigation__list {
      background: #FFF;
      border-left: 1px solid #AAA; } }
  @media (max-width: 319px) {
    .nav-small-bar .subscribe-navigation__list {
      display: none; } }

.page-template-page-membership-landing {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: auto;
  min-height: 100%;
  max-height: none;
  overflow: auto; }
  .page-template-page-membership-landing .site-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding-top: 54px;
    min-height: 100vh; }

.tl-membership-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #000;
  padding: 50px 0;
  text-align: center; }
  @media (min-width: 768px) {
    .tl-membership-container {
      padding: 70px 0; } }

.tl-membership-img {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0.75;
  margin: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     font-family: "object-fit:cover";
     object-fit: cover; }

.tl-membership-box {
  position: relative;
  z-index: 5;
  background-color: #FFF;
  padding: 50px 25px 60px;
  width: calc( 100% - 40px);
  max-width: 710px; }
  @media (min-width: 768px) {
    .tl-membership-box {
      padding: 70px 80px 85px;
      width: calc( 100% - 60px); } }
  .tl-membership-box .tl-membership-badge {
    position: absolute;
    top: -40px;
    right: 15px;
    border-radius: 50%;
    background-color: #ee3124;
    width: 80px;
    height: 80px; }
    @media (min-width: 768px) {
      .tl-membership-box .tl-membership-badge {
        top: -50px;
        right: 27px;
        width: 100px;
        height: 100px; } }
    .tl-membership-box .tl-membership-badge__inner {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-transform: translateX(-50%) translateY(-50%);
              transform: translateX(-50%) translateY(-50%);
      border: 1px solid;
      border-radius: 50%;
      padding: 0.875rem 0.75rem 0.75rem;
      width: 75px;
      height: 75px;
      text-align: center;
      line-height: 1.125;
      color: #FFF;
      font-family: "BureauGrotCond", serif;
      font-size: 1rem;
      font-weight: 500; }
      @media (min-width: 768px) {
        .tl-membership-box .tl-membership-badge__inner {
          padding: 1rem 0.75rem 0.75rem;
          width: 95px;
          height: 95px;
          font-size: 1.25rem; } }
  .tl-membership-box .tl-membership-screen {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    .tl-membership-box .tl-membership-screen__heading {
      margin: 0 auto 0.5rem;
      width: 100%;
      max-width: 420px;
      line-height: 1.2;
      font-size: 2.375rem; }
      @media (min-width: 768px) {
        .tl-membership-box .tl-membership-screen__heading {
          margin-bottom: 0.625rem;
          font-size: 57px; } }
      .tl-membership-box .tl-membership-screen__heading--p2 {
        font-size: 1.875rem; }
        @media (min-width: 768px) {
          .tl-membership-box .tl-membership-screen__heading--p2 {
            font-size: 2.375rem; } }
    .tl-membership-box .tl-membership-screen__copy {
      width: 100%;
      line-height: 1.25;
      font-family: "Jubilat", serif;
      font-size: 1rem;
      font-weight: 300; }
      @media (min-width: 768px) {
        .tl-membership-box .tl-membership-screen__copy {
          font-size: 1.125rem; } }
  .tl-membership-box .tl-membership-form {
    margin-top: 1.625rem;
    width: 100%;
    max-width: 390px; }
    @media (min-width: 768px) {
      .tl-membership-box .tl-membership-form {
        font-size: 36px; } }
    .tl-membership-box .tl-membership-form--p2 {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; }
      @media (min-width: 768px) {
        .tl-membership-box .tl-membership-form--p2 {
          margin-top: 36px; } }
    .tl-membership-box .tl-membership-form__label {
      border: 0;
      clip: rect(1px, 1px, 1px, 1px);
      -webkit-clip-path: inset(100%);
              clip-path: inset(100%);
      height: 1px;
      overflow: hidden;
      padding: 0;
      position: absolute;
      white-space: nowrap;
      width: 1px; }
    .tl-membership-box .tl-membership-form__input {
      border: 0;
      border-radius: 0;
      background-color: #EEE;
      padding: 1rem;
      width: 100%;
      height: 3rem;
      line-height: 1;
      color: #000;
      font-family: "Jubilat", serif;
      font-size: 1rem;
      font-weight: 300; }
      @media (min-width: 768px) {
        .tl-membership-box .tl-membership-form__input {
          font-size: 1.125rem; } }
      .tl-membership-box .tl-membership-form__input:-webkit-autofill {
        -webkit-box-shadow: 0 0 0 1000px #EEE inset; }
    .tl-membership-box .tl-membership-form__caveat {
      display: block;
      margin: 0.875rem 0 1.875rem;
      line-height: 1.23;
      font-family: "National", sans-serif;
      font-size: 15px; }
    .tl-membership-box .tl-membership-form__button {
      margin: 0;
      padding: 13px 26px;
      height: auto;
      text-transform: uppercase;
      line-height: 1.4;
      letter-spacing: 1.33px;
      font-size: 1rem;
      font-weight: 500; }
      .tl-membership-box .tl-membership-form__button:hover, .tl-membership-box .tl-membership-form__button:focus {
        background: #d81b0e; }
    .tl-membership-box .tl-membership-form .tl-membership-form__button + .tl-membership-form__button {
      margin-left: 1rem; }
      @media (min-width: 768px) {
        .tl-membership-box .tl-membership-form .tl-membership-form__button + .tl-membership-form__button {
          margin-left: 30px; } }

.print_subscription_module {
  display: block;
  width: 100%;
  position: relative;
  background: #000;
  margin-bottom: 3.1rem;
  z-index: 0; }
  @media (min-width: 45em) and (max-width: 52.49em) {
    .print_subscription_module {
      height: 400px; } }
  @media (min-width: 20em) and (max-width: 44.99em) {
    .print_subscription_module {
      margin: 0 auto 3.1rem auto;
      width: 300px;
      height: 300px; } }
  .print_subscription_module a {
    display: block;
    width: 100%;
    height: 100%;
    padding: 1.5em; }
    @media (min-width: 45em) and (max-width: 52.49em) {
      .print_subscription_module a {
        padding: 1.5em 1.5em 0 1.5em; } }
    @media (min-width: 20em) and (max-width: 44.99em) {
      .print_subscription_module a {
        padding: 0.75em 0.5em 0 0.5em; } }
    .print_subscription_module a .sjmsm_text_wrapper {
      margin: 10px;
      max-width: 600px;
      position: relative; }
      @media (min-width: 52.5em) and (max-width: 67.49em) {
        .print_subscription_module a .sjmsm_text_wrapper {
          max-width: 400px; } }
      @media (min-width: 45em) and (max-width: 52.49em) {
        .print_subscription_module a .sjmsm_text_wrapper {
          width: 100%;
          max-width: 400px; } }
      @media (min-width: 20em) and (max-width: 44.99em) {
        .print_subscription_module a .sjmsm_text_wrapper {
          width: calc(300px - 1.5em); } }
      .print_subscription_module a .sjmsm_text_wrapper div {
        margin-bottom: 20px; }
        @media (min-width: 20em) and (max-width: 44.99em) {
          .print_subscription_module a .sjmsm_text_wrapper div {
            margin-bottom: 10px; } }
      .print_subscription_module a .sjmsm_text_wrapper .sjmsm_main_text {
        color: #FFF;
        font-family: 'jubilat', serif;
        font-weight: 100;
        font-size: 55px;
        line-height: 48px; }
        @media (min-width: 45em) and (max-width: 67.49em) {
          .print_subscription_module a .sjmsm_text_wrapper .sjmsm_main_text {
            font-size: 36px;
            line-height: 32px; } }
        @media (min-width: 20em) and (max-width: 44.99em) {
          .print_subscription_module a .sjmsm_text_wrapper .sjmsm_main_text {
            font-size: 29px;
            line-height: 29px; } }
      .print_subscription_module a .sjmsm_text_wrapper .sjmsm_sub_text {
        color: #FFF;
        font-family: Jubilat, serif;
        font-weight: 400;
        font-size: 20px;
        line-height: 1.0; }
        @media (min-width: 20em) and (max-width: 44.99em) {
          .print_subscription_module a .sjmsm_text_wrapper .sjmsm_sub_text {
            font-size: 16px; } }
      .print_subscription_module a .sjmsm_text_wrapper .sjmsm_button {
        background: #ee3124;
        color: #FFF;
        font-family: National, sans-serif;
        font-weight: 400;
        font-size: 16px;
        text-transform: none; }
        @media (min-width: 20em) and (max-width: 44.99em) {
          .print_subscription_module a .sjmsm_text_wrapper .sjmsm_button {
            font-size: 14px;
            padding-right: 0.5rem;
            padding-left: 0.5rem; } }
        .print_subscription_module a .sjmsm_text_wrapper .sjmsm_button:hover {
          background: #d81b0e; }
    .print_subscription_module a .sjmsm_tease_wrapper {
      position: absolute;
      right: 1%;
      bottom: 0;
      overflow: hidden;
      margin-bottom: 0;
      width: 600px;
      height: 100%;
      z-index: -1; }
      @media (min-width: 45em) and (max-width: 67.49em) {
        .print_subscription_module a .sjmsm_tease_wrapper {
          width: 400px; } }
      @media (min-width: 20em) and (max-width: 44.99em) {
        .print_subscription_module a .sjmsm_tease_wrapper {
          margin-bottom: 0;
          width: 100%;
          max-width: 400px;
          height: 180px; } }
      .print_subscription_module a .sjmsm_tease_wrapper img {
        position: absolute;
        left: 50%;
        bottom: 0;
        margin-bottom: 0; }
        .print_subscription_module a .sjmsm_tease_wrapper img.sjmsm_rotate_left {
          -webkit-transform: translateY(21%) translateX(-95%) rotate(-9deg);
                  transform: translateY(21%) translateX(-95%) rotate(-9deg);
          width: 260px; }
          @media (min-width: 67.5em) and (max-width: 79.99em) {
            .print_subscription_module a .sjmsm_tease_wrapper img.sjmsm_rotate_left {
              -webkit-transform: translateY(18%) translateX(-65%) rotate(-9deg);
                      transform: translateY(18%) translateX(-65%) rotate(-9deg);
              width: 200px; } }
          @media (min-width: 45em) and (max-width: 67.49em) {
            .print_subscription_module a .sjmsm_tease_wrapper img.sjmsm_rotate_left {
              -webkit-transform: translateY(18%) translateX(-85%) rotate(-9deg);
                      transform: translateY(18%) translateX(-85%) rotate(-9deg);
              width: 200px; } }
          @media (min-width: 20em) and (max-width: 44.99em) {
            .print_subscription_module a .sjmsm_tease_wrapper img.sjmsm_rotate_left {
              -webkit-transform: translateY(28%) translateX(-50%) rotate(-9deg);
                      transform: translateY(28%) translateX(-50%) rotate(-9deg);
              width: 120px; } }
        .print_subscription_module a .sjmsm_tease_wrapper img.sjmsm_rotate_right {
          -webkit-transform: translateY(35%) translateX(-15%) rotate(15deg);
                  transform: translateY(35%) translateX(-15%) rotate(15deg);
          width: 260px; }
          @media (min-width: 67.5em) and (max-width: 79.99em) {
            .print_subscription_module a .sjmsm_tease_wrapper img.sjmsm_rotate_right {
              -webkit-transform: translateY(35%) translateX(20%) rotate(15deg);
                      transform: translateY(35%) translateX(20%) rotate(15deg);
              width: 200px; } }
          @media (min-width: 45em) and (max-width: 67.49em) {
            .print_subscription_module a .sjmsm_tease_wrapper img.sjmsm_rotate_right {
              -webkit-transform: translateY(35%) translateX(-20%) rotate(15deg);
                      transform: translateY(35%) translateX(-20%) rotate(15deg);
              width: 200px; } }
          @media (min-width: 20em) and (max-width: 44.99em) {
            .print_subscription_module a .sjmsm_tease_wrapper img.sjmsm_rotate_right {
              -webkit-transform: translateY(2%) translateX(10%) rotate(9deg);
                      transform: translateY(2%) translateX(10%) rotate(9deg);
              width: 120px; } }

.sjmnm_form_message p, .sjmnm_privacy_statement, .sjmnm_socials_heading, .sjmnm_newsletters_link {
  color: #FFF;
  font-family: National, sans-serif;
  line-height: 1.2;
  font-size: 16px; }
  @media (min-width: 20em) and (max-width: 44.99em) {
    .sjmnm_form_message p, .sjmnm_privacy_statement, .sjmnm_socials_heading, .sjmnm_newsletters_link {
      font-size: 15px; } }

.newsletter_subscription_module {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  position: relative;
  margin-bottom: 3.1rem;
  overflow: hidden; }

.sjmnm_background_image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center; }

.sjmnm_background_image_overlay {
  background-color: #000;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.6; }

.sjmnm_text_wrapper {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 65px 50px 50px;
  position: relative;
  text-align: center; }
  @media (min-width: 20em) and (max-width: 44.99em) {
    .sjmnm_text_wrapper {
      padding: 40px 20px 30px; } }

.sjmnm_main_text {
  width: 75%;
  color: #FFF;
  font-family: Jubilat, serif;
  font-weight: 400;
  font-size: 62px;
  line-height: 0.9;
  margin-bottom: 35px; }
  .newsletter_subscription_module.js-sjmnm-state2 .sjmnm_main_text {
    margin-bottom: 15px; }
  @media (min-width: 45em) and (max-width: 67.49em) {
    .sjmnm_main_text {
      font-size: 50px; } }
  @media (min-width: 20em) and (max-width: 44.99em) {
    .sjmnm_main_text {
      width: 100%;
      font-size: 35px;
      line-height: 1; } }
  .newsletter_subscription_module.js-sjmnm-state2 .sjmnm_main_text__before-submit {
    display: none; }
  .sjmnm_main_text__after-submit {
    display: none; }
    .newsletter_subscription_module.js-sjmnm-state2 .sjmnm_main_text__after-submit {
      display: inline; }

.sjmnm_sub_text {
  width: 65%;
  color: #FFF;
  font-family: Jubilat, serif;
  font-weight: 300;
  font-size: 24px;
  line-height: 1.1;
  margin-bottom: 25px; }
  @media (min-width: 20em) and (max-width: 44.99em) {
    .sjmnm_sub_text {
      margin-bottom: 0; } }
  .newsletter_subscription_module.js-sjmnm-state2 .sjmnm_sub_text {
    width: 85%;
    font-size: 24px;
    font-weight: 300;
    margin-bottom: 18px; }
    @media (min-width: 20em) and (max-width: 67.49em) {
      .newsletter_subscription_module.js-sjmnm-state2 .sjmnm_sub_text {
        font-weight: 300;
        font-size: 20px; } }
  @media (min-width: 20em) and (max-width: 44.99em) {
    .sjmnm_sub_text__before-submit {
      border: 0;
      clip: rect(1px, 1px, 1px, 1px);
      -webkit-clip-path: inset(100%);
              clip-path: inset(100%);
      height: 1px;
      overflow: hidden;
      padding: 0;
      position: absolute;
      white-space: nowrap;
      width: 1px; } }
  .newsletter_subscription_module.js-sjmnm-state2 .sjmnm_sub_text__before-submit {
    display: none; }
  .sjmnm_sub_text__after-submit {
    display: none; }
    .newsletter_subscription_module.js-sjmnm-state2 .sjmnm_sub_text__after-submit {
      display: inline; }

.sjmnm_form {
  width: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 10px; }
  @media (min-width: 20em) and (max-width: 44.99em) {
    .sjmnm_form {
      width: 100%;
      max-width: 350px; } }
  .newsletter_subscription_module.js-sjmnm-state2 .sjmnm_form {
    display: none; }

.sjmnm_form_body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }

.sjmnm_input {
  width: 100%;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  height: 3rem;
  border: 0;
  font-family: Jubilat, serif;
  font-weight: 300;
  font-size: 20px;
  padding: 10px; }
  @media (min-width: 20em) and (max-width: 44.99em) {
    .sjmnm_input {
      height: 2.5rem;
      font-size: 16px; } }

.sjmnm_button {
  height: 3rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  background: #ee3124;
  color: #FFF;
  font-family: National, sans-serif;
  font-weight: 400;
  font-size: 20px;
  text-transform: uppercase;
  border-radius: 0;
  margin: 0; }
  @media (min-width: 20em) and (max-width: 44.99em) {
    .sjmnm_button {
      padding-right: 1rem;
      padding-left: 1rem;
      height: 2.5rem;
      font-size: 16px; } }
  .sjmnm_button:hover, .sjmnm_button:focus {
    background: #BC281C; }

.sjmnm_after_submit {
  display: none; }
  .newsletter_subscription_module.js-sjmnm-state2 .sjmnm_after_submit {
    display: block; }

.sjmnm_form_message:not(:empty) {
  background: #ff6158;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  margin-top: 10px; }
  .sjmnm_form_message:not(:empty):after {
    content: '';
    position: absolute;
    top: -5px;
    left: 50px;
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 5px 5px 5px;
    border-color: transparent transparent #ff6158 transparent; }

.sjmnm_form_message p {
  padding: 10px;
  text-align: left; }

.newsletter_subscription_module.js-sjmnm-state2 .sjmnm_privacy_statement {
  display: none; }

.sjmnm_socials_heading {
  margin-bottom: 28px;
  margin-top: 27px; }
  @media (min-width: 20em) and (max-width: 44.99em) {
    .sjmnm_socials_heading {
      border: 0;
      clip: rect(1px, 1px, 1px, 1px);
      -webkit-clip-path: inset(100%);
              clip-path: inset(100%);
      height: 1px;
      overflow: hidden;
      padding: 0;
      position: absolute;
      white-space: nowrap;
      width: 1px; } }

.sjmnm_newsletters_link {
  text-decoration: underline; }

.sjmnm_socials {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }
  @media (min-width: 20em) and (max-width: 44.99em) {
    .sjmnm_socials {
      margin-top: 24px; } }
  .sjmnm_socials__item {
    margin: 0 5px; }
    .sjmnm_socials__item svg {
      width: 30px;
      height: 30px; }
    .sjmnm_socials__item path {
      fill: #FFF; }
  .sjmnm_socials a {
    display: block; }
    .sjmnm_socials a:hover .icon-twitter,
    .sjmnm_socials a:hover .icon-facebook,
    .sjmnm_socials a:hover .icon-gplus,
    .sjmnm_socials a:hover .icon-pinterest,
    .sjmnm_socials a:hover .instagram-icon, .sjmnm_socials a:focus .icon-twitter,
    .sjmnm_socials a:focus .icon-facebook,
    .sjmnm_socials a:focus .icon-gplus,
    .sjmnm_socials a:focus .icon-pinterest,
    .sjmnm_socials a:focus .instagram-icon {
      fill: #999; }

/**
 * This file contains styles for the 'Ego Meter' component
 * This is the Toronto Life-specific implementation of the 'Vertical Meter Infographic' content module.
 */
.ego-meter {
  background: #eee;
  margin: 60px 0; }
  .ego-meter * {
    margin: 0;
    padding: 0; }
  @media (min-width: 45em) {
    .ego-meter {
      margin-bottom: 70px; } }

.ego-meter__inner {
  position: relative; }
  .ego-meter__inner::before {
    content: '';
    display: block;
    position: absolute; }
  .ego-meter__inner::after {
    content: '';
    display: block;
    position: absolute; }
  .ego-meter__inner::before {
    width: 4px;
    height: 100%;
    background: #D0D0D0;
    top: 0;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%); }

.ego-meter-label-wrapper--default,
.ego-meter-label-wrapper--boosts,
.ego-meter-label-wrapper--bruises {
  width: 100%;
  background: transparent;
  border: 0;
  border-color: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
  position: absolute;
  left: 0;
  text-align: center; }

.ego-meter-label-wrapper--boosts {
  bottom: 0;
  -webkit-transform: translateY(50%);
          transform: translateY(50%); }

.ego-meter-label-wrapper--bruises {
  top: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%); }

.ego-meter-label--default,
.ego-meter-label--boosts,
.ego-meter-label--bruises {
  width: 100px;
  display: inline-block;
  color: #fff;
  background: #ee3124;
  margin: 0 auto;
  padding: 6px 24px 3px;
  text-transform: uppercase;
  text-align: center;
  font-family: "BureauGrotCond", "National", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
  font-weight: 500;
  font-size: 18px;
  position: relative; }
  .ego-meter-label--default span,
  .ego-meter-label--boosts span,
  .ego-meter-label--bruises span {
    display: block; }
  .ego-meter-label--default::after,
  .ego-meter-label--boosts::after,
  .ego-meter-label--bruises::after {
    content: '';
    display: block;
    position: absolute;
    top: 100%;
    right: 0;
    border-top: 15px solid #88130b;
    border-right: 49px solid transparent; }

.ego-meter-content {
  padding: 54px 0; }

.ego-meter-content__inner--boosts,
.ego-meter-content__inner--neutrals,
.ego-meter-content__inner--bruises {
  position: relative; }
  .ego-meter-content__inner--boosts:first-child,
  .ego-meter-content__inner--neutrals:first-child,
  .ego-meter-content__inner--bruises:first-child {
    padding-bottom: 30px; }
  .ego-meter-content__inner--boosts:last-child,
  .ego-meter-content__inner--neutrals:last-child,
  .ego-meter-content__inner--bruises:last-child {
    padding-top: 30px; }

.ego-meter-content__inner--boosts:nth-child(2) {
  border-top: dotted 2px #000; }

@media (min-width: 45em) {
  .ego-meter-content__inner--neutrals {
    margin-top: -50px;
    margin-bottom: -50px; }
    .ego-meter-content__inner--neutrals::before {
      width: 100%;
      height: 1px;
      content: '';
      background: transparent;
      border-top: dotted 2px #000;
      position: absolute;
      top: 50%;
      left: 0; } }

.ego-meter-item-row {
  width: 100%;
  position: relative; }
  .ego-meter-item-row::after {
    clear: both;
    content: "";
    display: table; }
  .ego-meter-item-row:not(:last-child) {
    margin-bottom: 24px; }
  @media (min-width: 45em) {
    .ego-meter-item-row:not(:last-child) {
      margin-bottom: 0px; }
    .ego-meter-item-row:not(:first-child) {
      margin-top: -10px; } }

.ego-meter-item-row__content {
  width: 100%;
  overflow: visible;
  position: relative; }
  .ego-meter-item-row__content::after {
    clear: both;
    content: "";
    display: table; }
  @media (min-width: 45em) {
    .ego-meter-item-row__content {
      width: 50%;
      padding: 0 32px; }
      *:nth-child(odd) > .ego-meter-item-row__content {
        float: left; }
        *:nth-child(odd) > .ego-meter-item-row__content > * {
          float: right; }
      *:nth-child(even) > .ego-meter-item-row__content {
        float: right; }
        *:nth-child(even) > .ego-meter-item-row__content > * {
          float: left; }
      .offset-alignment .ego-meter-item-row__content {
        float: right; }
        .offset-alignment .ego-meter-item-row__content > * {
          float: left; }
      .offset-alignment *:nth-child(even) > .ego-meter-item-row__content {
        float: left;
        clear: both; }
        .offset-alignment *:nth-child(even) > .ego-meter-item-row__content > * {
          float: right; } }

.ego-meter-item-row__bullet {
  width: 32px;
  height: 32px;
  display: block;
  width: 32px;
  height: 32px;
  display: block;
  background: transparent;
  border: solid 3px #fff;
  border-radius: 50%;
  position: absolute;
  top: 100%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 1; }
  .ego-meter-item-row__bullet::before {
    content: '';
    width: 50%;
    height: 2px;
    display: block;
    background: #fff;
    position: absolute;
    top: 50%;
    left: 50%; }
  .ego-meter-item-row__bullet::after {
    content: '';
    width: 50%;
    height: 2px;
    display: block;
    background: #fff;
    position: absolute;
    top: 50%;
    left: 50%; }
  .ego-meter-item-row__bullet::before {
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%); }
  .ego-meter-item-row__bullet::after {
    -webkit-transform: translate(-50%, -50%) rotate(90deg);
            transform: translate(-50%, -50%) rotate(90deg); }
  .is-neutral .ego-meter-item-row__bullet {
    background: #6e6e6e; }
    .is-neutral .ego-meter-item-row__bullet::before {
      -webkit-transform: translate(-50%, -170%);
              transform: translate(-50%, -170%); }
    .is-neutral .ego-meter-item-row__bullet::after {
      -webkit-transform: translate(-50%, 70%);
              transform: translate(-50%, 70%); }
  .is-bruise .ego-meter-item-row__bullet::after {
    display: none; }
  .is-bruise.is-high .ego-meter-item-row__bullet {
    background: #9e1C0f; }
  .is-bruise.is-medium .ego-meter-item-row__bullet {
    background: #cb4700; }
  .is-bruise.is-low .ego-meter-item-row__bullet {
    background: #fda542; }
  .is-boost.is-high .ego-meter-item-row__bullet {
    background: #56c201; }
  .is-boost.is-medium .ego-meter-item-row__bullet {
    background: #8cbf02; }
  .is-boost.is-low .ego-meter-item-row__bullet {
    background: #c2ba01; }
  @media (min-width: 45em) {
    .ego-meter-item-row__bullet {
      top: 50%; } }

.ego-meter-item {
  width: 94%;
  max-width: 260px;
  display: block;
  margin: 0 auto;
  border: 1px solid #e2e2e2;
  background-color: #fff;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
  padding: 15px 15px 20px;
  position: relative; }
  .ego-meter-item::after {
    clear: both;
    content: "";
    display: table; }
  .ego-meter-item.has-image {
    min-height: 120px;
    padding-left: 120px; }
  @media (min-width: 23.4375em) {
    .ego-meter-item {
      width: 100%;
      max-width: 280px; } }
  @media (min-width: 45em) {
    .ego-meter-item {
      max-width: 285px; }
      .ego-meter-item.has-image {
        max-width: 245px;
        min-height: initial;
        padding-top: 18px;
        padding-bottom: 22px;
        padding-left: 15px; } }

.ego-meter-item__header {
  width: 90px;
  height: 90px;
  max-height: initial;
  margin-right: 17px;
  -webkit-box-shadow: none;
          box-shadow: none;
  position: relative;
  overflow: hidden;
  position: absolute;
  top: 15px;
  left: 15px;
  -webkit-transition: none;
  transition: none; }
  .ego-meter-item__header img {
    width: auto;
    max-width: initial;
    height: 100%;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%); }
  @media (min-width: 45em) {
    .ego-meter-item__header {
      width: 100%;
      height: auto;
      margin-right: 0;
      padding-top: 66.666666%;
      float: none;
      position: relative;
      top: 0;
      left: 0; }
      .ego-meter-item__header img {
        width: 100%;
        height: auto; } }

.ego-meter-item__body {
  float: left; }
  .ego-meter-item__body p {
    color: #333;
    margin: 0;
    font-family: "National", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
    font-size: 15px;
    line-height: 1.133333; }
  .ego-meter-item__body p a {
    font-weight: bold;
    text-decoration: underline;
    -webkit-transition: color 0.15s;
    transition: color 0.15s; }
    .ego-meter-item__body p a:hover {
      color: #666; }
    .ego-meter-item__body p a:focus {
      color: #666; }
  .ego-meter-item__body .ego-meter-caption {
    color: #808080;
    margin: 0;
    margin-top: 16px;
    font-family: "National", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
    font-size: 12px;
    line-height: 1.166666;
    text-transform: uppercase; }
  @media (min-width: 45em) {
    .ego-meter-item__body:not(:first-child) {
      padding-top: 14px; } }

.sjmmlm-list-ul {
  margin-bottom: 30px; }
  .sjmmlm-list-ul li {
    float: left;
    min-height: 150px;
    width: 40%;
    margin-right: 10%;
    margin-top: 1.5rem;
    font-family: National, Arial, sans-serif;
    font-size: 1.2rem; }
    @media (max-width: 899px) {
      .sjmmlm-list-ul li {
        width: 100%;
        min-height: 50px; } }
    .sjmmlm-list-ul li em {
      display: block;
      font-family: National, Arial, sans-serif;
      font-weight: bold;
      font-size: 1.2rem; }
    .sjmmlm-list-ul li h2 {
      font-size: 2rem; }
    .sjmmlm-list-ul li p {
      margin-left: 1rem;
      margin-bottom: 0.25rem; }

.sjmmlm-chk {
  font-size: 1rem;
  font-weight: normal; }

.sjmmlm-chk:checked, .sjmmlm-chk:not(:checked) {
  width: 0;
  height: 0;
  display: none;
  opacity: 0; }

.sjmmlm-chk:checked + label, .sjmmlm-chk:not(:checked) + label {
  display: inline-block;
  margin-right: 3px;
  margin-top: 3px;
  margin-bottom: 3px;
  padding-left: 40px;
  padding-top: 2px;
  position: relative;
  cursor: pointer; }

.sjmmlm-chk:checked + label:before, .sjmmlm-chk:not(:checked) + label:before {
  position: absolute;
  display: block;
  padding-bottom: 3px;
  vertical-align: middle;
  bottom: 4px;
  left: 0;
  width: 30px;
  height: 30px;
  border: 1px solid #ccc;
  border-radius: 3px;
  color: #ccc;
  background-color: #f2f2f2; }

.sjmmlm-chk:checked + label:hover:before, .sjmmlm-chk:not(:checked) + label:hover:before {
  background-color: #ccc; }

.sjmmlm-chk:checked:focus + label:before, .sjmmlm-chk:not(:checked):focus + label:before {
  border-color: #6FB5FB;
  -webkit-box-shadow: 0 0 6px 0 #6FB5FB;
          box-shadow: 0 0 6px 0 #6FB5FB; }

.sjmmlm-chk:checked[disabled] + label, .sjmmlm-chk:not(:checked)[disabled] + label {
  cursor: not-allowed;
  opacity: .4; }

.sjmmlm-chk:checked[disabled] + label:before, .sjmmlm-chk:not(:checked)[disabled] + label:before {
  opacity: .7; }

.sjmmlm-chk:checked + label:before,
.sjmmlm-chk:not(:checked) + label:before {
  font-family: "FontAwesome";
  font-size: 25px;
  line-height: 25px;
  text-align: center;
  -webkit-transition: border-color .2s ease-in, background-color .2s ease-in;
  transition: border-color .2s ease-in, background-color .2s ease-in; }

.sjmmlm-chk:checked + label:before {
  content: "\f00c";
  color: #FFF;
  background-color: #ee3124;
  border-color: #ee3124; }

.sjmmlm-chk:not(:checked) + label:before {
  content: ""; }

.pending {
  display: inline-block !important;
  height: 1.8rem;
  line-height: 1.2em;
  background: #fc0;
  border: 1px solid #fafafa;
  -webkit-box-shadow: inset 0 2px 0 rgba(0, 0, 0, 0.2), 0 2px 0 rgba(255, 255, 255, 0.7);
          box-shadow: inset 0 2px 0 rgba(0, 0, 0, 0.2), 0 2px 0 rgba(255, 255, 255, 0.7);
  border-radius: 2em;
  padding: 0.2em 1em; }

#messages, .messages {
  border-left: 3px solid #ee3124;
  padding-left: 5px; }
  #messages p, .messages p {
    font-size: smaller !important; }

#sjmmlm-email {
  width: 75%;
  height: 60px;
  padding-left: 1rem;
  font-size: 17px;
  line-height: 2.5rem;
  border: 1px solid #eeeeee; }
  @media (max-width: 899px) {
    #sjmmlm-email {
      width: 100%; }
      #sjmmlm-email:-webkit-autofill {
        background-color: #f2f2f2 !important;
        -webkit-box-shadow: 0 0 0 1000px #f2f2f2 inset !important; } }

#sjmmlm-button {
  width: 20%;
  height: 60px;
  font-size: 20px;
  padding: 0;
  text-align: center;
  margin-left: 5%;
  margin-top: 1em; }
  @media (max-width: 899px) {
    #sjmmlm-button {
      width: 50%;
      margin-left: 25%; } }

.sjmmlm-more {
  font-size: 2.5rem;
  font-family: BureauGrotCond;
  font-weight: 500;
  line-height: 2.5rem;
  margin: 40px 0 20px 0; }

/*# sourceMappingURL=style.css.map */