/*

Theme Name: Pulsebeatz.com Theme
Theme URI: https://www.pulsebeatz.com/
Description: A modern and responsive wordpress theme for music blog, news and magazine.
Version: 1.2
Author: Ennywhixie
Author URI: https://www.pulsebeatz.com/about-us/
Tags: wine, white, one-column, flexible-width, right sidebar

licenses/gpl-license.php
//
// **********************************************************************
// This program is distributed in the hope that it will be useful, but
// WITHOUT ANY WARRANTY; without even the implied warranty of
// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. 
// **********************************************************************

*/

.header {
    width: 100%;
    z-index: 1000;
    min-height: 50px;
    clear: both;
    background-color: white;
    top: 0;
}

@media screen and (min-width: 992px) {
    .header {
        position:relative
    }

.header.site-chrome {
    padding: 0;
}

    .header.site-chrome {
        margin-bottom:20px;
        padding-left: 23px;
        padding-right: 23px;
    }

    .header {
        padding:20px;
        padding-bottom: 5px;
        background-color: #fff
    }
}

.header .top {
    clear: both;
    text-align: center;
    margin-top: 0;
    padding:15px 0 0 0;
}

@media screen and (min-width: 992px) {
    .header .top {
        padding-top:40px;
        margin-bottom: 20px
    }
}

.header .top .logo {
    margin: 0 auto;
    display: block;
    width: 200px;
    margin-top: -16px
}

@media (max-width: 991px) {
.logo {
    padding: 20px 0 0 0;
}
}

@media screen and (min-width: 992px) {
    .header .top .logo {
        left:475px;
        top: 28px;
        width: 220px
    }

.header .main-nav-desktop {
       background: #087312;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff
}

.header .main-nav-desktop ul {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center;
    width: 100%;
    font-family: Oswald,Arial,Helvetica,sans-serif;
}

.header .main-nav-desktop ul li {
    display: table-cell;
    width: 214px;
    text-align: center
}

.header .main-nav-desktop ul li.active {
    background-color: #087312
}

.header .main-nav-desktop ul li a {
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    text-transform: uppercase;
    color: #fff;
    display: block;
    font-size: 15px;
    font-weight: 600;
    line-height: 40px;
    padding: 0 20px;
    text-decoration: none
}

.header .main-nav-desktop ul li a:hover {
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    text-transform: uppercase;
    color: #087312;
    display: block;
    font-size: 15px;
    font-weight: 600;
    line-height: 40px;
    padding: 0 20px;
    text-decoration: none
}

.header .main-nav-desktop ul li a:hover {
    background: #fff
}
}
@media only screen and (max-width: 767px) {
.main-nav-mobile {
    z-index: 1001;
    display: none;
    position: absolute;
    top: 81px;
    width: 100%;
    padding: 10px;
    text-align: center;
    background-color: #eee
}

.main-nav-mobile.active {
    display: block
}

    .main-nav-mobile.active {
        display:none
    }
    
.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: #fff;
    height: 80px;
    width: 80px;
    font-size: 10px;
    margin: 10px 5px 20px
}

.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 {
    display: block;
    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: 12px
}

.main-nav-mobile ul li.active,.main-nav-mobile ul li:hover {
    background-color: #087312;
    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
}
.secondary-nav {
    margin-top: 12px;
    width: 100%;
    border-top: 1px solid #fff;
    border-bottom: 1px solid rgba(0,0,0,.1);
    height: 32px;
    background-color: #fff
}

.secondary-nav ul {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center;
    width: 100%
}

.secondary-nav ul li {
    display: table-cell;
    width: 118px;
    text-align: center
}

.secondary-nav ul li.active {
    background-color: #fff
}

.secondary-nav ul li a {
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    text-transform: uppercase;
    color: #141414;
    display: block;
    font-family: Oswald,Arial,Helvetica,sans-serif;
    font-size: 10px;
    font-weight: 700;
    line-height: 31px;
    padding: 0;
    text-decoration: none;
    letter-spacing: 1px
}

.secondary-nav ul li a:hover {
    background: #087312;
    text-decoration: none
}

.secondary-nav a:hover {
    background-color: #087312;
    color: #fff
}


.nav-icon-container {
    width: 25px;
    height: 30px
}

.nav-icon {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer
}

.nav-icon span {
    display: block;
    position: absolute;
    height: 3px;
    width: 100%;
    background: #087312;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out
}

.nav-icon span:nth-child(1) {
    top: 16px;
    left: 10px
}

.nav-icon span:nth-child(2),.nav-icon span:nth-child(3) {
    top: 23px;
    left: 10px
}

.nav-icon span:nth-child(4) {
    top: 30px;
    left: 10px
}

.nav-icon.open span:nth-child(1),.nav-icon.open span:nth-child(4) {
    top: 50px;
    width: 0;
    left: 100%
}

.nav-icon.open span:nth-child(2) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
}

.nav-icon.open span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

 


	   
	   
	.hiddentext
{
position:absolute;
left:0px;
top:-500px;
width:1px;
height:1px;
overflow:hidden;
}
}
@media (min-width: 992px) {
    .mobile {
        display:none
    }

    .desktop {
        display: block
    }
}

@media (max-width: 991px) {
    .mobile {
        display:block
    }

    .desktop {
        display: none
    }
}

@media (max-width: 991px) {
.page-container {
padding: 15px 0 0 0;
}
#fb-root {
    padding:5px 0 0 0;
}
}

@media (max-width: 991px) {
.mobile-menu .mobile-menu-main {
    list-style: none;
        margin: 0;
        /* background: #fff; */
        /* border-bottom: 1px solid #a7a6a6; */
        margin-bottom: 10px;
        -webkit-box-shadow: 0px 4px 5px -3px #a7a6a6;
        -moz-box-shadow: 0px 4px 5px -3px #ccc;
        box-shadow: 0px 4px 5px -3px #a7a6a6;
        text-align: center;
        padding-top:17px;
        padding-bottom:10px;
        font-family: Arial;
    }

    .mobile-menu .mobile-menu-main li:first-child a {
        border-left: 0;
    }

    .mobile-menu .mobile-menu-main li {
        display: inline-block;
        margin: 0;
    }

    .mobile-menu .mobile-menu-main li a {
        font-family: Arimo, sans-serif;
        /* background: #fff; */
        margin: 0;
        border: none;
        /* border-left: 1px solid #ccc; */
        font-size: 17px;
        font-size: 14px;
        border-radius: 0;
        padding: 10px 6px 5px 6px;
        text-transform: capitalize;
        font-weight: 600;
        display: inline-block;
        color:#087312;
    }

    .mobile-menu .mobile-menu-main li .nltv-nav-link {
        font-size: 15px;
    }

    .mobile-menu .mobile-menu-main li a i {
        display: block;
        padding-bottom: 5px;
        font-size: 20px;
        position: relative;
    }

    .mobile-menu .mobile-menu-main li a .icons-nltv {
        font-size: 1px;
        padding-bottom: 1px;
    }

    .mobile-menu .mobile-menu-main li a .icon-music-tone-alt::after {
        content: "";
        display: block;
        top: -6px;
        right: -3px;
        width: 13px;
        height: 13px;
        position: absolute;
        background: #f00;
        background-size: contain;
        border-radius: 50%;
    }

    .mobile-menu .dropdown-content {
        right: 0;
        left: auto;
    }

    .mobile-menu a {
        /* text-shadow: 1px -1px 0px #CCCCCC; */

        font-weight: 600;
        font-size: 12px;
        display: inline-block;
        margin-bottom: 10px;
        margin-right: 5px;
        padding: 5px 1px;
        margin: 0;
        text-transform: uppercase;
    }

    .archive-control-area.archive-control-area-before a {
        padding: 0;
        background: none;
    }

    .archive-control-area.archive-control-area-after .cat-music li {
        background: none;
        display: inline-block;
        border: none;
    }

    .archive-control-area.archive-control-area-after .cat-music li a {
        background: none;
        padding: 15px 5px;
    }

    .d-none {
        display: none;
    }

    .dropdown {
        /*float: left;*/
        /*overflow: hidden;*/
        display: inline-block;
        position: relative;
    }

    .dropdown-content {
        display: none;
        position: absolute;
        background-color: #f9f9f9;
        min-width: 160px;
        box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
        z-index: 1;
        left: 0;
    }

    .dropdown a {
        float: none;
        color: black;
        padding: 10px 12px;
        font-size: 14px;
        font-weight: 600;
        text-decoration: none;
        display: block;
        text-align: left;
        /* display: none; */
        text-transform: uppercase;

    }

    /* .dropdown>.toggle:before {
        font-family: 'simple-line-icons';
        content: "\e604";
        position: absolute;
        right: 4px;
        font-size: 7px;
        top: 7px;
        font-weight: 900;
    } */

    .dropdown>.toggle:before {
        position: absolute;
        right: 4px;
        font-size: 7px;
        top: 8px;
        content: "";
        font-weight: 900;
        border-top: 5px solid;
        border-right: 5px solid transparent;
        border-bottom: 0;
        border-left: 5px solid transparent;
    }

    .dropdown>.toggle {
        font-weight: 600;
        text-transform: uppercase;
        font-size: 12px;
        position: relative;
        background: #73990b;
        background: none;
        border: 2px solid #f00;
        padding: 3px 14px 3px 10px;
        color: #f00;
        text-shadow: none;
    }

    .dropdown-content .toggle:hover {
        background-color: #ddd;
    }

    .dropdown-section {
        margin: 25px 20px 25px 10px;
    }

    .dropdown-text {
        font-size: 16px;
        font-weight: 600;
    }

    .dropdown.drop-more-hottest {}

    .dropdown.drop-more-hottest>.toggle {
        color: #000;
        border: 1px solid #000;
        padding: 7px 33px 7px 13px;
        border-radius: 4px;
        font-size: 14px;
    }

    .dropdown.drop-more-hottest>.toggle:before {
        top: 9px;
        right: 8px;
    }


    /*.dropdown:hover .dropdown-content {
  display: block;
}*/
    #drop-more {
        display: none;
    }

    #drop-more:checked+.dropdown-content {
        display: block;
    }

    #drop-more-hottest {
        display: none;
    }

    #drop-more-hottest:checked+.dropdown-content {
        display: block;
        top: 30px;
        border-radius: 3px;
        min-width: 100%;
        right: 0;
    }

    .menu-divider {
        padding: 0 1px;
        color: #b9b9b9;
    }
    #site-name {
        background-image: linear-gradient(-90deg, #314c0c, #56a713);
        /* background-image: url(https://www.vistanaija.com/wp-content/uploads/2024/03/header.png);
        background-repeat: repeat-x;
        background-size: contain;
        background-color: #585858; */
        text-align: center;
        position: relative;
    }

    #site-name a.header-main-link {
        padding: 14px 20px;
        text-align: left;
    }

    #site-name a.header-main-link:focus {
        outline: 0;
    }

    #site-name a.header-main-link img {
        width: auto;
        height: 40px;
    }

    #site-name .header-gift-icon {
        position: absolute;
        padding: 0;
        top: 20px;
        right: 20px;
    }

    #site-name .header-gift-icon img {
        width: 35px;
    }

    .d-none {
        display: none;
    }
}

/* By default, hide the search form */
.unique-hidden-class {
    display: none;
}

/* For larger screens, use flexbox for centering */
.mobile-search-form {
    display: flex;
    justify-content: center;
}

/* Style for the search box */
#mini-search-box {
    max-width: 160px;
    max-height: 30px;
    font-size: 13px;
    margin-right: 5px; /* Increase the space between search box and button */
    background-color: white; /* Set background color to white */
    border: 1px solid #087312; /* 2px border with the same color */
    box-shadow: inset 0 0 5px rgba(0,0,0,0.2); /* Inset shadow */
}

/* Style for the search button */
#mini-search-btn {
    width: 45px; /* Reduced width, keeping height the same */
    height: 30px;
    background-color: #087312;
    color: white;
}

/* Make the search form visible only on screens less than or equal to 992 pixels wide */
@media (max-width: 991px) {
    .unique-hidden-class {
        display: block;
    }
}
a {
  font-family: ScoutBold, Arial, Helvetica, sans-serif;
  font-weight: 400;
  color: #087312;
  text-decoration: none;
}
a:hover {
  font-family: ScoutBold, Arial, Helvetica, sans-serif;
  font-weight: 400;
  color: #087312;
  text-decoration: none;
}
.met-crumb-text {
  color: #087312;
}

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;
    }
}

.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 0;
    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: #087312;
    text-decoration: none;
}
a {
    font-family: ScoutBold, Arial, Helvetica, sans-serif;
    font-weight: 400;
    color: #087312;
    text-decoration: none;
}
a:hover {
    color: #087312;
}
.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: 0.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 0.5s ease;
    transition: -webkit-transform 0.5s ease;
    transition: transform 0.5s ease;
    transition: transform 0.5s ease, -webkit-transform 0.5s ease;
}
#masthead.isHidden {
    -webkit-transform: translate3d(0, -50px, 0) !important;
    transform: translate3d(0, -50px, 0) !important;
}

#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: #087312;
}
nav.main-nav-container-mobile .mobile-nav-trending {
    border-left: 1px solid #fff;
    color: #087312;
}
nav.main-nav-container-mobile .mobile-nav-trending.active,
nav.main-nav-container-mobile .mobile-nav-trending:hover {
    color: #fff;
    background-color: #087312;
}
.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 0.3s ease;
    transition: -webkit-transform 0.3s ease;
    transition: transform 0.3s ease;
    transition: transform 0.3s ease, -webkit-transform 0.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: #087312;
}
.nav-menu li.menu-special > a {
    display: none;
}
.nav-menu li.menu-special a {
    color: #fff;
    background: #087312;
}
.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: #087312;
}
.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: 0.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: 0.9;
}
.copy_link_copied_message:hover {
    opacity: 0.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: 0.3s;
    transition-duration: 0.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: 0.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: -0.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 auto;
    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;
    max-height: 500px;
}
.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: -0.5em;
}
sub {
    bottom: -0.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 4px;
}
.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: 0.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 0;
}
.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 0;
    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: #087312;
    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: #087312;
    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: #087312;
    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: #fff;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    font-size: 20px;
}
.label > span span {
    margin-left: 5px;
    vertical-align: text-top;
}
.label.coloured > span,
.label.neutral > span,
.label.yellow > span {
    background: #087312;
    box-shadow: 10px 0 0 #087312, -10px 0 0 #087312;
}

.label.entertainment > span {
    background: rgba(225, 148, 232, 0.8);
    box-shadow: 10px 0 0 rgba(225, 148, 232, 0.8), -10px 0 0 rgba(225, 148, 232, 0.8);
}
.label.lifestyle > span {
    background: rgba(255, 131, 117, 0.8);
    box-shadow: 10px 0 0 rgba(255, 131, 117, 0.8), -10px 0 0 rgba(255, 131, 117, 0.8);
}
.label.sport > span {
    background: rgba(25, 245, 161, 0.8);
    box-shadow: 10px 0 0 rgba(25, 245, 161, 0.8), -10px 0 0 rgba(25, 245, 161, 0.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, 0.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 0;
}
#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: #087312;
}
.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: #087312;
    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: #087312;
    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: #087312;
    }
    .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: #087312;
    }
    .has-hover .sub-menu a:hover {
        background: #ffe38d;
    }
    .sub-menu .current-menu-item a {
        background: #ffe38d;
    }
    .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: #087312;
        background: #000;
    }
    .has-hover .menu-item-more:hover .sub-menu {
        display: block;
    }
    .has-hover .menu-item-more .sub-menu a:hover {
        color: #087312;
        background: #000;
    }
    .menu-item-more.is-hovered > a {
        color: #087312;
        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 -64px;
    }
    .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 -52px;
    }
    .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 0;
    }
    .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 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;
    }
}

[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: 0.75em;
    left: 0.9em;
    line-height: 0.75em;
    position: absolute;
    top: 0.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";
}
.telegram-icon:before {
    content: "\e2c6";
}
#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: #087312;
}
a.met-crumb-text:hover,
a.met-crumb-text:visited {
    color: #087312;
}
#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;
}
.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: #087312;
    border-bottom: 4px solid rgba(255, 255, 255, 0.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: 0.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 #087312;
}
#post-content .article-body .invalid label:after {
    color: #087312;
    content: " - This field is required";
    font-size: 0.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: 0.25rem 0.5rem 0.5rem;
    font-size: 22px;
    text-transform: uppercase;
}
.content .spot-im-comment-title .icon-comment {
    top: 2px;
    margin-right: 0.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: #087312;
    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, 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: 0.001;
    will-change: opacity;
    -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
    transition: opacity 333ms cubic-bezier(0.4, 0, 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(0.4, 0, 0.22, 1);
    transition: -webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
    transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
    transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1), -webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
}
.pswp__bg {
    will-change: opacity;
    -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
    transition: opacity 333ms cubic-bezier(0.4, 0, 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 0.15s;
    transition: opacity 0.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 0.2s;
    transition: opacity 0.2s;
    box-shadow: none;
}
.pswp__button:focus,
.pswp__button:hover {
    opacity: 1;
    outline: 0;
}
.pswp__button:active {
    outline: 0;
    opacity: 0.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, 0.5);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    padding: 10px;
    position: absolute;
    z-index: 100000000100;
    opacity: 0;
    -webkit-transition: opacity 0.25s ease-out;
    transition: opacity 0.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, 0.25);
    -webkit-transform: translateY(6px);
    -ms-transform: translateY(6px);
    transform: translateY(6px);
    -webkit-transition: -webkit-transform 0.25s;
    transition: -webkit-transform 0.25s;
    transition: transform 0.25s;
    transition: transform 0.25s, -webkit-transform 0.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 0.25s ease-out;
    transition: opacity 0.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 0.5s linear infinite;
    animation: clockwise 0.5s linear infinite;
}
.pswp--css_animation .pswp__preloader--active .pswp__preloader__donut {
    -webkit-animation: donut-rotate 1s cubic-bezier(0.4, 0, 0.22, 1) infinite;
    animation: donut-rotate 1s cubic-bezier(0.4, 0, 0.22, 1) infinite;
}
.pswp--css_animation .pswp__preloader__icn {
    background: 0 0;
    opacity: 0.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(0.4, 0, 0.22, 1);
    transition: opacity 333ms cubic-bezier(0.4, 0, 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: 0.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: #087312;
    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: #087312;
    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;
        color:#000;
    }
    .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;
        background:#fff;
    }
}
@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: #087312;
    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: 0.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: #087312;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
}
.zone-widget-more-link:hover {
    color: #087312;
}
.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, 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, 0.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, 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: 0.5em 0;
    font-size: 18px;
}
.metro-controls-overlay-panel {
    width: 100%;
    height: 100%;
    color: rgba(255, 255, 255, 0.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, 0.5);
    opacity: 0.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: 0.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: 0.0625rem solid transparent;
    padding: 0.375rem 1rem;
    font-size: 0.75rem;
    line-height: 1.5;
    border-radius: 0.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: 0.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: 14px;
    color: #222;
    line-height: 19px;
    -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(0.5);
    -ms-transform: scaleY(0.5);
    transform: scaleY(0.5);
}

@media only screen and (-webkit-min-device-pixel-ratio: 3) {
    ._2Zr6X {
        -webkit-transform: scaleY(0.33);
        -ms-transform: scaleY(0.33);
        transform: scaleY(0.33);
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 4) {
    ._2Zr6X {
        -webkit-transform: scaleY(0.25);
        -ms-transform: scaleY(0.25);
        transform: scaleY(0.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: #087312;
    color: #fff;
    text-shadow: none;
}

::selection {
    background: #087312;
    color: #fff;
    text-shadow: none;
}

input {
    border: 1px solid rgba(0, 0, 0, 0.1);
    font-size: 14px;
    outline: 0;
    padding: 5px;
    line-height: 23px;
    border-radius: 2px;
    transition: background 0.3s, border 0.3s;
    max-width: 100%;
    background-color: transparent;
    background: #f1f1f1;
    border: 0;
    box-sizing: border-box;
    color: #333;
    display: block;
    /* font-size: 1em; */
}
input:hover,
input[type="text"]:focus {
    background-color: rgba(0, 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: #087312;
    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: 0.3s;
    border-radius: 2px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

[type="submit"]:hover {
    background-color: #087312;
    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%;
    color: white;
}

@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: 0.6;
    }

    50% {
        -webkit-transform: scale(1.8);
        transform: scale(1.8);
        opacity: 0;
    }

    100% {
        opacity: 0;
    }
}

@keyframes burst {
    0% {
        opacity: 0.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 10px 0;
    padding: 3px 10px 10px 10px;
    position: relative;
}
.commentlist .li-comment:nth-child(odd) {
    background: #fff;
}

.commentlist .children .li-comment {
    background: transparent;
    background-position: 10px 15px;

    padding-right: 0;
    padding: 3px 10px 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: 40px;
    background: #f1f1f1;
}
.comment-author {
    display: inline-block;
    margin-top: 8px;
    /* margin-bottom: 0px; */
    /* margin-left: 30px; */
    font-weight: 600;
    line-height: 1.3;
    text-transform: capitalize;
    position: relative;
}
.commentlist li .comment-info {
    margin: 0 0 10px 0;

    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: #ffffcc;
    font-size: 12px;
}
.comment-notice span {
    text-decoration: underline;
    color: #ff0000;
    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: #087312;
    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, 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 0!important
}

.p-a-1 {
    padding: 1rem 1rem!important
}

.p-a-2 {
    padding: 1.5rem 1.5rem!important
}

.p-a-3 {
    padding: 3rem 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 0;
    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 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 0;
    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 0;
    -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 0!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 0!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;
}

.telegram-xl-i {
    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;
    background-color: #229ED9;
}

.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: normal;
    line-height: 1;
    text-indent: 0;
    text-transform: none;
}

.facebook-xl {
    background-color: #315c97;
}

.youtube-xl {
    background-color: #ff0000;
}

.instagram-xl {
    background-color: #d93174;
}

.telegram-xl {
    background-color: #229ED9;
}

.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 20px;
    border-radius: 10px;
    display: inline-block;
    font-size: 23px;
    text-transform: uppercase;
    font-weight: 400;
    /* margin-bottom: 15px; */
    border-bottom: 2px solid #087312;
    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;
    }
}

.tag-balance {
    margin: 0 0 20px;
    padding: 0 0 0 10px;
}




		
.btn {
    align-items: center;
    background-color: #087312;
    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: #087312;
    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: #087312;
    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: #087312
}

@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
}



.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: #087312;
    
    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 span {
    
   
    color: #000;
    
}

.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: 35px;
    font-size: 14px;
	font-weight: 600;
}

.main-nav-mobile ul li.active,.main-nav-mobile ul li:hover {
    background-color: #087312;
    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
}
		
.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;
}

.vistahead {
    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;
    background-color:#087312;
}

.tag-balance {
    margin: 0 0 20px;
    padding: 0 0 0 10px;
}

.fa-telegram:before {
    /* content: "\f2c6"; */
    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;
}

.vistaspace {
margin-bottom: 10px;
margin-top: 10px;
padding: 20px;
position: relative;
overflow: hidden;
}