/*****
Theme Name: Val9ja
Theme URI: https://classiqthemes.com
Description: Val9ja by ClassiQ is one of the most popular premium responsive magazine, news, newspaper and blog WordPress themes for modern online magazines, dynamic news websites, professional blogs and other editorial websites. 
Author: ClassiQ
Author URI: https://classiqkoded.com
Version: 2.8.7 Dec 2023
Tags: one-column, two-columns, left-sidebar, right-sidebar, flexible-header, custom-background, custom-colors, custom-header, custom-logo, custom-menu, featured-images, full-width-template, theme-options, threaded-comments, footer-widgets, translation-ready, rtl-language-support, blog, entertainment, news
Text Domain: mh-magazine-lite
Domain Path: /languages/
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Credits: You may remove the link in the footer, but we would appreciate any attribution to our work!
*****/



@charset "UTF-8";
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video {
  margin:0;
  padding:0;
  border:0;
  font-size:100%;
  font:inherit;
  vertical-align:baseline
}
h1,
h2,
h3 {
  font-weight:400
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
menu,
nav,
section {
  display:block
}
body {
  line-height:1
}
ol,
ul {
  list-style:none
}
blockquote,
q {
  quotes:none
}
blockquote:after,
blockquote:before,
q:after,
q:before {
  content:"";
  content:none
}
table {
  border-collapse:collapse;
  border-spacing:0
}
[data-alt-headline] {
  visibility:hidden
}
.clearfix:after,
.clearfix:before {
  content:"";
  display:table
}
.clearfix:after {
  clear:both
}
.clearfix {
  zoom:1
}
.clear {
  clear:both
}
.hidden {
  display:none!important
}
@media(max-width:767px) {
  .hidden-sm-down {
    display:none!important
  }
}
@media(min-width:768px) {
  .hidden-md-up {
    display:none!important
  }
}
@media(max-width:1023px) {
  .hidden-md-down {
    display:none!important
  }
}
@media(min-width:1024px) {
  .hidden-lg-up {
    display:none!important
  }
}
@font-face {
  font-display:fallback;
  font-family:ScoutLight;
  src:url(https://metro.co.uk/wp-content/themes/metro-parent/fonts/scout-light/scout-light.woff2?v=2019) format("woff2"),
  url(https://metro.co.uk/wp-content/themes/metro-parent/fonts/scout-light/scout-light.woff?v=2019) format("woff"),
  url(https://metro.co.uk/wp-content/themes/metro-parent/fonts/scout-light/scout-light.ttf?v=2019) format("truetype");
  font-style:normal;
  font-weight:400
}
@font-face {
  font-display:fallback;
  font-family:ScoutBold;
  src:url(https://metro.co.uk/wp-content/themes/metro-parent/fonts/scout-bold/scout-bold.woff2?v=2019) format("woff2"),
  url(https://metro.co.uk/wp-content/themes/metro-parent/fonts/scout-bold/scout-bold.woff?v=2019) format("woff"),
  url(https://metro.co.uk/wp-content/themes/metro-parent/fonts/scout-bold/scout-bold.ttf?v=2019) format("truetype");
  font-style:normal;
  font-weight:400
}
.relative {
  position:relative
}
.absolute {
  position:absolute
}
.static {
  position:static
}
.hidden-screen-reader-text {
  height:1px;
  width:1px;
  position:absolute;
  overflow:hidden;
  top:-10px
}
.error {
  font-size:12px;
  padding:0 0 5px;
  color:red
}
input.error,
textarea.error {
  background:#ffd2d2;
  color:#000
}
body {
  -webkit-text-size-adjust:100%;
  -moz-text-size-adjust:100%;
  -ms-text-size-adjust:100%;
  text-size-adjust:100%;
  height:100%;
  font-family:ScoutLight,Arial,Helvetica,sans-serif;
  font-weight:400;
  font-size:62.5%;
  color:#000;
  background:#fff;
  min-width:320px
}
.bold,
b,
strong {
  font-weight:700
}
p em {
  font-style:italic
}
#page-bottom,
#topBar {
  margin:0 auto
}
.page-body {
  position:relative;
  margin:0 auto;
  min-height:720px
}
.col-a {
  float:none;
  clear:both;
  width:100%
}
.col-abc {
  clear:both
}
.col-abc .centred-block {
  font-size:16px
}
.content {
  position:relative;
  font-size:1.4em
}
.widget .mor-static a {
  color:#ea6400
}
.widget .mor-static a:hover,
.widget .mor-static a:visited {
  color:#e51284;
  text-decoration:none
}
a {
  font-family:ScoutBold,Arial,Helvetica,sans-serif;
  font-weight:400;
  color:#ff1493;
  text-decoration:none
}
a:hover {
  color:#e51284
}
.type-post ol {
  margin:0 0 1em 1em;
  padding-left:2em;
  list-style:decimal outside
}
.type-post ol ol {
  margin-bottom:0
}
.type-post ul {
  margin:0 0 1em 1em;
  padding-left:2em;
  list-style:disc outside
}
.type-post ul ul {
  margin-bottom:0;
  list-style:circle
}
.type-post li {
  margin:0;
  padding:0
}
.box {
  display:inline-block;
  padding:15px;
  margin-bottom:20px;
  border:1px solid #dedede;
  background:#f3f3f3;
  line-height:1.2em;
  font-size:1em
}
li {
  margin-bottom:.5em
}
.excerpt .post-type {
  margin-right:5px;
  margin-bottom:0
}
h1 .post-type,
h2 .post-type,
h3 .post-type {
  position:relative;
  top:-1px;
  vertical-align:middle;
  margin-right:5px;
  margin-bottom:0;
  font-family:Arial,Helvetica,sans-serif
}
.cat-parent-entertainment.teaser {
  border-top-color:#0081c7
}
.cat-parent-entertainment.teaser .category {
  background-color:#0081c7
}
.cat-parent-lifestyle.teaser {
  border-top-color:#6d1f80
}
.cat-parent-lifestyle.teaser .category {
  background-color:#6d1f80
}
hr {
  border:0;
  border-bottom:1px dotted #869bd2
}
#article-below-content .ad-slot div:last-of-type {
  margin-bottom:20px!important
}
#content blockquote {
  font-family:ScoutBold,Arial,Helvetica,sans-serif;
  font-weight:400;
  width:100%;
  margin:1em 0;
  padding:0 25px;
  line-height:1.2;
  float:none;
  font-style:italic;
  position:relative;
  box-sizing:border-box;
  font-size:22px
}
#content blockquote>p {
  -webkit-box-decoration-break:clone;
  box-decoration-break:clone;
  display:inline;
  padding-bottom:3px
}
#content blockquote>p:after {
  content:" ";
  display:block;
  width:10px;
  height:30px;
  margin-left:-22px
}
#content blockquote>p:first-of-type:before {
  content:"\201C";
  position:relative;
  line-height:0;
  font-size:65px;
  top:26px;
  left:-18px;
  color:#8e8e8e;
  margin-right:-8px
}
#content blockquote>p:last-of-type {
  margin-bottom:0
}
#content blockquote>p:last-of-type:after {
  display:inline;
  content:"\201D";
  position:relative;
  line-height:0;
  font-size:65px;
  color:#8e8e8e;
  top:26px;
  left:-3px;
  width:auto;
  height:auto;
  margin:0;
  background:0 0
}
#content blockquote cite {
  display:none
}
#masthead {
  box-sizing:border-box;
  position:fixed;
  left:0;
  width:100%;
  top:0;
  height:50px;
  min-width:320px;
  background-color:#fff;
  z-index:101;
  -webkit-backface-visibility:hidden;
  backface-visibility:hidden;
  -webkit-transform-style:preserve-3d;
  transform-style:preserve-3d;
  -webkit-transform:translateX(0);
  -ms-transform:translateX(0);
  transform:translateX(0);
  -webkit-transition:-webkit-transform .5s ease;
  transition:-webkit-transform .5s ease;
  transition:transform .5s ease;
  transition:transform .5s ease,-webkit-transform .5s ease
}
#masthead.isHidden {
  -webkit-transform:translate3d(0,-50px,0)!important;
  transform:translate3d(0,-50px,0)!important
}
.page-container {
  margin-top:10px;
  padding-top:50px
}
#metro-logo {
  display:block;
  position:relative;
  float:none;
  width:100px;
  max-height:100px;
  margin-right:10px;
  margin-bottom:10px;
  float:left
}
#metro-logo:before {
  color:#000;
  font-size:118px;
  line-height:118px
}
#date {
  display:block;
  float:right;
  clear:none;
  font-family:ScoutBold,Arial,Helvetica,sans-serif;
  font-weight:400;
  text-transform:uppercase;
  text-align:left
}
#date .day {
  display:block;
  padding-top:5px;
  font-size:30px;
  color:#aaa
}
#date .month {
  font-size:20px
}
.nav-control {
  background-color:#f1f1f1;
  height:50px;
  cursor:pointer;
  width:50px;
  line-height:50px;
  color:#999;
  text-align:center;
  font-size:2em;
  position:absolute;
  top:0;
  right:0;
  left:initial
}
.nav-control:hover {
  color:#000
}
.nav-control:before {
  content:"more";
  display:block;
  font-family:ScoutBold,Arial,Helvetica,sans-serif;
  font-weight:400;
  font-size:16px;
  line-height:50px;
  text-transform:uppercase;
  color:#000
}
nav.main-nav-container-mobile {
  height:50px;
  background-color:#f1f1f1;
  margin-right:50px
}
nav.main-nav-container-mobile a {
  width:49%;
  text-transform:uppercase;
  line-height:50px;
  text-align:center;
  display:inline-block;
  float:left;
  color:#000;
  font-size:16px;
  border-right:1px solid #fff
}
nav.main-nav-container-mobile a:nth-child(1) {
  border-left:1px solid #fff
}
nav.main-nav-container-mobile a.active,
nav.main-nav-container-mobile a:hover {
  background-color:#ff1493
}
nav.main-nav-container-mobile .mobile-nav-trending {
  border-left:1px solid #fff;
  color:#fc1049
}
nav.main-nav-container-mobile .mobile-nav-trending.active,
nav.main-nav-container-mobile .mobile-nav-trending:hover {
  color:#fff;
  background-color:#fc1049
}
.main-nav-container {
  margin-left:100px;
  margin-bottom:10px;
  height:50px;
  -webkit-transform:translateX(0);
  -ms-transform:translateX(0);
  transform:translateX(0);
  -webkit-transition:-webkit-transform .3s ease;
  transition:-webkit-transform .3s ease;
  transition:transform .3s ease;
  transition:transform .3s ease,-webkit-transform .3s ease
}
.nav-strap {
  display:none
}
.nav-strap {
  display:block;
  position:absolute;
  top:-45px;
  left:391px;
  width:auto;
  background:0 0;
  font-family:ScoutBold,Arial,Helvetica,sans-serif;
  font-weight:400;
  font-size:22px;
  text-transform:uppercase
}
.nav-menu {
  display:none;
  background:#f1f1f1;
  margin-left:-110px;
  padding-bottom:40px
}
.nav-menu>li {
  margin-right:0;
  margin-bottom:0;
  vertical-align:middle;
  background:0 0
}
.nav-menu>li>a {
  display:block;
  overflow:hidden;
  box-sizing:border-box;
  padding:0 20px;
  font-family:ScoutBold,Arial,Helvetica,sans-serif;
  font-weight:400;
  font-size:18px;
  line-height:35px;
  color:#000;
  text-decoration:none;
  text-transform:uppercase
}
.nav-menu>.menu-item-home {
  background:#292929
}
.nav-menu li.menu-special {
  color:#fff;
  background-color:#fc1049
}
.nav-menu li.menu-special>a {
  display:none
}
.nav-menu li.menu-special a {
  color:#fff;
  background:#fc1049
}
.nav-menu li.menu-special ul.sub-menu li a:hover,
.nav-menu li.menu-special ul.sub-menu li.current-menu-item a {
  color:#fff;
  background:#ff809f
}
.nav-menu li.menu-special ul.sub-menu {
  background:#fc1049
}
.nav-menu li.menu-special.current-menu-item ul.sub-menu,
.nav-menu li.menu-special.current-menu-parent ul.sub-menu {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:end;
  -ms-flex-pack:end;
  justify-content:flex-end
}
.metro-nav-open .nav-control {
  color:#000
}
.metro-nav-open .nav-control:hover {
  color:#000
}
.metro-nav-open .nav-control:before {
  content:"\e604";
  font-family:icomoon;
  font-size:14px
}
.metro-nav-open .main-nav-container {
  top:0;
  right:10px;
  bottom:-2px;
  left:10px;
  height:auto
}
.metro-nav-open .main-nav-container {
  top:50px
}
.metro-nav-open .nav-menu {
  display:block
}
.has-hover .nav-menu .more:hover>a,
.has-hover .nav-menu a:hover,
.nav-menu ul li.current-menu-item>a,
ul li ul li.current-menu-item>a {
  text-decoration:none
}
.menu-item-more>a:after {
  content:"»";
  display:inline-block;
  margin-left:10px;
  vertical-align:middle;
  -webkit-transform:rotate(90deg);
  -ms-transform:rotate(90deg);
  transform:rotate(90deg)
}
.ie8 .menu-item-more>a:after {
  display:none
}
#masthead .search>a:before,
.footer-nav .search>a:before {
  content:"\e028";
  display:inline-block;
  position:static;
  float:left;
  line-height:35px;
  margin-right:7px;
  font-family:icomoon;
  font-weight:400;
  -webkit-font-smoothing:antialiased;
  color:#000;
  bottom:0;
  left:0
}
.follow-icon {
  display:block;
  float:left;
  color:#fff!important;
  text-align:center
}
.follow-icon .icon {
  width:35px;
  height:35px;
  vertical-align:middle;
  font-size:24px
}
.follow-icon.facebook {
  background:#3b5998
}
.follow-icon.facebook:hover {
  background:#1f3666!important
}
.follow-icon.twitter {
  background:#17abed
}
.follow-icon.twitter:hover {
  background:#0e88bf!important
}
.follow-icon.instagram {
  background:#125688
}
.follow-icon.instagram:hover {
  background:#003d6f!important
}
.follow-icon.pinterest {
  background:#cb2027
}
.follow-icon.pinterest:hover {
  background:#b2070e!important
}
.nav-follow {
  overflow:hidden;
  padding:20px 20px 30px
}
.nav-follow>span {
  display:block;
  font-family:ScoutBold,Arial,Helvetica,sans-serif;
  font-weight:400;
  font-size:18px;
  line-height:35px;
  color:#000;
  text-transform:uppercase
}
.nav-follow .follow-icon {
  width:25%;
  height:50px;
  padding:0
}
.nav-follow .follow-icon .icon {
  line-height:50px
}
#masthead-follow {
  display:none
}
.neutral-box {
  color:#000;
  background:#fff;
  box-shadow:10px 0 0 #fff,-10px 0 0 #fff;
  -webkit-box-decoration-break:clone;
  box-decoration-break:clone
}
.share-buttons {
  position:relative;
  margin-bottom:15px;
  clear:both;
  border:1px solid #ddd;
  z-index:99
}
.share-buttons-top {
  margin-top:20px
}
.share-buttons.has-share-count .share-count {
  display:block
}
.share-buttons.has-share-count>.share-button {
  width:16.66667%
}
.share-buttons .share-count {
  height:40px;
  font-size:18px;
  font-family:ScoutBold,Arial,Helvetica,sans-serif;
  font-weight:400;
  background:#fff;
  color:#000
}
.share-buttons .share-buttons-sub {
  display:none;
  position:absolute;
  top:calc(100% + 16px);
  right:-1px;
  background:#f6f6f6;
  padding:15px;
  border:0;
  min-width:200px;
  box-sizing:border-box
}
.share-buttons .share-buttons-sub-text {
  font-family:ScoutBold,Arial,Helvetica,sans-serif;
  font-weight:400;
  font-size:20px;
  color:#7f7f7f;
  text-align:left;
  margin-bottom:14px;
  line-height:18px
}
.share-buttons .share-buttons-sub .share-button {
  width:auto;
  margin-right:30px;
  padding:0;
  height:22px
}
.share-buttons .share-buttons-sub .share-button:last-child {
  margin-right:0
}
.share-buttons .share-buttons-sub .share-buttons-sub-close.icon {
  float:right;
  font-size:15px;
  color:#7f7f7f;
  margin-top:3px
}
.share-buttons .share-buttons-sub-open::after {
  top:calc(100% + 3px)
}
.share-button {
  display:block;
  float:left;
  vertical-align:top;
  box-sizing:border-box;
  height:40px;
  margin:0;
  padding:8px;
  cursor:pointer;
  font-size:22px;
  line-height:22px;
  text-align:center;
  width:20%
}
.share-button .icon {
  display:inline-block;
  position:static;
  background:0 0;
  color:#000;
  font-size:22px
}
.share-button:last-child {
  margin-right:0
}
.share-button:hover {
  text-decoration:none;
  opacity:.75
}
.share-button.email .icon {
  line-height:26px;
  font-size:26px;
  color:#7f7f7f
}
.share-button.google {
  display:none
}
.share-button.google .icon {
  line-height:24px;
  font-size:30px;
  color:#cc4a41
}
.share-button.facebook .icon {
  color:#3b5998
}
.share-button.twitter .icon {
  color:#17abee
}
.share-button.messenger .icon {
  color:#0084ff
}
.share-button.whatsapp .icon {
  color:#57cf38
}
.share-button.share_more>.icon {
  color:#7f7f7f
}
.share-button.share_more:hover {
  opacity:1
}
.share-button.flipboard .icon {
  color:#e12828;
  font-size:18px;
  margin-top:4px
}
.share-button.pinterest .icon {
  color:#cd1d1f;
  font-size:18px;
  margin-top:4px
}
.share-button.sms .icon {
  line-height:24px;
  font-size:21px;
  color:#000
}
.share-buttons-sub-open .share-buttons-sub {
  display:block
}
.share-buttons-sub-open::after {
  content:"";
  width:0;
  height:0;
  display:inline-block;
  text-align:center;
  margin-left:-20px;
  position:absolute;
  border-left:9px solid transparent;
  border-right:9px solid transparent;
  border-bottom:13px solid #f6f6f6;
  top:calc(100% + 8px)
}
.share-count {
  display:block;
  font-size:12px;
  text-align:center;
  vertical-align:top;
  cursor:default
}
.share-count-text {
  display:none
}
.share-count:hover {
  opacity:1
}
.share-count-bottom {
  display:none
}
.share-bar-with-dropdown .share-button {
  width:25%
}
.share-bar-with-dropdown .share-count {
  background:#ddd
}
.share-bar-with-dropdown .share-count-number {
  font-family:ScoutBold,Arial,Helvetica,sans-serif;
  font-weight:400;
  display:block;
  font-size:20px;
  text-align:center;
  line-height:20px;
  margin-top:-3px
}
.share-bar-with-dropdown .share-count-text {
  font-family:ScoutBold,Arial,Helvetica,sans-serif;
  font-weight:400;
  display:block;
  font-size:10px;
  text-align:center;
  height:10px;
  line-height:10px;
  text-transform:uppercase
}
.share-bar-with-dropdown.has-share-count.share-buttons>.share-button {
  width:20%
}
.share-bar-with-dropdown.has-share-count.share-buttons.share-bar-dont-modify-for-count>.share-button {
  width:25%
}
.share-button.copy_link .icon {
  color:#f78b25;
  margin-top:2px;
  font-size:21px
}
.copy_link_copied_message {
  position:fixed;
  bottom:75px;
  left:50%;
  margin-left:-100px;
  width:200px;
  color:#fff;
  font-family:ScoutLight,Arial,Helvetica,sans-serif;
  font-weight:400;
  background:#000;
  padding:10px;
  opacity:.9
}
.copy_link_copied_message:hover {
  opacity:.9
}
.has-gallery .share-buttons-floaty {
  display:none
}
.share-buttons-floaty {
  position:fixed;
  bottom:80px;
  right:-50px;
  z-index:10000;
  margin-bottom:0;
  -webkit-transition-property:left,right;
  transition-property:left,right;
  -webkit-transition-duration:.3s;
  transition-duration:.3s;
  -webkit-transition-timing-function:ease-in;
  transition-timing-function:ease-in;
  border:0
}
.share-buttons-floaty .share-button {
  float:none;
  width:50px;
  height:50px
}
.share-buttons-floaty .icon {
  font-size:26px;
  line-height:39px;
  color:#fff
}
.share-buttons-floaty .icon-twitter {
  line-height:33px
}
.share-buttons-floaty .comment {
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  background:#f0f0f0;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap
}
.share-buttons-floaty .comment .floaty-spot-im-count {
  line-height:12px;
  margin:-4px auto
}
.share-buttons-floaty .comment .floaty-spot-im-count a {
  color:#000;
  font-size:12px
}
.share-buttons-floaty .comment .icon-comment {
  height:30px;
  margin-left:2px;
  margin-top:-2px;
  width:30px;
  position:relative
}
.share-buttons-floaty .comment .icon-comment:before {
  height:30px;
  left:0;
  line-height:30px;
  position:absolute;
  width:30px
}
.share-buttons-floaty .comment .icon-comment .dot {
  height:10px;
  position:absolute;
  right:0;
  top:0;
  width:10px
}
.share-buttons-floaty .comment .icon-comment .dot:before {
  height:10px;
  left:-12px;
  top:6px;
  line-height:10px;
  position:absolute;
  width:10px
}
.share-buttons-floaty .facebook {
  background:#3b5998
}
.share-buttons-floaty .facebook .icon {
  color:#fff
}
.share-buttons-floaty .twitter {
  background:#17abed
}
.share-buttons-floaty .twitter .icon {
  color:#fff
}
.show-legals .share-buttons-floaty {
  bottom:90px
}
.metro-show-floaty-share .share-buttons-floaty {
  right:0
}
.metro-show-floaty-share.metro-share-buttons-in-view .share-buttons-floaty {
  right:-50px
}
@media screen and (min-width:768px) {
  .share-buttons {
    margin-bottom:20px
  }
  .share-buttons-floaty {
    margin-bottom:0
  }
  .share-button.email,
  .share-button.google {
    display:block
  }
  .share-button.sms,
  .share-button.whatsapp {
    display:none
  }
  .share-buttons .share-count {
    font-size:24px;
    line-height:26px
  }
  .share-count-bottom {
    display:inline-block
  }
  .share-buttons .share-button {
    width:25%
  }
  .share-buttons.has-share-count .share-button {
    width:20%
  }
  .share-buttons.has-share-count .share-buttons-sub .share-button {
    width:auto
  }
  .share-buttons.has-share-count.share-bar-dont-modify-for-count>.share-button {
    width:25%
  }
  .share-buttons .share-buttons-sub {
    top:calc(100% + 21px)
  }
  .share-buttons .share-buttons-sub .share-button {
    margin-right:45px
  }
  .share-buttons .share-buttons-sub-open::after {
    top:calc(100% + 8px)
  }
  .share-bar-with-dropdown .share-button {
    width:25%
  }
  .share-bar-with-dropdown.has-share-count.share-buttons>.share-button {
    width:22%
  }
  .share-bar-with-dropdown.has-share-count.share-buttons .share-button.share-count {
    width:12%
  }
  .share-bar-with-dropdown.has-share-count.share-buttons.share-bar-dont-modify-for-count>.share-button {
    width:25%
  }
  .share-bar-with-dropdown.has-share-count.share-buttons.share-bar-dont-modify-for-count>.share-button.share-count {
    width:25%
  }
  .copy_link_copied_message {
    bottom:30px
  }
}
.wide-post .share-buttons .share-buttons-sub {
  min-width:240px
}
.single-attachment .content .post-title,
.single-post .content .post-title {
  font-family:ScoutBold,Arial,Helvetica,sans-serif;
  font-weight:400;
  font-size:28px;
  line-height:.9
}
.single-attachment .content .post-title,
.single-post .content .post-title {
  margin:10px 0 15px
}
.single-article.post_style-opinion .post-title {
  margin-top:5px
}
.category-news .post-category.header a {
  color:#193989
}
.category-sport .post-category.header a {
  color:#ba001f
}
.category-entertainment .post-category.header a {
  color:#0081c7
}
.category-lifestyle .post-category.header a {
  color:#6d1f80
}
.content h2 {
  font-family:ScoutBold,Arial,Helvetica,sans-serif;
  font-weight:400;
  font-size:24px;
  line-height:1em;
  margin-bottom:10px
}
.single-article h3,
.single-article h4 {
  font-family:ScoutBold,Arial,Helvetica,sans-serif;
  font-weight:400;
  line-height:1em;
  font-weight:400;
  margin-bottom:10px
}
div.author-box.metro {
  background:#dce0ee
}
.category .author-img-container {
  max-width:160px;
  margin-right:10px
}
.sticky {
  display:block;
  margin-bottom:10px
}
.byline-author-img {
  display:inline-block;
  vertical-align:middle;
  width:40px;
  height:40px;
  margin-right:10px;
  border-radius:20px
}
.category-news .byline-author-img {
  background:#1888fc
}
.single .post_style-opinion .byline {
  margin-top:2px
}
.byline-container {
  display:inline-block;
  width:250px;
  vertical-align:middle;
  font-size:15px
}
.byline-container>span {
  margin-right:5px
}
.byline-container .metro-signpost {
  margin-right:10px
}
.byline-container .metro-signpost.metro-signpost-opinion {
  display:none
}
@media screen and (max-width:768px) {
  .single-article-header>.metro-signpost {
    margin-top:10px
  }
}
.single-article-header>.metro-signpost.metro-signpost-opinion {
  background-color:#fff;
  display:inline-block;
  font-size:16px
}
.single-article-header>.metro-signpost.metro-signpost-opinion::after {
  color:#00aeff;
  padding:0
}
.post-meta-top {
  margin:10px 0;
  clear:both
}
.sticky .byline {
  margin-bottom:5px
}
.byline .author-img-container {
  float:left
}
.post-date {
  margin-right:1em
}
.post-date-year {
  display:none
}
.single-post .post-date {
  display:block
}
.article-body,
.page-body-content {
  font-size:20px;
  line-height:1.15;
  word-wrap:break-word
}
.article-body p,
.page-body-content p {
  margin-bottom:1em
}
.article-body .has-text-align-left,
.page-body-content .has-text-align-left {
  text-align:left
}
.article-body .has-text-align-center,
.page-body-content .has-text-align-center {
  text-align:center
}
.article-body .has-text-align-right,
.page-body-content .has-text-align-right {
  text-align:right
}
.article-body>p:first-of-type,
.page-body-content>p:first-of-type {
  font-family:ScoutBold,Arial,Helvetica,sans-serif;
  font-weight:400
}
.page-body-content {
  max-width:540px;
  margin:0 auto
}
.single-post .single-article b,
.single-post .single-article strong {
  font-family:ScoutBold,Arial,Helvetica,sans-serif;
  font-weight:400
}
#post-content .article-body {
  position:relative
}
.single-article iframe {
  max-width:100%
}
video:not(.video-js) {
  width:100%
}
object embed {
  width:100%
}
.image-container {
  height:220px;
  background-color:#fff;
  text-align:center;
  margin-bottom:10px
}
.image-container:before {
  content:"";
  display:inline-block;
  height:100%;
  vertical-align:middle;
  margin-right:-.25em
}
.image-container img {
  display:inline-block;
  vertical-align:middle;
  width:auto!important;
  max-height:100%;
  max-width:99%
}
.img-container .anchor {
  position:absolute;
  top:-60px
}
.single-article figure {
  width:inherit;
  max-width:100%;
  min-height:50px;
  height:inherit;
  position:relative;
  display:block;
  margin:0 auto 10px
}
.single-article figure .metro-gif-2-mp4 {
  width:100%;
  height:auto;
  display:block
}
.single-article figure.img-container:not(.full-width) {
  max-width:100%!important
}
.img-wrap {
  position:relative
}
.single-article figure br,
.single-article figure p {
  display:none
}
.single-article .click-to-reveal p,
figure .before-and-after p {
  display:block
}
article figure img,
article img {
  max-width:100%;
  height:inherit;
  display:block;
  width:100%
}
.figcaption,
.single-article figcaption {
  color:#333;
  padding:5px 10px;
  background:#f0f0f0;
  font-family:ScoutBold,Arial,Helvetica,sans-serif;
  font-weight:400;
  font-size:14px;
  line-height:1.1
}
.single-article figure.alignleft,
.single-article img.img-align-left {
  max-width:50%;
  float:left;
  margin:0 10px 10px 0
}
.single-article figure.alignleft img {
  max-width:100%;
  float:none;
  margin:0
}
.single-article figure.alignright,
.single-article img.img-align-right {
  max-width:50%;
  float:right;
  margin:0 0 10px 10px
}
.single-article figure.alignright img {
  max-width:100%;
  float:none;
  margin:0
}
.single-article figure.aligncenter {
  margin:0 auto 10px;
  display:block
}
.single-article img.img-align-center {
  margin:0 auto;
  display:block
}
.single-article figure.alignnone img {
  float:none;
  margin:0 auto
}
.article-body>figure:first-child,
.article-body>figure:first-child[style],
.article-body>figure:first-of-type:nth-child(2) {
  max-width:none!important
}
.article-body>figure:first-child img[width],
.article-body>figure:first-child[style] img[width],
.article-body>figure:first-of-type:nth-child(2) img[width] {
  width:100%!important
}
.article-body>figure:first-child.aligncenter,
.article-body>figure:first-child.alignnone,
.article-body>figure:first-of-type:nth-child(2) {
  display:block;
  width:auto;
  margin:0 auto 10px
}
.single-article figure.aligncenter.size-medium {
  width:300px
}
.single-article img.img-align-none {
  margin-left:auto;
  margin-right:auto
}
.notice {
  margin:1em auto;
  padding:10px;
  line-height:1.3;
  font-size:14px;
  color:#aaa;
  overflow:hidden;
  text-align:center
}
.notice p:last-of-type {
  margin-bottom:0
}
.notice .icon-cog {
  display:block;
  position:static;
  float:left;
  width:75px;
  height:75px;
  margin-right:20px;
  background:0 0;
  color:#ddd;
  font-size:75px;
  line-height:1
}
.notice-text {
  margin-top:20px
}
.notice-bear {
  display:block;
  margin:10px auto
}
a.thumbnail-link {
  color:#ea6400
}
a.thumbnail-link:hover,
a.thumbnail-link:visited {
  color:#a34600
}
a.thumbnail-link:hover .mor-title-ad-feature,
a.thumbnail-link:hover .mor-title-sponsored,
a.thumbnail-link:visited .mor-title-ad-feature,
a.thumbnail-link:visited .mor-title-sponsored {
  color:#ea6400
}
iframe.twitter-tweet[style] {
  margin-left:auto!important;
  margin-right:auto!important
}
.article-body>.fb-video {
  display:block;
  margin-bottom:1em
}
[data-pin-id] {
  display:block!important;
  margin:0 auto
}
p.metro-ad-campaign-intro {
  margin-bottom:0
}
p.metro-ad-campaign-intro span {
  border-bottom:1px solid #a6a6a6;
  display:inline-block;
  padding-bottom:8px
}
p.metro-ad-campaign-tagline {
  margin-top:6px
}
#content blockquote.metro-instagram {
  display:block;
  margin:0;
  padding:0;
  position:static
}
#content blockquote.metro-instagram p:before {
  content:""
}
#content blockquote.metro-instagram p:after {
  content:""
}
#content .wp-block-embed.is-provider-tiktok blockquote {
  padding:0
}
sub,
sup {
  font-size:75%;
  line-height:0;
  position:relative;
  vertical-align:baseline
}
sup {
  top:-.5em
}
sub {
  bottom:-.25em
}
video.metro-looped-video {
  margin-bottom:1rem;
  margin-left:-50vw;
  margin-right:-50vw;
  left:50%;
  position:relative;
  right:50%;
  width:100vw
}
.has-hover .teaser .category {
  min-height:10px;
  line-height:10px;
  min-width:inherit;
  padding:0 4px 3px
}
.gallery .teaser .title {
  display:none
}
#sidebar blockquote {
  width:auto
}
li.widget {
  list-style-type:none
}
.widget {
  padding:0;
  margin:0 0 20px
}
.widget-title {
  margin-bottom:10px
}
.widget-more-link {
  float:right;
  font-family:ScoutBold,Arial,Helvetica,sans-serif;
  font-weight:400;
  font-size:20px;
  font-size:1.25rem;
  line-height:1.2;
  padding:7px 0;
  font-style:italic
}
.widget-more-link span {
  color:#000
}
.widget a {
  text-decoration:none;
  color:#000
}
.widget .post-link {
  display:block
}
.widget .post-date-date {
  display:block;
  color:#aaa;
  font-size:.8em
}
.archive .post-list .meta {
  margin-top:0
}
.post-type {
  display:inline-block;
  margin:0 5px 2px 0;
  padding:0 2px;
  border:1px solid #e40135;
  font-family:Arial,Helvetica,sans-serif;
  font-size:11px;
  line-height:1em;
  color:#fff;
  text-transform:uppercase;
  background:#e40135
}
.post-type.ad-feature,
.post-type.sponsored {
  background:0 0;
  display:block;
  color:#ea6400;
  border:none;
  margin-left:0;
  padding-left:0
}
.trending {
  margin:10px 0 30px
}
.trending ol {
  margin:20px 0;
  font-family:ScoutBold,Arial,Helvetica,sans-serif;
  font-weight:400;
  font-size:38px;
  color:#ddd;
  counter-reset:item;
  list-style-type:none;
  overflow:hidden
}
.trending li {
  position:relative;
  min-height:42px;
  margin-bottom:10px;
  overflow:hidden
}
.sidebar .trending li {
  position:relative;
  min-height:42px;
  margin-bottom:5px;
  overflow:hidden
}
.trending li:first-child h3 {
  font-size:20px
}
.trending li:nth-child(2) h3 {
  font-size:18px
}
.trending .ranking {
  display:table-cell;
  vertical-align:middle;
  min-width:40px;
  text-align:center
}
.trending h3 {
  display:table-cell;
  vertical-align:middle;
  position:relative;
  z-index:2;
  width:100%;
  margin-left:40px;
  padding:5px;
  line-height:1.2
}
.trending a:hover {
  text-decoration:underline
}
.sidebar .trending {
  margin:0
}
.sidebar .trending h3,
.sidebar .trending li:nth-child(2) h3 {
  font-size:14px
}
.sidebar .trending li:first-child h3 {
  font-size:18px
}
.trending-sidebar li {
  position:relative;
  overflow:hidden;
  margin-bottom:15px!important
}
.trending-sidebar a:hover {
  text-decoration:none
}
.trending-sidebar .excerpt {
  font-size:18px;
  line-height:1
}
.trending-sidebar .excerpt:after {
  content:"\00BB";
  font-family:ScoutBold,Arial,Helvetica,sans-serif;
  font-weight:400;
  font-size:16px;
  padding:0 3px
}
.trending-sidebar .metro-signpost {
  left:-10px;
  height:28px;
  line-height:27px;
  font-size:16px;
  padding-top:0;
  padding-bottom:0;
  position:absolute;
  bottom:100%
}
.trending-sidebar .metro-signpost::after {
  padding:0 10px
}
.trending-sidebar .metro-signpost::before {
  vertical-align:top;
  padding:0 5px;
  font-size:18px;
  height:28px;
  line-height:27px
}
.trending-sidebar .trs-image {
  position:relative
}
.trending-sidebar .trs-image img {
  margin-top:5px
}
.moz .trs-header {
  line-height:24px
}
.trs-image {
  max-width:100%
}
.trending-sidebar.is-4_3 li {
  margin-bottom:5px!important
}
.trending-main {
  position:relative;
  clear:both;
  margin:0 0 30px;
  counter-reset:li
}
.trending-main li {
  display:table;
  position:relative;
  width:100%;
  min-height:75px;
  height:75px;
  margin:0 0 15px;
  list-style:none;
  font-size:18px
}
.trending-main li>a {
  display:table-cell;
  vertical-align:middle
}
.trending-main li .copy-container {
  overflow:hidden
}
.trending-main li:before {
  content:counter(li);
  counter-increment:li;
  position:absolute;
  z-index:1;
  box-sizing:border-box;
  width:32px;
  height:32px;
  color:#fff;
  font-family:ScoutBold,Arial,Helvetica,sans-serif;
  font-weight:400;
  line-height:32px;
  text-align:center;
  top:-5px;
  left:73px;
  padding-right:5px;
  background-color:#fc1049;
  font-size:26px;
  font-style:italic
}
.trending-main li ol,
.trending-main li ul {
  margin-top:6px
}
.trending-main ol ol li:last-child {
  margin-bottom:0
}
.trending-main a:hover {
  text-decoration:none
}
.trending-main a:hover .title {
  color:#666
}
.trending-main h3 {
  margin-top:-2px;
  font-family:ScoutBold,Arial,Helvetica,sans-serif;
  font-weight:400;
  font-size:20px;
  line-height:1.15;
  word-wrap:break-word
}
.trending-main .trs-image {
  width:100px;
  height:75px
}
.trending-main .trending-main-more {
  float:right;
  height:25px;
  padding-right:10px;
  color:#fc1049;
  font-family:ScoutBold,Arial,Helvetica,sans-serif;
  font-weight:400;
  font-size:20px;
  font-size:1.25rem;
  line-height:25px;
  text-align:center;
  font-style:italic
}
.trending-main .trending-main-more span {
  box-shadow:none;
  background-color:transparent;
  color:#000
}
.trending-main .breaking-news-label {
  position:absolute;
  z-index:1;
  top:unset;
  font-size:14px;
  line-height:16px;
  bottom:0;
  left:0
}
.more-content .trending-main {
  margin-top:10px;
  background:initial
}
.more-content .trending-main-more-mobile {
  margin-top:-2px
}
.content .widget h2 {
  display:inline-block;
  margin-bottom:10px;
  padding:5px 10px;
  color:#000;
  background:#ff1493;
  font-family:ScoutBold,Arial,Helvetica,sans-serif;
  font-weight:400;
  font-size:23px;
  text-transform:uppercase
}
.content .widget .text {
  position:relative;
  display:inline-block;
  font-size:16px;
  line-height:1;
  padding:4px 10px;
  background-color:#e40135;
  color:#fff
}
.content .widget .text:after,
.content .widget .text:before {
  position:absolute;
  content:"";
  width:0;
  height:0;
  border-style:solid
}
.content .widget .text:before {
  right:-30px;
  top:0;
  border-width:30px 30px 0 0;
  border-color:#fff transparent transparent transparent;
  z-index:1
}
.content .widget .text:after {
  position:absolute;
  right:-24px;
  top:0;
  border-width:24px 24px 0 0;
  border-color:#e40135 transparent transparent transparent;
  color:#e40135;
  z-index:3
}
.content .cat-parent-news .text {
  background-color:#193989
}
.content .cat-parent-news .text:before {
  border-color:#fff transparent transparent transparent;
  z-index:1
}
.content .cat-parent-news .text:after {
  border-color:#193989 transparent transparent transparent;
  z-index:3
}
.content .cat-parent-sport .text {
  background-color:#ba001f
}
.content .cat-parent-sport .text:before {
  border-color:#fff transparent transparent transparent;
  z-index:1
}
.content .cat-parent-sport .text:after {
  border-color:#ba001f transparent transparent transparent;
  z-index:3
}
.content .cat-parent-entertainment .text {
  background-color:#0081c7
}
.content .cat-parent-entertainment .text:before {
  border-color:#fff transparent transparent transparent;
  z-index:1
}
.content .cat-parent-entertainment .text:after {
  border-color:#0081c7 transparent transparent transparent;
  z-index:3
}
.content .cat-parent-lifestyle .text {
  background-color:#6d1f80
}
.content .cat-parent-lifestyle .text:before {
  border-color:#fff transparent transparent transparent;
  z-index:1
}
.content .cat-parent-lifestyle .text:after {
  border-color:#6d1f80 transparent transparent transparent;
  z-index:3
}
.white {
  color:#fff
}
.label {
  display:inline-block;
  position:relative;
  overflow:hidden;
  margin-bottom:10px;
  padding:5px 10px;
  font-family:ScoutBold,Arial,Helvetica,sans-serif;
  font-weight:400;
  font-size:23px;
  text-transform:uppercase;
  line-height:1.2
}
.label>span {
  padding:5px 0;
  color:#000;
  -webkit-box-decoration-break:clone;
  box-decoration-break:clone
}
.label>span span {
  margin-left:5px;
  vertical-align:text-top
}
.label.coloured>span,
.label.neutral>span,
.label.yellow>span {
  background:#ff1493;
  box-shadow:10px 0 0 #ff1493,-10px 0 0 #ff1493
}
.label.entertainment>span {
  background:rgba(225,148,232,.8);
  box-shadow:10px 0 0 rgba(225,148,232,.8),-10px 0 0 rgba(225,148,232,.8)
}
.label.lifestyle>span {
  background:rgba(255,131,117,.8);
  box-shadow:10px 0 0 rgba(255,131,117,.8),-10px 0 0 rgba(255,131,117,.8)
}
.label.sport>span {
  background:rgba(25,245,161,.8);
  box-shadow:10px 0 0 rgba(25,245,161,.8),-10px 0 0 rgba(25,245,161,.8)
}
.ranking-image-container {
  float:left;
  width:100px;
  height:75px;
  margin-right:10px
}
.has-hover .ranking-image-container .ranking {
  top:0
}
.has-hover .ranking-image-container img {
  top:100%
}
.has-hover .trending-opacity .ranking {
  background-color:#ddd;
  background-color:rgba(221,221,221,.7);
  color:#1b2157
}
.has-hover .trending-opacity .ranking-image-container img {
  top:0
}
.widget .ji-title:hover {
  text-decoration:none
}
.sidebar .ad-slot-container.ji-ad-slot-container {
  margin-top:10px
}
.pageBackground {
  padding:0 10px 10px;
  position:relative;
  right:95px
}
#channel-sidebar-top,
#sidebar {
  display:none
}
#metro-logo {
  display:block;
  width:100px;
  height:50px;
  margin:0 auto
}
#metro-logo:before {
  font-size:22px;
  line-height:46px;
  margin-left:8px
}
.has-hover .nav-menu a:hover,
.has-hover .sub-menu a:hover,
.nav-menu .current-menu-ancestor>a,
.nav-menu .current-menu-item a,
.nav-menu .current-post-ancestor>a {
  background-color:#ff1493
}
.sub-menu .current-menu-item>a,
.sub-menu .menu-item>a:hover {
  background:0 0;
  color:#f78b25
}
#masthead .icon-search {
  display:inline-block;
  position:static;
  float:left;
  line-height:35px;
  margin-right:7px
}
.tags {
  display:block;
  font-size:18px;
  line-height:1.5
}
.tags a {
  display:inline-block;
  min-height:33px;
  margin-right:10px;
  margin-bottom:10px;
  padding:0 10px;
  background-color:#f0f0f0;
  color:#000;
  line-height:33px
}
.tags a:hover {
  text-decoration:none;
  background-color:#cacaca
}
.tags a:last-of-type {
  margin-right:0
}
.more-tags {
  margin-bottom:10px
}
.more-tags .widget-title {
  margin-right:10px;
  vertical-align:middle
}
.post-meta-top a.post-author {
  display:inline-block;
  vertical-align:top
}
.comments-top-cta {
  margin-bottom:30px;
  margin-top:-5px
}
.comments-top-cta a {
  font-size:16px
}
.comments-top-cta .icon-comment {
  position:relative
}
.comments-top-cta .icon-comment:before {
  display:inline-block;
  font-size:16px;
  height:16px;
  line-height:16px
}
.comments-top-cta .icon-comment .dot:before {
  font-size:18px;
  left:0;
  top:0
}
.comments-top-cta .spot-im-count .messages-count:hover a,
.comments-top-cta .spot-im-count a:hover,
.comments-top-cta .spot-im-count:hover {
  color:#e51284;
  text-decoration:none
}
.comments-top-cta .spot-im-count .messages-count:hover a a,
.comments-top-cta .spot-im-count a:hover a,
.comments-top-cta .spot-im-count:hover a {
  color:#e51284;
  text-decoration:none
}
.page .byline,
.single .byline {
  display:inline-block;
  margin:5px 0
}
.page .post-date {
  display:block
}
.post-meta-top .post-category {
  display:block;
  font-family:ScoutBold,Arial,Helvetica,sans-serif;
  font-weight:400;
  font-size:16px;
  margin:6px 0 0;
  line-height:1.5em;
  color:#999
}
.trending li {
  margin-bottom:10px;
  overflow:hidden
}
.trending h3 {
  font-size:16px;
  font-family:ScoutBold,Arial,Helvetica,sans-serif;
  font-weight:400;
  line-height:1.2
}
.single-post.wide-post .full-width {
  width:100vw;
  max-width:none;
  margin-left:-10px;
  margin-right:-10px
}
.single-post.wide-post .full-width img.full-width {
  margin:0 auto
}
.single-post.wide-post .full-width .item-share-buttons {
  padding:5px
}
.single-post.wide-post .teads-inread {
  margin:0 auto 30px!important
}
.single-article .embed-youtube {
  margin-bottom:1em
}
.footer-nav .sub-menu,
.main-nav-container .sub-menu {
  display:block;
  overflow:hidden;
  background:#fff;
  font-size:15px;
  text-transform:uppercase
}
.footer-nav .sub-menu a,
.main-nav-container .sub-menu a {
  display:block;
  padding:0 20px;
  font-size:14px;
  line-height:30px;
  color:#000;
  text-decoration:none
}
.footer-nav .sub-menu li,
.main-nav-container .sub-menu li {
  display:block;
  float:left;
  width:50%;
  margin-bottom:0
}
.footer-nav .sub-menu li.nav-menu-item-tablet,
.main-nav-container .sub-menu li.nav-menu-item-tablet {
  display:none
}
.has-hover .nav-menu .more:hover>a,
.has-hover .nav-menu a:hover,
.nav-menu ul li.current-menu-item>a,
ul li ul li.current-menu-item>a {
  text-decoration:none
}
.subnav-filler {
  display:none
}
.menu-item-more>a:after {
  content:"»";
  display:inline-block;
  margin-left:10px;
  vertical-align:middle;
  -webkit-transform:rotate(90deg);
  -ms-transform:rotate(90deg);
  transform:rotate(90deg)
}
.ie8 .menu-item-more>a:after {
  display:none
}
@media screen and (min-width:480px) {
  .single-post .intro {
    font-size:16px
  }
  .byline-container {
    width:400px
  }
  #footer-base span {
    height:185px
  }
  .gallery.tiles .teaser {
    width:47.9%
  }
}
@media screen and (min-width:600px) {
  .col-skinny,
  .single-article .article-body {
    width:540px;
    margin:0 auto
  }
  .bef-widget .title {
    margin-top:-44px;
    font-size:28px;
    line-height:33px
  }
  .single-post.wide-post .full-width {
    width:540px;
    margin-left:auto;
    margin-right:auto
  }
}
@media screen and (min-width:768px) {
  #metro-logo {
    float:left;
    width:394px;
    height:99px
  }
  #metro-logo:before {
    font-size:92px;
    line-height:100px;
    margin-left:0
  }
  #masthead {
    box-sizing:inherit;
    position:relative;
    height:auto;
    min-height:77px;
    margin:0 auto 10px;
    padding:10px 10px 0;
    top:0
  }
  #masthead.isHidden {
    -webkit-transform:none;
    -ms-transform:none;
    transform:none
  }
  .has-top-leaderboard .admin-bar .page-container,
  .has-top-leaderboard .page-container,
  .page-container {
    margin-top:107px;
    padding-top:0
  }
  #masthead,
  #page-bottom,
  #topBar {
    max-width:748px
  }
  .page-body {
    max-width:768px;
    margin-top:0
  }
  .pageBackground {
    padding:10px
  }
  .col-ab {
    float:left;
    width:100%
  }
  .col-c {
    float:right;
    width:300px;
    padding:0 0 0 10px
  }
  .main-nav-container {
    display:block;
    position:static;
    width:100%;
    height:auto;
    margin:117px 0 0;
    background:#f1f1f1
  }
  .footer-nav .sub-menu,
  .main-nav-container .sub-menu {
    display:none;
    width:100%;
    margin:0;
    border-top:none;
    background:#ff1493
  }
  .footer-nav .sub-menu li,
  .main-nav-container .sub-menu li {
    width:auto;
    height:40px
  }
  .footer-nav .sub-menu li.nav-menu-item-tablet,
  .main-nav-container .sub-menu li.nav-menu-item-tablet {
    display:block
  }
  .footer-nav .sub-menu a,
  .main-nav-container .sub-menu a {
    box-sizing:content-box;
    line-height:40px;
    padding:0 15px;
    font-family:ScoutBold,Arial,Helvetica,sans-serif;
    font-weight:400;
    font-size:18px;
    color:#000
  }
  .nav-follow {
    display:none
  }
  .nav-control {
    display:none
  }
  .current-category-ancestor .sub-menu,
  .current-menu-ancestor .sub-menu,
  .current-post-ancestor .sub-menu,
  .main-nav-container .current-menu-item .sub-menu {
    display:block;
    position:absolute;
    top:50px;
    left:0;
    height:40px
  }
  .nav-menu {
    display:block;
    position:static;
    float:left;
    width:auto;
    margin:0;
    background:inherit;
    padding-bottom:0;
    box-shadow:none
  }
  .nav-menu>.menu-item-home {
    background:inherit
  }
  .nav-menu>.menu-item:nth-child(n+5):not(.menu-item-more):not(.search) {
    display:none
  }
  .nav-menu>.menu-item.menu-special {
    display:block!important
  }
  .category-entertainment .nav-menu,
  .category-news .nav-menu,
  .category-sport .nav-menu,
  .category-tv-soaps .nav-menu,
  .club-metro-home .nav-menu,
  .has-subnav .nav-menu,
  .page-template-page-rumours-football .nav-menu {
    height:90px
  }
  .nav-menu li {
    float:left;
    height:50px;
    border:none
  }
  .nav-menu li:first-child {
    padding-left:0
  }
  .nav-menu>li>a {
    display:block;
    float:left;
    height:50px;
    padding:0 12px;
    color:#000;
    font-family:ScoutBold,Arial,Helvetica,sans-serif;
    font-weight:400;
    font-size:18px;
    line-height:50px;
    background:0 0
  }
  .has-hover .nav-menu a:hover {
    text-decoration:none
  }
  .has-hover .nav-menu a:hover,
  .nav-menu .current-menu-ancestor>a,
  .nav-menu .current-menu-item a,
  .nav-menu .current-post-ancestor>a {
    color:#000;
    background:#ff0000
  }
  .has-hover .sub-menu a:hover {
    background:#ff0000
  }
  .sub-menu .current-menu-item a {
    background:#ff0000
  }
  .menu-item-more {
    position:relative;
    overflow:visible
  }
  .menu-item-more .sub-menu {
    position:absolute;
    top:50px;
    left:0;
    overflow:visible;
    background:#000
  }
  .menu-item-more .sub-menu li {
    float:none;
    min-width:116px
  }
  .menu-item-more .sub-menu a {
    width:100%;
    color:#fff;
    background:#000
  }
  .footer-nav .menu-item-more .sub-menu {
    top:unset;
    bottom:100%
  }
  .menu-item-more.current-category-ancestor .sub-menu,
  .menu-item-more.current-menu-ancestor .sub-menu,
  .menu-item-more.current-menu-item .sub-menu,
  .menu-item-more.current-post-ancestor .sub-menu {
    display:none
  }
  .has-hover .menu-item-more:hover>a {
    color:#ff0000;
    background:#000
  }
  .has-hover .menu-item-more:hover .sub-menu {
    display:block
  }
  .has-hover .menu-item-more .sub-menu a:hover {
    color:#ff0000;
    background:#000
  }
  .menu-item-more.is-hovered>a {
    color:#ff0000;
    background:#000
  }
  .menu-item-more.is-hovered .sub-menu {
    display:block
  }
  #masthead .search,
  .footer-nav .search {
    position:absolute;
    right:0
  }
  #masthead .search a,
  .footer-nav .search a {
    display:block;
    width:50px;
    height:50px;
    padding:0;
    text-indent:-9999px
  }
  #masthead .search>a:before,
  .footer-nav .search>a:before {
    display:block;
    width:50px;
    line-height:50px;
    margin:0;
    color:#000;
    background:inherit;
    font-size:20px;
    text-indent:0;
    text-align:center
  }
  .main-nav-container .metro-smaller-sub-nav .sub-menu a {
    font-size:16px;
    padding:0 13px
  }
  nav.main-nav-container-mobile {
    float:right
  }
  nav.main-nav-container-mobile a {
    width:auto;
    padding:0 15px;
    font-size:18px
  }
  .article-body,
  .col-skinny {
    width:620px
  }
  #tag-content .page-title,
  .page .page-title {
    display:block;
    margin:24px 0;
    font-size:32px
  }
  .single-attachment .content .post-title,
  .single-post .content .post-title {
    font-size:44px;
    line-height:1;
    margin-bottom:20px;
    margin-top:-5px
  }
  .single-attachment .content h1 {
    margin-top:0;
    font-size:32px;
    letter-spacing:-1px
  }
  .has-hover.has-swipe .key-nav-notice {
    display:block;
    position:relative;
    float:right;
    margin-right:10px;
    color:#999;
    line-height:24px
  }
  .comments-top-cta a {
    font-size:18px
  }
  .single-post .article-body {
    font-size:22px
  }
  .article-body>figure:first-child,
  .article-body>figure:first-child.aligncenter,
  .article-body>figure:first-child.alignnone,
  .article-body>figure:first-of-type:nth-child(2) {
    display:block;
    width:auto;
    max-width:none;
    margin:0 -64px 15px
  }
  .article-body>figure:first-child.alignleft,
  .article-body>figure:first-child.alignright,
  .article-body>figure:first-child.size-medium,
  .article-body>figure:first-child.size-thumbnail {
    display:inline-block;
    width:inherit;
    max-width:100%;
    margin:auto auto 10px
  }
  .article-body>figure:first-child.alignleft {
    max-width:50%;
    margin:auto 10px 10px auto
  }
  .article-body>figure:first-child.alignright {
    max-width:50%;
    margin:auto auto 10px 10px
  }
  .figcaption,
  .single-article figcaption {
    padding:10px
  }
  .article-body>figure.full-width {
    display:block;
    max-width:none;
    width:620px;
    margin-left:-40px;
    margin-right:-40px
  }
  .single-article iframe.full-width,
  .single-article img.full-width {
    display:block;
    width:748px;
    max-width:none;
    margin-left:-104px;
    margin-right:-104px
  }
  .single-post.wide-post .full-width {
    width:768px;
    margin-left:-114px;
    margin-right:-114px
  }
  .single-post.wide-post .full-width .item-share-buttons {
    padding:5px 0 5px 5px
  }
  .article-body>figure img.full-width {
    max-width:100%;
    margin:0
  }
  .trending ol {
    width:90%;
    margin:20px auto
  }
  .trending h3 {
    font-size:18px
  }
  .ranking-image-container {
    display:block;
    position:relative;
    width:100%;
    height:auto
  }
  .copy-container {
    position:relative;
    margin-left:0;
    margin-right:15px
  }
  .trending-main li .copy-container {
    overflow:visible
  }
  #social-buttons {
    display:block
  }
  #content blockquote.left {
    float:left;
    width:237px;
    margin-right:20px
  }
  #content blockquote.right {
    float:right;
    width:237px;
    margin-left:20px
  }
  .byline-container {
    width:auto;
    font-size:18px
  }
  .byline-container .metro-signpost {
    font-size:16px;
    line-height:19px;
    height:20px
  }
  .single-article-header>.metro-signpost.metro-signpost-opinion {
    font-size:22px;
    margin-bottom:15px
  }
  .page .byline,
  .single .byline {
    display:inline-block
  }
  .page .post-date,
  .single .post-date {
    display:inline-block;
    font-size:17px
  }
  .single .post_style-opinion .byline {
    margin-top:3px
  }
  .gallery.embedded,
  .gallery.embedded .inner,
  .gallery.embedded .next-image,
  .gallery.embedded .outer,
  .gallery.embedded .prev-image {
    height:200px
  }
  .image-container {
    height:520px
  }
  .gallery.tiles .teaser {
    width:368px
  }
  .content .club-item {
    width:10%
  }
  .thumbnail-link {
    min-width:250px;
    margin-left:-64px
  }
  .wide-post .thumbnail-link {
    margin-left:-94px
  }
  .single-article .election-map {
    width:680px;
    max-width:none
  }
}
@media screen and (max-width:768px) {
  .nav-menu li.menu-special>a {
    display:block
  }
  .nav-menu li.menu-special ul.sub-menu {
    float:inherit;
    display:block!important
  }
  .nav-menu li.menu-special a:hover {
    color:#fff!important;
    background:#ff809f!important
  }
}
@media screen and (min-width:1024px) {
  .col-ab {
    width:644px
  }
  #masthead,
  #page-bottom,
  #topBar {
    max-width:964px
  }
  .pageBackground {
    width:964px;
    margin:0 auto
  }
  #sidebar {
    display:block;
    clear:right;
    float:right
  }
  #single-post-content {
    padding-top:0
  }
  .page-container {
    margin-top:0;
    padding-top:0;
    width:1010px;
    margin:0 auto
  }
  #masthead {
    height:auto;
    padding-top:10px;
    z-index:101
  }
  .admin-bar .page-container {
    margin-top:0
  }
  .archive.subcategory-gaming #masthead {
    background-image:url(https://metro.co.uk/wp-content/uploads/2017/09/game-mast-metro-desktop.png);
    background-position:538px 15px;
    background-repeat:no-repeat;
    background-size:436px auto
  }
  .archive.subcategory-gaming .nav-strap {
    display:none
  }
  .archive.subcategory-gaming .nav-share-count {
    display:none!important
  }
  #metro-logo {
    width:475px;
    height:118px;
    max-height:none
  }
  #metro-logo:before {
    color:#000;
    font-size:118px;
    line-height:118px
  }
  .nav-strap {
    top:-35px;
    left:472px
  }
  .main-nav-container {
    top:-11px;
    left:10px;
    margin-top:126px
  }
  .main-nav-container .nav-menu .menu-item:nth-child(n+5):not(.menu-item-more) {
    display:block
  }
  .main-nav-container .sub-menu li.nav-menu-item-tablet {
    display:none
  }
  .main-nav-container h2 {
    top:43px;
    font-size:16px
  }
  .author .subnav-filler,
  .home .subnav-filler,
  .page-template-search-php .subnav-filler,
  .tag .subnav-filler {
    height:33px
  }
  .author .subnav-filler h2,
  .home .subnav-filler h2,
  .page-template-search-php .subnav-filler h2,
  .tag .subnav-filler h2 {
    height:33px;
    padding:0 10px;
    line-height:33px
  }
  .nf-headline {
    width:474px
  }
  .nf-title {
    font-size:25px;
    font-size:1.5625rem
  }
  .gallery.tiles .teaser {
    width:317px
  }
  .gallery-nav {
    float:right;
    width:300px;
    padding:0 0 10px 10px;
    border-left:1px solid transparent
  }
  .article-body,
  .col-skinny {
    width:540px
  }
  .single-post .article-body {
    font-size:20px
  }
  .post-meta-top {
    margin:20px 0
  }
  .post-meta-top .post-category {
    display:inline-block;
    line-height:1em;
    vertical-align:top;
    margin-top:-1px;
    font-size:18px
  }
  .article-body>figure.full-width,
  .article-body>figure:first-child,
  .article-body>figure:first-child.aligncenter,
  .article-body>figure:first-child.alignnone,
  .article-body>figure:first-of-type:nth-child(2) {
    margin:0 -52px 15px
  }
  .single-article iframe.full-width,
  .single-article img.full-width {
    width:644px;
    margin-left:-52px;
    margin-right:-52px
  }
  .article-body>figure img.full-width {
    margin:0
  }
  .blogs-logo {
    font-size:32px;
    line-height:40px
  }
  .sidebar .ad-slot-container {
    margin:0 0 20px
  }
  .sidebar-top-mpu {
    display:block
  }
  body.page-wrap #topBar {
    max-width:1010px
  }
  .trending ol {
    width:100%;
    margin:auto
  }
  .trending h3 {
    font-size:16px
  }
  #masthead-follow {
    display:block;
    position:absolute;
    top:10px;
    right:10px;
    text-align:center
  }
  #masthead-follow .icon {
    line-height:35px
  }
  .masthead-follow-icon {
    display:block;
    float:left;
    width:35px;
    margin-left:5px;
    text-align:center;
    vertical-align:middle;
    font-size:24px;
    color:#000
  }
  .masthead-follow-icon:first-child {
    margin-left:0
  }
  .masthead-follow-icon.facebook:hover {
    color:#fff;
    background:#3b5998
  }
  .masthead-follow-icon.twitter:hover {
    color:#fff;
    background:#17abed
  }
  .masthead-follow-icon.instagram:hover {
    color:#fff;
    background:#125688
  }
  .masthead-follow-icon.pinterest:hover {
    color:#fff;
    background:#cb2027
  }
  .ie .wide-post .more-posts .item {
    min-height:110px
  }
  .share-buttons-floaty {
    display:none
  }
  .single-article .election-map {
    width:640px;
    margin-left:-45px;
    margin-right:-45px
  }
  .share-buttons-top {
    margin-top:0
  }
}
@media screen and (min-width:1025px) {
  .pageBackground {
    padding:10px 10px 0;
    position:relative
  }
  .has-hover .teaser:hover .category {
    right:0
  }
  figure .item-share-buttons {
    display:none;
    position:absolute;
    z-index:1;
    width:35px;
    padding:10px 0 0 10px
  }
  figure .item-share-buttons .btn {
    width:35px;
    height:35px;
    margin:10px 0 0
  }
  figure .item-share-buttons .btn .icon {
    vertical-align:inherit;
    font-size:24px;
    line-height:35px
  }
  .listicle-item:hover .item-share-buttons,
  figure:hover .item-share-buttons {
    display:block
  }
}
@font-face {
  font-family:icomoon;
  src:url(https://metro.co.uk/wp-content/themes/metro-parent/fonts/icomoon/icomoon.ttf?sd4i4k) format("truetype"),
  url(https://metro.co.uk/wp-content/themes/metro-parent/fonts/icomoon/icomoon.woff?sd4i4k) format("woff"),
  url(https://metro.co.uk/wp-content/themes/metro-parent/fonts/icomoon/icomoon.svg?sd4i4k#icomoon) format("svg");
  font-weight:400;
  font-style:normal;
  font-display:block
}
[class*=" icon-"],
[class^=icon-] {
  font-family:icomoon!important;
  speak:none;
  font-style:normal;
  font-weight:400;
  font-variant:normal;
  text-transform:none;
  line-height:1;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale
}
.icon-comment {
  position:relative
}
.icon-comment:before {
  content:"\e913";
  color:#000
}
.icon-comment .dot:before {
  color:#fc0f45;
  content:"\e914";
  font-size:.75em;
  left:.9em;
  line-height:.75em;
  position:absolute;
  top:.5em
}
.icon-share_more:before {
  content:"\e908"
}
.icon-flipboard:before {
  content:"\e905"
}
.icon-copy_link:before {
  content:"\e907"
}
.icon-sms:before {
  content:"\e906"
}
.icon-close:before {
  content:"\e604"
}
.icon-whatsapp:before {
  content:"\e600"
}
.icon-play:before {
  content:"\e005"
}
.icon-email:before {
  content:"\e00b"
}
.icon-email-2:before {
  content:"\e900"
}
.icon-facebook:before {
  content:"\e012"
}
.icon-metro-share-bar-facebook:before {
  content:"\e012"
}
.icon-facebook-2:before {
  content:"\e01b"
}
.icon-twitter:before {
  content:"\e01e"
}
.icon-metro-share-bar-twitter:before {
  content:"\e01e"
}
.icon-twitter-2:before {
  content:"\e01f"
}
.icon-pinterest:before {
  content:"\e022"
}
.icon-instagram:before {
  content:"\e612"
}
.icon-youtube:before {
  content:"\e033"
}
.icon-youtube-2:before {
  content:"\e037"
}
.icon-clock:before {
  content:"\e056"
}
.icon-messenger:before {
  content:"\e909"
}
#metro-comments-area {
  margin:0 auto;
  background-color:#fff
}
@-webkit-keyframes bouncedelay {
  0%,
  100%,
  80% {
    -webkit-transform:scale(0);
    transform:scale(0)
  }
  40% {
    -webkit-transform:scale(1);
    transform:scale(1)
  }
}
@keyframes bouncedelay {
  0%,
  100%,
  80% {
    -webkit-transform:scale(0);
    transform:scale(0)
  }
  40% {
    -webkit-transform:scale(1);
    transform:scale(1)
  }
}
.archive #page-bottom-container,
.author #page-bottom-container,
.category.category-video #page-bottom-container,
.error404 #page-bottom-container,
.newsfeed-end #page-bottom-container,
.page #page-bottom-container,
.tag #page-bottom-container {
  visibility:visible;
  display:block
}
.archive .metro-spinner.feed,
.author .metro-spinner.feed,
.category.category-video .metro-spinner.feed,
.error404 .metro-spinner.feed,
.newsfeed-end .metro-spinner.feed,
.page .metro-spinner.feed,
.tag .metro-spinner.feed {
  display:none
}
.category #page-bottom-container {
  visibility:hidden
}
.category.newsfeed-end #page-bottom-container {
  visibility:visible
}
#page-bottom {
  position:relative
}
.met-breadcrumb {
  margin-bottom:20px;
  font-size:17px;
  font-family:ScoutBold,Arial,Helvetica,sans-serif;
  font-weight:400
}
.met-breadcrumb ol {
  display:inline-block
}
.met-breadcrumb ol li {
  display:inline-block
}
.met-crumb-text {
  color:#e51284
}
a.met-crumb-text:hover,
a.met-crumb-text:visited {
  color:#e51284
}
#footer-base {
  padding:10px;
  overflow:hidden;
  color:#fff;
  background:#000;
  font-size:14px;
  line-height:1.4
}
#footer-base .terms {
  margin-top:10px
}
#footer-base a {
  font-family:ScoutLight,Arial,Helvetica,sans-serif;
  font-weight:400;
  color:#fff
}
#footer-base .copyright {
  display:block;
  height:auto
}
#footer-base .terms a {
  display:inline-block;
  margin-right:1em;
  color:#9b9b9b;
  margin-bottom:10px
}
.powered-by:after {
  content:" | ";
  display:inline-block;
  margin:0 5px
}
#back-to-top {
  display:block;
  line-height:40px;
  text-align:center;
  color:#000;
  font-size:16px;
  text-transform:uppercase;
  margin-bottom:65px
}
#back-to-top:after {
  display:inline-block;
  content:"\00BB";
  font-family:ScoutBold,Arial,Helvetica,sans-serif;
  font-weight:400;
  font-size:16px;
  padding:0 3px;
  -webkit-transform:rotate(270deg);
  -ms-transform:rotate(270deg);
  transform:rotate(270deg)
}
#page-bottom #back-to-top {
  bottom:unset;
  right:0
}
@media screen and (min-width:768px) {
  #metro-comments-area {
    max-width:748px
  }
  #back-to-top {
    position:absolute;
    top:-40px;
    right:0
  }
  #footer-base .copyright {
    display:inline;
    height:auto
  }
  #footer-base .copyright:after {
    content:" | ";
    display:inline-block;
    margin:0 5px
  }
}
@media screen and (min-width:1024px) {
  #metro-comments-area {
    max-width:964px
  }
  #metro-comments-container {
    max-width:620px;
    margin:0 auto
  }
  #footer-base {
    padding:20px
  }
  #footer-base .terms {
    margin-top:0;
    float:right;
    text-align:right
  }
}
.article-body input[type=email],
.article-body input[type=submit],
.article-body input[type=text],
.article-body input[type=url],
.article-body textarea {
  background:#f1f1f1;
  border:0;
  box-sizing:border-box;
  color:#333;
  display:block;
  font-size:1em;
  max-width:350px;
  padding:10px 15px;
  width:100%
}
#post-content .article-body #copyToClipboard {
  background:0 0;
  display:inline;
  font-size:12px;
  max-width:initial;
  padding:0;
  width:auto;
  border:none
}
#post-content .article-body select {
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
  background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAQCAYAAAAiYZ4HAAAAWklEQVQ4T2NkIBEwkqieYbhoaGBgYKgn0vMNME+DNIA04gMgNU3IoVTHwMDQiEMHSK4ZJIcerNg0wRVj0wASqwVZDbUJxG5BthVXxNVAFaEoxmUDXp8PwqQBAFFICpAl48cOAAAAAElFTkSuQmCC) no-repeat #f1f1f1;
  background-position:92% 50%;
  border:0;
  border-radius:0;
  box-sizing:border-box;
  color:#333;
  display:block;
  font-family:ScoutLight,Arial,Helvetica,sans-serif;
  font-weight:400;
  font-size:1em;
  padding:10px 40px 10px 15px
}
#post-content .article-body select:after {
  content:"";
  position:absolute;
  left:42%;
  top:100%;
  width:0;
  height:0;
  border-left:20px solid transparent;
  border-right:20px solid transparent;
  border-top:20px solid #e8e8e8;
  clear:both
}
#post-content .article-body input[type=submit] {
  background:#f04;
  border-bottom:4px solid rgba(255,255,255,.4);
  color:#fff;
  font-family:ScoutBold,Arial,Helvetica,sans-serif;
  font-weight:400;
  max-width:350px
}
#post-content .article-body label {
  display:block;
  margin-bottom:4px;
  font-size:1em;
  font-weight:400
}
#post-content .article-body label span {
  font-size:.75em
}
#post-content .article-body textarea {
  height:auto
}
#searchform {
  width:230px;
  margin:40px auto
}
@media screen and (min-width:480px) {
  #post-content .article-body input[type=email],
  #post-content .article-body input[type=submit],
  #post-content .article-body input[type=text],
  #post-content .article-body input[type=url],
  #post-content .article-body textarea {
    max-width:540px
  }
  #searchform {
    width:345px
  }
}
#post-content .article-body .invalid :required {
  border:1px solid #f04
}
#post-content .article-body .invalid label:after {
  color:#f04;
  content:" - This field is required";
  font-size:.75em
}
#post-content .article-body .invalid .email:after {
  content:" - Please enter a valid email address"
}
.moz .metro-signpost {
  line-height:15px
}
.moz .post-meta-top .metro-signpost {
  line-height:18px
}
@media screen and (max-width:768px) {
  .moz .post-meta-top .metro-signpost {
    line-height:15px
  }
}
.moz .trending-sidebar .metro-signpost {
  line-height:27px
}
.single-article .byline-container .metro-signpost-ad-feature {
  border:none
}
.single-article .byline-container .metro-signpost-ad-feature::after {
  padding-left:0
}
.single-article .election-map {
  display:block;
  margin:auto;
  overflow:hidden
}
.content .spot-im-comment-title {
  background:#000;
  color:#fff;
  padding:.25rem .5rem .5rem;
  font-size:22px;
  text-transform:uppercase
}
.content .spot-im-comment-title .icon-comment {
  top:2px;
  margin-right:.5rem
}
.content .spot-im-comment-title .icon-comment:before {
  color:#fff
}
.content .spot-im-comment-title .icon-comment .dot:before {
  left:auto;
  right:0;
  top:3px
}
.content .post-list .trail {
  display:block;
  overflow:hidden;
  padding-right:40px;
  font-size:16px;
  line-height:1.1
}
form.gsc-search-box {
  margin-top:40px!important;
  margin-bottom:40px!important
}
.cse .gsc-control-cse,
.gsc-control-cse {
  padding:0!important
}
.gsc-table-result,
.gsc-thumbnail-inside,
.gsc-url-top {
  padding-left:0!important
}
.has-hover .gsc-result a.gs-title:hover {
  text-decoration:underline!important
}
a.ru-widget-more {
  float:right;
  height:25px;
  padding-right:10px;
  color:#fc1049;
  font-family:ScoutBold,Arial,Helvetica,sans-serif;
  font-weight:400;
  font-size:20px;
  font-size:1.25rem;
  line-height:25px;
  text-align:center;
  font-style:italic
}
a.ru-widget-more span {
  color:#000
}
a.ru-widget-more:hover {
  text-decoration:none
}
@media screen and (min-width:480px) {
  .trending-main .ranking-image-container,
  .trending-main .trs-image {
    width:150px;
    height:113px
  }
  .trending-main .title {
    font-size:20px;
    line-height:1.2
  }
  .trending-main li:before {
    left:123px
  }
  .trending-main .breaking-news-label {
    font-size:16px;
    line-height:18px
  }
}
@media screen and (min-width:768px) {
  .trending-main {
    margin-top:20px;
    margin-bottom:20px;
    padding:0;
    background:inherit
  }
  .trending-main ol {
    clear:both
  }
  .trending-main li {
    display:inline-block;
    height:auto;
    width:31%;
    margin-left:2.08913649%;
    margin-bottom:0;
    vertical-align:top
  }
  .trending-main li>a {
    display:block
  }
  .trending-main li:before {
    width:35px;
    height:35px;
    box-sizing:content-box;
    left:auto;
    top:-5px;
    right:-5px;
    padding-top:5px;
    padding-right:5px;
    font-size:30px;
    line-height:30px
  }
  .trending-main li:first-child {
    margin-left:0
  }
  .trending-main .ranking-image-container {
    position:relative;
    float:none;
    width:100%;
    height:auto;
    margin:0
  }
  .trending-main .trs-image {
    width:185px;
    height:156px
  }
  .trending-main .trs-image.lazy-loaded {
    height:auto
  }
  .trending-main .breaking-news-label {
    position:absolute;
    top:-8px;
    font-size:36px;
    line-height:1
  }
  .trending-main h3 {
    margin:-25px 0 5px;
    font-family:ScoutBold,Arial,Helvetica,sans-serif;
    font-weight:400;
    font-size:20px;
    line-height:1.2;
    color:#000
  }
  .trending-main .title .title-effect {
    background-color:#fff;
    box-shadow:10px 0 0 #fff,0 0 0 #fff;
    -webkit-box-decoration-break:clone;
    box-decoration-break:clone
  }
  .trending-main .tw-item-4,
  .trending-main .tw-item-5 {
    display:none
  }
  .trending-main .trending-main-more {
    display:block
  }
  .trending-main .metro-signpost {
    height:28px;
    line-height:27px;
    font-size:16px;
    padding-top:0;
    padding-bottom:0;
    position:absolute;
    bottom:100%
  }
  .trending-main .metro-signpost::after {
    padding:0 10px
  }
  .trending-main .metro-signpost::before {
    vertical-align:top;
    padding:0 5px;
    font-size:18px;
    height:28px;
    line-height:27px
  }
  .trending-main li .copy-container {
    overflow:visible
  }
  .more-content .trending-main {
    margin-top:20px;
    margin-bottom:20px
  }
  .trending-main-header {
    position:static!important;
    float:left;
    margin-bottom:12px!important
  }
  .moz .trending-main h3 {
    margin-top:-25px
  }
  .trending-sponsored-byline {
    display:none
  }
}
@media screen and (min-width:1024px) {
  .trending-main li {
    width:19%;
    margin-left:1%
  }
  .trending-main .tw-item-4,
  .trending-main .tw-item-5 {
    display:inline-block
  }
  .trending-main .breaking-news-label {
    font-size:30px;
    top:-7px
  }
  .trending-main .trs-image {
    width:185px;
    height:156px
  }
  .trending-main .trs-image .lazy-loaded {
    height:auto
  }
  .trending-main-ad-feature .tw-item-5:before,
  .trending-main-sponsored .tw-item-5:before {
    width:auto;
    height:30px;
    padding:0 5px;
    background:#1cd5d7;
    color:#fff;
    text-transform:uppercase;
    font-family:ScoutBold,Arial,Helvetica,sans-serif;
    font-weight:400;
    font-size:18px;
    font-style:normal
  }
  .trending-main-ad-feature .tw-item-5 .title:before,
  .trending-main-sponsored .tw-item-5 .title:before {
    content:normal
  }
  .trending-main-ad-feature .tw-item-5 .trs-image,
  .trending-main-sponsored .tw-item-5 .trs-image {
    width:185px;
    height:156px
  }
  .trending-main-sponsored .tw-item-5:before {
    content:"sponsored"
  }
  .trending-main-ad-feature .tw-item-5:before {
    content:"ad feature"
  }
  .trending-sponsored-byline {
    display:block;
    font-size:16px;
    font-style:italic
  }
  .trending-sponsored-byline i {
    vertical-align:text-top
  }
}
.nf-item {
  position:relative;
  margin:10px 0
}
.nf-item .ad-feature,
.nf-item .sponsored {
  display:block;
  margin-bottom:5px;
  padding:0;
  background:#fff
}
.nf-item .ad-feature {
  color:#666
}
.nf-item .sponsored {
  color:#ee8333
}
.nf-post-box {
  background-color:#fff
}
.nf-content {
  display:none;
  margin-left:110px;
  margin-bottom:10px;
  line-height:1
}
.nf-headline {
  margin-left:135px
}
.nf-title {
  font-family:ScoutBold,Arial,Helvetica,sans-serif;
  font-weight:400;
  font-size:20px;
  font-size:1.25rem;
  line-height:1;
  margin-top:-2px;
  margin-bottom:5px
}
.nf-title a {
  color:#000
}
.nf-image-box {
  position:relative;
  float:left;
  width:125px;
  margin-bottom:10px;
  z-index:1;
  overflow:hidden
}
.nf-image-box .nf-image-link {
  height:auto
}
.nf-image-box img {
  width:100%;
  height:auto
}
.nf-image-box .icon-gallery,
.nf-image-box .icon-video {
  position:absolute;
  top:0;
  left:0;
  background-color:#24aae1;
  color:#fff;
  width:18px;
  height:16px;
  line-height:16px;
  font-size:16px;
  text-align:center;
  padding:3px 5px
}
.nf-image-box .nf-share-count {
  position:absolute;
  bottom:0;
  right:0;
  padding:5px;
  background:rgba(0,0,0,.8);
  color:#fff
}
.nf-image-link {
  display:block
}
.nf-excerpt {
  font-size:19px;
  font-size:1.1875rem
}
.nf-social {
  padding:0 10px 0 0
}
.nf-social .icon-facebook,
.nf-social .icon-google-plus-2,
.nf-social .icon-twitter {
  display:inline-block;
  position:static;
  vertical-align:middle;
  float:left;
  box-sizing:border-box;
  width:33px;
  height:25px;
  font-size:18px;
  line-height:25px;
  color:#fff;
  cursor:pointer;
  text-decoration:none;
  text-align:center
}
.nf-social .icon-facebook:active,
.nf-social .icon-facebook:hover,
.nf-social .icon-google-plus-2:active,
.nf-social .icon-google-plus-2:hover,
.nf-social .icon-twitter:hover {
  text-decoration:none;
  color:#fff
}
.nf-social .icon-facebook {
  color:#3b5998;
  background-color:#fff
}
.nf-social .icon-twitter {
  color:#17abed;
  background-color:#fff
}
.nf-social .icon-google-plus-2 {
  color:#dd4b39;
  background-color:#fff;
  font-size:16px;
  line-height:26px
}
.nf-social .blog {
  float:left
}
.nf-social .post-type {
  padding:1px 10px;
  font-size:13px;
  line-height:1;
  font-weight:700
}
.nf-social-desktop {
  display:none
}
.nf-social-buttons {
  overflow:hidden
}
@media screen and (min-width:480px) {
  .nf-image-box {
    width:140px
  }
  .nf-headline {
    margin-left:150px
  }
  .nf-title {
    font-size:22px
  }
  .nf-content {
    display:block;
    margin-left:150px
  }
  .nf-excerpt {
    font-size:17px
  }
}
@media screen and (min-width:768px) {
  .nf-content,
  .nf-social {
    margin-left:170px
  }
  .nf-content {
    display:block;
    margin-top:5px
  }
  .nf-item {
    margin:20px auto;
    padding-bottom:20px
  }
  .nf-headline {
    float:none;
    margin-left:170px
  }
  .nf-title {
    margin-top:-5px;
    font-family:ScoutBold,Arial,Helvetica,sans-serif;
    font-weight:400;
    font-size:23px;
    font-size:1.4375rem
  }
  .nf-item.is-sponsored .nf-title {
    margin-top:0
  }
  .nf-item.ad-feature .nf-title {
    margin-top:0
  }
  .nf-excerpt {
    display:block;
    margin-top:5px;
    font-family:ScoutLight,Arial,Helvetica,sans-serif;
    font-weight:400;
    font-size:18px;
    font-size:1.125rem
  }
  .nf-image-box {
    width:150px;
    margin-bottom:0
  }
  .nf-image-box .nf-image-link {
    height:auto
  }
  .nf-image-box .nf-share-count {
    display:none
  }
  .nf-social {
    clear:none
  }
  .nf-social .icon-facebook,
  .nf-social .icon-google-plus-2,
  .nf-social .icon-twitter {
    float:left;
    width:25px;
    margin-right:6px;
    font-size:15px;
    line-height:25px;
    color:#fff
  }
  .nf-social .icon-facebook {
    background-color:#3b5998
  }
  .nf-social .icon-facebook:hover {
    background-color:#1f3666
  }
  .nf-social .icon-twitter {
    background-color:#17abed
  }
  .nf-social .icon-twitter:hover {
    background-color:#0e88bf
  }
  .nf-social .icon-google-plus-2 {
    background:#dd4b39
  }
  .nf-social .icon-google-plus-2:hover {
    background-color:#b63d2e
  }
  .nf-social-desktop {
    display:block;
    margin-left:170px
  }
  .nf-social-desktop .nf-share-count,
  .nf-social-desktop .nf-social-buttons {
    display:inline-block;
    margin-top:0
  }
}
a.quiz-audio {
  background:#00aeff;
  position:absolute;
  top:0;
  left:0;
  color:#fff;
  font-family:ScoutBold;
  text-align:center;
  font-size:20px;
  line-height:47px;
  height:45px;
  padding:0 10px 0 45px;
  cursor:pointer
}
a.quiz-audio:active,
a.quiz-audio:focus,
a.quiz-audio:hover,
a.quiz-audio:visited {
  color:#fff
}
a.quiz-audio:before {
  content:" ";
  background:url(../img/quiz-audio-icon.svg);
  background-size:25px 25px;
  width:25px;
  height:25px;
  display:inline-block;
  position:absolute;
  top:10px;
  left:10px
}
ul.quiz-answers {
  list-style:none;
  margin:0;
  padding:0
}
.quiz-result-head,
.single-post .quiz-result-head {
  margin-bottom:5px;
  font-weight:700;
  font-size:20px;
  text-align:center;
  float:none
}
.quiz-result-title,
.single-post .quiz-result-title {
  font-size:28px;
  font-weight:700;
  color:#ddd;
  text-align:center
}
.content .quiz-comp-title {
  margin:0 auto 20px;
  color:#ddd;
  font-weight:700;
  font-size:24px
}
.notice.try-again p:first-of-type {
  margin-top:2.75rem
}
.author .metro-breaker,
.tag .metro-breaker {
  padding-top:0;
  border-top:none
}
.page-main {
  position:relative
}
.page-main .widget-title {
  position:absolute!important;
  top:-54px;
  left:0
}
.page-main .sponsored {
  float:none!important
}
@media screen and (min-width:768px) {
  .moz .ada-title-excerpt .ada-title-story,
  .moz .countdown-breaker .ada-title-story {
    margin-top:-30px;
    line-height:27px!important
  }
  .moz .page-break .mpw-title-story {
    margin-top:-27px;
    line-height:27px!important
  }
  .moz .metro-breaker .mvw-title-story {
    margin-top:-26px!important;
    line-height:26px!important
  }
}
.pswp {
  display:none;
  position:absolute;
  width:100%;
  height:100%;
  left:0;
  top:0;
  overflow:hidden;
  -ms-touch-action:none;
  touch-action:none;
  z-index:100000000000;
  -webkit-text-size-adjust:100%;
  -webkit-backface-visibility:hidden;
  outline:0
}
.pswp * {
  box-sizing:border-box
}
.pswp img {
  max-width:none
}
.pswp--animate_opacity {
  opacity:.001;
  will-change:opacity;
  -webkit-transition:opacity 333ms cubic-bezier(.4,0,.22,1);
  transition:opacity 333ms cubic-bezier(.4,0,.22,1)
}
.pswp--open {
  display:block
}
.pswp--zoom-allowed .pswp__img {
  cursor:-webkit-zoom-in;
  cursor:zoom-in
}
.pswp--zoomed-in .pswp__img {
  cursor:-webkit-grab;
  cursor:grab
}
.pswp--dragging .pswp__img {
  cursor:-webkit-grabbing;
  cursor:grabbing
}
.pswp__bg {
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:100%;
  background:#000;
  opacity:0;
  -webkit-backface-visibility:hidden;
  will-change:opacity
}
.pswp__scroll-wrap {
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:100%;
  overflow:hidden
}
.pswp__container,
.pswp__zoom-wrap {
  -ms-touch-action:none;
  touch-action:none;
  position:absolute;
  left:0;
  right:0;
  top:0;
  bottom:0
}
.pswp__container,
.pswp__img {
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none;
  -webkit-tap-highlight-color:transparent;
  -webkit-touch-callout:none
}
.pswp__zoom-wrap {
  position:absolute;
  width:100%;
  -webkit-transform-origin:left top;
  -ms-transform-origin:left top;
  transform-origin:left top;
  -webkit-transition:-webkit-transform 333ms cubic-bezier(.4,0,.22,1);
  transition:-webkit-transform 333ms cubic-bezier(.4,0,.22,1);
  transition:transform 333ms cubic-bezier(.4,0,.22,1);
  transition:transform 333ms cubic-bezier(.4,0,.22,1),-webkit-transform 333ms cubic-bezier(.4,0,.22,1)
}
.pswp__bg {
  will-change:opacity;
  -webkit-transition:opacity 333ms cubic-bezier(.4,0,.22,1);
  transition:opacity 333ms cubic-bezier(.4,0,.22,1)
}
.pswp--animated-in .pswp__bg,
.pswp--animated-in .pswp__zoom-wrap {
  -webkit-transition:none;
  transition:none
}
.pswp__container,
.pswp__zoom-wrap {
  -webkit-backface-visibility:hidden;
  will-change:transform
}
.pswp__item {
  position:absolute;
  left:0;
  right:0;
  top:0;
  bottom:0;
  overflow:hidden
}
.pswp__img {
  position:absolute;
  width:auto;
  height:auto;
  top:0;
  left:0;
  -webkit-transition:opacity .15s;
  transition:opacity .15s
}
.pswp__img--placeholder {
  -webkit-backface-visibility:hidden
}
.pswp__img--placeholder--blank {
  background:#222
}
.pswp--ie .pswp__img {
  width:100%!important;
  height:auto!important;
  left:0;
  top:0
}
.pswp__error-msg {
  position:absolute;
  left:0;
  top:50%;
  width:100%;
  text-align:center;
  font-size:14px;
  line-height:16px;
  margin-top:-8px;
  color:#ccc
}
.pswp__error-msg a {
  color:#ccc;
  text-decoration:underline
}
.pswp__button {
  width:44px;
  height:44px;
  position:relative;
  background:0 0;
  cursor:pointer;
  overflow:visible;
  -webkit-appearance:none;
  display:block;
  border:0;
  padding:0;
  margin:0;
  float:right;
  opacity:1;
  -webkit-transition:opacity .2s;
  transition:opacity .2s;
  box-shadow:none
}
.pswp__button:focus,
.pswp__button:hover {
  opacity:1;
  outline:0
}
.pswp__button:active {
  outline:0;
  opacity:.9
}
.pswp__button::-moz-focus-inner {
  padding:0;
  border:0
}
.pswp__ui--over-close .pswp__button--close {
  opacity:1
}
.pswp__button,
.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
  background-image:url(../img/metro-photoswipe.svg);
  background-position:0 0;
  background-repeat:no-repeat;
  background-size:264px 88px;
  width:44px;
  height:44px
}
.pswp__button--arrow--left,
.pswp__button--arrow--right {
  background:0 0
}
.pswp__button--close {
  width:50px;
  height:50px;
  background-color:#000;
  background-position:-25px -94px;
  background-size:450px
}
.pswp__button--share {
  background-position:-44px -44px
}
.pswp__button--fs {
  display:none
}
.pswp--supports-fs .pswp__button--fs {
  display:block
}
.pswp--fs .pswp__button--fs {
  background-position:-44px 0
}
.pswp__button--zoom {
  display:none;
  width:50px;
  height:50px;
  background-position:-171px -19px;
  background-size:450px;
  background-color:#000
}
.pswp--zoom-allowed .pswp__button--zoom {
  display:block
}
.pswp--zoomed-in .pswp__button--zoom {
  background-position:-246px -19px
}
.pswp__button--arrow--left,
.pswp__button--arrow--right {
  background:0 0;
  top:50%;
  margin-top:-30px;
  width:36px;
  height:60px;
  position:absolute;
  opacity:1
}
.pswp__button--arrow--left:focus,
.pswp__button--arrow--right:focus {
  outline:0
}
.pswp__button--arrow--left {
  left:0
}
.pswp__button--arrow--right {
  right:0
}
.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
  content:"";
  position:absolute;
  top:0;
  height:60px;
  width:36px;
  background-size:500px;
  background-color:#000;
  opacity:1;
  cursor:pointer
}
.pswp__button--arrow--left:before {
  left:0;
  background-position:-283px -87px
}
.pswp__button--arrow--right:before {
  right:0;
  background-position:-211px -87px
}
.pswp__counter,
.pswp__share-modal {
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none
}
.pswp__share-modal {
  display:block;
  background:rgba(0,0,0,.5);
  width:100%;
  height:100%;
  top:0;
  left:0;
  padding:10px;
  position:absolute;
  z-index:100000000100;
  opacity:0;
  -webkit-transition:opacity .25s ease-out;
  transition:opacity .25s ease-out;
  -webkit-backface-visibility:hidden;
  will-change:opacity
}
.pswp__share-modal--hidden {
  display:none
}
.pswp__share-tooltip {
  z-index:100000000120;
  position:absolute;
  background:#fff;
  top:56px;
  border-radius:2px;
  display:block;
  width:auto;
  right:44px;
  box-shadow:0 2px 5px rgba(0,0,0,.25);
  -webkit-transform:translateY(6px);
  -ms-transform:translateY(6px);
  transform:translateY(6px);
  -webkit-transition:-webkit-transform .25s;
  transition:-webkit-transform .25s;
  transition:transform .25s;
  transition:transform .25s,-webkit-transform .25s;
  -webkit-backface-visibility:hidden;
  will-change:transform
}
.pswp__share-tooltip a {
  display:block;
  padding:8px 12px;
  color:#000;
  text-decoration:none;
  font-size:14px;
  line-height:18px
}
.pswp__share-tooltip a:hover {
  text-decoration:none;
  color:#000
}
.pswp__share-tooltip a:first-child {
  border-radius:2px 2px 0 0
}
.pswp__share-tooltip a:last-child {
  border-radius:0 0 2px 2px
}
.pswp__share-modal--fade-in {
  opacity:1
}
.pswp__share-modal--fade-in .pswp__share-tooltip {
  -webkit-transform:translateY(0);
  -ms-transform:translateY(0);
  transform:translateY(0)
}
.pswp--touch .pswp__share-tooltip a {
  padding:16px 12px
}
a.pswp__share--facebook:before {
  content:"";
  display:block;
  width:0;
  height:0;
  position:absolute;
  top:-12px;
  right:15px;
  border:6px solid transparent;
  border-bottom-color:#fff;
  -webkit-pointer-events:none;
  -moz-pointer-events:none;
  pointer-events:none
}
a.pswp__share--facebook:hover {
  background:#3e5c9a;
  color:#fff
}
a.pswp__share--facebook:hover:before {
  border-bottom-color:#3e5c9a
}
a.pswp__share--twitter:hover {
  background:#55acee;
  color:#fff
}
a.pswp__share--pinterest:hover {
  background:#ccc;
  color:#bd081c
}
a.pswp__share--download:hover {
  background:#ddd
}
.pswp__counter {
  position:absolute;
  left:50%;
  top:0;
  width:100px;
  height:44px;
  margin-left:-50px;
  font-size:20px;
  text-align:center;
  line-height:44px;
  color:#fff;
  padding:0 10px
}
.pswp__caption {
  position:absolute;
  left:0;
  bottom:0;
  width:100%;
  min-height:44px
}
@media only screen and (device-width:375px) and (device-height:812px) and (-webkit-device-pixel-ratio:3) {
  .pswp__caption {
    padding-bottom:35px!important
  }
}
.pswp__caption small {
  font-size:11px;
  color:#bbb
}
.pswp__caption__center {
  text-align:center;
  max-width:420px;
  margin:0 auto;
  font-size:20px;
  padding:10px;
  line-height:20px;
  color:#fff
}
.pswp__caption--empty {
  display:none
}
.pswp__caption--fake {
  visibility:hidden
}
.pswp__preloader {
  width:44px;
  height:44px;
  position:absolute;
  top:0;
  left:50%;
  margin-left:-22px;
  opacity:0;
  -webkit-transition:opacity .25s ease-out;
  transition:opacity .25s ease-out;
  will-change:opacity
}
.pswp__preloader__icn {
  width:20px;
  height:20px;
  margin:12px
}
.pswp__preloader--active {
  opacity:1
}
.pswp--css_animation .pswp__preloader--active {
  opacity:1
}
.pswp--css_animation .pswp__preloader--active .pswp__preloader__icn {
  -webkit-animation:clockwise .5s linear infinite;
  animation:clockwise .5s linear infinite
}
.pswp--css_animation .pswp__preloader--active .pswp__preloader__donut {
  -webkit-animation:donut-rotate 1s cubic-bezier(.4,0,.22,1) infinite;
  animation:donut-rotate 1s cubic-bezier(.4,0,.22,1) infinite
}
.pswp--css_animation .pswp__preloader__icn {
  background:0 0;
  opacity:.75;
  width:14px;
  height:14px;
  position:absolute;
  left:15px;
  top:15px;
  margin:0
}
.pswp--css_animation .pswp__preloader__cut {
  position:relative;
  width:7px;
  height:14px;
  overflow:hidden
}
.pswp--css_animation .pswp__preloader__donut {
  box-sizing:border-box;
  width:14px;
  height:14px;
  border:2px solid #fff;
  border-radius:50%;
  border-left-color:transparent;
  border-bottom-color:transparent;
  position:absolute;
  top:0;
  left:0;
  background:0 0;
  margin:0
}
@media screen and (min-width:768px) {
  .pswp__caption__center {
    max-width:540px
  }
  .pswp__button--arrow--left,
  .pswp__button--arrow--right {
    margin-top:-50px
  }
  .pswp__button--arrow--left:before,
  .pswp__button--arrow--right:before {
    height:100px;
    width:60px;
    background-size:1000px
  }
  .pswp__button--arrow--left:before {
    background-position:-574px -184px
  }
  .pswp__button--arrow--right:before {
    background-position:-425px -184px
  }
}
@media screen and (max-width:1024px) {
  .pswp__preloader {
    position:relative;
    left:auto;
    top:auto;
    margin:0;
    float:right
  }
}
@-webkit-keyframes clockwise {
  0% {
    -webkit-transform:rotate(0);
    transform:rotate(0)
  }
  100% {
    -webkit-transform:rotate(360deg);
    transform:rotate(360deg)
  }
}
@keyframes clockwise {
  0% {
    -webkit-transform:rotate(0);
    transform:rotate(0)
  }
  100% {
    -webkit-transform:rotate(360deg);
    transform:rotate(360deg)
  }
}
@-webkit-keyframes donut-rotate {
  0% {
    -webkit-transform:rotate(0);
    transform:rotate(0)
  }
  50% {
    -webkit-transform:rotate(-140deg);
    transform:rotate(-140deg)
  }
  100% {
    -webkit-transform:rotate(0);
    transform:rotate(0)
  }
}
@keyframes donut-rotate {
  0% {
    -webkit-transform:rotate(0);
    transform:rotate(0)
  }
  50% {
    -webkit-transform:rotate(-140deg);
    transform:rotate(-140deg)
  }
  100% {
    -webkit-transform:rotate(0);
    transform:rotate(0)
  }
}
.pswp__ui {
  -webkit-font-smoothing:auto;
  visibility:visible;
  opacity:1;
  z-index:100000000050;
  font-family:ScoutBold,Arial,Helvetica,sans-serif;
  font-weight:400
}
.pswp__top-bar {
  position:absolute;
  left:0;
  top:0;
  height:50px;
  width:100%;
  background:#000
}
.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right,
.pswp__caption,
.pswp__top-bar {
  -webkit-backface-visibility:hidden;
  will-change:opacity;
  -webkit-transition:opacity 333ms cubic-bezier(.4,0,.22,1);
  transition:opacity 333ms cubic-bezier(.4,0,.22,1)
}
.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
  visibility:visible
}
.pswp__caption {
  background-color:#000
}
.pswp__ui--hidden .pswp__button--arrow--left,
.pswp__ui--hidden .pswp__button--arrow--right,
.pswp__ui--hidden .pswp__caption,
.pswp__ui--hidden .pswp__top-bar {
  opacity:.001
}
.pswp__ui--one-slide .pswp__button--arrow--left,
.pswp__ui--one-slide .pswp__button--arrow--right,
.pswp__ui--one-slide .pswp__counter {
  display:none
}
.pswp__element--disabled {
  display:none!important
}
.pswp--minimal--dark .pswp__top-bar {
  background:0 0
}
@media screen and (min-width:1025px) {
  .pswp__bg {
    background:#fff
  }
  .pswp__top-bar {
    background:0 0
  }
}
.video-list {
  clear:both;
  overflow:hidden
}
.video-list:first-child {
  margin-top:20px
}
.video-list .video-more {
  float:right;
  height:25px;
  padding-right:10px;
  color:#fc1049;
  font-family:ScoutBold,Arial,Helvetica,sans-serif;
  font-weight:400;
  font-size:20px;
  font-size:1.25rem;
  line-height:25px;
  text-align:center;
  font-style:italic
}
.video-list .video-more span {
  box-shadow:none;
  background-color:transparent;
  color:#000
}
.video-list .video-more:hover {
  text-decoration:none
}
.video-list ul {
  margin-left:-5px;
  margin-right:-5px
}
.video-more-mobile {
  margin-top:10px
}
.video-list-single {
  margin-bottom:20px
}
.vli-item {
  width:49.5%;
  display:inline-block;
  margin-bottom:15px;
  padding:0 5px;
  box-sizing:border-box;
  vertical-align:top
}
.vli-item .icon-play {
  display:inline-block;
  box-sizing:border-box;
  width:18px;
  height:18px;
  margin-top:1px;
  margin-right:5px;
  font-size:14px;
  color:#fff;
  background-color:#f04;
  vertical-align:text-top;
  text-align:center;
  line-height:18px
}
.vli-item img {
  width:250px;
  max-width:100%;
  height:100px
}
.vli-item a {
  text-decoration:none!important
}
.vli-item:last-child {
  margin-bottom:0
}
.vli-item:active .neutral-box,
.vli-item:focus .neutral-box,
.vli-item:hover .neutral-box {
  color:#666
}
.vli-item .neutral-box {
  background:0 0;
  box-shadow:10px 0 0 #fff
}
.vli-title {
  margin:-2px 0 0;
  font-family:ScoutBold,Arial,Helvetica,sans-serif;
  font-weight:400;
  font-size:18px;
  line-height:1.1;
  color:#fff;
  word-wrap:break-word
}
@media screen and (min-width:480px) {
  .vli-item .neutral-box {
    background:#fff
  }
  .vli-item,
  .vli-item.item-0 {
    width:49.5%
  }
  .vli-item .icon-play,
  .vli-item.item-0 .icon-play {
    width:22px;
    height:22px;
    margin-top:0;
    margin-right:7px;
    line-height:22px;
    font-size:16px
  }
  .vli-item.item-0 .vli-title {
    margin:-25px 0 0;
    font-size:22px;
    line-height:1.15
  }
  .vli-item:nth-last-child(2) {
    margin-bottom:0
  }
  .video-list.four-item .vli-item.item-3 {
    display:inline-block
  }
  .video-list.eight-item .vli-item.item-7 {
    display:inline-block
  }
  .vli-title {
    margin-top:-25px;
    font-size:22px;
    line-height:1.15
  }
}
@media screen and (min-width:768px) {
  .vli-item {
    width:32.5%
  }
  .vli-item img {
    height:130px
  }
  .vli-item:nth-last-child(1),
  .vli-item:nth-last-child(2) {
    margin-bottom:15px
  }
  .vli-item.item-0,
  .vli-item.item-3 {
    width:33.3333%
  }
  .vli-item.item-0 .vli-title {
    margin-top:-27px;
    font-size:23px;
    line-height:27px
  }
  .vli-item .icon-play,
  .vli-item.item-0 .icon-play {
    width:27px;
    height:27px;
    margin-right:10px;
    line-height:27px;
    font-size:18px
  }
  .four-item .vli-item:nth-child(n+3) {
    display:none
  }
  .eight-item .vli-item:nth-child(n+6) {
    display:none
  }
  .vli-title {
    margin-top:-27px;
    font-size:23px;
    line-height:27px
  }
}
@media screen and (min-width:1024px) {
  .vli-item {
    width:24.75%
  }
  .vli-item:nth-child(4n) {
    display:inline-block
  }
  .vli-item.item-0,
  .vli-item.item-3 {
    width:24.75%
  }
  .four-item .vli-item:nth-child(n+3) {
    display:inline-block
  }
  .eight-item .vli-item:nth-child(n+6) {
    display:inline-block
  }
}
h2.fix-logo {
  display:block;
  width:210px;
  height:41px;
  margin:0 auto;
  padding:0;
  font-family:ScoutBold,Arial,Helvetica,sans-serif;
  font-weight:400;
  font-size:60px;
  text-align:center;
  line-height:41px;
  text-transform:uppercase;
  text-indent:-9999px;
  background:transparent url(../img/plugins/metro-email-signup/the-fix-logo.svg?10) no-repeat 0 0;
  background-size:213px
}
h3.fix-subhead {
  margin:15px 5px 3px;
  color:#fff;
  color:#fff;
  font-family:ScoutBold,Arial,Helvetica,sans-serif;
  font-weight:400;
  font-size:25px;
  line-height:28px
}
h3.fix-subhead span {
  background-color:#000;
  padding:0 5px 2px;
  box-shadow:5px 0 0 #000,-5px 0 0 #000;
  -webkit-box-decoration-break:clone;
  box-decoration-break:clone
}
@media screen and (min-width:768px) {
  .widget h2.fix-logo,
  h2.fix-logo {
    margin:10px auto 25px
  }
}
.zone-widget {
  margin-bottom:25px;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap
}
.zone-widget-title {
  -webkit-box-ordinal-group:2;
  -ms-flex-order:1;
  order:1;
  color:#000;
  background-color:#ff1493;
  margin-right:auto;
  -ms-flex-preferred-size:auto;
  flex-basis:auto
}
.zone-widget-title-link {
  -webkit-box-ordinal-group:2;
  -ms-flex-order:1;
  order:1
}
.zone-widget-title-link .zone-widget-title {
  -webkit-box-ordinal-group:unset;
  -ms-flex-order:unset;
  order:unset
}
.zone-widget-title-link .zone-widget-title::after {
  content:"»";
  font-family:ScoutBold,Arial,Helvetica,sans-serif;
  font-weight:400;
  margin-left:10px;
  color:#fff
}
.zone-widget-items {
  -webkit-box-ordinal-group:3;
  -ms-flex-order:2;
  order:2;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between;
  margin:0;
  padding:0;
  list-style:none;
  -ms-flex-preferred-size:100%;
  flex-basis:100%;
  max-width:100%
}
.zone-widget .zone-widget-items {
  margin:0;
  padding:0;
  list-style:none
}
.zone-widget-item {
  box-sizing:border-box;
  -ms-flex-preferred-size:100%;
  flex-basis:100%;
  max-width:100%;
  width:100%;
  margin-bottom:10px;
  word-wrap:break-word;
  overflow:hidden
}
.zone-widget-item-inner {
  color:#000;
  text-decoration:none
}
.zone-widget-item-title {
  font-size:18px;
  line-height:1.217391304347826;
  position:relative
}
.zone-widget-item-title .colour-box {
  word-wrap:break-word
}
.zone-widget-item-title .colour-box::after {
  content:"»";
  font-size:.8em;
  padding-left:5px;
  display:none
}
.zone-widget-item:first-child .zone-widget-item-inner {
  display:block
}
.zone-widget-item:first-child .zone-widget-item-image {
  width:100%;
  height:auto
}
.zone-widget-item:first-child .zone-widget-item-title {
  font-size:23px;
  margin-top:-29px;
  margin-right:11px
}
.zone-widget-item:first-child .metro-signpost {
  height:28px;
  line-height:27px;
  font-size:16px;
  padding-top:0;
  padding-bottom:0;
  position:absolute;
  bottom:100%
}
.zone-widget-item:first-child .metro-signpost::after {
  padding:0 10px
}
.zone-widget-item:first-child .metro-signpost::before {
  vertical-align:top;
  padding:0 5px;
  font-size:18px;
  height:28px;
  line-height:27px
}
.zone-widget-item:not(:first-child) .zone-widget-item-inner {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:start;
  -ms-flex-align:start;
  align-items:flex-start
}
.zone-widget-item:not(:first-child) .zone-widget-item-image {
  width:125px;
  height:auto;
  margin-right:10px
}
.zone-widget-item:not(:first-child) .zone-widget-item-title {
  -webkit-box-flex:1;
  -ms-flex:1;
  flex:1
}
.zone-widget-item:last-child {
  margin-bottom:0
}
.zone-widget-item:hover:first-child .zone-widget-item-inner {
  color:#000
}
.zone-widget-item:hover:not(:first-child) .zone-widget-item-inner {
  color:#666
}
.zone-widget .zone-widget-item {
  margin-bottom:10px
}
.zone-widget .zone-widget-item-title {
  line-height:1.217391304347826
}
.zone-widget-more-link {
  -webkit-box-ordinal-group:4;
  -ms-flex-order:3;
  order:3;
  font-family:ScoutBold,Arial,Helvetica,sans-serif;
  font-weight:400;
  font-size:20px;
  line-height:1.2;
  font-style:italic;
  margin-top:15px;
  margin-left:auto;
  color:#fc1049;
  -ms-flex-preferred-size:auto;
  flex-basis:auto
}
.zone-widget-more-link:hover {
  color:#fc1049
}
.zone-widget-more-link::after {
  content:"»";
  font-family:ScoutBold,Arial,Helvetica,sans-serif;
  font-weight:400;
  margin-left:6px;
  color:#000
}
.zone-widget.colour-neutral .zone-widget-item .colour-box {
  background:#fff;
  box-shadow:10px 0 0 #fff,-10px 0 0 #fff;
  -webkit-box-decoration-break:clone;
  box-decoration-break:clone
}
.zone-widget.colour-neutral .zone-widget-item .colour-box:hover {
  background-color:#fff
}
.zone-widget.colour-future-of-everything .zone-widget-title {
  background-color:#ff1900;
  color:#fff
}
.zone-widget.colour-future-of-everything .zone-widget-item .colour-box {
  background:#000;
  box-shadow:10px 0 0 #000,-10px 0 0 #000;
  -webkit-box-decoration-break:clone;
  box-decoration-break:clone;
  color:#fff
}
.zone-widget.colour-future-of-everything .zone-widget-item .colour-box:hover {
  background-color:#000
}
@media screen and (max-width:479px) {
  .zone-widget-item:first-child .zone-widget-item-title {
    margin-left:10px
  }
  .zone-widget-item:first-child .zone-widget-item-title .metro-signpost {
    left:-10px
  }
  .colour-neutral .zone-widget-item:first-child .zone-widget-item-title {
    margin-left:0
  }
  .colour-neutral .zone-widget-item:first-child .zone-widget-item-title .metro-signpost {
    left:0
  }
  .zone-widget-item:not(:first-child) .colour-box {
    background:#fff;
    box-shadow:10px 0 0 #fff,-10px 0 0 #fff;
    -webkit-box-decoration-break:clone;
    box-decoration-break:clone
  }
  .zone-widget-item:not(:first-child) .colour-box:hover {
    background-color:#fff
  }
  .zone-widget-item:not(:first-child):hover {
    background:#fff;
    box-shadow:10px 0 0 #fff,-10px 0 0 #fff;
    -webkit-box-decoration-break:clone;
    box-decoration-break:clone
  }
}
@media screen and (min-width:480px) {
  .zone-widget-item-title {
    margin-left:10px
  }
  .zone-widget-item-title .metro-signpost {
    left:-10px
  }
  .page-template-page-covid-free .zone-widget-item:first-child {
    -ms-flex-preferred-size:auto;
    flex-basis:auto;
    width:calc((100% - 10px)/2)
  }
  .zone-widget-item:not(:first-child) {
    -ms-flex-preferred-size:auto;
    flex-basis:auto;
    width:calc((100% - 10px)/2)
  }
  .zone-widget-item:not(:first-child) .zone-widget-item-inner {
    display:block
  }
  .zone-widget-item:not(:first-child) .zone-widget-item-image {
    width:100%;
    height:auto;
    margin-right:0
  }
  .zone-widget-item:not(:first-child) .zone-widget-item-title {
    font-size:20px;
    margin-top:-25px;
    margin-right:11px
  }
  .zone-widget-item:not(:first-child):hover .zone-widget-item-title {
    color:#000
  }
  .zone-widget-item:not(:first-child) .metro-signpost {
    height:28px;
    line-height:27px;
    font-size:16px;
    padding-top:0;
    padding-bottom:0;
    position:absolute;
    bottom:100%
  }
  .zone-widget-item:not(:first-child) .metro-signpost::after {
    padding:0 10px
  }
  .zone-widget-item:not(:first-child) .metro-signpost::before {
    vertical-align:top;
    padding:0 5px;
    font-size:18px;
    height:28px;
    line-height:27px
  }
  .zone-widget-2 .zone-widget-item {
    -ms-flex-preferred-size:auto;
    flex-basis:auto;
    width:calc((100% - 20px)/2)
  }
  .zone-widget-4 .zone-widget-item:first-child {
    -ms-flex-preferred-size:auto;
    flex-basis:auto;
    width:calc((100% - 10px)/2)
  }
  .zone-widget-4 .zone-widget-item:first-child .zone-widget-item-title {
    font-size:20px;
    margin-top:-25px
  }
  .colour-neutral .zone-widget-item-title {
    margin-left:0
  }
  .colour-neutral .zone-widget-item-title .metro-signpost {
    left:0
  }
}
@media screen and (min-width:768px) {
  .moz .zone-widget .zone-widget-item:nth-child(n) .zone-widget-item-title {
    margin-top:-25px;
    line-height:23px
  }
  .zone-widget {
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -ms-flex-direction:row;
    flex-direction:row;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between
  }
  .zone-widget .zone-widget-item:nth-child(n) .zone-widget-item-title {
    font-size:23px;
    margin-top:-29px
  }
  .zone-widget-items {
    -webkit-box-ordinal-group:4;
    -ms-flex-order:3;
    order:3
  }
  .zone-widget-more-link {
    padding-top:5px;
    margin:0;
    -webkit-box-ordinal-group:3;
    -ms-flex-order:2;
    order:2
  }
  .zone-widget-4 .zone-widget-item:nth-child(-n+3) {
    -ms-flex-preferred-size:auto;
    flex-basis:auto;
    width:calc((100% - 20px)/3)
  }
  .zone-widget-4 .zone-widget-item:nth-child(n+4) {
    display:none
  }
  .special-sub-channel .zone-widget-4 .zone-widget-item:nth-child(-n+3) {
    width:calc((100% - 10px)/2)
  }
  .special-sub-channel .zone-widget-4 .zone-widget-item:nth-child(n+4) {
    display:block
  }
  .zone-widget-7 .zone-widget-item:nth-child(-n+2) {
    -ms-flex-preferred-size:auto;
    flex-basis:auto;
    width:calc((100% - 10px)/2)
  }
  .zone-widget-7 .zone-widget-item:nth-child(n+3) {
    -ms-flex-preferred-size:auto;
    flex-basis:auto;
    width:calc((100% - 20px)/3)
  }
  .zone-widget-7 .zone-widget-item:nth-child(n+6) {
    display:none
  }
  .special-sub-channel .zone-widget-7 .zone-widget-item:nth-child(n+3),
  .special-sub-channel .zone-widget-7 .zone-widget-item:nth-child(n+6) {
    width:calc((100% - 10px)/2)
  }
  .special-sub-channel .zone-widget-7 .zone-widget-item:nth-child(n+6) {
    display:block
  }
}
@media screen and (min-width:1024px) {
  .zone-widget .zone-widget-item:nth-child(n) {
    display:block
  }
  .zone-widget-7 .zone-widget-item:nth-child(-n+3) {
    -ms-flex-preferred-size:auto;
    flex-basis:auto;
    width:calc((100% - 20px)/3)
  }
  .zone-widget-7 .zone-widget-item:nth-child(n+4) {
    -ms-flex-preferred-size:auto;
    flex-basis:auto;
    width:calc((100% - 30px)/4)
  }
  .zone-widget-7 .zone-widget-item:nth-child(n+4) .zone-widget-item-title {
    margin-left:0
  }
  .zone-widget-7 .zone-widget-item:nth-child(n+4) .zone-widget-item-title .metro-signpost {
    left:0
  }
  .zone-widget-7 .zone-widget-item:nth-child(n+4) .colour-box {
    background:#fff;
    box-shadow:10px 0 0 #fff,-10px 0 0 #fff;
    -webkit-box-decoration-break:clone;
    box-decoration-break:clone
  }
  .zone-widget-7 .zone-widget-item:nth-child(n+4) .colour-box:hover {
    background-color:#fff
  }
  .zone-widget-7 .zone-widget-item:nth-child(n+4) .colour-box::after {
    display:inline
  }
  .special-sub-channel .zone-widget-7 .zone-widget-item:nth-child(-n+3),
  .special-sub-channel .zone-widget-7 .zone-widget-item:nth-child(n+4) {
    width:calc((100% - 10px)/2)
  }
  .zone-widget-4 .zone-widget-item:nth-child(n) {
    -ms-flex-preferred-size:auto;
    flex-basis:auto;
    width:calc((100% - 30px)/4)
  }
  .zone-widget-4 .zone-widget-item:nth-child(n) .zone-widget-item-title {
    margin-left:0
  }
  .zone-widget-4 .zone-widget-item:nth-child(n) .zone-widget-item-title .metro-signpost {
    left:0
  }
  .zone-widget-4 .zone-widget-item:nth-child(n) .colour-box {
    background:#fff;
    box-shadow:10px 0 0 #fff,-10px 0 0 #fff;
    -webkit-box-decoration-break:clone;
    box-decoration-break:clone
  }
  .zone-widget-4 .zone-widget-item:nth-child(n) .colour-box:hover {
    background-color:#fff
  }
  .zone-widget-4 .zone-widget-item:nth-child(n) .colour-box::after {
    display:inline
  }
  .special-sub-channel .zone-widget-4 .zone-widget-item:nth-child(n) {
    width:calc((100% - 10px)/2)
  }
}
.zone-widget-2 .zone-widget-item:last-child .zone-widget-item-inner {
  display:block
}
.zone-widget-2 .zone-widget-item:last-child .zone-widget-item-image {
  width:100%;
  height:auto
}
.zone-widget-2 .zone-widget-item:last-child .zone-widget-item-title {
  font-size:23px;
  margin-top:-29px;
  margin-right:11px;
  margin-left:10px
}
.zone-widget-2 .zone-widget-item:last-child .metro-signpost {
  height:28px;
  line-height:27px;
  font-size:16px;
  padding-top:0;
  padding-bottom:0;
  position:absolute;
  bottom:100%
}
.zone-widget-2 .zone-widget-item:last-child .metro-signpost::after {
  padding:0 10px
}
.zone-widget-2 .zone-widget-item:last-child .metro-signpost::before {
  vertical-align:top;
  padding:0 5px;
  font-size:18px;
  height:28px;
  line-height:27px
}
.single-article .metro-factbox-title {
  font-size:20px;
  margin-bottom:0
}
@font-face {
  font-family:VideoJS;
  src:url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAABBIAAsAAAAAGoQAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADsAAABUIIslek9TLzIAAAFEAAAAPgAAAFZRiV3RY21hcAAAAYQAAADQAAADIjn098ZnbHlmAAACVAAACv4AABEIAwnSw2hlYWQAAA1UAAAAKwAAADYV1OgpaGhlYQAADYAAAAAbAAAAJA4DByFobXR4AAANnAAAAA8AAACE4AAAAGxvY2EAAA2sAAAARAAAAEQ9NEHGbWF4cAAADfAAAAAfAAAAIAEyAIFuYW1lAAAOEAAAASUAAAIK1cf1oHBvc3QAAA84AAABDwAAAZ5AAl/0eJxjYGRgYOBiMGCwY2BycfMJYeDLSSzJY5BiYGGAAJA8MpsxJzM9kYEDxgPKsYBpDiBmg4gCACY7BUgAeJxjYGQ7xTiBgZWBgaWQ5RkDA8MvCM0cwxDOeI6BgYmBlZkBKwhIc01hcPjI+FGBHcRdyA4RZgQRAC4HCwEAAHic7dFprsIgAEXhg8U61XmeWcBb1FuQP4w7ZQXK5boMm3yclFDSANAHmuKviBBeBPQ8ymyo8w3jOh/5r2ui5nN6v8sYNJb3WMdeWRvLji0DhozKdxM6psyYs2DJijUbtuzYc+DIiTMXrty4k8oGLb+n0xCe37ekM7Z66j1DbUy3l6PpHnLfdLO5NdSBoQ4NdWSoY9ON54mhdqa/y1NDnRnq3FAXhro01JWhrg11Y6hbQ90Z6t5QD4Z6NNSToZ4N9WKoV0O9GerdUJORPqkhTd54nJ1YDXBU1RV+576/JBs2bPYPkrDZt5vsJrv53V/I5mclhGDCTwgGBQQSTEji4hCkYIAGd4TGIWFAhV0RQTpWmQp1xv6hA4OTOlNr2zFANbHUYbq2OtNCpViRqsk+e+7bTQAhzti8vPfuPffcc88959zznbcMMPjHD/KDDGEY0ABpYX384NhlomIYlo4JISGEY9mMh2FSidYiqkEUphtNYDSY/dXg9023l4DdxlqUl0chuZRhncJKrsCQHIwcGuwfnhMIzBnuH4Sym+1D2zaGjheXlhYfD238z80mKYMmvJ5XeOTzd8z9eujbMxJNhu4C9xPE/bCMiDuSNIWgkTQwBE55hLSAE7ZwhrHLnAHZOGV/kmBGTiNjZxzI77Hb7Hqjz68TjT6vh+5JT/cCIkqS0D6CqPf5jX4Qjdx5j6vlDfZM4aZFdbVXIxtOlJaP/WottMnH6CJQ3bTiue3PrY23HjnChtuamxwvvzFjxkPrNj3z0tG9T561HDYf6OgmRWvlY3JQHoQb8ltV2Yet7YfWctEjR1AtxS/cSX6U4alf6NJEBQ7YKg9wrXQKd0IeZCb2ux75Uhh1Un+Nz+9LTOE7PK777nN5xqdTneTBhCbx446mZrhnUkrCz2YhA9dSMxaG0SYmT8hi9ZPu1E94PJYQSH6LRmhxec7Q7ZeXntgQuVpbh+a4qWNsckVyTdn0P7o7DpgPW84+uRcq0BITflBikGdUjAZ9wYBVI3mtrNvr9kpg1UsaK6t3690aoorC1lg0GpMH2HAMtkZjsSi5Ig9ESVosOh7GQfLjKNLvKpMKkLSKNFAka710GdgSi8oDMSoNhqjkKBXTgn3swtaxyzGkUzIzae9RtLdWkSlZ1KDX6EzgllzV4NV4SoDFSOGD4+HCeQUF8wrZ5Hs8zIb5EaVxy8DYFTbMCJPnLIWZxugZE2NlivC0gc1qEQUR8jEKgZcAXeH18BiCgl5nlHh0CrjB4Hb5fX4gb0J7c9PuHVsfgkx2n/vTY/JV8kn8PGxf7faOZ8qX8JVByuIf4whk9sqXli2hvPJV9hrp0hY7l8r2x37ydaVsb4xvXv/47v2NjfCl8m5oRDJclFMoE1yk0Uh1Te4/m8lFXe9qBZD0EkheicebXvzI2PLCuoKCukLuhPIeKwaHPEouxw3kMqaIUXDQ1p0mip+MyCORSCQaoUsnY1VZ38nUTrG21WvVo4f1OsEJFhvSfAFwGfT8VHRMeAVUpwLOoLzjT/REIj3O3FhuURE+nERF+0pTId5Fyxv5sfwGyg4O+my4vZv0sZm7oeQlFZORiB+tG0MweVNraeitl7yxiPIHTk4/diVxs94o5lEYishB2iAtkchEnsActoEpx44Fo8XnsQMaA22BlqC20RmhBKzYojZyYaxg+JggMc4HHY2m+L9EkWSYljirOisrO7d3VorxzyZ6Vc4lJqITAu1b2wOBdrLElAP+bFc2eGaZFVbkmJktv5uT6Jlz5D/MnBFor6ig/JPnRViBsV3LNKGGqB1ChJ0tgQywlVLFJIuQgTFttwkiKxhyQdAZMdMYtSaoAewqfvXVYPAbDT6/1mez85YS8FSDywQ6NfAnef6FNEGMilnppyvn5rB6tTyq1pOceRWnp2WJEZFXHeX5oyoem1nTTgdqc4heDY7bOeKz63vnz+/dRx+s31Ht2JGanQ5seirfWJL9tjozU/12TnEjn5oux9OzU3ckGbBzBwNOyk69JykKH0n/0LM9A72tuwM3zQpIRu4AxiToseEpgPOmbROyFe9/X2yeUvoUsCyEvjcgs7fpWP3/aKlFN0+6HFUe6D9HFz/XPwBlN9tTqNyZjFJ8UO2RUT5/h4CptCctEyeisnOyXjALEp7dXKaQKf6O7IMnGjNNACRMLxqdYJX8eMLvmmd68D+ayBLyKKYZwYxDt/GNhzETDJ05Qxlyi3pi3/Z93ndYVSumgj0V/KkIFlO6+1K3fF2+3g0q+YtuSIf0bvmLqV09nnobI6hwcjIP8aPCKayjsF5JBY3LaKAeRLSyYB1h81oTwe9SlPMkXB7G0mfL9q71gaqqwPqu67QRKS1+ObTx+sbQy9QV2OQHEScGkdFBeT7v7qisqqrs6N52i78/R+6S0qQONVj26agOVoswCyQWIV5D86vH53bxNUeXV0K+XZaHv/nm/KsHhOvylwsWnJX/HE8l/4WCv5x+l5n08z6UU8bUMa3MBpSmM7F63AxntdC9eBCKEZW9Hr+ABNqtxgAQrSbMtmrW7lKQuoSgBhSrTazWVU2QAKWY8wiiuhqFmQgWJBgoXiuWIm42N7hqZbBsgXz52O5P5uSvaNgFGnOuvsRw8I8Laha91wMvDuxqWFheN7/8GVtTltdS83DQsXRmqc5ZtcJXEVrlV2doTWk5+Yunm71dG5f55m/qY0MjI93vv9/NfpxXV9sUXrxy2fbNy1or65cOlDRnOoKFeeXcbw42H/bNDT5Qs3flgs31gWC1lD1nfUV/X7NdCnSUdHY2e8afzfKsqZ5ZljfDqjLOmk3UebNXB+aHArPYDRs+/HDDxeT5DiP+sFg7OpRaVQMGBV89PpeBdj22hCE0Uub0UqwLrNWsG0cuyadgLXTeR5rbO4+3c/vl15cur2nRq+TXCQDcS3SO+s6ak+e5/eMS+1dw3btu3YG2tvFL8XdIZvdjdW6TO/4B7IdrZWVPmctm5/59AgsPItTSbCiIBr2OqIGzmu20SMKAS7yqwGBUfGfgjDYlLLDeF0SfcLB2LSx8flT+08/kzz6yOj96rft4rpTjdPQcmLd47uKibbDq7ZSz/XtbH2nN717Nd62rU+c8Icevvv7I09wA6WvjVcafb+FsbNG+ZQ80Rn6ZZsvrP7teP2dzTdoETvNhjCmsr8FID2sJ69VYvdUcxk4AzYRlKcaE38eXNRlfW9H1as9i6acLHp1XpuNB5K7DIvkX08y1ZYvh3KfWaiCzH+ztrSDmD7LuX73x/mJelB8Yj39t8nhNQJJ2CAthpoFGLsGgtSOCJooCGoaJAMTjSWHVZ08YAa1Fg9lPI5U6DOsGVjDasJeZZ+YyhfCwfOzCxlBA69M9XLXtza7H/rav+9Tjq5xNi0wpKQIRNO4Lrzz7yp5QVYM6Jd/oc1Uvn/mQhhuWh6ENXoS2YTZ8QT42bF5d/559zp5r0Uff2VnR2tdf2/WCOd2cO0Mw6qpWPnvxpV0nrt5fZd2yItc199GWe8vlNfNDq+CH/7yAAnB9hn7T4QO4c1g9ScxsZgmzntnE/IDGndtHMw69lFwoCnYsMGx+rBp8JSBqdLzBr9QRPq/PbhWMWFtQZp1xguy/haw3TEHm3TWAnxFWQQWgt7M5OV0lCz1VRYucpWliy7z6Zd4urwPIyeZQqli2Lgg7szJV09PysATbOQtYIrB2YzbkJYkGgJ0m4AjPUap1pvYu1K9qr97z0Yl3p332b2LYB78ncYIlRkau/8GObSsOlZancACE5d5ily+c2+7h5Yj4lqhVmXXB+iXLfvdqSgqfKtQvfHDV0OnvQR1qhw42XS/vkvsh/hXcrDFP0a+SJNIomEfD1nsrYGO+1bgTOJhM8Hv6ek+7vVglxuSRwoKn17S937bm6YJCeSSG0Op1n+7tE37tcZ/p7dsTv4EUrGpDbWueKigsLHhqTVsoEj+JU0kaSjnj9tz8/gryQWwJ9BcJXBC/7smO+I/IFURJetFPrdt5WcoL6DbEJaygI8CTHfQTjf40ofD+DwalTqIAAHicY2BkYGAA4gDud4bx/DZfGbjZGUDg+q1z05BpdkawOAcDE4gCAB45CXEAeJxjYGRgYGcAARD5/z87IwMjAypQBAAtgwI4AHicY2BgYGAfYAwAOkQA4QAAAAAAAA4AaAB+AMwA4AECAUIBbAGYAcICGAJYArQC4AMwA7AD3gQwBJYE3AUkBWYFigYgBmYGtAbqB1gIEghYCG4IhHicY2BkYGBQZChlYGcAASYg5gJCBob/YD4DABfTAbQAeJxdkE1qg0AYhl8Tk9AIoVDaVSmzahcF87PMARLIMoFAl0ZHY1BHdBJIT9AT9AQ9RQ9Qeqy+yteNMzDzfM+88w0K4BY/cNAMB6N2bUaPPBLukybCLvleeAAPj8JD+hfhMV7hC3u4wxs7OO4NzQSZcI/8Ltwnfwi75E/hAR7wJTyk/xYeY49fYQ/PztM+jbTZ7LY6OWdBJdX/pqs6NYWa+zMxa13oKrA6Uoerqi/JwtpYxZXJ1coUVmeZUWVlTjq0/tHacjmdxuL90OR8O0UEDYMNdtiSEpz5XQGqzlm30kzUdAYFFOb8R7NOZk0q2lwAyz1i7oAr1xoXvrOgtYhZx8wY5KRV269JZ5yGpmzPTjQhvY9je6vEElPOuJP3mWKnP5M3V+YAAAB4nG2PyXLCMBBE3YCNDWEL2ffk7o8S8oCnkCVHC5C/jzBQlUP6IHVPzYyekl5y0iL5X5/ooY8BUmQYIkeBEca4wgRTzDDHAtdY4ga3uMM9HvCIJzzjBa94wzs+8ImvZNAq8TM+HqVkKxWlrQiOxjujQkNlEzyNzl6Z/cU2XF06at7U83VQyklLpEvSnuzsb+HAPnPfQVgaupa1Jlu4sPLsFblcitaz0dHU0ZF1qatjZ1+aTXYCmp6u0gSvWNPyHLtFZ+ZeXWVSaEkqs3T8S74WklbGbNNNq4LL4+CWKtZDv2cfX8l8aFbKFhEnJnJ+IULFpqwoQnNHlHaVQtPBl+ypmbSWdmyC61KS/AKZC3Y+AA==) format("woff");
  font-weight:400;
  font-style:normal
}
div.vjs-has-started.vjs-paused .vjs-big-play-button {
  box-shadow:0 0 0 100vmax rgba(0,0,0,.7)
}
div.vjs-ads-label.vjs-control {
  font-size:14px;
  line-height:50px;
  font-weight:700;
  padding-left:1em;
  width:auto;
  text-align:center;
  border-left:1px solid rgba(255,255,255,.2);
  color:#fff;
  display:none
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform:rotate(0);
    -ms-transform:rotate(0);
    transform:rotate(0)
  }
  100% {
    -webkit-transform:rotate(359deg);
    -ms-transform:rotate(359deg);
    transform:rotate(359deg)
  }
}
@keyframes spin {
  0% {
    -webkit-transform:rotate(0);
    -ms-transform:rotate(0);
    transform:rotate(0)
  }
  100% {
    -webkit-transform:rotate(359deg);
    -ms-transform:rotate(359deg);
    transform:rotate(359deg)
  }
}
div.vjs-autoplay-next-video-controls-related-videos-wrapper {
  position:relative;
  padding:0 6%;
  background-color:#000;
  background-color:rgba(0,0,0,.4)
}
div.vjs-autoplay-next-video-controls-related-videos {
  width:100%;
  white-space:nowrap;
  overflow:hidden
}
div.vjs-autoplay-next-video-controls-related-videos .vjs-related-img-wrapper {
  height:100%!important
}
div.vjs-autoplay-next-video-controls-related-videos .mol-related-videos-video {
  display:inline-block;
  height:auto;
  width:29.3%;
  margin-left:2%;
  margin-right:2%;
  height:115px;
  max-height:200px
}
div.vjs-autoplay-next-video-controls-related-videos .mol-related-videos-video h4 {
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  margin:.5em 0;
  font-size:18px
}
.metro-controls-overlay-panel {
  width:100%;
  height:100%;
  color:rgba(255,255,255,.8)
}
.metro-controls-overlay-panel .mol-modal-window-backdrop {
  top:0;
  height:100%;
  z-index:auto
}
.metro-controls-overlay-panel .mol-modal-window-backdrop .mol-modal-window {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
  -ms-flex-direction:row;
  flex-direction:row;
  background-color:rgba(0,0,0,.5);
  opacity:.7
}
.letterboxing .c-slider__image {
  position:absolute;
  left:0;
  right:0;
  top:0;
  bottom:0;
  z-index:4;
  width:auto;
  height:auto;
  max-width:100%;
  max-height:100%
}
.c-slider__content,
.single-article .c-slider__content {
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
  width:auto;
  height:auto;
  max-width:none;
  margin:0
}
.content .c-slider__title {
  min-width:100%;
  margin-top:-3px;
  font-size:24px;
  line-height:1.1
}
.has-hover .c-slider__btn {
  width:100px;
  height:150px;
  margin-top:-75px
}
@media screen and (min-width:600px) {
  .content .c-slider__title {
    margin-top:-4px
  }
}
.metro-discounts {
  margin:0 auto;
  padding:0 10px 15px
}
.metro-discounts .zone-widget-more-link {
  float:right
}
@media screen and (min-width:768px) {
  .metro-discounts .zone-widget-more-link {
    display:block
  }
}
@media screen and (min-width:768px) {
  .metro-discounts {
    max-width:748px
  }
}
@media screen and (min-width:1024px) {
  .metro-discounts {
    max-width:964px
  }
}
.metro-discount-codes {
  box-sizing:border-box;
  margin:0 0 10px;
  position:relative
}
@media screen and (min-width:768px) {
  .metro-discount-codes {
    margin:0 0 38px
  }
}
.metro-discount-codes-item {
  clear:both;
  font-size:20px;
  margin:0 0 15px;
  width:100%
}
.metro-discount-codes-item:last-child {
  margin-bottom:0
}
.metro-discount-codes-item span {
  border:1px solid #ddd;
  display:block;
  float:left;
  height:92px;
  margin:0 10px 15px 0;
  overflow:hidden;
  position:relative;
  text-align:center;
  width:140px
}
.metro-discount-codes-item a {
  color:#000;
  display:block;
  font-family:ScoutLight,Arial,Helvetica,sans-serif;
  font-size:17px
}
.metro-discount-codes-item a:hover {
  color:#666
}
.metro-discount-codes-item img {
  height:auto;
  position:relative;
  top:50%;
  -webkit-transform:translateY(-50%);
  -ms-transform:translateY(-50%);
  transform:translateY(-50%);
  width:100%
}
.metro-discount-codes-item strong {
  display:block;
  font-family:ScoutBold,Arial,Helvetica,sans-serif;
  font-size:20px;
  margin-bottom:4px;
  padding-top:5px
}
@media screen and (min-width:768px) {
  .metro-discount-codes-item {
    clear:none;
    float:left;
    margin:0 20px 0 0;
    width:calc((100% - 80px)/5)
  }
  .metro-discount-codes-item span {
    float:none;
    height:90px;
    margin:0 0 15px;
    width:100%
  }
  .metro-discount-codes-item strong {
    padding-top:0
  }
  .metro-discount-codes-item:last-child {
    margin-right:0
  }
}
@media screen and (min-width:1024px) {
  .metro-discount-codes-item span {
    height:115px
  }
}
.single .byline {
  margin-right:5px
}
.content .spot-im-comment-title {
  margin-top:2em
}
ul.page-numbers {
  list-style:none;
  margin:0
}
.page-numbers:after {
  content:".";
  display:block;
  clear:both;
  visibility:hidden;
  line-height:0;
  height:0
}
ul.page-numbers li {
  display:block;
  float:left;
  margin:0 4px 4px 0;
  text-align:center
}
.page-numbers a,
.page-numbers span {
  line-height:1.6em;
  display:block;
  padding:0 15px;
  height:18px;
  line-height:18px;
  font-size:13px;
  text-decoration:none;
  font-weight:400;
  cursor:pointer;
  border:1px solid #ddd
}
.page-numbers a span {
  padding:0
}
.page-numbers a:hover,
.page-numbers.current,
.page-numbers.current:hover {
  color:#000;
  background:#f7f7f7;
  text-decoration:none
}
.page-numbers:hover {
  text-decoration:none
}
.btn [class*=" icon-"],
.btn [class^=icon-] {
  line-height:.9em
}
.btn:active:focus,
.btn:focus {
  outline:0
}
.btn {
  display:inline-block;
  font-weight:600;
  text-align:center;
  white-space:nowrap;
  vertical-align:middle;
  cursor:pointer;
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none;
  border:.0625rem solid transparent;
  padding:.375rem 1rem;
  font-size:.75rem;
  line-height:1.5;
  border-radius:.25rem
}
.btn:active:focus,
.btn:focus {
  outline:thin dotted;
  outline:5px auto -webkit-focus-ring-color;
  outline-offset:-2px
}
.btn:focus,
.btn:hover {
  text-decoration:none
}
.btn:active {
  background-image:none;
  outline:0
}
.btn:disabled {
  cursor:not-allowed;
  opacity:.65
}
._237A3 {
  position:relative
}
._237A3 img {
  border-radius:inherit
}
._237A3 {
  font-size:12px;
  line-height:16px
}
._237A3 ._237A3 {
  vertical-align:bottom
}
._237A3 img {
  width:100%;
  vertical-align:bottom
}
.KPZ7z {
  -webkit-box-orient:horizontal;
  -webkit-flex-direction:row;
  -ms-flex-direction:row;
  flex-direction:row;
  -webkit-box-align:center;
  -webkit-align-items:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:start;
  -webkit-justify-content:flex-start;
  -ms-flex-pack:start;
  justify-content:flex-start;
  height:110px;
  width:100%;
  box-sizing:border-box;
  padding:14px 0
}
.KPZ7z,
.KPZ7z ._3YMZo {
  display:flex;
  display:-webkit-box;
  display:-moz-box;
  display:-ms-flexbox;
  display:-webkit-flex;
  -webkit-box-direction:normal
}
.KPZ7z ._3YMZo {
  -webkit-box-flex:1;
  -webkit-flex:1;
  -ms-flex:1;
  flex:1;
  -webkit-box-orient:vertical;
  -webkit-flex-direction:column;
  -ms-flex-direction:column;
  flex-direction:column;
  height:100%;
  -webkit-box-pack:justify;
  -webkit-justify-content:space-between;
  -ms-flex-pack:justify;
  justify-content:space-between
}
.KPZ7z ._3YMZo ._34o8D {
  font-size:20px;
  color:#222;
  line-height:20px;
  -webkit-line-clamp:3;
  font-family:ScoutBold,Arial,Helvetica,sans-serif
}
.KPZ7z ._3YMZo ._34o8D,
.KPZ7z ._3YMZo ._3IQjM {
  display:-webkit-box;
  -webkit-box-orient:vertical;
  overflow:hidden
}
.KPZ7z ._3YMZo ._3IQjM {
  font-size:12px;
  color:#aaa;
  line-height:16px;
  margin-top:5px;
  -webkit-line-clamp:1
}
.KPZ7z ._2tsIz {
  width:110px;
  height:84px;
  margin-left:21px;
  position:relative
}
.KPZ7z ._2tsIz img {
  width:110px;
  height:84px;
  object-fit:cover
}
.KPZ7z ._2tsIz ._3f64j {
  width:110px;
  height:84px;
  position:absolute;
  left:0;
  top:0;
  display:flex;
  display:-webkit-box;
  display:-moz-box;
  display:-ms-flexbox;
  display:-webkit-flex;
  -webkit-box-pack:center;
  -webkit-justify-content:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-box-align:center;
  -webkit-align-items:center;
  -ms-flex-align:center;
  align-items:center
}
._2Zr6X {
  height:1px;
  width:100%;
  margin-left:14px;
  margin-right:14px;
  background-color:#e7e7e7;
  -webkit-transform:scaleY(.5);
  -ms-transform:scaleY(.5);
  transform:scaleY(.5)
}
@media only screen and (-webkit-min-device-pixel-ratio:3) {
  ._2Zr6X {
    -webkit-transform:scaleY(.33);
    -ms-transform:scaleY(.33);
    transform:scaleY(.33)
  }
}
@media only screen and (-webkit-min-device-pixel-ratio:4) {
  ._2Zr6X {
    -webkit-transform:scaleY(.25);
    -ms-transform:scaleY(.25);
    transform:scaleY(.25)
  }
}
@media only screen and (min-width:600px) {
  * [aria-labelledby=mobile-search],
  .mobile-search {
    display:none;
    max-height:0;
    overflow:hidden
  }
}
[hidden] {
  display:none
}
input {
  font:inherit
}
input {
  overflow:visible
}
input {
  margin:0
}
[type=button],
[type=reset],
[type=submit] {
  cursor:pointer
}
[disabled] {
  cursor:default
}
[type=reset],
[type=submit],
html [type=button] {
  -webkit-appearance:button
}
input::-moz-focus-inner {
  border:0;
  padding:0
}
input:-moz-focusring {
  outline:1px dotted ButtonText
}
[type=checkbox],
[type=radio] {
  box-sizing:border-box;
  padding:0
}
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height:auto
}
[type=search] {
  -webkit-appearance:textfield
}
[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
  -webkit-appearance:none
}
::-moz-selection {
  background:#ff1493;
  color:#fff;
  text-shadow:none
}
::selection {
  background:#ff1493;
  color:#fff;
  text-shadow:none
}
input {
  border:1px solid rgba(0,0,0,.1);
  font-size:14px;
  outline:0;
  padding:5px;
  line-height:23px;
  border-radius:2px;
  transition:background .3s,border .3s;
  max-width:100%;
  background-color:transparent;
  background:#f1f1f1;
  border:0;
  box-sizing:border-box;
  color:#333;
  display:block
}
input:hover,
input[type=text]:focus {
  background-color:rgba(0,0,0,.03)
}
input:not([type=checkbox]):not([type=radio]) {
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none
}
[type=radio] {
  -webkit-appearance:radio;
  -moz-appearance:radio;
  appearance:radio
}
[type=submit] {
  width:auto;
  position:relative;
  background-color:#ff1493;
  color:#000;
  padding:7px 15px;
  margin:0;
  font-weight:400;
  font-size:12px;
  display:inline-block;
  text-align:center;
  line-height:21px;
  border:none;
  cursor:pointer;
  text-decoration:none;
  vertical-align:middle;
  transition:.3s;
  border-radius:2px;
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none
}
[type=submit]:hover {
  background-color:#e51284;
  text-decoration:none;
  color:#fff
}
.screen-reader-text {
  clip:rect(1px,1px,1px,1px);
  position:absolute!important;
  height:1px;
  width:1px;
  overflow:hidden
}
@-webkit-keyframes lazyloadeffect {
  from {
    background-position:-400px 0
  }
  to {
    background-position:200px 0
  }
}
@keyframes lazyloadeffect {
  from {
    background-position:-400px 0
  }
  to {
    background-position:200px 0
  }
}
@-webkit-keyframes bouncedelay {
  0%,
  100%,
  80% {
    -webkit-transform:scale(0);
    transform:scale(0)
  }
  40% {
    -webkit-transform:scale(1);
    transform:scale(1)
  }
}
@keyframes bouncedelay {
  0%,
  100%,
  80% {
    -webkit-transform:scale(0);
    transform:scale(0)
  }
  40% {
    -webkit-transform:scale(1);
    transform:scale(1)
  }
}
@-webkit-keyframes parent-animate {
  0% {
    -webkit-transform:rotate(0);
    transform:rotate(0)
  }
  100% {
    -webkit-transform:rotate(220deg);
    transform:rotate(220deg)
  }
}
@keyframes parent-animate {
  0% {
    -webkit-transform:rotate(0);
    transform:rotate(0)
  }
  100% {
    -webkit-transform:rotate(220deg);
    transform:rotate(220deg)
  }
}
@-webkit-keyframes child-animate {
  0% {
    -webkit-transform:rotate(-140deg);
    transform:rotate(-140deg)
  }
  100% {
    -webkit-transform:rotate(140deg);
    transform:rotate(140deg)
  }
}
@keyframes child-animate {
  0% {
    -webkit-transform:rotate(-140deg);
    transform:rotate(-140deg)
  }
  100% {
    -webkit-transform:rotate(140deg);
    transform:rotate(140deg)
  }
}
.clearfix:after,
.clearfix:before {
  content:"\0020";
  display:block;
  height:0;
  overflow:hidden
}
.clearfix:after {
  clear:both
}
.clearfix {
  zoom:1
}
.container-wrapper {
  background:#fff;
  border-radius:2px;
  padding:20px
}
@media(max-width:767px) {
  .container-wrapper {
    padding:20px 15px
  }
}
form.search-form {
  overflow:auto;
  position:relative;
  width:100%
}
.search-field {
  float:left;
  width:73%
}
.search-submit[type=submit] {
  float:right;
  padding:7px;
  margin-left:2%;
  width:25%
}
@supports(-ms-accelerator:true) {
  .social-statistics-widget a {
    transition:none
  }
}
@-webkit-keyframes flashing {
  0%,
  100%,
  50% {
    opacity:1
  }
  25%,
  75% {
    opacity:0
  }
}
@keyframes flashing {
  0%,
  100%,
  50% {
    opacity:1
  }
  25%,
  75% {
    opacity:0
  }
}
@-webkit-keyframes flashing-reverse {
  0%,
  100%,
  50% {
    opacity:0
  }
  25%,
  75% {
    opacity:1
  }
}
@keyframes flashing-reverse {
  0%,
  100%,
  50% {
    opacity:0
  }
  25%,
  75% {
    opacity:1
  }
}
@-webkit-keyframes rain-animi-effect {
  0% {
    opacity:1
  }
  100% {
    opacity:0;
    -webkit-transform:translateY(3em);
    transform:translateY(3em)
  }
}
@keyframes rain-animi-effect {
  0% {
    opacity:1
  }
  100% {
    opacity:0;
    -webkit-transform:translateY(3em);
    transform:translateY(3em)
  }
}
@-webkit-keyframes rain-animi-effect-with-rotate {
  0% {
    opacity:1;
    -webkit-transform:translateY(0) rotate(0);
    transform:translateY(0) rotate(0)
  }
  100% {
    opacity:0;
    -webkit-transform:translateY(1em) rotate(360deg);
    transform:translateY(1em) rotate(360deg)
  }
}
@keyframes rain-animi-effect-with-rotate {
  0% {
    opacity:1;
    -webkit-transform:translateY(0) rotate(0);
    transform:translateY(0) rotate(0)
  }
  100% {
    opacity:0;
    -webkit-transform:translateY(1em) rotate(360deg);
    transform:translateY(1em) rotate(360deg)
  }
}
@-webkit-keyframes drizzle-animi-effect {
  0% {
    opacity:1;
    -webkit-transform:translateY(0) translateX(0) rotate(10deg);
    transform:translateY(0) translateX(0) rotate(10deg)
  }
  100% {
    opacity:0;
    -webkit-transform:translateY(3em) translateX(-3em) rotate(20deg);
    transform:translateY(3em) translateX(-3em) rotate(20deg)
  }
}
@keyframes drizzle-animi-effect {
  0% {
    opacity:1;
    -webkit-transform:translateY(0) translateX(0) rotate(10deg);
    transform:translateY(0) translateX(0) rotate(10deg)
  }
  100% {
    opacity:0;
    -webkit-transform:translateY(3em) translateX(-3em) rotate(20deg);
    transform:translateY(3em) translateX(-3em) rotate(20deg)
  }
}
@-webkit-keyframes tie-float-y {
  0% {
    -webkit-transform:translateY(0);
    transform:translateY(0)
  }
  50% {
    -webkit-transform:translateY(-6px);
    transform:translateY(-6px)
  }
  100% {
    -webkit-transform:translateY(0);
    transform:translateY(0)
  }
}
@keyframes tie-float-y {
  0% {
    -webkit-transform:translateY(0);
    transform:translateY(0)
  }
  50% {
    -webkit-transform:translateY(-6px);
    transform:translateY(-6px)
  }
  100% {
    -webkit-transform:translateY(0);
    transform:translateY(0)
  }
}
@-webkit-keyframes tie-spin {
  0% {
    -webkit-transform:rotate(0);
    transform:rotate(0)
  }
  100% {
    -webkit-transform:rotate(360deg);
    transform:rotate(360deg)
  }
}
@keyframes tie-spin {
  0% {
    -webkit-transform:rotate(0);
    transform:rotate(0)
  }
  100% {
    -webkit-transform:rotate(360deg);
    transform:rotate(360deg)
  }
}
@-webkit-keyframes passing {
  0% {
    -webkit-transform:translateX(50%);
    transform:translateX(50%);
    opacity:0
  }
  50% {
    -webkit-transform:translateX(0);
    transform:translateX(0);
    opacity:1
  }
  100% {
    -webkit-transform:translateX(-50%);
    transform:translateX(-50%);
    opacity:0
  }
}
@keyframes passing {
  0% {
    -webkit-transform:translateX(50%);
    transform:translateX(50%);
    opacity:0
  }
  50% {
    -webkit-transform:translateX(0);
    transform:translateX(0);
    opacity:1
  }
  100% {
    -webkit-transform:translateX(-50%);
    transform:translateX(-50%);
    opacity:0
  }
}
@-webkit-keyframes burst {
  0% {
    opacity:.6
  }
  50% {
    -webkit-transform:scale(1.8);
    transform:scale(1.8);
    opacity:0
  }
  100% {
    opacity:0
  }
}
@keyframes burst {
  0% {
    opacity:.6
  }
  50% {
    -webkit-transform:scale(1.8);
    transform:scale(1.8);
    opacity:0
  }
  100% {
    opacity:0
  }
}
@-webkit-keyframes tie-float-x {
  0% {
    -webkit-transform:translateX(0);
    transform:translateX(0)
  }
  50% {
    -webkit-transform:translateX(-6px);
    transform:translateX(-6px)
  }
  100% {
    -webkit-transform:translateX(0);
    transform:translateX(0)
  }
}
@keyframes tie-float-x {
  0% {
    -webkit-transform:translateX(0);
    transform:translateX(0)
  }
  50% {
    -webkit-transform:translateX(-6px);
    transform:translateX(-6px)
  }
  100% {
    -webkit-transform:translateX(0);
    transform:translateX(0)
  }
}
h2.sub-title {
  color:#626262;
  font-family:Arial,Helvetica,sans-serif;
  font-size:14px;
  font-weight:400;
  line-height:1.4;
  margin-bottom:18px;
  padding:0 12px
}
@media all and (min-width:728px) {
  h2.sub-title {
    padding:0
  }
}
@media all and (min-width:1024px) {
  h2.sub-title {
    font-size:18px
  }
}
@media all and (min-width:1240px) {
  h2.sub-title {
    font-size:20px
  }
}
.archive-balance {
  margin-bottom:10px;
  margin-top:10px;
  padding:10px
}
.commentlist .li-comment {
  border-radius:5px 5px 5px 5px;
  border:3px solid #f1f1f1;
  background-position:10px 15px;
  font-size:14px;
  list-style:none;
  margin:10px 0;
  padding:3px 10px 10px;
  position:relative
}
.commentlist .li-comment:nth-child(odd) {
  background:#fff
}
.commentlist .children .li-comment {
  background:0 0;
  background-position:10px 15px;
  padding-right:0;
  padding:3px 10px 10px
}
.commentlist .li-comment:nth-child(odd) .children .li-comment {
  background:#fff
}
.commentlist {
  margin:0
}
.commentlist .children {
  margin-left:20px
}
.li-comment {
  position:relative
}
.li-comment::before {
  content:"";
  position:absolute;
  top:0;
  bottom:0;
  right:0;
  width:100%;
  height:60px;
  background:#f1f1f1
}
.comment-author {
  display:inline-block;
  margin-top:8px;
  font-weight:600;
  line-height:1.3;
  text-transform:capitalize;
  position:relative
}
.commentlist li .comment-info {
  margin:0 0 10px;
  position:relative;
  left:8px;
  display:inline-block
}
.commentlist li .comment-info a,
.style4 a,
.style4 a strong,
div[align=center] a,
center div p a,
center div p a strong,
p.byline.small b a {
  border-bottom:none!important
}
.commentlist li .comment-info+p {
  white-space:pre-wrap;
  font-size:15px;
  line-height:20px;
  white-space:pre-line;
  word-break:break-word;
  word-wrap:break-word
}
.comment-notice {
  padding:5px 10px;
  font-size:14px;
  margin-bottom:10px;
  background-color:#ffc;
  font-size:12px
}
.comment-notice span {
  text-decoration:underline;
  color:red;
  font-size:14px
}
.comment-error-message {
  color:#f44336;
  margin-top:-15px
}
textarea,
input {
  border:1px solid #e4e4e4
}
textarea {
  width:100%;
  margin-top:10px
}
a.comment-reply-link {
  background:#fc1049;
  border-radius:5px;
  color:#fff;
  padding:2px 8px;
  font-weight:600;
  box-sizing:border-box;
  margin-top:5px
}
#reply-title {
  margin-top:20px;
  font-size:20px;
  position:relative;
  padding:0 0 15px;
  border-bottom:2px solid rgba(0,0,0,.1);
  margin-bottom:20px;
  line-height:1.3;
  font-weight:600
}
.xl-comment-count {
  color:#777;
  margin-top:5px;
  margin-bottom:5px;
  font-style:italic
}
.page-line {
  border-top:1px solid #e0e0e0;
  margin-bottom:10px
}
.stream-item-below-post,
.stream-item-below-post-content {
  margin:30px auto
}
.stream-item {
  text-align:center;
  margin:20px 0;
  padding:0
}
.stream-title {
  margin-bottom:3px;
  font-size:80%;
  line-height:20px;
  color:#a5a5a5;
  display:block
}
.ad-slot-label-container {
  font-family:ScoutLight,Helvetica;
  color:#aaa;
  background:#fff;
  display:block;
  font-size:10px;
  left:0;
  text-transform:uppercase;
  font-weight:400;
  line-height:15px;
  top:-1.5em;
  width:100%
}
.ad-slot {
  display:none;
  position:relative;
  margin-top:1.5em;
  text-align:center
}
i.icon.icon-comment:before {
  content:"\e913";
  color:#fff
}
h2.spot-im-comment-title {
  margin-top:2em
}
h2.spot-im-comment-title {
  background:#000;
  color:#fff;
  padding:.25rem .5rem .5rem;
  font-size:22px;
  text-transform:uppercase
}
.comment-style {
  display:block;
  font-weight:700;
  font-size:18px;
  line-height:24px;
  letter-spacing:-.4px
}
.row {
  margin-left:-15px;
  margin-right:-15px
}
.row::after {
  content:"";
  display:table;
  clear:both
}
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-xs-1,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9 {
  position:relative;
  min-height:1px;
  padding-right:15px;
  padding-left:15px
}
.col-xs-1 {
  float:left;
  width:8.333333%
}
.col-xs-2 {
  float:left;
  width:16.666667%
}
.col-xs-3 {
  float:left;
  width:25%
}
.col-xs-4 {
  float:left;
  width:33.333333%
}
.col-xs-5 {
  float:left;
  width:41.666667%
}
.col-xs-6 {
  float:left;
  width:50%
}
.col-xs-7 {
  float:left;
  width:58.333333%
}
.col-xs-8 {
  float:left;
  width:66.666667%
}
.col-xs-9 {
  float:left;
  width:75%
}
.col-xs-10 {
  float:left;
  width:83.333333%
}
.col-xs-11 {
  float:left;
  width:91.666667%
}
.col-xs-12 {
  float:left;
  width:100%
}
@media(min-width:544px) {
  .col-sm-1 {
    float:left;
    width:8.333333%
  }
  .col-sm-2 {
    float:left;
    width:16.666667%
  }
  .col-sm-3 {
    float:left;
    width:25%
  }
  .col-sm-4 {
    float:left;
    width:33.333333%
  }
  .col-sm-5 {
    float:left;
    width:41.666667%
  }
  .col-sm-6 {
    float:left;
    width:50%
  }
  .col-sm-7 {
    float:left;
    width:58.333333%
  }
  .col-sm-8 {
    float:left;
    width:66.666667%
  }
  .col-sm-9 {
    float:left;
    width:75%
  }
  .col-sm-10 {
    float:left;
    width:83.333333%
  }
  .col-sm-11 {
    float:left;
    width:91.666667%
  }
  .col-sm-12 {
    float:left;
    width:100%
  }
}
@media(min-width:768px) {
  .col-md-1 {
    float:left;
    width:8.333333%
  }
  .col-md-2 {
    float:left;
    width:16.666667%
  }
  .col-md-3 {
    float:left;
    width:25%
  }
  .col-md-4 {
    float:left;
    width:33.333333%
  }
  .col-md-5 {
    float:left;
    width:41.666667%
  }
  .col-md-6 {
    float:left;
    width:50%
  }
  .col-md-7 {
    float:left;
    width:58.333333%
  }
  .col-md-8 {
    float:left;
    width:66.666667%
  }
  .col-md-9 {
    float:left;
    width:75%
  }
  .col-md-10 {
    float:left;
    width:83.333333%
  }
  .col-md-11 {
    float:left;
    width:91.666667%
  }
  .col-md-12 {
    float:left;
    width:100%
  }
}
@media(min-width:992px) {
  .col-lg-1 {
    float:left;
    width:8.333333%
  }
  .col-lg-2 {
    float:left;
    width:16.666667%
  }
  .col-lg-3 {
    float:left;
    width:25%
  }
  .col-lg-4 {
    float:left;
    width:33.333333%
  }
  .col-lg-5 {
    float:left;
    width:41.666667%
  }
  .col-lg-6 {
    float:left;
    width:50%
  }
  .col-lg-7 {
    float:left;
    width:58.333333%
  }
  .col-lg-8 {
    float:left;
    width:66.666667%
  }
  .col-lg-9 {
    float:left;
    width:75%
  }
  .col-lg-10 {
    float:left;
    width:83.333333%
  }
  .col-lg-11 {
    float:left;
    width:91.666667%
  }
  .col-lg-12 {
    float:left;
    width:100%
  }
}
@-webkit-keyframes progress-bar-stripes {
  from {
    background-position:1rem 0
  }
  to {
    background-position:0 0
  }
}
@-o-keyframes progress-bar-stripes {
  from {
    background-position:1rem 0
  }
  to {
    background-position:0 0
  }
}
@keyframes progress-bar-stripes {
  from {
    background-position:1rem 0
  }
  to {
    background-position:0 0
  }
}
.media {
  margin-top:15px
}
.media:first-child {
  margin-top:0
}
.media,
.media-body {
  overflow:hidden
}
.media-body {
  width:10000px
}
.media-body {
  display:table-cell;
  vertical-align:top
}
.p-a-0 {
  padding:0!important
}
.p-a-1 {
  padding:1rem!important
}
.p-a-2 {
  padding:1.5rem!important
}
.p-a-3 {
  padding:3rem!important
}
.text-xs-center {
  text-align:center!important
}
@media(min-width:544px) {
  .text-sm-center {
    text-align:center!important
  }
}
@media(min-width:768px) {
  .text-md-center {
    text-align:center!important
  }
}
@media(min-width:992px) {
  .text-lg-center {
    text-align:center!important
  }
}
.text-info {
  color:#5bc0de!important
}
.text-center {
  text-align:center
}
@-webkit-keyframes progress-bar-stripes {
  from {
    background-position:40px 0
  }
  to {
    background-position:0 0
  }
}
@-o-keyframes progress-bar-stripes {
  from {
    background-position:40px 0
  }
  to {
    background-position:0 0
  }
}
@keyframes progress-bar-stripes {
  from {
    background-position:40px 0
  }
  to {
    background-position:0 0
  }
}
.col-0 {
  clear:left
}
.row {
  margin-left:-12px;
  margin-right:-12px
}
.row [class*=col-] {
  padding-left:12px;
  padding-right:12px
}
.row-lg {
  margin-left:-20px;
  margin-right:-20px
}
.row-lg [class*=col-] {
  padding-left:20px;
  padding-right:20px
}
.row-md {
  margin-left:-16px;
  margin-right:-16px
}
.row-md [class*=col-] {
  padding-left:16px;
  padding-right:16px
}
.row-sm {
  margin-left:-8px;
  margin-right:-8px
}
.row-sm [class*=col-] {
  padding-left:8px;
  padding-right:8px
}
.row-xs {
  margin-left:-4px;
  margin-right:-4px
}
.row-xs [class*=col-] {
  padding-left:4px;
  padding-right:4px
}
@media(min-width:992px) {
  .col-lg-2-4 {
    width:20%;
    float:left
  }
}
@media(max-width:991px) {
  .row {
    margin-left:-8px;
    margin-right:-8px
  }
  .row [class*=col-] {
    padding-left:8px;
    padding-right:8px
  }
  .row-2 [class*=col] {
    width:50%;
    float:left
  }
  .row-2 .col-0 {
    clear:none
  }
}
@media(max-width:767px) {
  .row {
    margin-left:-4px;
    margin-right:-4px
  }
  .row [class*=col-] {
    padding-left:4px;
    padding-right:4px
  }
}
.row-col {
  display:table;
  table-layout:fixed;
  border-spacing:0;
  width:100%;
  height:100%
}
.row-col>[class*=" col-"],
.row-col>[class*=col-] {
  vertical-align:top;
  float:none;
  padding:0;
  position:static
}
.row-row {
  display:table-row;
  height:100%
}
.row-body {
  position:relative;
  height:100%;
  width:100%;
  -webkit-overflow-scrolling:touch;
  overflow:auto
}
@media(min-width:992px) {
  .row-col>[class*=" col-lg"],
  .row-col>[class*=col-lg] {
    display:table-cell;
    height:100%
  }
}
@media(min-width:768px) {
  .row-col>[class*=" col-md"],
  .row-col>[class*=col-md] {
    display:table-cell;
    height:100%
  }
}
@media(min-width:544px) {
  .row-col>[class*=" col-sm"],
  .row-col>[class*=col-sm] {
    display:table-cell;
    height:100%
  }
}
.row-col>[class*=" col-xs"],
.row-col>[class*=col-xs] {
  display:table-cell;
  height:100%
}
@media(max-width:543px) {
  .row-col-xs {
    display:block
  }
  .row-col-xs .row-body {
    overflow:visible!important
  }
}
[data-layout],
[layout] {
  box-sizing:border-box;
  display:-webkit-flex;
  display:-moz-flex;
  display:-ms-flexbox;
  display:flex
}
[data-layout=column],
[layout=column] {
  -webkit-flex-direction:column;
  -ms-flex-direction:column;
  flex-direction:column
}
[data-layout=row],
[layout=row] {
  -webkit-flex-direction:row;
  -ms-flex-direction:row;
  flex-direction:row
}
[data-layout-wrap],
[layout-wrap] {
  -webkit-flex-wrap:wrap;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap
}
[data-layout-fill],
[layout-fill] {
  margin:0;
  min-height:100%;
  width:100%
}
@-moz-document url-prefix() {
  [data-layout-fill],
  [layout-fill] {
    margin:0;
    width:100%;
    min-height:auto;
    height:inherit
  }
}
[data-flex],
[flex] {
  box-sizing:border-box;
  -webkit-flex:1;
  -ms-flex:1;
  flex:1
}
[data-flex-no-shrink],
[flex-no-shrink] {
  flex-shrink:0
}
.item {
  position:relative;
  margin:0 auto
}
.item::after {
  content:"";
  display:table;
  clear:both
}
.item .center {
  position:absolute;
  padding:0!important;
  top:50%;
  left:50%;
  margin-top:-20px;
  margin-left:-20px
}
.item-media {
  position:relative;
  display:block;
  padding:0;
  overflow:hidden;
  border-radius:inherit
}
.item-media:after {
  content:'';
  display:block;
  padding-top:100%
}
.item-media-content {
  position:absolute;
  top:0;
  bottom:0;
  left:0;
  right:0;
  border:0;
  border-radius:inherit;
  background-size:cover;
  background-repeat:none;
  background-position:50% 50%;
  background-color:rgba(120,120,120,.2)
}
.item-info {
  position:relative;
  padding:10px 0 20px;
  border-radius:inherit
}
.item-title {
  font-weight:600
}
.white {
  background-color:#fff
}
.info {
  color:rgba(255,255,255,.87);
  background-color:#6887ff
}
.rounded {
  border-radius:500px
}
.p-a {
  padding:1rem
}
.p-a-lg {
  padding:3rem
}
.p-a-md {
  padding:1.5rem
}
.p-a-sm {
  padding:.5rem
}
.p-a-xs {
  padding:.25rem
}
.padding {
  padding:1.5rem
}
@media(max-width:991px) {
  .padding {
    padding:1.5rem 1rem
  }
}
@media(max-width:767px) {
  .padding {
    padding:1.5rem .5rem
  }
}
a.info:hover {
  background-color:#5b7dff
}
a.text-info:hover {
  color:#5b7dff
}
.text-info {
  color:#6887ff!important
}
.text-white {
  color:#fff!important
}
._100 {
  font-weight:100
}
._200 {
  font-weight:200
}
._300 {
  font-weight:300
}
._400 {
  font-weight:400
}
._500 {
  font-weight:500
}
._600 {
  font-weight:600
}
._700 {
  font-weight:700
}
._800 {
  font-weight:800
}
.text {
  font-size:1rem
}
.text-xs {
  font-size:.65rem
}
.text-sm {
  font-size:.8rem
}
.text-md {
  font-size:1.125rem
}
.text-lg {
  font-size:1.5rem
}
.text-ellipsis {
  display:block;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis
}
ul.related_post li a {
  color:#333;
  font-weight:bolder;
  font-size:15px
}
.wp_rp_wrap {
  clear:both
}
ul.related_post {
  margin:0 0 18px;
  padding:0;
  -moz-column-count:2;
  -moz-column-gap:40px;
  -moz-column-rule:1px solid #ccc;
  -webkit-column-count:2;
  -webkit-column-gap:40px;
  -webkit-column-rule:1px solid #ccc;
  column-count:2;
  column-gap:40px;
  column-rule:1px solid #ccc
}
ul.related_post li {
  overflow:hidden;
  list-style:none;
  margin:0;
  padding:0 0 10px;
  -moz-column-break-inside:avoid;
  -webkit-column-break-inside:avoid;
  break-inside:avoid-column
}
ul.related_post li img {
  display:block;
  max-width:100%;
  margin:0;
  padding:0;
  background:0 0;
  border:none;
  float:none;
  border-radius:3px;
  box-shadow:0 1px 4px rgba(0,0,0,.2)
}
ul.related_post li a.wp_rp_thumbnail {
  display:block;
  width:75px;
  height:75px;
  overflow:hidden;
  float:left;
  margin:0 10px 0 0;
  padding:0
}
@media screen and (max-width:480px) {
  ul.related_post {
    -moz-column-count:auto;
    -moz-column-gap:normal;
    -moz-column-rule:none;
    -webkit-column-count:auto;
    -webkit-column-gap:normal;
    -webkit-column-rule:none;
    column-count:auto;
    column-gap:normal;
    column-rule:none
  }
}
ul.related_post li a {
}
.related_post_title {
  display:block;
  color:#333
}
.wp_rp_wrap {
  clear:both
}
ul.related_post {
  margin:0 0 18px!important;
  padding:0!important;
  -moz-column-count:2!important;
  -moz-column-gap:40px!important;
  -moz-column-rule:1px solid #ccc!important;
  -webkit-column-count:2!important;
  -webkit-column-gap:40px!important;
  -webkit-column-rule:1px solid #ccc!important;
  column-count:2!important;
  column-gap:40px!important;
  column-rule:1px solid #ccc!important
}
ul.related_post li {
  overflow:hidden!important;
  list-style:none!important;
  margin:0!important;
  padding:0 0 10px!important;
  -moz-column-break-inside:avoid!important;
  -webkit-column-break-inside:avoid!important;
  break-inside:avoid-column!important
}
ul.related_post li img {
  display:block!important;
  max-width:100%!important;
  margin:0!important;
  padding:0!important;
  background:0 0!important;
  border:none!important;
  float:none!important;
  border-radius:3px!important;
  box-shadow:0 1px 4px rgba(0,0,0,.2)!important
}
ul.related_post li a.wp_rp_thumbnail {
  display:block!important;
  width:75px!important;
  height:75px!important;
  overflow:hidden;
  float:left!important;
  margin:0 10px 0 0!important;
  padding:0!important
}
@media screen and (max-width:480px) {
  ul.related_post {
    -moz-column-count:auto!important;
    -moz-column-gap:normal!important;
    -moz-column-rule:none!important;
    -webkit-column-count:auto!important;
    -webkit-column-gap:normal!important;
    -webkit-column-rule:none!important;
    column-count:auto!important;
    column-gap:normal!important;
    column-rule:none!important
  }
}
.wp_rp_publish_date {
  font-size:80%;
  color:#777
}
html {
  box-sizing:border-box
}
*,
::after,
::before {
  box-sizing:inherit
}
.icon-xl {
  border-radius:50%;
  box-sizing:content-box;
  color:#fff;
  cursor:pointer;
  display:inline-block;
  overflow:hidden;
  position:relative;
  text-decoration:none;
  text-indent:100%;
  white-space:nowrap
}
.icon-xl:before {
  position:absolute;
  -webkit-transform:translate(-50%,-50%);
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  -webkit-font-smoothing:antialiased;
  font-style:normal;
  font-variant:normal;
  font-weight:400;
  line-height:1;
  text-indent:0;
  text-transform:none
}
.facebook-xl {
  background-color:#315c97
}
.youtube-xl {
  background-color:red
}
.instagram-xl {
  background-color:#d93174
}
.pinterest-xl {
  background-color:#cd1d1f
}
.twitter-xl {
  background-color:#39a9e0
}
.icon.facebook:before {
  left:55%
}
.social-sites .instagram:before {
  font-family:fontawesome;
  content:"\f16d"
}
.social-sites .twitter:before {
  font-family:fontawesome;
  content:"\f099"
}
.social-sites .facebook:before {
  font-family:fontawesome;
  content:"\f09a"
}
footer .social-links {
  border-bottom:4px solid #2c2c2c;
  border-top:4px solid #2c2c2c;
  padding:24px 0;
  text-align:center
}
footer .social-links h4 {
  color:#fff;
  font-size:12px;
  letter-spacing:1px;
  text-transform:uppercase
}
footer .social-links ul {
  margin-top:10px;
  text-align:center
}
footer .social-links li {
  display:inline-block
}
footer .social-links a {
  font-size:25px;
  height:40px;
  margin:0 5px;
  width:40px
}
.xl-head {
  padding:5px 20px 4px;
  border-radius:10px;
  display:inline-block;
  font-size:23px;
  text-transform:uppercase;
  font-weight:400;
  border-bottom:2px solid #ff1493;
  font-family:ScoutBold,Arial,Helvetica,sans-serif
}
img {
  max-width:100%;
  height:auto
}
.page-numbers {
  display:inline-block;
  padding:5px 10px;
  line-height:1;
  text-decoration:none;
  border-radius:2px;
  font-weight:400
}
.page-numbers.current,
a.page-numbers:hover {
  background:#f9f9f9
}
@media only screen and (max-width:1023px) {
  .pageBackground {
    position:static
  }
}
.hiddentext {
  position:absolute;
  left:0;
  top:-500px;
  width:1px;
  height:1px;
  overflow:hidden
}
.hiddentext {
  position:absolute;
  left:0;
  top:-500px;
  width:1px;
  height:1px;
  overflow:hidden
}
#footer-base .terms a {
  display:inline-block;
  margin-right:1em;
  color:#9b9b9b;
  margin-bottom:10px
}
@media(min-width:768px) .col-md-3xl {
  float: left;
  width: 20%;
}
@media (min-width: 544px) .col-sm-4xl {
  float: left;
  width: 20%;
}
.col-xs-4xl {
  float: left;
  width: 20%;
}
.youtube-subscribe-wrapper {
  clear: both;
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  padding: 5px 5px;
  margin-bottom: 21px 
}
.subscribe-text {
  font-size: 17px;
  font-weight:600;
  margin-right: 10px 
}
.tag-balance {
  margin: 0 0 20px;
  padding: 0 0 0 10px;
}
.fa-telegram:before {
  font-size: 30px;
}
.xl-btn-balance {
  margin: 8px 0;
  clear: both;
  float: justify;
  margin:10px 0 10px 0;
  text-align:left;
}
.xl-btn {
  background-color: #0088cc;
  border: none;
  color: white;
  padding: 12px 30px;
  cursor: pointer;
  font-size: 18px;
  font-weight: 600;
  width:100%;
  box-sizing: border-box;
  display: inline-block;
  margin-right: 0.2px;
  position: relative;
  z-index: 0;
  text-decoration: none;
  text-align: center;
  zoom: 1;
  cursor: pointer;
  font-family: "IBM Plex Sans",roboto,arial,sans-serif;
  text-transform: none;
  letter-spacing: 0;
  transition: border-color 175ms ease-in-out,background-color 175ms ease-in-out,color 175ms ease-in-out,padding 175ms ease-in-out;
  text-transform: uppercase;
}
.xl-btn:hover {
  background-color: #0088cc;
}
table,
th,
td {
  border: 1px solid #ededed;
  padding: 2px 8px;
  margin-bottom: 15px;
}
.main-nav-mobile {
  z-index: 1001;
  display: none;
  top: 81px;
  width: 100%;
  padding: 1px;
  text-align: center;
}
.main-nav-mobile.active {
  display: block 
}
.main-nav-mobile ul {
  list-style: none;
  margin: 0;
  padding: 0 
}
.main-nav-mobile ul li {
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  display: inline-block;
  text-align: center;
  background-color: deeppink;
  height: 80px;
  width: 80px;
  font-size: 10px;
  margin: 14px 8px 5px 
}
.main-nav-mobile ul li .review-icon {
  margin-top: 20px;
  margin-left: 20px 
}
.main-nav-mobile ul li .review-icon i {
  font-size: 42px 
}
.main-nav-mobile ul li a {
  text-align: center;
  line-height: 18px;
  color: #000;
  margin: 26px 10px 35px;
  position: relative;
  text-decoration: none 
}
.main-nav-mobile ul li a i {
  font-size: 32px;
  display: block 
}
.main-nav-mobile ul li a i.dfa-shop {
  margin-top: -4px 
}
.main-nav-mobile ul li span {
  display: block;
  margin-top: 25px;
  font-size: 14px 
}
.main-nav-mobile ul li.active,
.main-nav-mobile ul li:hover {
  background-color: deeppink;
  color: #fff 
}
.main-nav-mobile ul li.active a,
.main-nav-mobile ul li:hover a {
  color: #fff 
}
.main-nav-mobile ul li.active a span,
.main-nav-mobile ul li:hover a span {
  color: #000 
}
.btn {
  align-items: center;
  background-color: deeppink;
  border: 0;
  border-radius: 0;
  color: #fff;
  cursor: pointer;
  display: inline-flex;
  font-family: gotham;
  font-size: 1rem;
  font-weight: 700;
  height: 2.75em;
  justify-content: center;
  line-height: 1;
  min-width: 100px;
  padding: 0 1.125em;
  text-align: center;
  -webkit-text-decoration: none;
  text-decoration: none;
  vertical-align: middle;
  white-space: nowrap 
}
.btn:focus,
.btn:hover {
  outline: 2px solid #fff 
}
.btn__icon {
  fill: currentcolor;
  flex-shrink: 0;
  height: 1.125em;
  margin-left: .4em 
}
.btn__icon.btn__icon--left {
  margin-left: 0;
  margin-right: .4em 
}
.btn--lg {
  font-size: 1.25rem 
}
.btn--sm {
  font-size: .875rem 
}
.btn--block {
  max-width: 400px;
  width: 100% 
}
.btn--ghost {
  background-color: transparent;
  border: 2px solid;
  color: inherit 
}
.btn--ghost:hover {
  color: #fff;
  outline: 0 
}
.btn--soft {
  border-radius: .2em 
}
.btn--icon {
  background: transparent;
  padding: 0 .5rem 
}
.btn--icon>svg {
  fill: currentcolor;
  height: 1.25rem;
  width: 1.25rem 
}
.btn--icon-lg>svg {
  height: 1.75rem;
  width: 1.75rem 
}
.btn-group {
  grid-gap: 1em;
  display: grid;
  gap: 1em;
  grid-template-columns: repeat(auto-fill,minmax(min(100%,max(22ch,100%/3)),1fr)) 
}
.card {
  position: relative 
}
.card:focus-within a {
  outline: 0;
  -webkit-text-decoration: underline;
  text-decoration: underline 
}
.card:hover a {
  outline: 0;
  -webkit-text-decoration: underline;
  text-decoration: underline 
}
.card:focus-within .card__media img {
  opacity: 1 
}
.card:hover .card__media img {
  opacity: 1 
}
.card:focus-within .card__media-hover {
  opacity: 1 
}
.card:hover .card__media-hover {
  opacity: 1 
}
.card:focus-within .card__media-icon {
  background-color: #fff 
}
.card:hover .card__media-icon {
  background-color: #fff 
}
.card:focus-within .card__media-icon svg {
  fill: #111417 
}
.card:hover .card__media-icon svg {
  fill: #111417 
}
.card__media {
  background: #111417 url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='415.7' height='388.2' xml:space='preserve'%3E%3Cpath fill='%23262626' d='M415.7 220.9v83.4h-.2c-.7 46.4-38.5 83.8-85 83.8H14.4c-7.8 0-14.2-6.3-14.2-14.2V290c0-7.8 6.4-14.2 14.2-14.2H293c6.9 0 12.5-5.6 12.5-12.5s-5.6-12.5-12.5-12.5H14.5c-7.8 0-14.2-6.3-14.2-14.2v-83.9c0-7.8 6.3-14.2 14.2-14.2h319c45.4.2 82.2 37 82.2 82.4zM304.4 113.4H14.2C6.3 113.4 0 107 0 99.2v-85C0 6.3 6.3 0 14.2 0h204.5c47.4 0 85.8 38.4 85.8 85.8v27.6z'/%3E%3C/svg%3E") no-repeat 50% 50%;
  background-size: auto 35%;
  margin-bottom: .5rem;
  position: relative 
}
.card__media img {
  opacity: .95 
}
.card__media-hover {
  align-items: center;
  background-color: rgba(0,0,0,.3);
  display: flex;
  height: 100%;
  justify-content: center;
  left: 0;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 3 
}
.card__media-hover>svg {
  fill: #fff;
  max-width: 80px;
  width: 30% 
}
.card__media-icon {
  background-color: #111417;
  bottom: 0;
  left: 0;
  max-width: 60px;
  position: absolute;
  width: 25% 
}
.card__media-icon:before {
  content: "";
  display: block;
  padding-bottom: 100% 
}
.card__media-icon>svg {
  fill: #fff;
  left: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  width: 25% 
}
.card__body {
  font-size: .875rem 
}
.card__body>:last-child {
  margin-bottom: 0 
}
.card__title {
  font-size: 18px;
  font-family: merriweather,serif;
  font-weight: 600;
  line-height: 1.2;
  margin-bottom: .25rem;
  max-width: 50ch 
}
@media (max-width:399.98px) {
  .card__title {
    font-size:1rem
  }
}
.card__title a {
  color:currentcolor;
  -webkit-text-decoration:none;
  text-decoration:none
}
.card__title a:after {
  content:"";
  height:100%;
  left:0;
  position:absolute;
  top:0;
  width:100%;
  z-index:3
}
.card__title span {
  font-size:.875em
}
.card__meta {
  color:#aaa;
  font-size:.75rem;
  font-weight:400;
  opacity:.8
}
.card--horizontal {
  align-items:flex-start;
  display:flex
}
.card--horizontal .card__media {
  flex:0 0 33%;
  margin-bottom:0;
  max-width:200px
}
.card--horizontal .card__body {
  align-items:flex-start;
  display:flex;
  flex-direction:column;
  flex-grow:1;
  padding-left:.625rem;
  padding-top:0
}
@media(max-width:700px) {
  .card--horizontal .card__body {
    order:-1;
    padding-left:0;
    padding-right:.625rem
  }
}
.card--horizontal .card__title {
  line-height:1.25
}
.card--horizontal .card__meta {
  margin-top:auto
}
.card--featured .card__title {
  font-size:1.45rem
}
@media(min-width:700px) {
  .card--featured .card__title {
    font-size:1.75rem
  }
}
.card--bg-dark {
  background-color:#111417
}
.card--bg-dark .card__body {
  padding:3%
}
@media(min-width:768px) {
  .card--bg-dark .card__body {
    padding:1.25rem
  }
}
.card-grid {
  grid-gap:.83333rem;
  display:grid;
  gap:.83333rem;
  margin-bottom:1rem;
  margin-top:1rem
}
@media(min-width:600px) {
  .card-grid {
    gap:1.25rem;
    grid-template-columns:repeat(2,1fr)
  }
}
@media(min-width:1000px) {
  .card-grid {
    grid-template-columns:repeat(4,1fr)
  }
}
.card-stack__item:not(:first-child) {
  margin-top:1rem
}
.card-stack--separated {
  margin-top:-1rem
}
.card-stack--separated .card-stack__item {
  padding:1rem 0
}
.card-stack--separated .card-stack__item:not(:first-child) {
  border-top:1px solid hsla(0,0%,100%,.1);
  margin-top:0
}
.card-stack--separated .card-stack__item:last-child {
  padding-bottom:0
}
.event-card {
  background-color:#111417;
  margin:1.5rem 0;
  position:relative
}
.event-card:focus-within {
  box-shadow:0 0 2.5px rgba(198,28,4,.065),0 0 8.5px rgba(198,28,4,.095),0 0 38px rgba(198,28,4,.16);
  outline:1px solid rgba(198,28,4,.1)
}
.event-card:hover {
  box-shadow:0 0 2.5px rgba(198,28,4,.065),0 0 8.5px rgba(198,28,4,.095),0 0 38px rgba(198,28,4,.16);
  outline:1px solid rgba(198,28,4,.1)
}
@media(min-width:768px) {
  .event-card {
    display:grid;
    grid-template-columns:56.25% 1fr
  }
}
@media(min-width:900px) {
  .event-card {
    grid-template-columns:480px 1fr
  }
}
.event-card__body {
  padding:1rem
}
.event-card__body a.btn {
  position:relative;
  z-index:3
}
@media(max-width:767.98px) {
  .event-card__body {
    text-wrap:balance;
    text-align:center
  }
  .event-card__body .btn-group {
    align-content:center;
    justify-content:center;
    place-content:center
  }
}
@media(min-width:900px) {
  .event-card__body {
    padding-left:1.5rem;
    padding-right:1.5rem
  }
}
.event-card__title {
  font-size:1.25rem;
  font-weight:700;
  letter-spacing:.02em;
  margin-bottom:.5rem;
  text-transform:uppercase
}
.event-card__title a {
  -webkit-text-decoration:none;
  text-decoration:none
}
.event-card__title a:after {
  bottom:0;
  content:"";
  left:0;
  position:absolute;
  right:0;
  top:0;
  z-index:2
}
.event-card__meta {
  font-size:.875rem;
  letter-spacing:.04em;
  text-transform:uppercase
}
.event-card__meta:after {
  background-color:#ff1493;
  content:"";
  display:block;
  height:3px;
  margin-top:.5em;
  width:2ch
}
@media(max-width:767.98px) {
  .event-card__meta:after {
    margin-left:auto;
    margin-right:auto
  }
}
.responsive-media {
  overflow:hidden;
  position:relative
}
.responsive-media:before {
  content:"";
  display:block;
  padding-bottom:56.25%
}
.responsive-media>* {
  height:100%;
  left:0;
  position:absolute;
  top:0;
  width:100%
}
.responsive-media>img {
  -o-object-fit:cover;
  object-fit:cover
}
.responsive-media--4x3:before {
  padding-bottom:75%
}
.responsive-media--1x1:before {
  padding-bottom:100%
}
.share-list__item .btn {
  width:100%
}
.share-list__item svg {
  height:1.125em;
  width:1.125em
}
.section {
  margin:3rem 0
}
@media(max-height:699.98px) {
  .section {
    margin:6vh 0
  }
}
.section__cta {
  margin-top:2rem;
  text-align:center
}
@media(min-width:600px) {
  .section__cta {
    display:none
  }
}
.section--padded {
  margin:0
}
.section--padded>:first-child {
  padding-bottom:3rem;
  padding-top:3rem
}
@media(max-height:699.98px) {
  .section--padded>:first-child {
    padding-bottom:6vh;
    padding-top:6vh
  }
}
.section-hd {
  align-items:baseline;
  display:flex;
  margin-bottom:1rem
}
.section-hd__title {
  color:#000;
  font-size:1.25rem;
  font-weight:700;
  letter-spacing:.03em;
  line-height:1;
  margin:0;
  -webkit-text-decoration:none;
  text-decoration:none;
  text-transform:uppercase
}
@media(max-width:419.98px) {
  .section-hd__title {
    font-size:1.125rem
  }
}
.section-hd__title:after {
  background-color:#ff1493;
  content:"";
  display:block;
  height:3px;
  margin-top:.5em;
  width:2ch
}
.section-hd__cta {
  align-items:center;
  color:#aaa;
  display:flex;
  font-size:1.25rem;
  font-weight:600;
  letter-spacing:.03em;
  margin-left:1.5rem;
  -webkit-text-decoration:none;
  text-decoration:none;
  text-transform:uppercase
}
.section-hd__cta:after {
  border-bottom:.33em solid transparent;
  border-left:.33em solid;
  border-top:.33em solid transparent;
  content:"";
  margin-left:.33em
}
.section-hd__cta:hover {
  color:#ff1493
}
@media(max-width:599.98px) {
  .section-hd__cta {
    display:none
  }
}
.bg-brand-primary .section-hd__title:after {
  background-color:#000
}
.bg-brand-primary .section-hd__cta {
  color:#111417
}
.bg-brand-primary .section-hd__cta:hover {
  color:#fff
}
.video-player {
  position:relative
}
.video-player:before {
  background:#000;
  content:"";
  display:block;
  padding-bottom:56.25%
}
.video-player__embed {
  bottom:0;
  left:0;
  position:absolute;
  right:0;
  top:0
}
@media(max-width:959.98px) {
  .video-player--mini .video-player__embed {
    bottom:auto;
    left:0;
    position:fixed;
    right:auto;
    top:0;
    width:100vw;
    z-index:9
  }
}
@media(min-width:700px) {
  .video-player--mini .video-player__embed {
    top:60px
  }
}
@media(min-width:960px) {
  .video-player--mini .video-player__embed {
    top:0
  }
}
.cta {
  align-items:center;
  display:inline-flex;
  font-size:.825em;
  font-weight:700;
  letter-spacing:.03em;
  -webkit-text-decoration:none;
  text-decoration:none;
  text-transform:uppercase
}
.cta:after {
  border-bottom:.33em solid transparent;
  border-left:.33em solid;
  border-top:.33em solid transparent;
  content:"";
  margin-left:.66em
}
.cta:hover {
  color:#fff
}
.cta--lg {
  font-size:1.25rem
}
.cta--left:after {
  display:none
}
.cta--left:before {
  border-bottom:.33em solid transparent;
  border-right:.33em solid;
  border-top:.33em solid transparent;
  content:"";
  margin-left:0;
  margin-right:.33em
}
.next-up {
  background-color:#ff1493;
  color:#fff;
  left:0;
  position:fixed!important;
  top:0;
  -webkit-transform:translateY(-120%);
  transform:translateY(-120%);
  transition:-webkit-transform .3s cubic-bezier(.215,.61,.355,1);
  transition:transform .3s cubic-bezier(.215,.61,.355,1);
  transition:transform .3s cubic-bezier(.215,.61,.355,1),-webkit-transform .3s cubic-bezier(.215,.61,.355,1);
  width:100%;
  z-index:6!important
}
@media(min-width:700px) {
  .next-up {
    top:60px
  }
}
.next-up:after {
  border-bottom:8px solid transparent;
  border-left:8px solid;
  border-top:8px solid transparent;
  content:"";
  position:absolute;
  right:15px;
  top:50%;
  -webkit-transform:translateY(-50%);
  transform:translateY(-50%)
}
.next-up>a {
  display:block;
  font-weight:600;
  line-height:1.3;
  min-height:50px;
  padding:.5em 35px .5em .5em
}
.next-up>a:before {
  color:#111417;
  content:"Trending:";
  letter-spacing:.02em;
  margin-right:.25em;
  -webkit-text-decoration:underline;
  text-decoration:underline;
  text-transform:uppercase
}
.site-header-container {
  background-color:#111417;
  color:#fff;
  transition:-webkit-transform .3s ease-out;
  transition:transform .3s ease-out;
  transition:transform .3s ease-out,-webkit-transform .3s ease-out;
  width:100%;
  z-index:7
}
.site-header {
  align-items:center;
  color:#aaa;
  display:flex;
  padding:0 1.125rem
}
@media(max-width:639.98px) {
  .site-header {
    padding:0 8px
  }
}
.site-header a {
  color:#fff;
  -webkit-text-decoration:none;
  text-decoration:none
}
.site-header .btn:focus,
.site-header .btn:hover {
  color:#ff1493;
  outline:0
}
.site-header__brand-link {
  flex:0 0 220px;
  height:22px
}
.site-header__brand-link>svg {
  display:block
}
.site-header__menu-toggle {
  align-items:center;
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
  background-color:transparent;
  border:0;
  color:#fff;
  display:flex;
  font-weight:500;
  letter-spacing:.05em;
  min-height:36px;
  padding:.25rem;
  text-transform:uppercase
}
.site-header__menu-toggle:focus {
  outline:2px solid #ff1493
}
.site-header__menu-toggle>svg {
  height:1.75rem;
  width:1.75rem
}
.site-header__social-links {
  align-items:center;
  background-color:#ff1493;
  color:#fff;
  display:none;
  display:flex;
  font-size:.925rem;
  font-weight:600;
  height:100%;
  letter-spacing:.06em;
  margin-left:-1.125rem;
  margin-right:-1.125rem;
  padding:0 1.125rem;
  text-transform:uppercase
}
@media(max-width:639.98px) {
  .site-header__social-links {
    margin-left:-8px;
    margin-right:-8px;
    padding:0 8px
  }
}
@media(max-width:849.98px) {
  .site-header__social-links {
    display:none
  }
}
.site-header__social-links a:hover {
  color:#111417
}
.site-header__social-links>span {
  margin-right:.5rem
}
@media(max-width:1019.98px) {
  .site-header__social-links>span {
    display:none
  }
}
@media(max-width:699.98px) {
  .site-header {
    align-items:flex-start;
    flex-wrap:wrap;
    height:76px;
    justify-content:space-between
  }
  .site-header__brand-link {
    margin:10px auto 4px
  }
  .site-header__menu {
    align-self:flex-end;
    margin-left:-1.125rem;
    margin-right:-1.125rem;
    position:relative;
    width:100vw
  }
  @media(max-width:639.98px) {
    .site-header__menu {
      margin-left:-8px;
      margin-right:-8px
    }
  }
  .site-header__nav {
    display:flex
  }
  .site-header__nav-item {
    flex:1
  }
  .site-header__nav-item>a {
    border-bottom:2px solid transparent;
    color:#aaa;
    display:block;
    font-size:.9375rem;
    font-weight:600;
    letter-spacing:.03em;
    line-height:2.375rem;
    padding:0 .75em;
    text-align:center;
    white-space:nowrap
  }
  @media(max-width:350px) {
    .site-header__nav-item>a {
      font-size:.875rem
    }
  }
  @media(max-width:420px) {
    .site-header__nav-item>a {
      padding:0 .25em
    }
  }
  .site-header__nav-item:focus-within>a {
    border-color:#ff1493;
    outline:0
  }
  .site-header__nav-item.current-menu-item>a,
  .site-header__nav-item.current-menu-parent>a {
    border-color:#ff1493;
    outline:0
  }
}
@media(min-width:700px) {
  body {
    padding-top:60px
  }
  .site-header-container {
    display:flex;
    height:60px;
    justify-content:flex-end;
    left:0;
    position:fixed;
    top:0;
    width:100%
  }
  .site-header {
    max-width:calc(720px + 50%);
    width:100%
  }
  .site-header__brand-link {
    position:relative;
    top:-.2em
  }
  .site-header__menu {
    margin-left:1rem;
    margin-right:auto
  }
  .site-header__nav {
    display:flex;
    margin:0 .5rem
  }
  .site-header__nav-item>a {
    border-bottom:3px solid transparent;
    color:#aaa;
    display:block;
    font-size:1rem;
    font-weight:600;
    line-height:3.5625rem;
    padding:0 .75rem;
    white-space:nowrap
  }
  @media(min-width:960px) {
    .site-header__nav-item>a {
      font-size:1.125rem;
      padding:0 1rem
    }
  }
  .site-header__nav-item:focus-within>a {
    border-color:#ff1493;
    color:#fff;
    outline:0
  }
  .site-header__nav-item.current-menu-item>a,
  .site-header__nav-item.current-menu-parent>a,
  .site-header__nav-item:hover>a {
    border-color:#ff1493;
    color:#fff;
    outline:0
  }
}
.site-header--up {
  -webkit-transform:translateY(-100%);
  transform:translateY(-100%)
}
@media(min-width:600.02px) {
  .admin-bar .site-header-container {
    top:46px
  }
}
@media(min-width:782.02px) {
  .admin-bar .site-header-container {
    top:32px
  }
}
.site-footer {
  background-color:#111417;
  color:#aaa;
  padding-bottom:80px;
  padding-top:3rem
}
@media(min-width:768px) {
  .site-footer {
    padding-bottom:120px
  }
}
.site-footer a {
  -webkit-text-decoration:none;
  text-decoration:none
}
.site-footer a:hover {
  color:#fff;
  -webkit-text-decoration:underline;
  text-decoration:underline
}
.site-footer .social-list {
  margin-top:.75rem
}
.site-footer .social-list a:hover {
  color:#ff1493
}
.site-footer .social-list svg {
  height:1.5rem;
  width:1.5rem
}
.site-footer__grid {
  display:flex;
  flex-wrap:wrap;
  margin-left:-.625rem;
  margin-right:-.625rem
}
@media(max-width:479.98px) {
  .site-footer__grid {
    margin-left:-8px;
    margin-right:-8px
  }
}
.site-footer__grid-item {
  flex:0 1 250px;
  padding-left:.625rem;
  padding-right:.625rem
}
@media(max-width:479.98px) {
  .site-footer__grid-item {
    padding-left:8px;
    padding-right:8px
  }
}
@media(max-width:1059.98px) {
  .site-footer__grid-item {
    flex:1 1 200px
  }
  .site-footer__grid-item:not(:first-child) {
    margin-bottom:2rem
  }
  .site-footer__grid-item:first-child {
    flex-basis:100%
  }
}
@media(min-width:380.02px) and (max-width:619.98px) {
  .site-footer__grid-item:nth-child(2),
  .site-footer__grid-item:nth-child(3) {
    flex-basis:150px
  }
}
@media(min-width:1100.02px) {
  .site-footer__grid-item:first-child {
    flex-basis:30%
  }
}
.site-footer__title {
  margin-bottom:.5rem
}
.site-footer__brand>svg {
  display:block;
  margin-bottom:1rem;
  width:220px
}
.site-footer__brand a {
  -webkit-text-decoration:underline;
  text-decoration:underline
}
.site-footer__sponsors {
  margin:2rem 0
}
.site-footer__sponsors>a,
.site-footer__sponsors>img {
  display:inline-block;
  opacity:.8;
  vertical-align:top
}
.site-footer__sponsors>a:not(:last-child),
.site-footer__sponsors>img:not(:last-child) {
  margin-bottom:1rem;
  margin-right:1rem
}
.site-footer__menu {
  line-height:1.7
}
.sidebar-layout__sidebar {
  margin-top:1.25rem
}
@media(min-width:960px) {
  .sidebar-layout {
    grid-gap:1.25rem;
    display:grid;
    gap:1.25rem;
    grid-template:"body sidebar" 1fr/3fr minmax(300px,1fr)
  }
  .sidebar-layout__body {
    grid-area:body
  }
  .sidebar-layout__sidebar {
    grid-area:sidebar;
    margin-top:0
  }
  .sidebar-layout__body {
    -ms-grid-column:1;
    -ms-grid-row:1
  }
  .sidebar-layout__sidebar {
    -ms-grid-column:3;
    -ms-grid-row:1
  }
}
.sidebar>* {
  margin-top:0
}
.sidebar>:not(:first-child) {
  margin-top:2rem
}
.sidebar__sticky {
  position:-webkit-sticky;
  position:sticky;
  top:100px
}
.feature-grid {
  grid-gap:.83333rem;
  display:grid;
  gap:.83333rem;
  margin-bottom:1rem
}
@media(min-width:1000px) {
  .feature-grid {
    gap:1.25rem
  }
}
@media(min-width:680px) {
  .feature-grid {
    grid-template-columns:repeat(3,1fr)
  }
  .feature-grid>:first-child {
    grid-column:1/3;
    grid-row:1/3
  }
  .feature-grid>:nth-child(n+4) {
    grid-column:1/4
  }
}
@media(min-width:1000px) {
  .feature-grid--lg {
    gap:1.25rem;
    grid-template-columns:repeat(5,1fr)
  }
  .feature-grid--lg>:first-child {
    grid-column:1/3;
    grid-row:1/3
  }
  .feature-grid--lg>:nth-child(n+4) {
    grid-column:auto
  }
  .feature-grid--right>:first-child {
    grid-column:4/6;
    grid-row:1/3
  }
}
