html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  list-style: none; }

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

center {
  text-align: left; }

nav ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

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

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none; }

mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold; }

del {
  text-decoration: line-through; }

abbr[title], dfn[title] {
  border-bottom: none;
  cursor: help; }

abbr[title]:hover, dfn[title]:hover {
  border-bottom: 1px dotted; }

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

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0; }

input, select {
  vertical-align: middle; }

.enhanced object, .enhanced embed {
  display: block; }

@media screen and (max-device-width: 810px) {
  * {
    -webkit-text-size-adjust: 100%; } }

.weather, .bg-high-value, .utils, .sections, nav.section, form.search, .sections, .live-update, .group, .group-alt, .ad, .utils, form.search, .bg-footer {
  border: none;
  text-align: inherit;
  margin: 0;
  padding: 0;
  background: transparent; }

.weather img {
  width: auto;
  vertical-align: auto; }

.weather p, .weather h2, .weather li, .bg-high-value p, .bg-high-value li, .bg-high-value ul, .bg-high-value li a, .sections li, .bg-footer li, .bg-footer li a {
  font-size: 1em;
  text-align: left; }

.weather p, .weather h2, .weather li, .bg-footer li {
  display: block; }

/*# sourceMappingURL=html5reset.css.map */
/**
 * Placeholders (extendable classes that don't compile if not used)
 */
/**
 * Default links.
 *
 * Specificity order: LOVE-HATE (LV-HA) link -> visited -> hover -> active
 * @see http://meyerweb.com/eric/css/link-specificity.html
 */
p a,
i .a, a {
  color: #444;
  text-decoration: none;
  -moz-transition: color 0.1s linear, background-color 0.1s linear;
  -ms-transition: color 0.1s linear, background-color 0.1s linear;
  -o-transition: color 0.1s linear, background-color 0.1s linear;
  -webkit-transition: color 0.1s linear, background-color 0.1s linear;
  transition: color 0.1s linear, background-color 0.1s linear; }
  
  i .a:hover, a:hover,
  i .a:active, a:active,
  i .a:focus, a:focus {
    color: #000; }

p a,
i .a {
  padding: 0 0 2px;
  border-bottom: 1px solid #1588ab;
  color: #1588ab; }
  p a:hover,
  i .a:hover, p a:active,
  i .a:active, p a:focus,
  i .a:focus {
    color: #1588ab;
    border-bottom: none; }

html {
  font-size: 62.5% !important;
  font-family: Georgia, "Times New Roman", Times, serif; }

body {
  background: #FFF;
  color: #464646;
  padding-bottom: 20px;
  /* make room for the tray */ }

.skip-nav {
  display: none;
  clear: both; }

.back-top {
  font: normal 11px Arial, Helvetica, sans-serif;
  /* 12px / 10px */
  text-align: right;
  text-transform: uppercase; }

.back-top a {
  background: #FFF;
  padding: 1em;
  text-decoration: none; }

.back-top a:after {
  color: #BBB;
  content: "\00A0\25B2"; }

/*
	FONT-SIZE SWITCHING
	New classes can be defined in custom.js
*/
.text-med .bg-header {
  font-size: 104%; }

.text-med #main {
  font-size: 110%; }

.text-lg .bg-header {
  font-size: 108%; }

.text-lg #main {
  font-size: 125%; }

img,
embed,
object,
video,
canvas object {
  max-width: 100%; }

.ad iframe,
.ad div {
  border: 0;
  margin: none;
  padding: 0; }

/* BGLOBE-2358 5/29 edit */
.section-nav .ad iframe,
.section-nav .ad div {
  min-height: 85px; }

address cite {
  font-style: normal; }

table {
  border-collapse: collapse;
  text-align: left;
  margin: 2em 0;
  width: 100%; }

/* for global reuse... to be moved, organized later */
.a11y-only,
.enhanced .advertisement {
  position: absolute;
  clip: rect(1px 1px 1px 1px);
  /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
  left: -9999em; }

#contain {
  background: #fff;
  position: relative;
  width: 100%;
  margin-bottom: 10px; }

.ie6 #contain {
  overflow: hidden; }

/*
	Persistent global message bars
*/
.global-bar {
  position: relative;
  background-color: transparent;
  padding: .5em .5em;
  margin: 10px auto 10px;
  font: 1.3em/1.4em Helvetica, Arial, sans-serif;
  text-align: center;
  color: #000;
  z-index: 99; }

a.global-bar {
  display: block; }

a.global-bar span {
  white-space: nowrap;
  text-decoration: underline; }

.bar-yellow {
  background-color: #ffffe5;
  border: 1px solid #e6e6dc;
  color: #9B1518;
  font-weight: bold; }

.bar-aqua {
  background-color: #d0ebf2;
  border: 1px solid #A3C0DB;
  color: #464646;
  font-weight: bold; }

.bar-red {
  background-color: #9b1417;
  border: 1px solid #9b1417;
  color: #fff; }

.bar-red a, .bar-red a:hover {
  color: #fff; }

a.bar-red, a:hover.bar-red {
  color: #fff; }

.global-bar b {
  font-weight: bold; }

.global-bar a {
  padding: .5em 0 0 0;
  text-decoration: underline;
  white-space: nowrap; }

@media screen and (max-width: 480px) {
  .skip-nav {
    display: block; }
  div#ad_bigbox2 {
    text-align: center; } }

@media screen and (min-width: 480px) {
  .skip-nav {
    display: none; }
  .back-top {
    display: block; } }

@media screen and (min-width: 620px) {
  #contain {
    margin: 0 auto 10px;
    width: 93.75%;
    max-width: 1232px; }
  .type-internal #contain {
    margin-top: 10px; }
  /* Private beta message bar */
  .global-bar {
    width: 91.5%;
    max-width: 1210px;
    font-size: 1.4em;
    padding: 1em 1em; }
  .global-bar.breaking {
    max-width: none;
    width: auto; } }

@media screen and (min-width: 810px) {
  .back-top {
    display: none; } }

/* buttons */
.bg-button {
  font-weight: normal;
  border-radius: 1em;
  border: 1px solid #bbb;
  float: left;
  padding: .545em 1em;
  text-transform: uppercase;
  background-color: #fff;
  background-image: url("//c.o0bg.com/img/global/bg-button.png");
  background: -webkit-linear-gradient(top, #ffffff, #cccccc);
  background: -moz-linear-gradient(top, #ffffff, #cccccc);
  background: -o-linear-gradient(top, #ffffff, #cccccc);
  background: -ms-linear-gradient(top, #ffffff, #cccccc);
  background: linear-gradient(top, #ffffff, #cccccc);
  -webkit-box-shadow: 0 0 3px #fff;
  box-shadow: 0 0 3px #fff;
  color: #222;
  cursor: pointer; }

.bg-button:hover {
  background-image: url("//c.o0bg.com/img/global/bg-button-hover.png");
  background: -webkit-linear-gradient(top, #ffffff, #bbbbbb);
  background: -moz-linear-gradient(top, #ffffff, #bbbbbb);
  background: -o-linear-gradient(top, #ffffff, #bbbbbb);
  background: -ms-linear-gradient(top, #ffffff, #bbbbbb);
  background: linear-gradient(top, #ffffff, #bbbbbb);
  color: #000; }

.bg-button:active {
  padding: .636em 1em .454em 1em;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.125) inset;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.125) inset;
  background: -webkit-linear-gradient(top, #ffffff, #cccccc);
  background: -moz-linear-gradient(top, #ffffff, #cccccc);
  background: -o-linear-gradient(top, #ffffff, #cccccc);
  background: -ms-linear-gradient(top, #ffffff, #cccccc);
  background: linear-gradient(top, #ffffff, #cccccc); }

/* collapsible toggles  */
.collapsible-heading {
  position: relative; }

.collapsible-heading-status {
  /* if hiding, hide accessibly */
  text-indent: -99999px; }

.enhanced .collapsible-content {
  display: block; }

.enhanced .collapsible-content-collapsed {
  display: none; }

/* max-height approach doesn't work in IE7 and under... */
@media screen and (max-width: 810px) {
  .ie6 .collapsible-content-collapsed {
    height: 1px;
    overflow: hidden; } }

/* shapeburst count styling: used mostly by my-saved count bubbles */
.count {
  /*background: url(//c.o0bg.com/img/bg-shapeburst-left.png) left 50% no-repeat;*/
  background: url("//c.o0bg.com/img/global/red_left_round.png") left 50% no-repeat;
  color: #FFF;
  display: inline-block;
  font-family: "Helvetica", Arial, sans-serif;
  font-weight: bold;
  margin: -3px 0 0 0;
  padding: 0 0 0 7px; }

.applicationcache .count {
  background-image: url("//c.o0bg.com/img/global/red_left_round.png"); }

.count span {
  /* background: url(//c.o0bg.com/img/bg-shapeburst-right.png) right 50% no-repeat; */
  background: url("//c.o0bg.com/img/global/red_left.png") right 50% no-repeat;
  display: inline-block;
  padding: 0 7px 0 0;
  line-height: 19px; }

.applicationcache .count span {
  background-image: url("//c.o0bg.com/img/global/red_left.png"); }

/* for links that can be "saved" to the My Saved Lists */
.saveable {
  position: relative; }

.add-to-saved {
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.35);
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.35);
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.35);
  background: #F00;
  opacity: 0;
  position: absolute;
  right: -4px;
  top: -4px;
  z-index: 50;
  padding: 0; }

.ie .add-to-saved {
  display: none; }

.ie6 .article {
  /* IE6 peekaboo bug */
  position: relative; }

.add-to-saved button {
  -webkit-appearance: none;
  background: transparent;
  border: 0;
  cursor: pointer;
  padding: .7em 1.3em;
  text-transform: uppercase;
  height: auto;
  cursor: pointer; }

.add-to-saved, .add-to-saved button {
  -moz-border-radius: 1em;
  -webkit-border-radius: 1em;
  border-radius: 1em;
  color: #fff;
  font: bold 10px/14px "Helvetica", Arial, sans-serif;
  /*font-size in px due to varied dom placement */ }

.saved .add-to-saved {
  background: #111; }

.saved .add-to-saved button {
  background: #111;
  border: 0; }

.error .add-to-saved {
  padding: 7px 10px; }

.error .add-to-saved .msg {
  font-size: 1.2em;
  margin-right: .5em; }

.error .add-to-saved button {
  background: #fff;
  color: #000; }

.saveable.hover .add-to-saved {
  opacity: .95; }

.ie .saveable.hover .add-to-saved {
  display: block; }

/* Carousels */
.ie7 .secslider {
  zoom: 1; }

.slidewrap {
  overflow: hidden;
  position: relative;
  width: 100%; }

.slidewrap .slider {
  float: left;
  margin-left: 0;
  -webkit-transition: margin-left 0.5s ease;
  -moz-transition: margin-left 0.5s ease;
  -ms-transition: margin-left 0.5s ease;
  -o-transition: margin-left 0.5s ease;
  transition: margin-left 0.5s ease; }

#contain .slidewrap .slide {
  position: relative;
  float: left;
  width: 100%; }

#contain .feat-strip.slidewrap .slide {
  position: static;
  float: left;
  width: 275px !important; }

.feat-strip-wrapper .nav {
  display: none; }

/* Carousel Pseudo-preloader */
.enhanced [data-carousel] {
  display: none; }

.enhanced .slidewrap {
  height: auto; }

.slidecontrols {
  border-top: 1px solid #e5e5e5;
  float: left;
  font: normal 1.1em/1 arial, helvetica, sans-serif;
  margin-top: 5px;
  position: relative;
  width: 100%; }

.carousel-tabs-head {
  background: url("//c.o0bg.com/img/icon-arrow-down-5f5f5.png") no-repeat 100% 1.2em;
  cursor: text;
  float: left;
  font-weight: normal;
  padding: 1em 17px 1em 0;
  text-transform: uppercase; }

.carousel-tabs {
  clear: left; }

.carousel-tabs li {
  float: left; }

.carousel-tabs li a {
  color: #A7A8A3;
  display: block;
  margin-top: -2px;
  min-width: 10px;
  padding: 7px;
  text-align: center; }

.carousel-tabs li a:hover {
  color: #9F1515; }

.carousel-tabs li.current a {
  background: #F2F2E8;
  border-top: 1px solid #A7A8A3;
  color: #000;
  padding-bottom: 6px; }

.slidecontrols .nav {
  float: right; }

.slidecontrols .nav li {
  float: left; }

.slidecontrols h2 a {
  float: left; }

/*
	Overlay nav GO
*/
.slidecontrols .collapsible-heading-expanded {
  background-image: url("//c.o0bg.com/img/icon-arrow-up-5f5f5.png"); }

.slidecontrols .collapsible-content {
  border-left: 1px solid #EAEAEA;
  position: absolute;
  bottom: 100%;
  max-width: 50%;
  z-index: 10; }

.slidecontrols .collapsible-content li a {
  background: #FFF;
  border: 1px solid #EAEAEA;
  border-width: 0 1px 1px 0;
  margin: 0;
  min-width: 1.3em;
  padding: 7px;
  text-decoration: none; }

.slidecontrols .collapsible-content li.current a {
  background: #F2F2E8; }

/* save link override in sliders */
.slider .add-to-saved {
  right: 4px;
  top: 4px; }

/* >> The Magnificent CLEARFIX: Updated to prevent margin-collapsing on child elements << j.mp/bestclearfix */
#masthead:after,
#masthead .weather:after,
.sections:after,
.section-expand:after,
.mod:after,
.col:after,
#main:after,
.feature-well .content:after,
.sec-excerpt:after,
.sections > ul:after,
nav.section:after,
.saved-list:after,
.saved-content:after,
.saved-header:after,
.bg-footer:after,
.saved-articles > ul > li:after,
.listing:after {
  clear: both;
  content: "\0020";
  display: block;
  height: 0;
  visibility: hidden; }

/* Fix clearfix: blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page */
#masthead,
#masthead .weather,
.sections,
nav.section,
.mod,
.col,
#main,
.feature-well .content,
.sec-excerpt,
.sections > ul,
.saved-list,
.saved-content,
.saved-header,
.bg-footer,
#main .bg-home-lead,
.saved-articles > ul > li,
.listing {
  zoom: 1; }

.ie6 .bg-home-lead,
.ie6 .bg-home-sub,
.ie6 .inside,
.ie6 .inside .content,
.ie6 .sections {
  zoom: 1; }

/* Newsletter Signup Widget Styles */
#newsletter-widget {
  margin-bottom: 3.5em; }

.widget-form {
  clear: both; }

.widget-form #nl-signup-submit {
  background: #006621;
  background: -moz-linear-gradient(top, #006621 0%, #004a23 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #006621), color-stop(100%, #004a23));
  background: -webkit-linear-gradient(top, #006621 0%, #004a23 100%);
  background: -o-linear-gradient(top, #006621 0%, #004a23 100%);
  background: -ms-linear-gradient(top, #006621 0%, #004a23 100%);
  background: linear-gradient(to bottom, #006621 0%, #004a23 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#006621', endColorstr='#004a23', GradientType=0);
  color: #fff;
  border: none;
  padding: 0.7em 1em;
  margin-top: 1.3em; }

.widget-form #nl-signup-submit:disabled {
  background: #83AA94; }

#nl-user-signup-submit {
  margin-top: 1em; }

.widget-form .trial-cta {
  font-size: 1.3em;
  margin-bottom: 0.3em; }

.widget-form .email-signup {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  width: 100%;
  margin-bottom: 0.5em;
  padding: 0.5em; }

.widget-form #email.invalid {
  border: 1px solid #B60C11;
  background: #F4F4F4;
  color: #B60C11; }

.widget-form .error {
  display: none; }

.widget-form .error span,
.widget-status span {
  font-family: Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  vertical-align: -33%; }

.widget-status {
  clear: both;
  width: 100%;
  margin-top: 2em;
  position: relative; }

.widget-status img {
  position: absolute;
  top: 0;
  left: 0; }

.widget-status span {
  position: relative;
  left: 2em; }

.widget-status.hidden {
  display: none; }

.widget-status p {
  font-size: 13px;
  margin-left: 2em;
  margin-top: 1em; }

.widget-status p.settings-link {
  text-align: right;
  margin-left: 0;
  margin-top: 0.5em; }

.widget-status p.settings-link a {
  font-family: Helvetica, sans-serif;
  font-size: 10px;
  text-transform: uppercase;
  color: #9B1518;
  margin-left: 3px; }

.widget-status p.settings-link a:after {
  content: '\2192'; }

.newsletter-select.in-section ul {
  border-top: none;
  margin-top: 1em; }

.newsletter-select.in-section {
  margin-bottom: 0; }

.newsletter-select li {
  padding-left: 0.3em; }

.newsletter-select li .details {
  margin-top: 1.5em; }

.newsletter-select li.checked {
  background: #F6F6F6; }

.newsletter-select li.disabled {
  background: #fff; }

.newsletter-select li input[type="checkbox"] {
  float: left;
  margin-top: 6%;
  margin-right: 3%; }

.newsletter-select li:last-child {
  border-bottom: none; }

.details.promo {
  background: none;
  border: none;
  text-align: left; }

.details .box {
  border: 1px solid #DBDBDB; }

.inputerror.login {
  border: 1px solid #9B1518;
  padding-left: 6px;
  color: #9B1518; }

div.recommended.recommended--tease.duplicate_article {
  display: none; }

/*
  font-size, strip-unit, rem-fallback via CSS Tricks:
  http://css-tricks.com/snippets/css/less-mixin-for-rem-font-sizing/
*/
/*
  font-size, strip-unit, rem-fallback via CSS Tricks:
  http://css-tricks.com/snippets/css/less-mixin-for-rem-font-sizing/
*/
.bg-search-takeover {
  position: absolute;
  width: 100%;
  height: 100%;
  background: -moz-linear-gradient(top, white 0%, rgba(255, 255, 255, 0.75) 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, rgba(255, 255, 255, 0.75)));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, white 0%, rgba(255, 255, 255, 0.75) 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, white 0%, rgba(255, 255, 255, 0.75) 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, white 0%, rgba(255, 255, 255, 0.75) 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, white 0%, rgba(255, 255, 255, 0.75) 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f2ffffff', GradientType=0);
  /* IE6-9 */
  z-index: 9;
  display: none; }
  .bg-search-takeover--open {
    height: 100%;
    -webkit-animation: search-expand 0.26s 1 normal;
    -moz-animation: search-expand 0.26s 1 normal;
    -o-animation: search-expand 0.26s 1 normal;
    animation: search-expand 0.26s 1 normal; }
  .bg-search-takeover--closed {
    height: 0%;
    left: -150%;
    -webkit-animation: search-close 0.26s 1 normal;
    -moz-animation: search-close 0.26s 1 normal;
    -o-animation: search-close 0.26s 1 normal;
    animation: search-close 0.26s 1 normal; }
  .bg-search-takeover__input {
    line-height: 42px;
    height: 42px;
    padding: 0 0 5px 10px;
    font-size: 28px;
    font-family: 'Benton Sans Black', Helvetica, Arial, sans-serif;
    width: 85%;
    width: -moz-calc(100% - 82px);
    width: -webkit-calc(100% - 82px);
    width: -o-calc(100% - 82px);
    width: calc(100% - 82px);
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #ccc;
    -webkit-appearance: none;
    outline: none;
    float: left;
    margin: 0; }
  .bg-search-takeover__close {
    height: 37px;
    width: 22px;
    padding: 5px;
    background-image: url(//c.o0bg.com/img/masthead/header_icons.svg);
    background-position: 5px -28px;
    background-size: 22px;
    background-repeat: no-repeat;
    cursor: pointer;
    float: left;
    border-bottom: 1px solid #ccc; }
  .bg-search-takeover__button {
    width: 40px;
    height: 48px;
    padding: 5px;
    background-image: url(//c.o0bg.com/img/masthead/header_icons.svg);
    background-position: 5px 7px;
    background-size: 30px;
    background-repeat: no-repeat;
    float: left;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #ccc;
    background-color: transparent;
    margin: 0;
    cursor: pointer; }

@media only screen and (min-width: 810px) {
  .bg-search-takeover {
    display: block; } }

@-webkit-keyframes search-expand {
  from {
    height: 0;
    opacity: 0; }
  to {
    height: 100%;
    opacity: 1; } }

@-moz-keyframes search-expand {
  from {
    height: 0;
    opacity: 0; }
  to {
    height: 100%;
    opacity: 1; } }

@-ms-keyframes search-expand {
  from {
    height: 0;
    opacity: 0; }
  to {
    height: 100%;
    opacity: 1; } }

@keyframes search-expand {
  from {
    height: 0;
    opacity: 0; }
  to {
    height: 100%;
    opacity: 1; } }

@-webkit-keyframes search-close {
  from {
    left: 0;
    height: 100%;
    opacity: 1; }
  to {
    left: 0;
    height: 0;
    opacity: 0; } }

@-moz-keyframes search-close {
  from {
    left: 0;
    height: 100%;
    opacity: 1; }
  to {
    left: 0;
    height: 0;
    opacity: 0; } }

@-ms-keyframes search-close {
  from {
    left: 0;
    height: 100%;
    opacity: 1; }
  to {
    left: 0;
    height: 0;
    opacity: 0; } }

@keyframes search-close {
  from {
    left: 0;
    height: 100%;
    opacity: 1; }
  to {
    left: 0;
    height: 0;
    opacity: 0; } }

#bg-header__fallback-image-wrapper {
  border: #cccccc 1px solid;
  overflow: visible; }

.bg-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: start;
  align-content: flex-start;
  font: normal 1rem/1 Helvetica, Arial, sans-serif;
  color: #000;
  margin: 10px 10px 0;
  height: 40px; }
  .type-internal:not(.type-article) .bg-header {
    height: auto; }
  .bg-header__smartbar {
    display: table;
    position: relative;
    font-size: 1.15rem;
    height: 38px;
    border-top: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    float: right;
    text-align: left;
    width: 90%;
    width: -moz-calc(100% - 90px);
    width: -webkit-calc(100% - 90px);
    width: -o-calc(100% - 90px);
    width: calc(100% - 90px);
    overflow: hidden;
    opacity: 1; }
    .bg-header__smartbar--breaking, .bg-header__smartbar--message {
      display: table-cell;
      position: relative;
      height: 28px;
      color: #000;
      vertical-align: middle; }
    .bg-header__smartbar--breaking {
      padding: 5px 30px 5px 0;
      width: 90%;
      width: -moz-calc(100% - 30px);
      width: -webkit-calc(100% - 30px);
      width: -o-calc(100% - 30px);
      width: calc(100% - 30px);
      color: black; }
      .bg-header__smartbar--breaking-show {
        color: black; }
      .bg-header__smartbar--breaking:before {
        content: "Breaking:\00a0";
        font-weight: bold;
        float: left; }
      .bg-header__smartbar--breaking:after {
        position: absolute;
        right: 8px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        transform: translateY(-50%);
        -webkit-animation: breaking-pulse 2s infinite 2s linear;
        -moz-animation: breaking-pulse 2s infinite 2s linear;
        animation: breaking-pulse 2s infinite 2s linear;
        content: "";
        display: inline-block;
        background: #c42515;
        border-radius: 50%;
        box-shadow: 0 0 0 #eaa99e;
        width: 15px;
        height: 15px; }
    .bg-header__smartbar--scoreboard {
      width: 66.667%;
      max-width: 200px;
      display: inline-block;
      position: relative;
      vertical-align: top;
      line-height: 1.2;
      height: 28px;
      padding: 5px 0;
      overflow: hidden; }
      .bg-header__smartbar--scoreboard-game {
        position: absolute;
        width: 100%;
        height: 28px;
        top: 38px;
        left: 0; }
        .bg-header__smartbar--scoreboard-game--active {
          -webkit-animation: score-slide-in 0.25s 1 cubic-bezier(0.455, 0.03, 0.515, 0.955) forwards;
          -moz-animation: score-slide-in 0.25s 1 cubic-bezier(0.455, 0.03, 0.515, 0.955) forwards;
          animation: score-slide-in 0.25s 1 cubic-bezier(0.455, 0.03, 0.515, 0.955) forwards; }
        .bg-header__smartbar--scoreboard-game--hide {
          -webkit-animation: score-slide-out 0.25s 1 cubic-bezier(0.455, 0.03, 0.515, 0.955);
          -moz-animation: score-slide-out 0.25s 1 cubic-bezier(0.455, 0.03, 0.515, 0.955);
          animation: score-slide-out 0.25s 1 cubic-bezier(0.455, 0.03, 0.515, 0.955); }
        .type-home .bg-header__smartbar--scoreboard-game--only,
        .type-internal .bg-header__smartbar--scoreboard-game--only,
        .type-article .bg-header__smartbar--scoreboard-game--only {
          position: relative !important;
          top: 0;
          display: inline-block; }
      .bg-header__smartbar--scoreboard-next {
        display: inline-block;
        width: 30.333%;
        margin-left: -1px;
        padding: 5px 0 5px 2.5%;
        border-left: 1px solid #cccccc;
        line-height: 1.2;
        height: 28px;
        cursor: pointer;
        -webkit-tap-highlight-color: transparent;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none; }
        .bg-header__smartbar--scoreboard-next:after {
          content: "";
          background: url(//c.o0bg.com/img/masthead/team_logos@2x.png) -135px -0.0181818182 no-repeat;
          display: inline-block;
          width: 20px;
          height: 20px; }
    .bg-header__smartbar--message {
      width: 100%;
      padding: 5px 0; }
    .bg-header__smartbar--text {
      display: block;
      line-height: 1; }
      .bg-header__smartbar--text-bold {
        display: none;
        font-weight: bold; }
  .bg-header__scoreboard-logo {
    float: left;
    margin-right: 10px;
    margin-top: 1px;
    background-image: url(//c.o0bg.com/img/masthead/team_logos@2x.png);
    background-repeat: no-repeat;
    background-size: 219px;
    width: 25px;
    height: 25px;
    vertical-align: middle; }
    .bg-header__scoreboard-logo--celtics {
      background-position: 0px 0px; }
    .bg-header__scoreboard-logo--red-sox {
      background-position: -34px 0px; }
    .bg-header__scoreboard-logo--patriots {
      background-position: -68px 0px; }
    .bg-header__scoreboard-logo--bruins {
      background-position: -102px 0px; }
  .bg-header__scoreboard-team {
    display: table;
    width: 40%; }
  .bg-header__scoreboard-period {
    float: right; }
    .bg-header__scoreboard-period span {
      display: none; }
  .bg-header__scoreboard-info {
    display: none; }
    .bg-header__scoreboard-info--desktop {
      display: none; }
  .bg-header__scoreboard-team-fullname {
    display: none; }
  .bg-header__scoreboard-team-shortname {
    display: table-cell;
    width: 50%;
    text-align: center; }
  .bg-header__scoreboard-team-score {
    display: table-cell;
    width: 50%;
    text-align: center; }
  .bg-header__scoreboard-period {
    margin-right: 5%; }
    .bg-header__scoreboard-period--desktop {
      display: none; }
  .bg-header__scoreboard-next-score {
    display: inline-block;
    width: 30px;
    text-align: center;
    margin-right: 3px; }
  .bg-header__welcome-user {
    margin-top: 7px;
    line-height: 1.25;
    float: left; }
  .bg-header__todays-paper, .bg-header__welcome-user {
    font-size: 1.2em; }
  .bg-header__todays-paper, .bg-header__account-link {
    color: #000; }
    .bg-header__todays-paper:hover, .bg-header__account-link:hover {
      color: #979797; }
  .bg-header__account-link {
    text-decoration: underline; }
  .bg-header__todays-paper {
    display: inline-block;
    line-height: 1rem;
    font-weight: 700; }
  .bg-header__todays-paper {
    float: right;
    clear: left;
    margin-left: -10px; }
  .bg-header__gear {
    float: right;
    width: 28px;
    height: 28px;
    border: 1px solid #cccccc;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin-left: 10px;
    cursor: pointer;
    margin-top: 6px;
    background-image: url(//c.o0bg.com/img/masthead/header_icons.svg);
    background-position: 2px -119px;
    background-size: 25px;
    background-repeat: no-repeat; }
  .bg-header__settings-pop-up {
    position: absolute;
    left: -150%;
    padding: 10px 10px 15px;
    background: #fff;
    border: 1px solid #cccccc;
    text-align: left;
    box-shadow: 0px 1px 10px rgba(100, 100, 100, 0.3);
    z-index: 999; }
    .bg-header__settings-pop-up--show {
      left: auto;
      right: 0px;
      opacity: 1;
      -webkit-animation: popup-fadein ease 0.25s 1 normal;
      -moz-animation: popup-fadein ease 0.25s 1 normal;
      -o-animation: popup-fadein ease 0.25s 1 normal;
      animation: popup-fadein ease 0.25s 1 normal; }
    .bg-header__settings-pop-up--hide {
      left: -150%;
      -webkit-animation: popup-fadeout ease 0.25s 1 normal;
      -moz-animation: popup-fadeout ease 0.25s 1 normal;
      -o-animation: popup-fadeout ease 0.25s 1 normal;
      animation: popup-fadeout ease 0.25s 1 normal; }
  .bg-header__settings-text {
    display: block;
    margin-bottom: 5px;
    font-size: 1.2em; }
  .bg-header__settings-text-sizes {
    text-align: left; }
  .bg-header__settings-text-size {
    display: inline-block;
    width: 28px;
    height: 28px;
    margin-right: 5px;
    border: 1px solid #cccccc;
    text-align: center;
    position: relative;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer; }
    .bg-header__settings-text-size.now {
      background-color: #eee; }
    .bg-header__settings-text-size.norm {
      font-size: 10px; }
    .bg-header__settings-text-size.med {
      font-size: 18px; }
    .bg-header__settings-text-size.lg {
      font-size: 25px; }
    .bg-header__settings-text-size span {
      position: absolute;
      bottom: 3px;
      left: 0;
      right: 0;
      color: #999;
      line-height: 0.75; }
  .bg-header__manage-account, .bg-header__log-out {
    display: block;
    font-size: 1.2em;
    font-weight: bold;
    margin-top: 10px;
    color: #000; }
    .bg-header__manage-account:hover, .bg-header__log-out:hover {
      color: #979797; }
  .bg-header__nav {
    display: none;
    font: 15px Helvetica, Arial, sans-serif;
    font-weight: bold;
    text-align: center;
    clear: both;
    height: 30px; }
    .type-article .bg-header__nav {
      display: none; }
    .bg-header__nav li {
      display: inline-block;
      padding: 0 6px 5px;
      position: relative;
      height: 20px;
      vertical-align: middle; }
    .bg-header__nav .bg-header__search-tool {
      height: 19px; }
  .bg-header__search-tool {
    width: 18px;
    background: url(//c.o0bg.com/img/masthead/search_icon_black@2x.png) 9px 2px/16px no-repeat;
    background: linear-gradient(transparent, transparent), url(//c.o0bg.com/img/masthead/search_icon_black.svg) 9px 2px/16px no-repeat;
    vertical-align: middle;
    cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
    .bg-header__search-tool--border {
      border-bottom: 1px solid #cccccc; }
    .section-search .bg-header__search-tool {
      display: none; }
  .bg-header li.bg-header__navmore--active {
    padding: 0;
    text-align: left;
    margin-top: -16px; }
    .bg-header li.bg-header__navmore--active .bg-header__navmore {
      background-color: #fff;
      border: 1px solid #cccccc;
      padding: 0 15px 15px;
      position: absolute;
      top: 27px;
      right: 0;
      text-align: left;
      box-shadow: -2px 8px 10px -2px rgba(100, 100, 100, 0.3), 2px 8px 10px -2px rgba(100, 100, 100, 0.3);
      -webkit-box-shadow: -2px 8px 10px -2px rgba(100, 100, 100, 0.3), 2px 8px 10px -2px rgba(100, 100, 100, 0.3);
      -moz-box-shadow: -2px 8px 10px -2px rgba(100, 100, 100, 0.3), 2px 8px 10px -2px rgba(100, 100, 100, 0.3);
      min-width: 150px;
      z-index: 999;
      -webkit-animation: more-fadein ease 0.25s;
      -moz-animation: more-fadein ease 0.25s;
      -o-animation: more-fadein ease 0.25s;
      animation: more-fadein ease 0.25s; }
      .bg-header li.bg-header__navmore--active .bg-header__navmore li {
        padding: 10px 0 0;
        display: block;
        font-size: 0.9em;
        white-space: nowrap; }
      .bg-header li.bg-header__navmore--active .bg-header__navmore-button {
        display: inline-block;
        box-shadow: 2px 8px 10px -2px rgba(100, 100, 100, 0.15), 2px 8px 10px -2px rgba(100, 100, 100, 0.15);
        -webkit-box-shadow: 2px 8px 10px -2px rgba(100, 100, 100, 0.15), 2px 8px 10px -2px rgba(100, 100, 100, 0.15);
        -moz-box-shadow: 2px 8px 10px -2px rgba(100, 100, 100, 0.15), 2px 8px 10px -2px rgba(100, 100, 100, 0.15); }
      .bg-header li.bg-header__navmore--active .bg-header__navmore:before {
        content: "";
        position: absolute;
        width: 57px;
        height: 3px;
        background-color: #fff;
        top: -2px;
        right: 0px; }
        .text-med .bg-header li.bg-header__navmore--active .bg-header__navmore:before {
          width: 62px; }
        .text-lg .bg-header li.bg-header__navmore--active .bg-header__navmore:before {
          width: 64px; }
    .bg-header li.bg-header__navmore--active .bg-header__navmore-list {
      display: block;
      text-align: left; }
    .bg-header li.bg-header__navmore--active .bg-header__navmore-button {
      padding: 5px;
      border-top: 1px solid #cccccc;
      border-right: 1px solid #cccccc;
      border-left: 1px solid #cccccc;
      -webkit-animation: border-fadein ease 0.33s;
      -moz-animation: border-fadein ease 0.33s;
      -o-animation: border-fadein ease 0.33s;
      animation: border-fadein ease 0.33s; }
  .bg-header__navmore-list {
    display: none; }
  .bg-header__navmore-button {
    -webkit-tap-highlight-color: transparent; }
    .bg-header__navmore-button:after {
      content: "";
      display: inline-block;
      width: 8px;
      height: 7px;
      background: url(//c.o0bg.com/img/masthead/down_arrow@2x.png) 0px 0px/8px no-repeat;
      background: linear-gradient(transparent, transparent), url(//c.o0bg.com/img/masthead/down_arrow.svg) 0px 0px/8px no-repeat;
      margin-left: 3px; }
  .bg-header__centerpiece {
    display: none;
    font: 1.5em "Benton Sans Black", Helvetica, Arial, sans-serif;
    text-align: center; }
    .type-internal:not(.type-article) .bg-header__centerpiece {
      display: block;
      text-align: left;
      clear: both;
      font-weight: bold;
      padding-top: 5px;
      line-height: 2;
      color: #000;
      border-bottom: 1px solid #cccccc; }
  .bg-header__button {
    padding: 12px 10px 11px;
    overflow: hidden;
    display: block;
    float: left;
    font-family: Helvetica, Arial, sans-serif;
    font-weight: 700;
    font-size: 15px; }
  .bg-header__hamburger {
    border: 1px solid #cccccc;
    width: 18px;
    line-height: 1;
    text-indent: 999px;
    -webkit-border-radius: 3px 0 0 3px;
    -moz-border-radius: 3px 0 0 3px;
    border-radius: 3px 0 0 3px;
    background-image: url("//c.o0bg.com/img/masthead/header_icons.svg");
    background-position: 8px -65px;
    background-size: 22px;
    background-repeat: no-repeat;
    color: #000; }
  .bg-header__subinfo {
    float: right;
    text-align: right;
    line-height: 1.25rem; }
    .bg-header__subinfo--loggedin {
      margin-top: 5px; }
      .bg-header__subinfo--loggedin a {
        font-weight: bold; }
  .bg-header__promo-text {
    min-height: 26px; }
  .bg-header__subscribe, .bg-header__log-in {
    text-align: center;
    display: table-cell;
    cursor: pointer;
    line-height: 1.25rem;
    padding: 3px 12px;
    height: 32px;
    vertical-align: middle; }
  .bg-header__subscribe {
    font-size: 1.15rem;
    background-color: #9dba73;
    color: #fff;
    border: 1px solid #9dba73;
    -webkit-border-radius: 3px 0 0 3px;
    -moz-border-radius: 3px 0 0 3px;
    border-radius: 3px 0 0 3px; }
    .bg-header__subscribe span {
      display: block;
      font-size: 1.5rem;
      font-weight: 700;
      line-height: 1; }
  .bg-header__log-in {
    font-size: 1.25rem;
    color: #000;
    border-top: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    -webkit-border-radius: 0 3px 3px 0;
    -moz-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0;
    margin-left: -3px; }
    .bg-header__log-in span {
      display: block;
      font-weight: 700;
      line-height: 1.25; }
  .bg-header__takeover {
    width: 0%;
    height: 0%;
    display: block;
    position: fixed;
    text-align: center;
    top: 0;
    left: 0;
    background: -moz-linear-gradient(top, white 0%, rgba(255, 255, 255, 0.95) 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, rgba(255, 255, 255, 0.95)));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, white 0%, rgba(255, 255, 255, 0.95) 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, white 0%, rgba(255, 255, 255, 0.95) 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, white 0%, rgba(255, 255, 255, 0.95) 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, white 0%, rgba(255, 255, 255, 0.95) 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f2ffffff', GradientType=0);
    /* IE6-9 */
    z-index: 999;
    -webkit-overflow-scrolling: touch;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent; }
    .bg-header__takeover--open {
      padding-bottom: 30px;
      padding-right: 25px;
      width: 100%;
      height: 100%;
      -webkit-animation: takeover-mobile ease 0.25s forwards;
      -moz-animation: takeover-mobile ease 0.25s forwards;
      -o-animation: takeover-mobile ease 0.25s forwards;
      animation: takeover-mobile ease 0.25s forwards; }
    .bg-header__takeover--close {
      -webkit-animation: takeover-close ease 0.25s forwards;
      -moz-animation: takeover-close ease 0.25s forwards;
      -o-animation: takeover-close ease 0.25s forwards;
      animation: takeover-close ease 0.25s forwards; }
    .bg-header__takeover-full-screen {
      display: none;
      margin: 0;
      padding: 0 15px 0 0;
      height: 100%;
      width: 100%;
      width: 100vw;
      overflow-y: scroll; }
      .bg-header__takeover-full-screen--show {
        display: block; }
  .bg-header__close {
    float: left;
    padding: 9px;
    cursor: pointer;
    border: 1px solid #cccccc;
    -webkit-border-radius: 3px 0 0 3px;
    -moz-border-radius: 3px 0 0 3px;
    border-radius: 3px 0 0 3px; }
    .bg-header__close:after {
      display: block;
      background-image: url(//c.o0bg.com/img/masthead/header_icons.svg);
      background-position: 0 -38px;
      background-size: 22px;
      background-repeat: no-repeat;
      content: "";
      height: 20px;
      width: 20px; }
  .bg-header__home {
    float: left;
    padding: 9px;
    cursor: pointer;
    border-top: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    -webkit-border-radius: 0 3px 3px 0;
    -moz-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0; }
    .bg-header__home:after {
      display: block;
      background: url(//c.o0bg.com/img/masthead/globe_b.png) 0px 0px/19px no-repeat;
      background: linear-gradient(transparent, transparent), url(//c.o0bg.com/img/masthead/globe_b.svg) 0px 0px/19px no-repeat;
      content: "";
      height: 2rem;
      width: 2rem; }
  .bg-header__logo-wrapper {
    display: none; }
  .bg-header__menu-wrapper {
    margin: 10px 10px 0;
    position: relative;
    opacity: 0;
    height: 100%;
    width: 90%;
    width: -moz-calc(100% - 20px);
    width: -webkit-calc(100% - 20px);
    width: -o-calc(100% - 20px);
    width: calc(100% - 20px); }
    @media only screen and (min-width: 620px) {
      .bg-header__menu-wrapper {
        width: 93.75%;
        max-width: 1232px;
        margin: 10px auto 50px; } }
    .bg-header__menu-wrapper--visible {
      opacity: 1;
      -webkit-animation: menu-fadein linear 0.6s 1 normal forwards;
      -moz-animation: menu-fadein linear 0.6s 1 normal forwards;
      -o-animation: menu-fadein linear 0.6s 1 normal forwards;
      animation: menu-fadein linear 0.6s 1 normal forwards; }
    .bg-header__menu-wrapper--hidden {
      -webkit-animation: menu-fadeout linear 0.6s 1 normal forwards;
      -moz-animation: menu-fadeout linear 0.6s 1 normal forwards;
      -o-animation: menu-fadeout linear 0.6s 1 normal forwards;
      animation: menu-fadeout linear 0.6s 1 normal forwards; }
  .bg-header__menu {
    width: 100%;
    display: table;
    padding-top: 10px;
    clear: both; }
    .bg-header__menu-left {
      display: table-header-group; }
    .bg-header__menu-right {
      display: table-footer-group; }
  .bg-header__sections .bg-header__section {
    padding: 12px 0;
    font-size: 2.25em;
    font-weight: bold;
    color: #000; }
  .bg-header__sections .bg-header__link {
    color: #000; }
  .bg-header__more-sections {
    display: table-header-group; }
    .bg-header__more-sections .bg-header__section {
      padding: 10px 0;
      font-size: 1.5em; }
    .bg-header__more-sections .bg-header__link {
      color: #999; }
  .bg-header__recommended, .bg-header__suggestions {
    display: none; }
  .bg-header__recommended-subhead {
    display: none; }
  .bg-header__search {
    margin-top: 15px; }
  .bg-header__input {
    padding: 10px 10px 10px 35px;
    margin-bottom: 100px;
    width: 60%;
    font-size: 1.25em;
    border: 1px solid #cccccc;
    background: url(//c.o0bg.com/img/masthead/header_icons.svg) 9px 7px/20px no-repeat; }
    .bg-header__input:focus {
      outline-width: 0;
      box-shadow: 0 0 6px rgba(100, 100, 100, 0.2); }
  .bg-header__pop-up {
    display: block;
    position: absolute;
    width: 95%;
    width: -moz-calc(100% - 20px);
    width: -webkit-calc(100% - 20px);
    width: -o-calc(100% - 20px);
    width: calc(100% - 20px);
    max-width: 400px;
    background-color: #fff;
    border: 1px solid #cccccc;
    z-index: 9999;
    text-align: center;
    font-size: 1.25rem;
    padding: 25px 2.5% 30px;
    box-shadow: 0px 1px 10px rgba(100, 100, 100, 0.3);
    left: -150%; }
    .bg-header__pop-up--hide {
      -webkit-animation: popup-fadeout ease 0.25s 1 normal;
      -moz-animation: popup-fadeout ease 0.25s 1 normal;
      -o-animation: popup-fadeout ease 0.25s 1 normal;
      animation: popup-fadeout ease 0.25s 1 normal; }
    .bg-header__pop-up--show {
      left: auto;
      right: 0;
      -webkit-animation: popup-fadein ease 0.25s 1 normal forwards;
      -moz-animation: popup-fadein ease 0.25s 1 normal forwards;
      -o-animation: popup-fadein ease 0.25s 1 normal forwards;
      animation: popup-fadein ease 0.25s 1 normal forwards; }
  .bg-header__caret-wrapper {
    position: absolute;
    top: -22px; }
    .bg-header__caret-wrapper--settings {
      top: -17px;
      right: 22px; }
  .bg-header__caret {
    position: relative; }
    .bg-header__caret-wrapper--settings .bg-header__caret:before {
      border-bottom: 16px solid #cccccc;
      border-left: 9px solid transparent;
      border-right: 9px solid transparent; }
    .bg-header__caret-wrapper--settings .bg-header__caret:after {
      border-bottom: 15px solid #fff;
      border-left: 8px solid transparent;
      border-right: 8px solid transparent; }
    .bg-header__caret:before {
      content: '';
      position: absolute;
      top: 0px;
      left: -1px;
      border-bottom: 21px solid #cccccc;
      border-left: 12px solid transparent;
      border-right: 12px solid transparent; }
    .bg-header__caret:after {
      content: '';
      position: absolute;
      top: 2px;
      border-bottom: 20px solid #fff;
      border-left: 11px solid transparent;
      border-right: 11px solid transparent; }
  .bg-header__close-pop-up {
    position: absolute;
    cursor: pointer;
    top: 15px;
    right: 15px;
    height: 1.5rem;
    width: 1.5rem;
    background: url(//c.o0bg.com/img/masthead/header_icons.svg) -2px -1.7777777778 no-repeat; }
    .bg-header__close-pop-up:hover {
      opacity: 0.75; }
  .bg-header__pop-up-section {
    display: table-cell;
    width: 50%; }
    .bg-header__pop-up-section > * {
      margin: 0 auto 10px;
      width: 90%; }
  .bg-header__sub-img {
    width: 85%; }
  .bg-header__sub-title {
    font-weight: 700; }
  .bg-header__sub-button {
    display: block;
    width: 100px;
    line-height: 25px;
    vertical-align: middle;
    padding: 5px 12px;
    font-size: 1.5rem;
    font-weight: 700;
    color: #fff;
    background-color: #9dba73;
    border: 1px solid #9dba73;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px; }
    .bg-header__sub-button:hover {
      color: #fff; }
  .bg-header__display-mobile {
    display: block; }
  .bg-header__display-desktop {
    display: none; }
  .bg-header__sub-login {
    display: block;
    margin-top: 10px; }
  .bg-header__sub-click {
    text-decoration: underline; }
  @media only screen and (min-width: 620px) {
    .bg-header {
      margin: 10px 0 0; } }

.logged-in .bg-header__smartbar--veil {
  display: none; }

.logged-in .bg-header__subinfo {
  display: none; }

.logged-in .bg-header__takeover--open .bg-header__subinfo {
  display: block; }

.logged-out .bg-header {
  background-color: #fff;
  position: relative;
  z-index: 99; }
  .logged-out .bg-header__subinfo {
    display: none; }
    .logged-out .bg-header__subinfo--tablet {
      display: block; }
  .logged-out .bg-header__smartbar {
    display: none; }
    .logged-out .bg-header__smartbar--veil {
      font: normal 12px/1.25 Helvetica, Arial, sans-serif;
      display: table;
      position: absolute;
      top: 55px;
      height: 47px;
      left: 10px;
      border: none;
      width: 100%;
      width: -moz-calc(100% - 22px);
      width: -webkit-calc(100% - 22px);
      width: -o-calc(100% - 22px);
      width: calc(100% - 22px);
      border: 1px solid rgba(151, 151, 151, 0.3);
      background-color: rgba(239, 239, 239, 0.95);
      z-index: 9;
      overflow: hidden; }
      .logged-out .bg-header__smartbar--veil > * {
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0); }
      @media only screen and (min-width: 620px) {
        .logged-out .bg-header__smartbar--veil {
          width: 100%;
          width: -moz-calc(100% - 2px);
          width: -webkit-calc(100% - 2px);
          width: -o-calc(100% - 2px);
          width: calc(100% - 2px);
          left: 0; } }
      .logged-out .bg-header__smartbar--veil-sticky {
        position: fixed;
        top: 3px !important; }
      .logged-out .bg-header__smartbar--veil-sticky-hide {
        top: 3px;
        position: fixed;
        -webkit-animation: veil-slide-out-sticky 0.5s cubic-bezier(0.22, 0.81, 0.01, 0.99) forwards;
        -moz-animation: veil-slide-out-sticky 0.5s cubic-bezier(0.22, 0.81, 0.01, 0.99) forwards;
        -o-animation: veil-slide-out-sticky 0.5s cubic-bezier(0.22, 0.81, 0.01, 0.99) forwards;
        animation: veil-slide-out-sticky 0.5s cubic-bezier(0.22, 0.81, 0.01, 0.99) forwards; }
      .logged-out .bg-header__smartbar--veil-show {
        box-shadow: 0px 0px 6px rgba(100, 100, 100, 0.28);
        -webkit-animation: veil-slide-in 0.5s cubic-bezier(0.22, 0.81, 0.01, 0.99);
        -moz-animation: veil-slide-in 0.5s cubic-bezier(0.22, 0.81, 0.01, 0.99);
        -o-animation: veil-slide-in 0.5s cubic-bezier(0.22, 0.81, 0.01, 0.99);
        animation: veil-slide-in 0.5s cubic-bezier(0.22, 0.81, 0.01, 0.99); }
      .logged-out .bg-header__smartbar--veil-hide {
        top: 0;
        height: 37px;
        -webkit-animation: veil-slide-out 0.5s cubic-bezier(0.22, 0.81, 0.01, 0.99);
        -moz-animation: veil-slide-out 0.5s cubic-bezier(0.22, 0.81, 0.01, 0.99);
        -o-animation: veil-slide-out 0.5s cubic-bezier(0.22, 0.81, 0.01, 0.99);
        animation: veil-slide-out 0.5s cubic-bezier(0.22, 0.81, 0.01, 0.99); }
      .logged-out .bg-header__smartbar--veil .bg-header__smartbar--hide {
        display: none; }
      .logged-out .bg-header__smartbar--veil .bg-header__smartbar--breaking {
        padding: 0;
        position: relative;
        height: auto;
        width: 90%;
        padding: 5px 35px 2px;
        -webkit-tap-highlight-color: transparent; }
        .logged-out .bg-header__smartbar--veil .bg-header__smartbar--breaking:before {
          content: "Breaking:";
          display: inline-block;
          margin-right: 2px; }
        .logged-out .bg-header__smartbar--veil .bg-header__smartbar--breaking:after {
          position: absolute;
          top: 49%;
          left: 9px; }
    .logged-out .bg-header__smartbar--message {
      display: none;
      width: auto;
      line-height: 22px;
      font-size: 16px;
      background-color: #fff;
      line-height: 28px;
      white-space: nowrap;
      padding: 5px 0; }
    .logged-out .bg-header__smartbar--scoreboard {
      display: none; }
      .logged-out .bg-header__smartbar--scoreboard-next {
        display: none; }
  .logged-out .bg-header__close-veil {
    position: absolute;
    height: 15px;
    width: 15px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 2.5%;
    background: url(//c.o0bg.com/img/masthead/header_icons.svg) 9px -1.2777777778 no-repeat;
    padding: 10px; }
  .logged-out .bg-header__takeover .bg-header__subinfo {
    display: block; }

.logged-out.type-internal:not(.type-article) .bg-header__smartbar--veil-sticky {
  position: fixed;
  top: 3px !important; }

.logged-out.type-internal:not(.type-article) .bg-header__smartbar--veil-sticky-hide {
  top: 3px;
  position: fixed;
  -webkit-animation: veil-slide-out-sticky 0.5s cubic-bezier(0.22, 0.81, 0.01, 0.99) forwards;
  -moz-animation: veil-slide-out-sticky 0.5s cubic-bezier(0.22, 0.81, 0.01, 0.99) forwards;
  -o-animation: veil-slide-out-sticky 0.5s cubic-bezier(0.22, 0.81, 0.01, 0.99) forwards;
  animation: veil-slide-out-sticky 0.5s cubic-bezier(0.22, 0.81, 0.01, 0.99) forwards; }

.logged-out.type-internal:not(.type-article) .bg-header__smartbar--veil-show {
  box-shadow: 0px 0px 6px rgba(100, 100, 100, 0.28);
  top: 89px;
  height: 47px;
  -webkit-animation: veil-slide-in-section 0.5s cubic-bezier(0.22, 0.81, 0.01, 0.99);
  -moz-animation: veil-slide-in-section 0.5s cubic-bezier(0.22, 0.81, 0.01, 0.99);
  -o-animation: veil-slide-in-section 0.5s cubic-bezier(0.22, 0.81, 0.01, 0.99);
  animation: veil-slide-in-section 0.5s cubic-bezier(0.22, 0.81, 0.01, 0.99); }

.logged-out.type-internal:not(.type-article) .bg-header__smartbar--veil-hide {
  top: 0;
  height: 37px;
  -webkit-animation: veil-slide-out-section 0.5s cubic-bezier(0.22, 0.81, 0.01, 0.99);
  -moz-animation: veil-slide-out-section 0.5s cubic-bezier(0.22, 0.81, 0.01, 0.99);
  -o-animation: veil-slide-out-section 0.5s cubic-bezier(0.22, 0.81, 0.01, 0.99);
  animation: veil-slide-out-section 0.5s cubic-bezier(0.22, 0.81, 0.01, 0.99); }

.logged-out.type-article .bg-header__smartbar--veil-shadow {
  box-shadow: 0px 0px 6px rgba(100, 100, 100, 0.28); }

.logged-out.type-article .sticky-tools .bg-header__smartbar--veil .bg-header__smartbar--breaking {
  text-decoration: none; }

.logged-out.type-article .sticky-tools .bg-header__smartbar--veil-sticky-hide {
  position: fixed;
  top: 48px;
  -webkit-animation: veil-slide-out-sticky 0.5s cubic-bezier(0.22, 0.81, 0.01, 0.99) forwards;
  -moz-animation: veil-slide-out-sticky 0.5s cubic-bezier(0.22, 0.81, 0.01, 0.99) forwards;
  -o-animation: veil-slide-out-sticky 0.5s cubic-bezier(0.22, 0.81, 0.01, 0.99) forwards;
  animation: veil-slide-out-sticky 0.5s cubic-bezier(0.22, 0.81, 0.01, 0.99) forwards; }

.logged-out.type-article .sticky-tools .bg-header__smartbar--veil-show {
  position: absolute;
  top: 48px;
  float: left;
  -webkit-animation: none;
  -moz-animation: none;
  -o-animation: none;
  animation: none; }

.big-picture.type-internal .bg-header__menus a {
  color: #fff; }

.big-picture.type-internal .bg-header__log-in {
  color: #fff; }

.big-picture.type-internal a.bg-header__smartbar--breaking {
  background-color: #000;
  color: #fff; }

.big-picture.type-internal .bg-header__smartbar--veil {
  top: 89px;
  background-color: rgba(239, 239, 239, 0.95); }
  .big-picture.type-internal .bg-header__smartbar--veil .bg-header__smartbar--breaking {
    color: #000;
    background-color: transparent; }

.big-picture.type-internal .sticky-tools .bg-header__smartbar--veil-sticky-hide {
  position: fixed;
  top: 48px;
  -webkit-animation: veil-slide-out-sticky 0.5s cubic-bezier(0.22, 0.81, 0.01, 0.99) forwards;
  -moz-animation: veil-slide-out-sticky 0.5s cubic-bezier(0.22, 0.81, 0.01, 0.99) forwards;
  -o-animation: veil-slide-out-sticky 0.5s cubic-bezier(0.22, 0.81, 0.01, 0.99) forwards;
  animation: veil-slide-out-sticky 0.5s cubic-bezier(0.22, 0.81, 0.01, 0.99) forwards; }

.big-picture.type-internal .sticky-tools .bg-header__smartbar--veil-show {
  position: absolute;
  top: 48px;
  float: left;
  -webkit-animation: none;
  -moz-animation: none;
  -o-animation: none;
  animation: none; }

.big-picture.type-internal .bg-header {
  background-color: #000;
  color: #fff; }
  .big-picture.type-internal .bg-header__centerpiece {
    color: #fff;
    border-bottom: 1px solid #fff; }
  .big-picture.type-internal .bg-header__section-front {
    color: #fff; }
  .big-picture.type-internal .bg-header__smartbar {
    border-color: #fff; }
    .big-picture.type-internal .bg-header__smartbar > * {
      border-color: #fff;
      background-color: #000;
      color: #fff; }
    .big-picture.type-internal .bg-header__smartbar--breaking, .big-picture.type-internal .bg-header__smartbar--scoreboard, .big-picture.type-internal .bg-header__smartbar--message {
      color: #fff; }
    .big-picture.type-internal .bg-header__smartbar--scoreboard-next {
      color: #fff;
      border-color: #fff; }
    .big-picture.type-internal .bg-header__smartbar--text {
      color: #fff; }
      .big-picture.type-internal .bg-header__smartbar--text-bold {
        color: #fff; }
  .big-picture.type-internal .bg-header > .big-picture.type-internal .bg-header__subinfo .bg-header__subscribe,
  .big-picture.type-internal .bg-header > .big-picture.type-internal .bg-header__subinfo .bg-header__log-in {
    border-color: #fff; }
  .big-picture.type-internal .bg-header > .big-picture.type-internal .bg-header__subinfo .bg-header__log-in {
    border-left: none; }
  .big-picture.type-internal .bg-header__takeover {
    color: #fff; }
    .big-picture.type-internal .bg-header__takeover .bg-header__log-in {
      color: #000; }
  .big-picture.type-internal .bg-header__hamburger {
    border-color: #fff;
    background-image: url("//c.o0bg.com/img/masthead/header_icons_white.svg"); }
  .big-picture.type-internal .bg-header__input#q {
    background-color: #fff;
    color: #000; }
  .big-picture.type-internal .bg-header > .bg-header__menus .bg-header__home:after {
    background: url(//c.o0bg.com/img/masthead/globe_b_white.png) 0px 0px/19px no-repeat;
    background: linear-gradient(transparent, transparent), url(//c.o0bg.com/img/masthead/globe_b_white.svg) 0px 0px/19px no-repeat; }
  .big-picture.type-internal .bg-header__sub-button {
    color: #fff; }
  .big-picture.type-internal .bg-header__sub-login, .big-picture.type-internal .bg-header__sub-click, .big-picture.type-internal .bg-header__pop-up-section {
    color: #000; }

.takeover-overflow-hide {
  overflow: hidden;
  height: 100%; }

@media only screen and (min-width: 810px) {
  .bg-header {
    margin: 0;
    text-align: center;
    height: auto; }
    .bg-header__display-mobile {
      display: none; }
    .bg-header__display-desktop {
      display: block; }
    .bg-header__hamburger {
      text-indent: 24px;
      width: 64px; }
      .bg-header__hamburger:hover {
        color: #979797; }
    .bg-header__section-front {
      color: #000;
      -webkit-transition: color 0.1s linear;
      -moz-transition: color 0.1s linear;
      transition: color 0.1s linear; }
      .bg-header__section-front:hover {
        color: #979797; }
    .bg-header__subscribe {
      -webkit-transition: background-color 0.1s linear;
      -moz-transition: background-color 0.1s linear;
      transition: background-color 0.1s linear; }
      .bg-header__subscribe:hover {
        background-color: #8ea967;
        border-color: #8ea967; }
    .bg-header__log-in:hover {
      color: #979797; }
    .bg-header__smartbar {
      display: block;
      opacity: 1; }
      .bg-header__smartbar > * {
        -webkit-transition: color 0.1s linear;
        -moz-transition: color 0.1s linear;
        transition: color 0.1s linear; }
      .bg-header__smartbar--breaking:hover, .bg-header__smartbar--scoreboard:hover,
      .bg-header__smartbar--scoreboard:hover a, .bg-header__smartbar--message:hover {
        color: #979797 !important;
        cursor: pointer; }
      .bg-header__smartbar--message {
        overflow: hidden;
        text-overflow: ellipsis; }
      .bg-header__smartbar--text-bold {
        display: inline-block; }
        .bg-header__smartbar--text-bold:before {
          content: "";
          display: inline-block;
          background: url(//c.o0bg.com/img/masthead/team_logos@2x.png) -160px 0px/220px no-repeat;
          width: 25px;
          height: 25px;
          float: right;
          margin: 0 10px;
          transform: none; }
    .bg-header__settings-pop-up--show {
      left: auto;
      right: -10px;
      opacity: 1;
      -webkit-animation: settings-fadein ease 0.25s 1 normal;
      -moz-animation: settings-fadein ease 0.25s 1 normal;
      -o-animation: settings-fadein ease 0.25s 1 normal;
      animation: settings-fadein ease 0.25s 1 normal; }
    .bg-header__settings-pop-up--hide {
      left: -150%;
      -webkit-animation: settings-fadeout ease 0.25s 1 normal;
      -moz-animation: settings-fadeout ease 0.25s 1 normal;
      -o-animation: settings-fadeout ease 0.25s 1 normal;
      animation: settings-fadeout ease 0.25s 1 normal; }
    .bg-header__caret-wrapper--settings {
      right: 32px; }
    .big-picture.type-internal:not(.type-article) .bg-header__smartbar > * {
      border-bottom: 1px solid #fff; }
    .big-picture.type-internal:not(.type-article) .bg-header__section-front {
      color: #fff; }
    .big-picture.type-internal:not(.type-article) .bg-header__nav {
      display: none; }
    .type-home .bg-header,
    .type-internal:not(.type-article) .bg-header {
      margin: 10px 0 8px; }
      .type-home .bg-header__subinfo,
      .type-internal:not(.type-article) .bg-header__subinfo {
        display: block; }
        .type-home .bg-header__subinfo--tablet,
        .type-internal:not(.type-article) .bg-header__subinfo--tablet {
          display: none; }
      .type-home .bg-header__smartbar,
      .type-internal:not(.type-article) .bg-header__smartbar {
        float: none;
        margin: 0 auto 20px;
        border: none;
        text-align: center;
        width: auto;
        height: 39px; }
        .type-home .bg-header__smartbar > *,
        .type-internal:not(.type-article) .bg-header__smartbar > * {
          -webkit-transition: color 0.1s linear;
          -moz-transition: color 0.1s linear;
          transition: color 0.1s linear;
          padding-bottom: 5px;
          border-bottom: 1px solid #cccccc;
          cursor: pointer; }
        .type-home .bg-header__smartbar--breaking, .type-home .bg-header__smartbar--message,
        .type-internal:not(.type-article) .bg-header__smartbar--breaking,
        .type-internal:not(.type-article) .bg-header__smartbar--message {
          display: inline-block;
          width: auto;
          font-size: 16px;
          background-color: #fff;
          white-space: nowrap;
          padding: 5px 0;
          max-width: 650px; }
        .type-home .bg-header__smartbar--breaking,
        .type-internal:not(.type-article) .bg-header__smartbar--breaking {
          line-height: 22px;
          position: relative; }
          .type-home .bg-header__smartbar--breaking:before,
          .type-internal:not(.type-article) .bg-header__smartbar--breaking:before {
            content: "Breaking";
            width: auto;
            font-size: 16px;
            text-transform: uppercase;
            margin-right: 36px;
            line-height: 27px; }
          .type-home .bg-header__smartbar--breaking:after,
          .type-internal:not(.type-article) .bg-header__smartbar--breaking:after {
            content: "";
            position: absolute;
            float: left;
            margin-right: 0px;
            margin-top: 12px;
            top: 5px;
            left: 96px; }
        .type-home .bg-header__smartbar--message,
        .type-internal:not(.type-article) .bg-header__smartbar--message {
          display: inline-block;
          line-height: 27px; }
        .type-home .bg-header__smartbar--text,
        .type-internal:not(.type-article) .bg-header__smartbar--text {
          display: inline-block;
          float: left;
          line-height: 27px; }
          .type-home .bg-header__smartbar--text-bold,
          .type-internal:not(.type-article) .bg-header__smartbar--text-bold {
            float: left; }
        .type-home .bg-header__smartbar--scoreboard,
        .type-internal:not(.type-article) .bg-header__smartbar--scoreboard {
          display: inline-block;
          width: auto;
          max-width: none;
          line-height: 26px;
          height: 28px;
          font-size: 16px;
          padding: 5px 0; }
          .type-home .bg-header__smartbar--scoreboard-game,
          .type-internal:not(.type-article) .bg-header__smartbar--scoreboard-game {
            position: absolute;
            width: auto;
            right: 0;
            left: auto;
            white-space: nowrap; }
            .type-home .bg-header__smartbar--scoreboard-game-live:before,
            .type-internal:not(.type-article) .bg-header__smartbar--scoreboard-game-live:before {
              content: "Live";
              text-transform: uppercase;
              margin-right: 10px;
              font-weight: bold;
              display: inline-block;
              line-height: 28px; }
            .type-home .bg-header__smartbar--scoreboard-game a > *,
            .type-internal:not(.type-article) .bg-header__smartbar--scoreboard-game a > * {
              display: inline-block;
              line-height: 28px; }
          .type-home .bg-header__smartbar--scoreboard-next,
          .type-internal:not(.type-article) .bg-header__smartbar--scoreboard-next {
            width: auto;
            border-left: none;
            margin-left: -4px; }
            .type-home .bg-header__smartbar--scoreboard-next:after,
            .type-internal:not(.type-article) .bg-header__smartbar--scoreboard-next:after {
              vertical-align: middle; }
      .type-home .bg-header a .bg-header__scoreboard-logo,
      .type-internal:not(.type-article) .bg-header a .bg-header__scoreboard-logo {
        margin-top: -3px;
        float: none; }
      .type-home .bg-header a .bg-header__scoreboard-team-shortname,
      .type-internal:not(.type-article) .bg-header a .bg-header__scoreboard-team-shortname {
        display: none; }
      .type-home .bg-header a .bg-header__scoreboard-team,
      .type-internal:not(.type-article) .bg-header a .bg-header__scoreboard-team {
        width: auto; }
      .type-home .bg-header a .bg-header__scoreboard-team-fullname,
      .type-internal:not(.type-article) .bg-header a .bg-header__scoreboard-team-fullname {
        display: inline-block;
        margin-right: 2px; }
      .type-home .bg-header a .bg-header__scoreboard-team-score,
      .type-internal:not(.type-article) .bg-header a .bg-header__scoreboard-team-score {
        display: inline-block;
        width: auto; }
        .type-home .bg-header a .bg-header__scoreboard-team-score:after,
        .type-internal:not(.type-article) .bg-header a .bg-header__scoreboard-team-score:after {
          content: ",";
          display: inline-block; }
      .type-home .bg-header a .bg-header__scoreboard-period,
      .type-internal:not(.type-article) .bg-header a .bg-header__scoreboard-period {
        display: none; }
        .type-home .bg-header a .bg-header__scoreboard-period--desktop,
        .type-internal:not(.type-article) .bg-header a .bg-header__scoreboard-period--desktop {
          display: inline-block;
          margin-right: 0; }
          .type-home .bg-header a .bg-header__scoreboard-period--desktop span,
          .type-internal:not(.type-article) .bg-header a .bg-header__scoreboard-period--desktop span {
            display: inline-block; }
      .type-home .bg-header a .bg-header__scoreboard-info,
      .type-internal:not(.type-article) .bg-header a .bg-header__scoreboard-info {
        display: none; }
        .type-home .bg-header a .bg-header__scoreboard-info--desktop,
        .type-internal:not(.type-article) .bg-header a .bg-header__scoreboard-info--desktop {
          display: inline-block; }
          .type-home .bg-header a .bg-header__scoreboard-info--desktop:before,
          .type-internal:not(.type-article) .bg-header a .bg-header__scoreboard-info--desktop:before {
            content: ",";
            display: inline-block;
            margin-right: 3px;
            margin-left: -4px; }
      .type-home .bg-header__scoreboard-next-score,
      .type-internal:not(.type-article) .bg-header__scoreboard-next-score {
        width: 60px;
        line-height: 2.5;
        margin-right: 0; }
      .type-home .bg-header__close-veil,
      .type-internal:not(.type-article) .bg-header__close-veil {
        display: none; }
      .type-home .bg-header__takeover .bg-header__logo,
      .type-internal:not(.type-article) .bg-header__takeover .bg-header__logo {
        display: block; }
      .type-home .bg-header__menu-wrapper,
      .type-internal:not(.type-article) .bg-header__menu-wrapper {
        margin: 69px auto 50px; }
      .type-home .bg-header__centerpiece,
      .type-internal:not(.type-article) .bg-header__centerpiece {
        float: none;
        border: none;
        display: block;
        margin: 0 auto 20px;
        font-size: 42px;
        width: 40%;
        line-height: 1;
        height: auto;
        clear: none;
        text-align: center;
        padding-top: 0; }
      .type-home .bg-header__logo,
      .type-internal:not(.type-article) .bg-header__logo {
        display: none; }
      .type-home .bg-header__nav,
      .type-internal:not(.type-article) .bg-header__nav {
        display: block; }
        .type-home .bg-header__nav a,
        .type-internal:not(.type-article) .bg-header__nav a {
          color: #000; }
          .type-home .bg-header__nav a:hover,
          .type-internal:not(.type-article) .bg-header__nav a:hover {
            color: #979797; }
    .type-home .bg-header__logo {
      display: block;
      width: 100%;
      max-width: 322px;
      height: 42px;
      background-image: url(//c.o0bg.com/img/masthead/boston_globe.png);
      background-image: linear-gradient(transparent, transparent), url(//c.o0bg.com/img/masthead/boston_globe.svg);
      background-position: 0 0;
      background-size: contain;
      background-repeat: no-repeat;
      margin: 0 auto; }
    .type-home .bg-header__hamburger {
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      border-radius: 3px; }
    .type-home .bg-header__home {
      display: none; }
    .type-home .bg-header__takeover .bg-header__logo {
      background: none; }
    .type-home .bg-header__section-front {
      display: none; }
    .type-article .bg-header {
      margin: 10px 0; }
      .type-article .bg-header__home {
        padding: 9px 11px; }
        .type-article .bg-header__home:after {
          background-image: url(//c.o0bg.com/img/masthead/boston_globe.png);
          background-image: linear-gradient(transparent, transparent), url(//c.o0bg.com/img/masthead/boston_globe.svg);
          background-position: 0 0;
          background-size: contain;
          background-repeat: no-repeat;
          width: 150px; }
      .type-article .bg-header__subinfo {
        display: none; }
        .type-article .bg-header__subinfo--tablet {
          display: block; }
      .type-article .bg-header__smartbar {
        width: 80%;
        width: -moz-calc(100% - 400px);
        width: -webkit-calc(100% - 400px);
        width: -o-calc(100% - 400px);
        width: calc(100% - 400px);
        height: 38px; }
        .type-article .bg-header__smartbar--longtitle {
          width: -moz-calc(100% - 475px);
          width: -webkit-calc(100% - 475px);
          width: -o-calc(100% - 475px);
          width: calc(100% - 475px); }
        .type-article .bg-header__smartbar--text {
          display: inline-block;
          overflow: hidden;
          white-space: nowrap;
          text-overflow: ellipsis; }
          .type-article .bg-header__smartbar--text-bold {
            float: left; }
        .type-article .bg-header__smartbar--breaking, .type-article .bg-header__smartbar--message {
          display: block;
          line-height: 2;
          font-size: 14px;
          padding: 5px 0 5px 10px;
          height: 30px;
          white-space: nowrap;
          color: black; }
          .type-article .bg-header__smartbar--breaking-show, .type-article .bg-header__smartbar--message-show {
            color: black; }
        .type-article .bg-header__smartbar--breaking {
          width: -moz-calc(100% - 40px);
          width: -webkit-calc(100% - 40px);
          width: -o-calc(100% - 40px);
          width: calc(100% - 40px); }
          .type-article .bg-header__smartbar--breaking .bg-header__smartbar--text {
            width: 66.667%;
            width: -moz-calc(100% - 80px);
            width: -webkit-calc(100% - 80px);
            width: -o-calc(100% - 80px);
            width: calc(100% - 80px);
            line-height: 2.3; } }
          @media only screen and (min-width: 810px) and (-webkit-min-device-pixel-ratio: 0) {
            .type-article .bg-header__smartbar--breaking .bg-header__smartbar--text {
              line-height: 2; } }

@media only screen and (min-width: 810px) {
          .type-article .bg-header__smartbar--breaking:before {
            line-height: 2.3; } }
          @media only screen and (min-width: 810px) and (-webkit-min-device-pixel-ratio: 0) {
            .type-article .bg-header__smartbar--breaking:before {
              line-height: 2; } }

@media only screen and (min-width: 810px) {
          .type-article .bg-header__smartbar--breaking:after {
            right: -22px;
            margin-top: -1px; }
        .type-article .bg-header__smartbar--message {
          width: -moz-calc(100% - 10px);
          width: -webkit-calc(100% - 10px);
          width: -o-calc(100% - 10px);
          width: calc(100% - 10px); }
          .type-article .bg-header__smartbar--message .bg-header__smartbar--text {
            line-height: 2.3; } }
          @media only screen and (min-width: 810px) and (-webkit-min-device-pixel-ratio: 0) {
            .type-article .bg-header__smartbar--message .bg-header__smartbar--text {
              line-height: 2; } }

@media only screen and (min-width: 810px) {
        .type-article .bg-header__smartbar--scoreboard {
          width: 64.167%;
          padding: 5px 0 5px 2.5%; }
          .type-article .bg-header__smartbar--scoreboard-game {
            left: 5%;
            width: 95%; }
          .type-article .bg-header__smartbar--scoreboard-next {
            margin-left: -3px; }
      .type-article .bg-header__scoreboard-period {
        margin-right: 10%; }
      .type-article .bg-header__centerpiece {
        display: block;
        width: 125px;
        float: right;
        height: 38px;
        padding: 0;
        border-top: 1px solid #cccccc;
        border-bottom: 1px solid #cccccc;
        border-right: 1px solid #cccccc; }
        .type-article .bg-header__centerpiece--longtitle {
          width: 200px; }
      .type-article .bg-header__section-front {
        display: block;
        font-size: 16px !important;
        line-height: 1.75;
        vertical-align: middle;
        padding: 5px 0; }
      .type-article .bg-header__takeover .bg-header__home:after {
        background: url(/img/masthead/globe_b.png) 0px 0px/19px no-repeat;
        background: linear-gradient(transparent, transparent), url(/img/masthead/globe_b.svg) 0px 0px/19px no-repeat;
        width: 2rem; }
      .type-article .bg-header__menu-wrapper {
        margin: 10px auto 50px; }
    .bg-header__takeover {
      cursor: initial; }
      .bg-header__takeover[aria-hidden="false"] {
        overflow: hidden;
        width: 100%;
        padding: 0;
        right: 0;
        margin: 0; }
      .bg-header__takeover-full-screen {
        overflow-y: scroll;
        overflow-x: hidden;
        height: 100%; }
      .bg-header__takeover .bg-header__close {
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px; }
        .bg-header__takeover .bg-header__close:hover {
          opacity: 0.75; }
      .bg-header__takeover .bg-header__home {
        display: none; }
      .bg-header__takeover .bg-header__logo {
        display: block;
        width: 300px;
        margin: 0 auto;
        text-indent: -999em; }
        .bg-header__takeover .bg-header__logo:after {
          content: '';
          background: url(//c.o0bg.com/img/masthead/boston_globe.png) 50% 50%/75% no-repeat;
          background: linear-gradient(transparent, transparent), url(//c.o0bg.com/img/masthead/boston_globe.svg) 50% 50%/75% no-repeat;
          height: 37px;
          display: block; }
    .bg-header__menu-wrapper--visible {
      -webkit-animation: menu-fadein linear 0.26s 1 normal forwards;
      -moz-animation: menu-fadein linear 0.26s 1 normal forwards;
      -o-animation: menu-fadein linear 0.26s 1 normal forwards;
      animation: menu-fadein linear 0.26s 1 normal forwards; }
    .bg-header__menu {
      display: block;
      padding-top: 60px;
      max-width: 1024px;
      margin: 0 auto 50px; }
    .bg-header__menu-left {
      display: table-cell;
      vertical-align: top;
      text-align: left;
      padding: 0 2% 0 6%;
      width: 41.85%;
      border-right: 0.15vw solid #cccccc; }
    .bg-header__menu-right {
      display: table-cell;
      position: relative;
      vertical-align: top;
      text-align: left;
      width: 40.85%;
      padding: 0 0 0 4.15%; }
    .bg-header__sections {
      display: inline-block;
      width: 100%; }
      .bg-header__sections .bg-header__section {
        font-size: 48px;
        font-family: 'Benton Sans Black', Helvetica, Arial, sans-serif; }
        .bg-header__sections .bg-header__section:first-child {
          padding: 0; }
        .bg-header__sections .bg-header__section:not(:first-child) {
          padding: 24px 0 0; }
      .bg-header__sections .bg-header__link:hover {
        color: #979797; }
    .bg-header__more-sections {
      display: block;
      text-align: center;
      padding-bottom: 10px;
      margin-top: 30px; }
      .bg-header__more-sections .bg-header__section {
        display: inline-block;
        padding: 5px 2px 0px;
        line-height: 2rem; }
        .bg-header__more-sections .bg-header__section:not(:last-child):after {
          content: '|';
          font-size: 1.5rem;
          font-weight: 300;
          color: #999; }
      .bg-header__more-sections .bg-header__link {
        padding: 0 10px;
        vertical-align: middle;
        font-size: 1.05em;
        font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
        color: rgba(0, 0, 0, 0.5); }
        .bg-header__more-sections .bg-header__link:hover {
          color: #000; }
    .bg-header__section {
      padding: 10px; }
    .bg-header__recommended, .bg-header__suggestions {
      display: block; }
    .bg-header__recommended {
      width: 82%;
      padding-right: 18%;
      margin-bottom: 20px;
      text-align: center; }
      .bg-header__recommended:after {
        content: "";
        display: block;
        height: 1px;
        width: 50%;
        margin: auto;
        border-bottom: 1px solid #cccccc; }
    .bg-header__recommended-header {
      font-size: 1.6em;
      font-weight: bold;
      margin: 0 auto 5px;
      color: #000;
      text-transform: uppercase; }
    .bg-header__recommended-subhead {
      font-size: 1.25rem;
      line-height: 1.5rem;
      width: 85%;
      margin: 0px auto 10px; }
    .bg-header__suggestions {
      width: 85%;
      display: table;
      padding-right: 15%; }
    .bg-header__suggestion {
      display: inline-block;
      vertical-align: top;
      width: 50%;
      margin-bottom: 20px; }
      .bg-header__suggestion .bg-header__link {
        width: 100%; }
    .bg-header__suggestion:not(:nth-child(odd)) {
      margin-left: -3px; }
    .bg-header__image-wrapper, .bg-header__suggestion-title {
      width: 92.5%; }
    .bg-header__image-wrapper {
      display: block;
      height: 11vw;
      max-height: 120px;
      max-width: 213px;
      margin-bottom: 10px;
      overflow: hidden;
      position: relative; }
    .bg-header__suggestion-image {
      width: 100%;
      position: absolute;
      top: 0;
      left: 0;
      max-width: none; }
    .bg-header__suggestion-title {
      font-family: Georgia, serif;
      font-size: 1.6em;
      text-align: left;
      color: #464646;
      line-height: 20px; }
      .bg-header__suggestion-title:hover {
        opacity: 0.8;
        -webkit-transition: opacity 0.1s linear;
        -moz-transition: opacity 0.1s linear;
        transition: opacity 0.1s linear; }
    .bg-header__search {
      width: 82%;
      margin-left: auto;
      margin-right: auto; }
    .bg-header__input {
      width: 90%;
      margin-bottom: 0; }
    .bg-header__pop-up {
      padding: 25px 15px 15px; }
    .bg-header__pop-up-section {
      padding: 0 10px; }
      .bg-header__pop-up-section--digital {
        border-right: 1px solid #cccccc; }
      .bg-header__pop-up-section > * {
        width: 66%; }
    .bg-header__sub-button:hover {
      background-color: #8ea967; }
  .takeover-overflow-hide {
    padding-right: 8px; }
    .takeover-overflow-hide .type-internal .bg-header {
      margin-top: 0; }
  .big-picture.type-internal .bg-header__smartbar > * {
    background-color: #000;
    color: #fff; }
  .big-picture.type-internal .bg-header__smartbar--text-bold:before {
    background-position: -193px 0px; }
  .big-picture.type-internal .bg-header__smartbar--breaking:hover,
  .big-picture.type-internal .bg-header__smartbar--breaking:hover .bg-header__smartbar--text, .big-picture.type-internal .bg-header__smartbar--scoreboard:hover,
  .big-picture.type-internal .bg-header__smartbar--scoreboard:hover a, .big-picture.type-internal .bg-header__smartbar--message:hover,
  .big-picture.type-internal .bg-header__smartbar--message:hover span {
    color: #979797 !important;
    cursor: pointer; }
  .big-picture.type-internal .bg-header__gear {
    border: 1px solid #fff;
    background-image: url(//c.o0bg.com/img/masthead/header_icons_white@2x.png);
    background-image: linear-gradient(transparent, transparent), url(//c.o0bg.com/img/masthead/header_icons_white.svg);
    background-position: 2px -119px;
    background-size: 25px;
    background-repeat: no-repeat; }
  .big-picture.type-internal .bg-header__todays-paper {
    color: #fff; }
  .big-picture.type-internal .bg-header__settings-text, .big-picture.type-internal .bg-header__manage-account, .big-picture.type-internal .bg-header__log-out {
    color: #000; }
  .big-picture.type-internal .bg-header__hamburger:hover, .big-picture.type-internal .bg-header__section-front:hover, .big-picture.type-internal .bg-header__todays-paper:hover, .big-picture.type-internal .bg-header__manage-account:hover, .big-picture.type-internal .bg-header__log-out:hover {
    color: #979797; }
  .big-picture.type-internal .bg-header__takeover .bg-header__welcome-user,
  .big-picture.type-internal .bg-header__takeover .bg-header__todays-paper {
    color: #000; }
  .big-picture.type-internal .bg-header__takeover .bg-header__todays-paper:hover {
    color: #979797; }
  .big-picture.type-internal .bg-header__takeover .bg-header__gear {
    background-image: url(//c.o0bg.com/img/masthead/header_icons@2x.png);
    background-image: linear-gradient(transparent, transparent), url(//c.o0bg.com/img/masthead/header_icons.svg);
    background-position: 2px -119px;
    background-size: 25px;
    background-repeat: no-repeat;
    border: 1px solid #cccccc; }
  .logged-out.type-article .bg-header__smartbar {
    position: initial;
    border-top: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    float: right;
    text-align: left;
    width: 80%;
    width: -moz-calc(100% - 490px);
    width: -webkit-calc(100% - 490px);
    width: -o-calc(100% - 490px);
    width: calc(100% - 490px);
    padding: 0;
    margin-right: 20px; }
    .logged-out.type-article .bg-header__smartbar--longtitle {
      width: 80%;
      width: -moz-calc(100% - 565px);
      width: -webkit-calc(100% - 565px);
      width: -o-calc(100% - 565px);
      width: calc(100% - 565px); }
    .logged-out.type-article .bg-header__smartbar--breaking {
      font-size: 14px;
      line-height: 2;
      width: -moz-calc(100% - 40px);
      width: -webkit-calc(100% - 40px);
      width: -o-calc(100% - 40px);
      width: calc(100% - 40px);
      padding: 5px 0 5px 10px;
      background: #fff; }
      .logged-out.type-article .bg-header__smartbar--breaking:before {
        content: "Breaking:\00a0";
        font-weight: bold;
        float: left;
        width: auto; }
      .logged-out.type-article .bg-header__smartbar--breaking:after {
        position: absolute;
        right: -22px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        transform: translateY(-50%); }
    .logged-out.type-article .bg-header__smartbar--scoreboard {
      display: inline-block;
      width: 64.167%;
      padding: 5px 0 5px 2.5%; }
      .logged-out.type-article .bg-header__smartbar--scoreboard-game {
        left: 5%;
        width: 95%; }
  .logged-out.type-article .bg-header__close-veil {
    display: none; }
  .logged-out.type-article .bg-header__home {
    padding: 9px; }
    .logged-out.type-article .bg-header__home:after {
      background: url(//c.o0bg.com/img/masthead/globe_b.png) 0px 0px/19px no-repeat;
      background: linear-gradient(transparent, transparent), url(//c.o0bg.com/img/masthead/globe_b.svg) 0px 0px/19px no-repeat;
      width: 2rem; }
  .logged-out .bg-header__smartbar {
    display: block;
    position: relative;
    bottom: 0; }
    .logged-out .bg-header__smartbar--veil {
      display: none; }
    .logged-out .bg-header__smartbar--scoreboard-next {
      display: inline-block; }
  .logged-in.type-article .bg-header__subinfo--tablet {
    display: none; } }

@media only screen and (min-width: 768px) and (max-width: 1120px) {
  .type-home .bg-header__centerpiece--longtitle,
  .type-internal:not(.type-article) .bg-header__centerpiece--longtitle {
    padding-top: 5px;
    font-size: 27px; } }

@media only screen and (min-width: 1121px) {
  .type-home .bg-header__centerpiece--longtitle,
  .type-internal:not(.type-article) .bg-header__centerpiece--longtitle {
    font-size: 42px; } }

@media only screen and (min-width: 1232px) {
  .logged-in:not(.type-article) .bg-header__subinfo {
    display: inline-block; }
    .logged-in:not(.type-article) .bg-header__subinfo--tablet {
      display: none; } }

@-webkit-keyframes breaking-pulse {
  0% {
    box-shadow: 0 0 0 #eaa99e; }
  60% {
    box-shadow: 0 0 0 8px rgba(234, 169, 158, 0); }
  100% {
    box-shadow: 0 0 0 rgba(234, 169, 158, 0); } }

@-moz-keyframes breaking-pulse {
  0% {
    box-shadow: 0 0 0 #eaa99e; }
  60% {
    box-shadow: 0 0 0 8px rgba(234, 169, 158, 0); }
  100% {
    box-shadow: 0 0 0 rgba(234, 169, 158, 0); } }

@-ms-keyframes breaking-pulse {
  0% {
    box-shadow: 0 0 0 #eaa99e; }
  60% {
    box-shadow: 0 0 0 8px rgba(234, 169, 158, 0); }
  100% {
    box-shadow: 0 0 0 rgba(234, 169, 158, 0); } }

@keyframes breaking-pulse {
  0% {
    box-shadow: 0 0 0 #eaa99e; }
  60% {
    box-shadow: 0 0 0 8px rgba(234, 169, 158, 0); }
  100% {
    box-shadow: 0 0 0 rgba(234, 169, 158, 0); } }

@-webkit-keyframes breaking-pulse-desktop {
  0% {
    box-shadow: 0 0 0 rgba(234, 169, 158, 0.75); }
  60% {
    box-shadow: 0 0 0 10px rgba(234, 169, 158, 0); }
  100% {
    box-shadow: 0 0 0 rgba(234, 169, 158, 0); } }

@-moz-keyframes breaking-pulse-desktop {
  0% {
    box-shadow: 0 0 0 rgba(234, 169, 158, 0.75); }
  60% {
    box-shadow: 0 0 0 10px rgba(234, 169, 158, 0); }
  100% {
    box-shadow: 0 0 0 rgba(234, 169, 158, 0); } }

@-ms-keyframes breaking-pulse-desktop {
  0% {
    box-shadow: 0 0 0 rgba(234, 169, 158, 0.75); }
  60% {
    box-shadow: 0 0 0 10px rgba(234, 169, 158, 0); }
  100% {
    box-shadow: 0 0 0 rgba(234, 169, 158, 0); } }

@keyframes breaking-pulse-desktop {
  0% {
    box-shadow: 0 0 0 rgba(234, 169, 158, 0.75); }
  60% {
    box-shadow: 0 0 0 10px rgba(234, 169, 158, 0); }
  100% {
    box-shadow: 0 0 0 rgba(234, 169, 158, 0); } }

@-webkit-keyframes veil-slide-in {
  from {
    height: 37px;
    top: 0; }
  to {
    height: 47px;
    top: 55px; } }

@-moz-keyframes veil-slide-in {
  from {
    height: 37px;
    top: 0; }
  to {
    height: 47px;
    top: 55px; } }

@-ms-keyframes veil-slide-in {
  from {
    height: 37px;
    top: 0; }
  to {
    height: 47px;
    top: 55px; } }

@keyframes veil-slide-in {
  from {
    height: 37px;
    top: 0; }
  to {
    height: 47px;
    top: 55px; } }

@-webkit-keyframes veil-slide-out {
  from {
    height: 47px;
    top: 55px; }
  to {
    height: 37px;
    top: 0; } }

@-moz-keyframes veil-slide-out {
  from {
    height: 47px;
    top: 55px; }
  to {
    height: 37px;
    top: 0; } }

@-ms-keyframes veil-slide-out {
  from {
    height: 47px;
    top: 55px; }
  to {
    height: 37px;
    top: 0; } }

@keyframes veil-slide-out {
  from {
    height: 47px;
    top: 55px; }
  to {
    height: 37px;
    top: 0; } }

@-webkit-keyframes veil-slide-in-section {
  from {
    height: 37px;
    top: 0; }
  to {
    height: 47px;
    top: 89px; } }

@-moz-keyframes veil-slide-in-section {
  from {
    height: 37px;
    top: 0; }
  to {
    height: 47px;
    top: 89px; } }

@-ms-keyframes veil-slide-in-section {
  from {
    height: 37px;
    top: 0; }
  to {
    height: 47px;
    top: 89px; } }

@keyframes veil-slide-in-section {
  from {
    height: 37px;
    top: 0; }
  to {
    height: 47px;
    top: 89px; } }

@-webkit-keyframes veil-slide-out-section {
  from {
    height: 47px;
    top: 89px; }
  to {
    height: 37px;
    top: 0; } }

@-moz-keyframes veil-slide-out-section {
  from {
    height: 47px;
    top: 89px; }
  to {
    height: 37px;
    top: 0; } }

@-ms-keyframes veil-slide-out-section {
  from {
    height: 47px;
    top: 89px; }
  to {
    height: 37px;
    top: 0; } }

@keyframes veil-slide-out-section {
  from {
    height: 47px;
    top: 89px; }
  to {
    height: 37px;
    top: 0; } }

@-webkit-keyframes veil-slide-out-sticky {
  from {
    position: fixed; }
  to {
    position: fixed;
    height: 37px;
    top: -100px; } }

@-moz-keyframes veil-slide-out-sticky {
  from {
    position: fixed; }
  to {
    position: fixed;
    height: 37px;
    top: -100px; } }

@-ms-keyframes veil-slide-out-sticky {
  from {
    position: fixed; }
  to {
    position: fixed;
    height: 37px;
    top: -100px; } }

@keyframes veil-slide-out-sticky {
  from {
    position: fixed; }
  to {
    position: fixed;
    height: 37px;
    top: -100px; } }

@-webkit-keyframes score-slide-out {
  0% {
    top: 5px; }
  100% {
    top: -28px; } }

@-moz-keyframes score-slide-out {
  0% {
    top: 5px; }
  100% {
    top: -28px; } }

@-ms-keyframes score-slide-out {
  0% {
    top: 5px; }
  100% {
    top: -28px; } }

@keyframes score-slide-out {
  0% {
    top: 5px; }
  100% {
    top: -28px; } }

@-webkit-keyframes score-slide-in {
  0% {
    top: 38px; }
  100% {
    top: 5px; } }

@-moz-keyframes score-slide-in {
  0% {
    top: 38px; }
  100% {
    top: 5px; } }

@-ms-keyframes score-slide-in {
  0% {
    top: 38px; }
  100% {
    top: 5px; } }

@keyframes score-slide-in {
  0% {
    top: 38px; }
  100% {
    top: 5px; } }

@-webkit-keyframes takeover-close {
  from {
    width: 100%;
    height: 100%;
    opacity: 1; }
  to {
    width: 0%;
    height: 0%;
    opacity: 0; } }

@-moz-keyframes takeover-close {
  from {
    width: 100%;
    height: 100%;
    opacity: 1; }
  to {
    width: 0%;
    height: 0%;
    opacity: 0; } }

@-ms-keyframes takeover-close {
  from {
    width: 100%;
    height: 100%;
    opacity: 1; }
  to {
    width: 0%;
    height: 0%;
    opacity: 0; } }

@keyframes takeover-close {
  from {
    width: 100%;
    height: 100%;
    opacity: 1; }
  to {
    width: 0%;
    height: 0%;
    opacity: 0; } }

@-webkit-keyframes takeover-mobile {
  from {
    width: 0%;
    height: 0%;
    opacity: 0; }
  to {
    width: 100%;
    height: 100%;
    opacity: 1; } }

@-moz-keyframes takeover-mobile {
  from {
    width: 0%;
    height: 0%;
    opacity: 0; }
  to {
    width: 100%;
    height: 100%;
    opacity: 1; } }

@-ms-keyframes takeover-mobile {
  from {
    width: 0%;
    height: 0%;
    opacity: 0; }
  to {
    width: 100%;
    height: 100%;
    opacity: 1; } }

@keyframes takeover-mobile {
  from {
    width: 0%;
    height: 0%;
    opacity: 0; }
  to {
    width: 100%;
    height: 100%;
    opacity: 1; } }

@-webkit-keyframes menu-fadein {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@-moz-keyframes menu-fadein {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@-ms-keyframes menu-fadein {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes menu-fadein {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@-webkit-keyframes menu-fadeout {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }

@-moz-keyframes menu-fadeout {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }

@-ms-keyframes menu-fadeout {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }

@keyframes menu-fadeout {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }

@-webkit-keyframes popup-fadein {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@-moz-keyframes popup-fadein {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@-ms-keyframes popup-fadein {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes popup-fadein {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@-webkit-keyframes settings-fadeout {
  from {
    opacity: 1;
    right: -10px;
    left: auto; }
  to {
    opacity: 0;
    right: -10px;
    left: auto; } }

@-moz-keyframes settings-fadeout {
  from {
    opacity: 1;
    right: -10px;
    left: auto; }
  to {
    opacity: 0;
    right: -10px;
    left: auto; } }

@-ms-keyframes settings-fadeout {
  from {
    opacity: 1;
    right: -10px;
    left: auto; }
  to {
    opacity: 0;
    right: -10px;
    left: auto; } }

@keyframes settings-fadeout {
  from {
    opacity: 1;
    right: -10px;
    left: auto; }
  to {
    opacity: 0;
    right: -10px;
    left: auto; } }

@-webkit-keyframes settings-fadein {
  from {
    opacity: 0;
    right: -10px;
    left: auto; }
  to {
    opacity: 1;
    right: -10px;
    left: auto; } }

@-moz-keyframes settings-fadein {
  from {
    opacity: 0;
    right: -10px;
    left: auto; }
  to {
    opacity: 1;
    right: -10px;
    left: auto; } }

@-ms-keyframes settings-fadein {
  from {
    opacity: 0;
    right: -10px;
    left: auto; }
  to {
    opacity: 1;
    right: -10px;
    left: auto; } }

@keyframes settings-fadein {
  from {
    opacity: 0;
    right: -10px;
    left: auto; }
  to {
    opacity: 1;
    right: -10px;
    left: auto; } }

@-webkit-keyframes popup-fadeout {
  from {
    left: auto;
    right: 0;
    opacity: 1; }
  to {
    left: auto;
    right: 0;
    opacity: 0; } }

@-moz-keyframes popup-fadeout {
  from {
    left: auto;
    right: 0;
    opacity: 1; }
  to {
    left: auto;
    right: 0;
    opacity: 0; } }

@-ms-keyframes popup-fadeout {
  from {
    left: auto;
    right: 0;
    opacity: 1; }
  to {
    left: auto;
    right: 0;
    opacity: 0; } }

@keyframes popup-fadeout {
  from {
    left: auto;
    right: 0;
    opacity: 1; }
  to {
    left: auto;
    right: 0;
    opacity: 0; } }

@-webkit-keyframes border-fadein {
  0% {
    box-shadow: 8px 3px 6px -5px rgba(100, 100, 100, 0), 4px 0px 6px -13px rgba(100, 100, 100, 0);
    -webkit-box-shadow: 8px 3px 6px -5px rgba(100, 100, 100, 0), 4px 0px 6px -13px rgba(100, 100, 100, 0);
    -moz-box-shadow: 8px 3px 6px -5px rgba(100, 100, 100, 0), 4px 0px 6px -13px rgba(100, 100, 100, 0);
    border-top: 1px solid rgba(204, 204, 204, 0);
    border-right: 1px solid rgba(204, 204, 204, 0);
    border-left: 1px solid rgba(204, 204, 204, 0); }
  100% {
    box-shadow: 2px 8px 10px -2px rgba(100, 100, 100, 0.15), 2px 8px 10px -2px rgba(100, 100, 100, 0.15);
    -webkit-box-shadow: 2px 8px 10px -2px rgba(100, 100, 100, 0.15), 2px 8px 10px -2px rgba(100, 100, 100, 0.15);
    -moz-box-shadow: 2px 8px 10px -2px rgba(100, 100, 100, 0.15), 2px 8px 10px -2px rgba(100, 100, 100, 0.15);
    border-top: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
    border-left: 1px solid #cccccc; } }

@-moz-keyframes border-fadein {
  0% {
    box-shadow: 8px 3px 6px -5px rgba(100, 100, 100, 0), 4px 0px 6px -13px rgba(100, 100, 100, 0);
    -webkit-box-shadow: 8px 3px 6px -5px rgba(100, 100, 100, 0), 4px 0px 6px -13px rgba(100, 100, 100, 0);
    -moz-box-shadow: 8px 3px 6px -5px rgba(100, 100, 100, 0), 4px 0px 6px -13px rgba(100, 100, 100, 0);
    border-top: 1px solid rgba(204, 204, 204, 0);
    border-right: 1px solid rgba(204, 204, 204, 0);
    border-left: 1px solid rgba(204, 204, 204, 0); }
  100% {
    box-shadow: 2px 8px 10px -2px rgba(100, 100, 100, 0.15), 2px 8px 10px -2px rgba(100, 100, 100, 0.15);
    -webkit-box-shadow: 2px 8px 10px -2px rgba(100, 100, 100, 0.15), 2px 8px 10px -2px rgba(100, 100, 100, 0.15);
    -moz-box-shadow: 2px 8px 10px -2px rgba(100, 100, 100, 0.15), 2px 8px 10px -2px rgba(100, 100, 100, 0.15);
    border-top: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
    border-left: 1px solid #cccccc; } }

@-ms-keyframes border-fadein {
  0% {
    box-shadow: 8px 3px 6px -5px rgba(100, 100, 100, 0), 4px 0px 6px -13px rgba(100, 100, 100, 0);
    -webkit-box-shadow: 8px 3px 6px -5px rgba(100, 100, 100, 0), 4px 0px 6px -13px rgba(100, 100, 100, 0);
    -moz-box-shadow: 8px 3px 6px -5px rgba(100, 100, 100, 0), 4px 0px 6px -13px rgba(100, 100, 100, 0);
    border-top: 1px solid rgba(204, 204, 204, 0);
    border-right: 1px solid rgba(204, 204, 204, 0);
    border-left: 1px solid rgba(204, 204, 204, 0); }
  100% {
    box-shadow: 2px 8px 10px -2px rgba(100, 100, 100, 0.15), 2px 8px 10px -2px rgba(100, 100, 100, 0.15);
    -webkit-box-shadow: 2px 8px 10px -2px rgba(100, 100, 100, 0.15), 2px 8px 10px -2px rgba(100, 100, 100, 0.15);
    -moz-box-shadow: 2px 8px 10px -2px rgba(100, 100, 100, 0.15), 2px 8px 10px -2px rgba(100, 100, 100, 0.15);
    border-top: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
    border-left: 1px solid #cccccc; } }

@keyframes border-fadein {
  0% {
    box-shadow: 8px 3px 6px -5px rgba(100, 100, 100, 0), 4px 0px 6px -13px rgba(100, 100, 100, 0);
    -webkit-box-shadow: 8px 3px 6px -5px rgba(100, 100, 100, 0), 4px 0px 6px -13px rgba(100, 100, 100, 0);
    -moz-box-shadow: 8px 3px 6px -5px rgba(100, 100, 100, 0), 4px 0px 6px -13px rgba(100, 100, 100, 0);
    border-top: 1px solid rgba(204, 204, 204, 0);
    border-right: 1px solid rgba(204, 204, 204, 0);
    border-left: 1px solid rgba(204, 204, 204, 0); }
  100% {
    box-shadow: 2px 8px 10px -2px rgba(100, 100, 100, 0.15), 2px 8px 10px -2px rgba(100, 100, 100, 0.15);
    -webkit-box-shadow: 2px 8px 10px -2px rgba(100, 100, 100, 0.15), 2px 8px 10px -2px rgba(100, 100, 100, 0.15);
    -moz-box-shadow: 2px 8px 10px -2px rgba(100, 100, 100, 0.15), 2px 8px 10px -2px rgba(100, 100, 100, 0.15);
    border-top: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
    border-left: 1px solid #cccccc; } }

@-webkit-keyframes more-fadein {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@-moz-keyframes more-fadein {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@-ms-keyframes more-fadein {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes more-fadein {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

/* colors */
/* widths */
/*
 * Mixins
 */
/* fonts */
@font-face {
  font-family: Benton Sans Black;
  font-display: swap;
  src: url(../fonts/BentonSans/BentonSans-Black/cd378061-6625-4ff0-8a52-906e943df050-1.ttf) format("truetype"), url(../fonts/BentonSans/BentonSans-Black/cd378061-6625-4ff0-8a52-906e943df050-2.eot) format("embedded-opentype"), url(../fonts/BentonSans/BentonSans-Black/cd378061-6625-4ff0-8a52-906e943df050-3.woff) format("woff"), url(../fonts/BentonSans/BentonSans-Black/cd378061-6625-4ff0-8a52-906e943df050-4.svg) format("svg"); }

@font-face {
  font-family: Benton Sans Bold;
  font-display: swap;
  src: url(../fonts/BentonSans/BentonSans-Bold/79e52a98-c6b6-4ed0-a074-409e1de09fd6-1.ttf) format("truetype"), url(../fonts/BentonSans/BentonSans-Bold/79e52a98-c6b6-4ed0-a074-409e1de09fd6-2.eot) format("embedded-opentype"), url(../fonts/BentonSans/BentonSans-Bold/79e52a98-c6b6-4ed0-a074-409e1de09fd6-3.woff) format("woff"), url(../fonts/BentonSans/BentonSans-Bold/79e52a98-c6b6-4ed0-a074-409e1de09fd6-4.svg) format("svg");
  font-weight: bold; }

@font-face {
  font-family: Benton Sans Regular;
  font-display: swap;
  src: url(../fonts/BentonSans/BentonSans-Regular/BentonSansRegular.ttf) format("truetype"), url(../fonts/BentonSans/BentonSans-Regular/BentonSansRegular.eot) format("embedded-opentype"), url(../fonts/BentonSans/BentonSans-Regular/BentonSansRegular.woff) format("woff"), url(../fonts/BentonSans/BentonSans-Regular/BentonSansRegular.svg) format("svg"); }

@font-face {
  font-family: Miller Headline Light;
  font-display: swap;
  src: url(../fonts/MillerHeadline/MillerHeadline-Light.otf) format("opentype"); }

@font-face {
  font-family: Miller Headline Roman;
  font-display: swap;
  src: url(../fonts/MillerHeadline/MillerHeadline-Roman.otf) format("opentype"); }

@font-face {
  font-family: Miller Headline Bold;
  font-display: swap;
  src: url(../fonts/MillerHeadline/MillerHeadline-Bold.otf) format("opentype"); }

@font-face {
  font-family: BentonSansCond;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/BentonSansCond/BentonSansCond-Regular.woff) format("woff"); }

@font-face {
  font-family: BentonSansCond;
  font-weight: 700;
  font-display: swap;
  src: url(../fonts/BentonSansCond/BentonSansCond-Bold.woff) format("woff"); }

/*
 * Modules index
 */
/*
 * Base styles
 */
.base__container {
  max-width: 925px;
  padding: 0 20px;
  margin: 0 auto;
  box-sizing: border-box; }

@media screen and (min-width: 736px) {
  __container {
    padding: 0 40px; } }

/*
 * Buttons
 *
 * These styles are pulled from bootstrap.
 */
.btn {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: 1px solid #cccccc;
  border-radius: 4px;
  color: #333333;
  background-color: #fff; }
  .btn .active, .btn .active.focus, .btn .active:focus, .btn .focus, .btn:active.focus, .btn:active:focus, .btn:focus {
    outline: none;
    outline-offset: 0px; }
  .btn:active {
    background-color: #7da5c9 !important;
    color: #000; }
  .btn:active:focus {
    color: #000; }

.bg-sc-tooltip {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  text-align: left;
  font-family: RegularBen, Arial, sans-serif;
  font-size: 14px;
  color: #848484; }
  .bg-sc-tooltip__headline {
    margin-left: 15px; }
  .bg-sc-tooltip__headline--mobile {
    display: inline; }
  .bg-sc-tooltip__headline--desktop {
    display: none; }
  .bg-sc-tooltip__advertiser {
    display: block;
    margin-top: 3px;
    font-family: Benton Sans Bold, Helvetica, Arial, sans-serif; }
    .bg-sc-tooltip__advertiser a {
      display: inline-block;
      color: #848484;
      border: none;
      padding: 0 0 1px;
      border-bottom: 1px solid #848484; }
      .bg-sc-tooltip__advertiser a:hover {
        border-bottom: 1px solid #fff; }
  .bg-sc-tooltip__statement-handler {
    position: relative;
    width: 20px; }
  .bg-sc-tooltip__statement-toggle {
    width: 20px;
    height: 20px;
    cursor: pointer; }
    .bg-sc-tooltip__statement-toggle img {
      width: 100%; }
  .bg-sc-tooltip__statement-toggle--active::after {
    content: '';
    display: block;
    position: relative;
    top: 5px;
    left: 5px;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #808080; }
  .bg-sc-tooltip__statement {
    display: none;
    width: 200px;
    top: 30px;
    right: -7px;
    z-index: 100;
    background: #808080;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 11px;
    line-height: 140%;
    color: #fff;
    border-radius: 3px;
    padding: 7px 7px 5px 12px;
    box-sizing: border-box; }
    .bg-sc-tooltip__statement a {
      color: #fff;
      padding-bottom: 1px;
      border-bottom: 1px solid #fff; }
      .bg-sc-tooltip__statement a:hover {
        color: #fff;
        border-bottom: 1px solid #fff; }
  .bg-sc-tooltip__statement--active {
    display: block;
    position: absolute; }

@media screen and (min-width: 736px) {
  .bg-sc-tooltip {
    -webkit-justify-content: flex-start;
    justify-content: flex-start; }
    .bg-sc-tooltip__headline {
      font-size: 12px; }
    .bg-sc-tooltip__headline--mobile {
      display: none; }
    .bg-sc-tooltip__headline--desktop {
      display: inline; }
    .bg-sc-tooltip__advertiser {
      display: inline-block;
      margin-top: 0; }
    .bg-sc-tooltip__statement-handler {
      margin-left: 8px; }
    .bg-sc-tooltip__statement-toggle {
      width: 16px;
      height: 16px; }
    .bg-sc-tooltip__statement-toggle--active::after {
      top: 9px;
      left: 3px; }
    .bg-sc-tooltip__statement {
      font-size: 10px;
      right: -90px; } }

/*
 * Byline / meta details
 */
.meta-details {
  color: #444444;
  font-family: Benton Sans Regular, Arial, sans-serif;
  font-size: 15px;
  padding-bottom: 14px;
  text-transform: uppercase; }
  .meta-details__pubdate {
    color: #000;
    text-transform: none; }

@media screen and (min-width: 736px) {
  .meta-details {
    font-size: 15px; } }

/*
 * Social buttons
 */
.social {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex; }
  .social__btn {
    width: 30px;
    margin-right: 5px; }
    .social__btn a {
      opacity: 0.8;
      transition: 0.2s ease all; }
      .social__btn a:hover {
        opacity: 1; }

/*
 * Image caption and credit
 */
.wp-caption__text {
  font-family: Benton Sans Regular, Arial, sans-serif;
  font-size: 12px;
  color: #444444;
  margin-top: 5px;
  display: block;
  clear: both; }

.wp-caption__credit {
  font: normal 12px/14px Helvetica, Arial, sans-serif;
  display: block;
  text-transform: uppercase;
  margin-top: 5px; }

@media screen and (min-width: 736px) {
  .wp-caption__text {
    font-size: 12px; } }

/**
	Contains the styles for the Brightcove enabled header video.

	@author Domenic Fiore <domenic.fiore@globe.com>
 */
.hero {
  margin: auto;
  max-width: 1600px; }
  .hero__image {
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
    margin: auto;
    max-width: 1424px; }
    .hero__image img {
      visibility: hidden; }
  .hero__video-container {
    display: none;
    position: relative;
    max-width: 1600px; }

@media screen and (min-width: 736px) {
  .hero__video-container {
    display: block; }
  .hero__image--has-video {
    display: none; } }

/*
 * Image Alignment
 */
.alignnone {
  width: auto;
  height: auto;
  margin: 0 auto 15px; }
  .alignnone img {
    width: auto;
    height: auto; }

.aligncenter,
.alignleft,
.alignright,
.alignleftsuper,
.alignrightsuper {
  display: block;
  float: none;
  width: auto;
  height: auto;
  margin: 0 auto 15px; }
  .aligncenter img,
  .alignleft img,
  .alignright img,
  .alignleftsuper img,
  .alignrightsuper img {
    width: auto;
    height: auto; }

@media screen and (min-width: 736px) {
  .alignleft,
  .alignleftsuper {
    float: left;
    margin: 5px 20px 5px 0; }
  .alignright,
  .alignrightsuper {
    float: right;
    margin: 5px 0 5px 20px; } }

@media screen and (min-width: 1060px) {
  .alignrightsuper {
    margin-right: -55px; }
  .alignleftsuper {
    margin-left: -55px; } }

@media screen and (min-width: 1200px) {
  .alignrightsuper {
    margin-right: -100px; }
  .alignleftsuper {
    margin-left: -100px; } }

.parallax {
  background-attachment: scroll;
  background-size: cover;
  background-position: center center;
  background-repeat: repeat-y;
  margin: 0 -49.5%;
  margin: 0 calc(51.25% - 50vw);
  margin-bottom: 15px; }

.alignparallax.wp-caption {
  margin-bottom: 5px; }

@media screen and (min-width: 1025px) {
  .parallax {
    background-attachment: fixed; } }

/*
 * full-bleed images
 * With and without captions
 */
.full-bleed-image__container {
  position: relative;
  margin: 0 calc(51.25% - 50vw) 15px; }
  .full-bleed-image__container .alignfullbleedimage {
    width: 100%;
    height: auto;
    margin: 0 auto; }

.wp-caption.alignfullbleedimage {
  position: relative;
  margin: 0 calc(51.25% - 50vw) 15px; }
  .wp-caption.alignfullbleedimage img {
    width: 100%;
    height: auto;
    margin: 0 auto; }
  .wp-caption.alignfullbleedimage .wp-caption__text {
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    padding: 10px 20px;
    border-radius: 0;
    background: rgba(0, 0, 0, 0.9);
    color: #fff; }

@media screen and (min-width: 736px) {
  .wp-caption.alignfullbleedimage .wp-caption__text {
    width: auto;
    left: 5%;
    bottom: 4%;
    background: rgba(0, 0, 0, 0.7);
    border-radius: 5px; } }

@media screen and (min-width: 1025px) {
  .wp-caption.alignfullbleedimage .wp-caption__text {
    left: 10%; } }

/*
 * Content media - images / video
 */
.content-media__video-container {
  position: relative;
  height: 0;
  padding-bottom: 56.25%;
  margin: 0; }
  .content-media__video-container .video-js {
    position: absolute;
    width: 100%;
    height: 100%; }

@media screen and (min-width: 736px) {
  .content-media {
    margin-top: 20px; } }

/*
 * Related posts
 */
.related-posts {
  background: #efefef;
  margin-top: 0; }
  .related-posts__link {
    border-bottom: none; }
    .related-posts__link--heading {
      font-size: 21px; }
  .related-posts__title {
    padding-bottom: 20px;
    margin: auto;
    font-family: Benton Sans Bold, Helvetica, Arial, sans-serif;
    font-size: 17px;
    text-align: center;
    background: #fff; }
    .related-posts__title .related-posts__link {
      color: #454545; }
      .related-posts__title .related-posts__link:hover {
        color: #0287ad; }
  .related-posts__list {
    padding: 20px;
    margin: auto; }
  .related-posts__post {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin-bottom: 20px; }
    .related-posts__post:last-child {
      margin-bottom: 0; }
  .related-posts__post-image {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    margin-right: 15px;
    max-width: 85px;
    max-height: 85px; }
  .related-posts__post-description {
    -webkit-box-flex: 3;
    -webkit-flex: 3;
    flex: 3; }
    .related-posts__post-description .related-posts__link {
      color: #454545; }
  .related-posts__post-suphead {
    display: none; }
  .related-posts__post-title {
    padding: 0;
    font-family: Miller Headline Bold, Georgia, serif;
    font-size: 18px;
    text-align: left;
    text-decoration: none;
    color: #454545; }
  .related-posts__button {
    background: #f1f1f1;
    border: 1px solid #9b9b9b;
    border-radius: 5px;
    color: #9b9b9b !important;
    display: block;
    font-family: Benton Sans Regular, Arial, sans-serif;
    font-size: 13px;
    margin: 0 auto 15px;
    padding: 5px 5px 7px;
    width: 100px;
    text-align: center;
    text-transform: uppercase; }
    .related-posts__button--arrow {
      font-size: 18px; }
    .related-posts__button:hover {
      background: #e1eaed;
      border-color: #0287ad;
      color: #0287ad !important; }

@media screen and (min-width: 736px) {
  .related-posts {
    margin-top: 60px; }
    .related-posts__link--heading {
      font-size: 23px; }
    .related-posts__title {
      width: 80%;
      margin: auto;
      padding-top: 40px;
      font-family: Benton Sans Bold, Helvetica, Arial, sans-serif;
      font-size: 17px;
      text-align: left;
      color: #454545;
      background: #efefef; }
    .related-posts__list {
      width: 80%;
      padding: 40px 0; }
    .related-posts__post {
      margin-bottom: 40px; }
    .related-posts__post-image {
      max-width: 150px;
      max-height: 150px; }
    .related-posts__post-suphead {
      display: block;
      margin-bottom: 3px;
      font-family: Benton Sans Regular, Arial, sans-serif;
      color: #454545;
      text-transform: uppercase;
      text-align: left;
      font-size: 11px; }
      .related-posts__post-suphead .related-posts__link {
        color: #de7d0b; }
    .related-posts__post-title {
      padding: 5px 0 8px;
      font-size: 26px;
      line-height: 33px; } }

/*
 * Ad styles
 */
.ad__container {
  width: 100%;
  padding: 20px 0 40px;
  clear: both;
  text-align: center; }
  .ad__container-header {
    margin-bottom: 13px;
    font-family: Benton Sans Regular, Arial, sans-serif;
    font-size: 12px;
    color: #d7d7d7;
    text-transform: uppercase; }
  .ad__container--collapsed {
    display: none;
    padding: 0; }

.ad__wrapper {
  width: 99vw;
  margin-left: calc(-49vw + 49%);
  padding: 13px 0;
  background: #efefef; }

@media screen and (min-width: 971px) {
  .ad__container {
    padding: 20px 0 55px; }
    .ad__container-header {
      margin-bottom: 17px;
      font-size: 14px; }
  .ad__wrapper {
    padding: 17px 0; } }

/*
 * Disclaimer verbage in the footer.
 */
.disclaimer {
  padding-top: 40px;
  padding-bottom: 5px;
  font-family: Benton Sans Regular, Arial, sans-serif;
  font-size: 12px;
  color: #000;
  text-align: center; }
  .disclaimer--fine-print {
    color: #444444;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 12px;
    font-style: italic; }

/*
 * BG BrandLab follow buttons in the footer.
 */
.bg-brandlab-social {
  padding-top: 5px;
  padding-bottom: 30px;
  text-align: center; }
  .bg-brandlab-social a {
    text-decoration: none; }
    .bg-brandlab-social a img {
      height: 30px; }

/*
 * Page index
 */
/*
 * Page globals
 */
body, html {
  font-size: 100%;
  font-family: Georgia, "Times New Roman", Times, serif; }

/*
 * Article page
 */
.article__contents {
  margin-top: 10px;
  font-size: 14px; }
  .article__contents a {
    color: #46a4e2; }
    .article__contents a:hover {
      text-decoration: none; }

.article__contents-body p {
  color: #000;
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 18px;
  line-height: 185%;
  margin: 0 auto 15px auto; }
  .article__contents-body p:last-child {
    margin-bottom: 0; }

.article__contents-body h2 {
  color: #000;
  font-family: Miller Headline Bold, Georgia, serif;
  font-size: 42px; }

.article__contents-body h3 {
  color: #444444;
  font-family: Miller Headline Bold, Georgia, serif;
  font-size: 28px; }

.article__contents-body h4 {
  color: #444444;
  font-family: Benton Sans Regular, Arial, sans-serif;
  font-size: 15px; }

.article__contents-body h5, .article__contents-body h6 {
  color: #444444;
  font-family: Benton Sans Regular, Arial, sans-serif;
  font-size: 12px; }

.article blockquote, .article q {
  quotes: none;
  width: 100%;
  max-width: 65rem;
  margin: 20px auto;
  padding-left: 35px;
  border-left: 8px solid #7da5c9;
  font-style: italic; }

.article__header {
  margin-bottom: 10px;
  font-family: Miller Headline Bold, Georgia, serif;
  font-weight: normal;
  /* Otherwise Safari fakes an even bolder font. */
  font-size: 36px;
  letter-spacing: normal;
  color: #000; }

.article ol li {
  list-style-type: decimal;
  list-style-position: outside;
  padding-bottom: 15px;
  line-height: 185%; }

.article__sub-header {
  margin: 0;
  font-family: Miller Headline Bold, Georgia, serif;
  font-weight: normal;
  /* Otherwise Safari fakes an even bolder font. */
  font-size: 18px;
  line-height: 23px;
  color: #000; }

.article ul li {
  list-style-type: disc;
  list-style-position: outside;
  padding-bottom: 15px;
  line-height: 185%; }

.article u, .article ol {
  margin-left: 40px; }

.article__header {
  margin-bottom: 10px;
  font-family: Miller Headline Bold, Georgia, serif;
  font-size: 42px;
  letter-spacing: normal;
  color: #000; }

.article__sub-header {
  margin: 0;
  font-family: Miller Headline Roman, Georgia, Times, serif;
  font-size: 28px;
  line-height: 28px;
  color: #444444; }

.article__social {
  margin: 10px 0 40px; }

@media screen and (min-width: 736px) {
  .article__contents {
    margin: 40px auto 0;
    font-size: 16px; }
  .article__contents-body h2 {
    font-size: 68px; }
  .article__header {
    font-size: 68px;
    margin-bottom: 15px;
    line-height: 75px; }
  .article__sub-header {
    margin-bottom: 15px;
    font-size: 28px;
    line-height: 40px;
    color: #444444; }
  .article__social {
    margin: 20px 0 60px; } }

/*
 * Category pages
 */
.category__hero {
  display: none;
  padding-bottom: 0; }

.category__about {
  max-width: 750px;
  margin: 0 auto 30px; }
  .category__about-img {
    display: block;
    margin: 0 auto 10px;
    max-width: 415px;
    max-height: 126px; }
    .category__about-img.alignnone {
      display: inline; }
  .category__about p {
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    color: #454545; }
    .category__about p:last-child {
      margin-bottom: 0; }

.category__article-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap; }

.category__article {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 10px; }

.category__article-contents {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  height: 100%;
  min-height: 124px;
  padding: 10px;
  box-sizing: border-box;
  border: 2px solid #d7d7d7;
  transition: transform 500ms; }
  .category__article-contents:hover {
    transform: scale(1.05); }
    .category__article-contents:hover .category__article-title {
      color: #9a9a9a; }

.category__article-image {
  min-width: 100px;
  min-height: 100px;
  max-width: 100px;
  max-height: 100px;
  margin-right: 10px; }
  .category__article-image img {
    width: 100%;
    height: auto; }

.category__article-title {
  margin: auto;
  text-align: center;
  color: #454545; }
  .category__article-title h2 {
    font-size: 19px;
    line-height: 23px;
    font-family: Miller Headline Bold, Georgia, serif;
    font-weight: normal;
    /* Otherwise Safari fakes an even bolder font. */ }

.category__ad-container-overline {
  margin-bottom: 10px;
  font-size: 10px;
  font-family: Benton Sans Regular, Arial, sans-serif;
  text-transform: uppercase;
  color: #c7c7c7; }

@media screen and (min-width: 736px) {
  .category__hero {
    display: block;
    position: relative;
    height: 0;
    padding-bottom: 28%;
    margin-bottom: 20px;
    background-repeat: no-repeat;
    background-position: 50% 0%;
    background-size: cover; }
  .category__about p {
    font-size: 16px;
    line-height: 22px; }
  .category__article {
    display: block;
    width: 50%;
    padding: 10px;
    box-sizing: border-box; }
  .category__article-contents {
    min-height: 176px; }
  .category__article-image {
    min-width: 150px;
    min-height: 150px; }
  .category__article-title {
    font-size: 19px;
    line-height: 23px; }
  .category__ad-container-overline {
    margin-bottom: 20px; } }

/*
 * Tag pages
 */
.tag__hero {
  display: none;
  padding-bottom: 0; }

.tag__about {
  max-width: 750px;
  margin: 0 auto 30px; }
  .tag__about-img {
    display: block;
    margin: 0 auto 10px;
    max-width: 415px;
    max-height: 126px; }
    .tag__about-img.alignnone {
      display: inline; }
  .tag__about p {
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    color: #454545; }
    .tag__about p:last-child {
      margin-bottom: 0; }

.tag__article-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap; }

.tag__article {
  display: block;
  width: 100%;
  padding: 10px;
  margin-bottom: 10px; }

.tag__article-container {
  box-sizing: border-box;
  border: 2px solid #d7d7d7;
  transition: transform 500ms; }
  .tag__article-container:hover {
    transform: scale(1.05); }
    .tag__article-container:hover .tag__article-title {
      color: #9a9a9a; }

.tag__article-sponsor {
  text-align: left;
  color: #8b0000;
  padding: .25em;
  font-size: 12px;
  letter-spacing: 0.75px;
  font-family: BentonSansCond, Arial, sans-serif;
  font-weight: 800;
  text-transform: uppercase; }

.tag__article-contents {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  height: 100%;
  min-height: 124px;
  padding: 10px; }

.tag__article-image {
  min-width: 100px;
  min-height: 100px;
  max-width: 100px;
  max-height: 100px;
  margin-right: 10px; }
  .tag__article-image img {
    width: 100%;
    height: auto; }

.tag__article-title {
  margin: auto;
  text-align: center;
  color: #454545; }
  .tag__article-title h2 {
    font-size: 19px;
    line-height: 23px;
    font-family: Miller Headline Bold, Georgia, serif;
    font-weight: normal;
    /* Otherwise Safari fakes an even bolder font. */ }

.tag__ad-container-overline {
  margin-bottom: 10px;
  font-size: 10px;
  font-family: Benton Sans Regular, Arial, sans-serif;
  text-transform: uppercase;
  color: #c7c7c7; }

@media screen and (min-width: 736px) {
  .tag__hero {
    display: block;
    position: relative;
    height: 0;
    padding-bottom: 28%;
    margin-bottom: 20px;
    background-repeat: no-repeat;
    background-position: 50% 0%;
    background-size: cover; }
  .tag__about p {
    font-size: 16px;
    line-height: 22px; }
  .tag__article {
    display: block;
    width: 50%;
    padding: 10px;
    box-sizing: border-box; }
  .tag__article-contents {
    min-height: 176px; }
  .tag__article-image {
    min-width: 150px;
    min-height: 150px; }
  .tag__article-title {
    font-size: 19px;
    line-height: 23px; }
  .tag__ad-container-overline {
    margin-bottom: 20px; } }