.wpp-no-data {
} .wpp-list {
} .wpp-list li {
overflow: hidden;
float: none;
clear: both;
margin-bottom: 1rem;
}
.wpp-list li:last-of-type {
margin-bottom: 0;
} .wpp-list li.current {
} .wpp-thumbnail {
display: inline;
float: left;
margin: 0 1rem 0 0;
border: none;
}
.wpp_def_no_src {
object-fit: contain;
} .wpp-post-title {
} .wpp-excerpt {
}
.wpp-excerpt:empty {
display: none;
} .wpp-meta, .post-stats {
display: block;
font-size: 0.8em;
}
.wpp-meta:empty, .post-stats:empty {
display: none;
} .wpp-comments {
} .wpp-views {
} .wpp-author {
} .wpp-date {
} .wpp-category {
} .wpp-rating {
}* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
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;
}
.flt-r {
float: right;
}
.flt-l {
float: left;
}
.clear {
clear: both;
}
.centred-m10 {
display: block;
margin: 10px auto;
}
.display-none,
.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;
}
}
.fixed {
position: fixed;
}
.relative {
position: relative;
}
.absolute {
position: absolute;
}
.static {
position: static;
}
.alt-font-bold {
font-family: Gbt3kBold, Arial, Helvetica, sans-serif;
font-weight: 400;
}
.no-underline,
.no-underline:hover {
text-decoration: none;
}
.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;
}
.alert-danger {
color: #a94442;
background-color: #f2dede;
border-color: #ebccd1;
}
body {
-webkit-text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
text-size-adjust: 100%;
height: 100%;
font-family: Gbt3kLight, 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;
}
.page-body[style] {
overflow: hidden !important;
}
.col-a {
float: none;
clear: both;
width: 100%;
}
.col-b {
float: none;
clear: both;
width: 100%;
}
.col-abc {
clear: both;
}
.col-abc .centred-block {
font-size: 16px;
}
.percent100 {
max-width: 100%;
}
#pageTop {
position: relative;
padding-left: 10px;
padding-right: 10px;
background-color: #fff;
}
.ie9 #pageTop {
padding-bottom: 60px !important;
}
.content {
position: relative;
font-size: 1.4em;
}
.widget .mor-static a {
color: #ea6400;
}
.widget .mor-static a:hover,
.widget .mor-static a:visited {
color: #a34600;
text-decoration: none;
}
.sbs-title {
font-family: Gbt3kBold, Arial, Helvetica, sans-serif;
font-weight: 400;
font-size: 14px;
line-height: 1.1;
}
.sbs-title:hover {
text-decoration: none;
}
a {
font-family: Gbt3kBold, Arial, Helvetica, sans-serif;
font-weight: 400;
color: #027c05;
text-decoration: none;
}
a:hover {
color: #666;
}
.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;
}
.small_link {
font-size: 1.4em;
}
.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-news.teaser {
border-top-color: #193989;
}
.cat-parent-news.teaser .category {
background-color: #193989;
}
.cat-parent-sport.teaser {
border-top-color: #ba001f;
}
.cat-parent-sport.teaser .category {
background-color: #ba001f;
}
.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;
}
#ad-special {
height: 1px;
}
#article-below-content .ad-slot div:last-of-type {
margin-bottom: 20px !important;
}
.ie8 .author-box {
background-image: none !important;
}
#sticky-elements {
width: 300px;
}
#actionbar {
display: none;
}
#content blockquote {
font-family: Gbt3kBold, 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;
}
.has-leading-image .article-body > p:first-of-type {
position: relative;
}
.has-leading-image .article-body > p:first-of-type:first-letter {
font-size: 60px;
font-family: Gbt3kBold, Arial, Helvetica, sans-serif;
font-weight: 400;
line-height: 0.65;
}
@-webkit-keyframes moving-panel {
100% {
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
}
@keyframes moving-panel {
100% {
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
}
#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;
}
.page-container {
margin-top: 10px;
padding-top: 50px;
}
.metro_ads_leaderboard_all_off #masthead,
.metro_ads_leaderboard_small_off #masthead {
top: 0;
margin-top: 0;
}
.metro_ads_leaderboard_all_off .page-container,
.metro_ads_leaderboard_small_off .page-container {
margin-top: 10px;
padding-top: 50px;
}
.metro_ads_leaderboard_all_off.admin-bar .page-container,
.metro_ads_leaderboard_small_off.admin-bar .page-container {
margin-top: 10px;
padding-top: 50px;
}
.metro-nav-open {
position: fixed;
overflow: hidden;
}
.metro-nav-open #masthead {
min-height: 100%;
overflow-y: scroll;
z-index: 101;
}
#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: Gbt3kBold, 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: "all";
display: block;
font-family: Gbt3kBold, 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: #027c05;
}
nav.main-nav-container-mobile .mobile-nav-trending {
border-left: 1px solid #fff;
color: #027c05;
}
nav.main-nav-container-mobile .mobile-nav-trending.active,
nav.main-nav-container-mobile .mobile-nav-trending:hover {
color: #fff;
background-color: #027c05;
}
.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-share-count {
display: none;
}
.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: Gbt3kBold, 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: #027c05;
}
.nav-menu li.menu-special > a {
display: none;
}
.nav-menu li.menu-special a {
color: #fff;
background: #027c05;
}
.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: #027c05;
}
.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;
}
.page-template-page-covid-free .main-nav-container {
margin-bottom: 40px;
}
.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;
}
#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: Gbt3kBold, 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;
}
.archive-timestamp {
display: block;
font-size: 14px;
padding: 0 0 10px 10px;
}
.archive-timestamp h1,
.archive-timestamp h4 {
display: inline;
font-family: Gbt3kBold, Arial, Helvetica, sans-serif;
font-weight: 400;
margin-right: 0.5em;
}
.metro-sub-nav-menu {
text-align: center;
margin-bottom: 10px;
}
.metro-sub-nav-menu-item {
display: inline-block;
margin: 0 2px 5px;
}
.metro-sub-nav-menu-item:last-child .metro-sub-nav-menu-anchor::after {
display: none;
}
.metro-sub-nav-menu-anchor {
color: #000;
font-size: 18px;
font-family: Gbt3kLight, Arial, Helvetica, sans-serif;
font-weight: 400;
padding: 5px;
display: block;
width: auto;
position: relative;
}
.metro-sub-nav-menu-anchor:active,
.metro-sub-nav-menu-anchor:focus,
.metro-sub-nav-menu-anchor:hover,
.metro-sub-nav-menu-anchor:visited {
color: #000;
}
.metro-sub-nav-menu-anchor::after {
content: "|";
position: absolute;
right: -5px;
color: #000;
}
@font-face {
font-display: fallback;
font-family: Gbt3kLight;
src: url(https://www.latestnaijasongs.ng/wp-content/themes/trendyhiphop-theme-by-gbt3k/fonts/scout-light/Scout-Light.woff2?v=2025) format("woff2"), url(https://www.latestnaijasongs.ng/wp-content/themes/www.trendyhiphop-theme-by-gbt3k/fonts/scout-light/Scout-Light.woff?v=2019) format("woff"),
url(https://www.latestnaijasongs.ng/wp-content/themes/trendyhiphop-theme-by-gbt3k/fonts/scout-light/Scout-Light.ttf?v=2025) format("truetype");
font-style: normal;
font-weight: 400;
}
@font-face {
font-display: fallback;
font-family: Gbt3kBold;
src: url(https://www.latestnaijasongs.ng/wp-content/themes/trendyhiphop-theme-by-gbt3k/fonts/scout-bold/Scout-Bold.woff2?v=2025) format("woff2"), url(https://www.latestnaijasongs.ng/wp-content/themes/trendyhiphop-theme-by-gbt3k/fonts/scout-bold/Scout-Bold.woff?v=2019) format("woff"),
url(https://www.latestnaijasongs.ng/wp-content/themes/trendyhiphop-theme-by-gbt3k/fonts/scout-bold/Scout-Bold.ttf?v=2025) format("truetype");
font-style: normal;
font-weight: 400;
}
.colour-entertainment .colour-box {
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);
-webkit-box-decoration-break: clone;
box-decoration-break: clone;
color: #000;
}
.colour-entertainment .category-colour-background {
background-color: rgba(225, 148, 232, 0.8);
}
.colour-entertainment .category-colour-text {
color: #e194e8;
}
.colour-entertainment .category-colour-text:hover {
color: #d56adf;
}
.colour-entertainment .category-colour-background-hover:hover .category-colour-background {
background-color: rgba(213, 106, 223, 0.8);
}
.colour-entertainment .category-colour-background-hover:hover .colour-box {
background: rgba(213, 106, 223, 0.8);
box-shadow: 10px 0 0 rgba(213, 106, 223, 0.8), -10px 0 0 rgba(213, 106, 223, 0.8);
-webkit-box-decoration-break: clone;
box-decoration-break: clone;
}
.colour-entertainment .category-colour-text-after::after {
color: #e194e8;
}
.colour-lifestyle .colour-box {
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);
-webkit-box-decoration-break: clone;
box-decoration-break: clone;
color: #000;
}
.colour-lifestyle .category-colour-background {
background-color: rgba(255, 131, 117, 0.8);
}
.colour-lifestyle .category-colour-text {
color: #ff8375;
}
.colour-lifestyle .category-colour-text:hover {
color: #ff5542;
}
.colour-lifestyle .category-colour-background-hover:hover .category-colour-background {
background-color: rgba(255, 85, 66, 0.8);
}
.colour-lifestyle .category-colour-background-hover:hover .colour-box {
background: rgba(255, 85, 66, 0.8);
box-shadow: 10px 0 0 rgba(255, 85, 66, 0.8), -10px 0 0 rgba(255, 85, 66, 0.8);
-webkit-box-decoration-break: clone;
box-decoration-break: clone;
}
.colour-lifestyle .category-colour-text-after::after {
color: #ff8375;
}
.colour-sport .colour-box {
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);
-webkit-box-decoration-break: clone;
box-decoration-break: clone;
color: #000;
}
.colour-sport .category-colour-background {
background-color: rgba(25, 245, 161, 0.8);
}
.colour-sport .category-colour-text {
color: #19f5a1;
}
.colour-sport .category-colour-text:hover {
color: #09d285;
}
.colour-sport .category-colour-background-hover:hover .category-colour-background {
background-color: rgba(9, 210, 133, 0.8);
}
.colour-sport .category-colour-background-hover:hover .colour-box {
background: rgba(9, 210, 133, 0.8);
box-shadow: 10px 0 0 rgba(9, 210, 133, 0.8), -10px 0 0 rgba(9, 210, 133, 0.8);
-webkit-box-decoration-break: clone;
box-decoration-break: clone;
}
.colour-sport .category-colour-text-after::after {
color: #19f5a1;
}
.colour-entertainment .colour-box {
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);
-webkit-box-decoration-break: clone;
box-decoration-break: clone;
color: #000;
}
.colour-lifestyle .colour-box {
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);
-webkit-box-decoration-break: clone;
box-decoration-break: clone;
color: #000;
}
.colour-sport .colour-box {
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);
-webkit-box-decoration-break: clone;
box-decoration-break: clone;
color: #000;
}
.colour-1 .colour-box,
.colour-1 .colour-box-nohover {
background-color: rgba(7, 56, 127, 0.8);
box-shadow: 10px 0 0 rgba(7, 56, 127, 0.8), -10px 0 0 rgba(7, 56, 127, 0.8);
-webkit-box-decoration-break: clone;
box-decoration-break: clone;
}
.colour-1 .colour-box-lighten-20,
.colour-1.colour-box-lighten-20 {
background-color: rgba(12, 99, 224, 0.8);
box-shadow: 10px 0 0 rgba(12, 99, 224, 0.8), -10px 0 0 rgba(12, 99, 224, 0.8);
}
.colour-1 .colour-bg-lighten-10,
.colour-1.colour-bg-lighten-10 {
background-color: rgba(10, 77, 175, 0.8);
}
.colour-1.metro-sassy-poll:not(.is-answered) .msp-option:hover {
background-color: rgba(2, 13, 30, 0.8);
box-shadow: 10px 0 0 rgba(2, 13, 30, 0.8), -10px 0 0 rgba(2, 13, 30, 0.8);
}
.colour-1 .is-clickable .mpw-option:hover {
background-color: rgba(2, 13, 30, 0.8);
}
.colour-1:hover .colour-box {
background-color: rgba(4, 35, 79, 0.8);
box-shadow: 10px 0 0 rgba(4, 35, 79, 0.8), -10px 0 0 rgba(4, 35, 79, 0.8);
}
.mosaic-item.colour-1 .title:after {
color: #07387f;
}
.mosaic-item.colour-1 .excerpt:after {
color: #07387f;
}
.trs-item.colour-1 .excerpt:after {
color: #07387f;
}
.colour-2 .colour-box,
.colour-2 .colour-box-nohover {
background-color: rgba(0, 174, 255, 0.8);
box-shadow: 10px 0 0 rgba(0, 174, 255, 0.8), -10px 0 0 rgba(0, 174, 255, 0.8);
-webkit-box-decoration-break: clone;
box-decoration-break: clone;
}
.colour-2 .colour-box-lighten-20,
.colour-2.colour-box-lighten-20 {
background-color: rgba(102, 206, 255, 0.8);
box-shadow: 10px 0 0 rgba(102, 206, 255, 0.8), -10px 0 0 rgba(102, 206, 255, 0.8);
}
.colour-2 .colour-bg-lighten-10,
.colour-2.colour-bg-lighten-10 {
background-color: rgba(51, 190, 255, 0.8);
}
.colour-2.metro-sassy-poll:not(.is-answered) .msp-option:hover {
background-color: rgba(0, 104, 153, 0.8);
box-shadow: 10px 0 0 rgba(0, 104, 153, 0.8), -10px 0 0 rgba(0, 104, 153, 0.8);
}
.colour-2 .is-clickable .mpw-option:hover {
background-color: rgba(0, 104, 153, 0.8);
}
.colour-2:hover .colour-box {
background-color: rgba(0, 139, 204, 0.8);
box-shadow: 10px 0 0 rgba(0, 139, 204, 0.8), -10px 0 0 rgba(0, 139, 204, 0.8);
}
.mosaic-item.colour-2 .title:after {
color: #00aeff;
}
.mosaic-item.colour-2 .excerpt:after {
color: #00aeff;
}
.trs-item.colour-2 .excerpt:after {
color: #00aeff;
}
.colour-3 .colour-box,
.colour-3 .colour-box-nohover {
background-color: rgba(255, 0, 68, 0.8);
box-shadow: 10px 0 0 rgba(255, 0, 68, 0.8), -10px 0 0 rgba(255, 0, 68, 0.8);
-webkit-box-decoration-break: clone;
box-decoration-break: clone;
}
.colour-3 .colour-box-lighten-20,
.colour-3.colour-box-lighten-20 {
background-color: rgba(255, 102, 143, 0.8);
box-shadow: 10px 0 0 rgba(255, 102, 143, 0.8), -10px 0 0 rgba(255, 102, 143, 0.8);
}
.colour-3 .colour-bg-lighten-10,
.colour-3.colour-bg-lighten-10 {
background-color: rgba(255, 51, 105, 0.8);
}
.colour-3.metro-sassy-poll:not(.is-answered) .msp-option:hover {
background-color: rgba(153, 0, 41, 0.8);
box-shadow: 10px 0 0 rgba(153, 0, 41, 0.8), -10px 0 0 rgba(153, 0, 41, 0.8);
}
.colour-3 .is-clickable .mpw-option:hover {
background-color: rgba(153, 0, 41, 0.8);
}
.colour-3:hover .colour-box {
background-color: rgba(204, 0, 54, 0.8);
box-shadow: 10px 0 0 rgba(204, 0, 54, 0.8), -10px 0 0 rgba(204, 0, 54, 0.8);
}
.mosaic-item.colour-3 .title:after {
color: #027c05;
}
.mosaic-item.colour-3 .excerpt:after {
color: #027c05;
}
.trs-item.colour-3 .excerpt:after {
color: #027c05;
}
.colour-4 .colour-box,
.colour-4 .colour-box-nohover {
background-color: rgba(94, 2, 43, 0.8);
box-shadow: 10px 0 0 rgba(94, 2, 43, 0.8), -10px 0 0 rgba(94, 2, 43, 0.8);
-webkit-box-decoration-break: clone;
box-decoration-break: clone;
}
.colour-4 .colour-box-lighten-20,
.colour-4.colour-box-lighten-20 {
background-color: rgba(194, 4, 89, 0.8);
box-shadow: 10px 0 0 rgba(194, 4, 89, 0.8), -10px 0 0 rgba(194, 4, 89, 0.8);
}
.colour-4 .colour-bg-lighten-10,
.colour-4.colour-bg-lighten-10 {
background-color: rgba(144, 3, 66, 0.8);
}
.colour-4.metro-sassy-poll:not(.is-answered) .msp-option:hover {
background-color: rgba(0, 0, 0, 0.8);
box-shadow: 10px 0 0 rgba(0, 0, 0, 0.8), -10px 0 0 rgba(0, 0, 0, 0.8);
}
.colour-4 .is-clickable .mpw-option:hover {
background-color: rgba(0, 0, 0, 0.8);
}
.colour-4:hover .colour-box {
background-color: rgba(44, 1, 20, 0.8);
box-shadow: 10px 0 0 rgba(44, 1, 20, 0.8), -10px 0 0 rgba(44, 1, 20, 0.8);
}
.mosaic-item.colour-4 .title:after {
color: #5e022b;
}
.mosaic-item.colour-4 .excerpt:after {
color: #5e022b;
}
.trs-item.colour-4 .excerpt:after {
color: #5e022b;
}
.colour-5 .colour-box,
.colour-5 .colour-box-nohover {
background-color: rgba(234, 100, 0, 0.8);
box-shadow: 10px 0 0 rgba(234, 100, 0, 0.8), -10px 0 0 rgba(234, 100, 0, 0.8);
-webkit-box-decoration-break: clone;
box-decoration-break: clone;
}
.colour-5 .colour-box-lighten-20,
.colour-5.colour-box-lighten-20 {
background-color: rgba(255, 155, 81, 0.8);
box-shadow: 10px 0 0 rgba(255, 155, 81, 0.8), -10px 0 0 rgba(255, 155, 81, 0.8);
}
.colour-5 .colour-bg-lighten-10,
.colour-5.colour-bg-lighten-10 {
background-color: rgba(255, 126, 30, 0.8);
}
.colour-5.metro-sassy-poll:not(.is-answered) .msp-option:hover {
background-color: rgba(132, 56, 0, 0.8);
box-shadow: 10px 0 0 rgba(132, 56, 0, 0.8), -10px 0 0 rgba(132, 56, 0, 0.8);
}
.colour-5 .is-clickable .mpw-option:hover {
background-color: rgba(132, 56, 0, 0.8);
}
.colour-5:hover .colour-box {
background-color: rgba(183, 78, 0, 0.8);
box-shadow: 10px 0 0 rgba(183, 78, 0, 0.8), -10px 0 0 rgba(183, 78, 0, 0.8);
}
.mosaic-item.colour-5 .title:after {
color: #ea6400;
}
.mosaic-item.colour-5 .excerpt:after {
color: #ea6400;
}
.trs-item.colour-5 .excerpt:after {
color: #ea6400;
}
.colour-6 .colour-box,
.colour-6 .colour-box-nohover {
background-color: rgba(20, 148, 204, 0.8);
box-shadow: 10px 0 0 rgba(20, 148, 204, 0.8), -10px 0 0 rgba(20, 148, 204, 0.8);
-webkit-box-decoration-break: clone;
box-decoration-break: clone;
}
.colour-6 .colour-box-lighten-20,
.colour-6.colour-box-lighten-20 {
background-color: rgba(87, 193, 239, 0.8);
box-shadow: 10px 0 0 rgba(87, 193, 239, 0.8), -10px 0 0 rgba(87, 193, 239, 0.8);
}
.colour-6 .colour-bg-lighten-10,
.colour-6.colour-bg-lighten-10 {
background-color: rgba(41, 175, 234, 0.8);
}
.colour-6.metro-sassy-poll:not(.is-answered) .msp-option:hover {
background-color: rgba(11, 81, 111, 0.8);
box-shadow: 10px 0 0 rgba(11, 81, 111, 0.8), -10px 0 0 rgba(11, 81, 111, 0.8);
}
.colour-6 .is-clickable .mpw-option:hover {
background-color: rgba(11, 81, 111, 0.8);
}
.colour-6:hover .colour-box {
background-color: rgba(15, 114, 158, 0.8);
box-shadow: 10px 0 0 rgba(15, 114, 158, 0.8), -10px 0 0 rgba(15, 114, 158, 0.8);
}
.mosaic-item.colour-6 .title:after {
color: #1494cc;
}
.mosaic-item.colour-6 .excerpt:after {
color: #1494cc;
}
.trs-item.colour-6 .excerpt:after {
color: #1494cc;
}
.colour-7 .colour-box,
.colour-7 .colour-box-nohover {
background-color: rgba(235, 91, 76, 0.8);
box-shadow: 10px 0 0 rgba(235, 91, 76, 0.8), -10px 0 0 rgba(235, 91, 76, 0.8);
-webkit-box-decoration-break: clone;
box-decoration-break: clone;
}
.colour-7 .colour-box-lighten-20,
.colour-7.colour-box-lighten-20 {
background-color: rgba(245, 175, 168, 0.8);
box-shadow: 10px 0 0 rgba(245, 175, 168, 0.8), -10px 0 0 rgba(245, 175, 168, 0.8);
}
.colour-7 .colour-bg-lighten-10,
.colour-7.colour-bg-lighten-10 {
background-color: rgba(240, 133, 122, 0.8);
}
.colour-7.metro-sassy-poll:not(.is-answered) .msp-option:hover {
background-color: rgba(188, 37, 21, 0.8);
box-shadow: 10px 0 0 rgba(188, 37, 21, 0.8), -10px 0 0 rgba(188, 37, 21, 0.8);
}
.colour-7 .is-clickable .mpw-option:hover {
background-color: rgba(188, 37, 21, 0.8);
}
.colour-7:hover .colour-box {
background-color: rgba(230, 49, 30, 0.8);
box-shadow: 10px 0 0 rgba(230, 49, 30, 0.8), -10px 0 0 rgba(230, 49, 30, 0.8);
}
.mosaic-item.colour-7 .title:after {
color: #eb5b4c;
}
.mosaic-item.colour-7 .excerpt:after {
color: #eb5b4c;
}
.trs-item.colour-7 .excerpt:after {
color: #eb5b4c;
}
.colour-8 .colour-box,
.colour-8 .colour-box-nohover {
background-color: rgba(186, 34, 178, 0.8);
box-shadow: 10px 0 0 rgba(186, 34, 178, 0.8), -10px 0 0 rgba(186, 34, 178, 0.8);
-webkit-box-decoration-break: clone;
box-decoration-break: clone;
}
.colour-8 .colour-box-lighten-20,
.colour-8.colour-box-lighten-20 {
background-color: rgba(226, 96, 219, 0.8);
box-shadow: 10px 0 0 rgba(226, 96, 219, 0.8), -10px 0 0 rgba(226, 96, 219, 0.8);
}
.colour-8 .colour-bg-lighten-10,
.colour-8.colour-bg-lighten-10 {
background-color: rgba(218, 53, 209, 0.8);
}
.colour-8.metro-sassy-poll:not(.is-answered) .msp-option:hover {
background-color: rgba(100, 18, 95, 0.8);
box-shadow: 10px 0 0 rgba(100, 18, 95, 0.8), -10px 0 0 rgba(100, 18, 95, 0.8);
}
.colour-8 .is-clickable .mpw-option:hover {
background-color: rgba(100, 18, 95, 0.8);
}
.colour-8:hover .colour-box {
background-color: rgba(143, 26, 137, 0.8);
box-shadow: 10px 0 0 rgba(143, 26, 137, 0.8), -10px 0 0 rgba(143, 26, 137, 0.8);
}
.mosaic-item.colour-8 .title:after {
color: #ba22b2;
}
.mosaic-item.colour-8 .excerpt:after {
color: #ba22b2;
}
.trs-item.colour-8 .excerpt:after {
color: #ba22b2;
}
.colour-9 .colour-box,
.colour-9 .colour-box-nohover {
background-color: rgba(255, 0, 130, 0.8);
box-shadow: 10px 0 0 rgba(255, 0, 130, 0.8), -10px 0 0 rgba(255, 0, 130, 0.8);
-webkit-box-decoration-break: clone;
box-decoration-break: clone;
}
.colour-9 .colour-box-lighten-20,
.colour-9.colour-box-lighten-20 {
background-color: rgba(255, 102, 180, 0.8);
box-shadow: 10px 0 0 rgba(255, 102, 180, 0.8), -10px 0 0 rgba(255, 102, 180, 0.8);
}
.colour-9 .colour-bg-lighten-10,
.colour-9.colour-bg-lighten-10 {
background-color: rgba(255, 51, 155, 0.8);
}
.colour-9.metro-sassy-poll:not(.is-answered) .msp-option:hover {
background-color: rgba(153, 0, 78, 0.8);
box-shadow: 10px 0 0 rgba(153, 0, 78, 0.8), -10px 0 0 rgba(153, 0, 78, 0.8);
}
.colour-9 .is-clickable .mpw-option:hover {
background-color: rgba(153, 0, 78, 0.8);
}
.colour-9:hover .colour-box {
background-color: rgba(204, 0, 104, 0.8);
box-shadow: 10px 0 0 rgba(204, 0, 104, 0.8), -10px 0 0 rgba(204, 0, 104, 0.8);
}
.mosaic-item.colour-9 .title:after {
color: #ff0082;
}
.mosaic-item.colour-9 .excerpt:after {
color: #ff0082;
}
.trs-item.colour-9 .excerpt:after {
color: #ff0082;
}
.colour-10 .colour-box,
.colour-10 .colour-box-nohover {
background-color: rgba(0, 192, 0, 0.8);
box-shadow: 10px 0 0 rgba(0, 192, 0, 0.8), -10px 0 0 rgba(0, 192, 0, 0.8);
-webkit-box-decoration-break: clone;
box-decoration-break: clone;
}
.colour-10 .colour-box-lighten-20,
.colour-10.colour-box-lighten-20 {
background-color: rgba(39, 255, 39, 0.8);
box-shadow: 10px 0 0 rgba(39, 255, 39, 0.8), -10px 0 0 rgba(39, 255, 39, 0.8);
}
.colour-10 .colour-bg-lighten-10,
.colour-10.colour-bg-lighten-10 {
background-color: rgba(0, 243, 0, 0.8);
}
.colour-10.metro-sassy-poll:not(.is-answered) .msp-option:hover {
background-color: rgba(0, 90, 0, 0.8);
box-shadow: 10px 0 0 rgba(0, 90, 0, 0.8), -10px 0 0 rgba(0, 90, 0, 0.8);
}
.colour-10 .is-clickable .mpw-option:hover {
background-color: rgba(0, 90, 0, 0.8);
}
.colour-10:hover .colour-box {
background-color: rgba(0, 141, 0, 0.8);
box-shadow: 10px 0 0 rgba(0, 141, 0, 0.8), -10px 0 0 rgba(0, 141, 0, 0.8);
}
.mosaic-item.colour-10 .title:after {
color: #00c000;
}
.mosaic-item.colour-10 .excerpt:after {
color: #00c000;
}
.trs-item.colour-10 .excerpt:after {
color: #00c000;
}
.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 {
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: Gbt3kBold, 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: Gbt3kBold, 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: Gbt3kBold, 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: Gbt3kBold, 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: Gbt3kLight, 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: Gbt3kBold, Arial, Helvetica, sans-serif;
font-weight: 400;
font-size: 25px;
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;
}
.single-attachment .content .post-title {
overflow-wrap: break-word;
}
.post-category.header {
display: block;
margin-top: 10px;
margin-bottom: 4px;
text-transform: uppercase;
font-size: 11px;
}
.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: Gbt3kBold, Arial, Helvetica, sans-serif;
font-weight: 400;
font-size: 24px;
line-height: 1em;
margin-bottom: 10px;
}
.single-article h3,
.single-article h4 {
font-family: Gbt3kBold, Arial, Helvetica, sans-serif;
font-weight: 400;
line-height: 1em;
font-weight: 400;
margin-bottom: 10px;
}
.sticky-container {
overflow: hidden;
margin-bottom: 10px;
}
.author-box {
margin-bottom: 10px;
padding: 15px;
background: #eaeaea url(//www.musicmobil.com/wp-content/themes/img/author-box-bg.jpg?10) repeat;
line-height: 1.5;
font-size: 1.4em;
}
.author-box li {
font-size: 1.1em;
}
.author-box h1 {
font-size: 2em;
margin-bottom: 0.5em;
color: #aaa;
font-family: Gbt3kBold, Arial, Helvetica, sans-serif;
font-weight: 400;
}
.author-box h2 {
font-size: 26px !important;
color: #666;
line-height: 1 !important;
}
.author-box h3 {
font-size: 1em;
margin-bottom: 0.5em;
margin-top: 0.5em;
color: #666;
line-height: 0.9em;
}
.author-box .author-img-container {
position: relative;
float: left;
margin-right: 10px;
margin-bottom: 5px;
}
.author-box .author-img {
width: 100px;
height: 100px;
border-radius: 53px;
}
.author-box.sponsored-author {
background-color: #fdf6e4;
background-image: none;
}
.sponsored-author .author-img {
border-radius: 0;
}
div.author-box.metro {
background: #dce0ee;
}
.author-desc-container {
clear: both;
}
.aut-badge {
position: absolute;
right: 0;
bottom: 0;
width: 35px;
height: auto;
}
.sponsored-author .aut-badge {
right: -15px;
}
.aut-icon {
display: block;
width: 24px;
height: 24px;
margin-right: 5px;
}
.aut-icon.facebook {
background: #3b5998;
}
.aut-icon.facebook:hover {
background-color: #fff;
color: #3b5998;
}
.aut-icon.twitter {
background: #17abed;
}
.aut-icon.twitter:hover {
background-color: #fff;
color: #17abed;
}
.aut-icon.google {
background: #dd4b39;
}
.aut-icon.google:hover {
background-color: #fff;
color: #dd4b39;
}
.aut-icon.website {
background: #6cb42c;
}
.aut-icon.website:hover {
background-color: #fff;
color: #6cb42c;
}
.category .author-img-container {
max-width: 160px;
margin-right: 10px;
}
.author-short-desc {
display: block;
margin-bottom: 10px;
color: #888;
}
.sticky {
display: block;
margin-bottom: 10px;
}
.author-contact-links {
overflow: hidden;
}
.author-contact-links li {
float: left;
margin-bottom: 0.5em;
white-space: nowrap;
}
.author-contact-links img {
position: relative;
margin-right: 5px;
top: 3px;
}
.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;
}
.category-sport .byline-author-img {
background: #1af19e;
}
.category-entertainment .byline-author-img {
background: #e4a6dc;
}
.category-lifestyle .byline-author-img {
background: #ff9c91;
}
.has-leading-image .byline-author-img {
background: 0 0;
}
.post_style-opinion .post-meta-top {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
margin-bottom: -3px;
}
.post_style-opinion .byline-author-link {
-ms-flex-preferred-size: 85px;
flex-basis: 85px;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.post_style-opinion .byline-author-img {
width: 75px;
height: 75px;
margin-bottom: 3px;
border-radius: 0;
background: 0 0;
}
.post_style-opinion .byline-container {
-ms-flex-preferred-size: auto;
flex-basis: auto;
width: auto;
margin-bottom: 10px;
}
.post_style-opinion .byline .author {
padding: 0 7px 2px;
color: #fff;
background: #000;
font-size: 18px;
margin-right: 3px;
}
.post_style-opinion .byline:last-child .author {
margin-left: 3px;
margin-right: 0;
}
.post_style-opinion .author-container {
display: inline-block;
margin-right: 10px;
margin-bottom: 5px;
vertical-align: middle;
}
.post_style-opinion .author-social {
display: inline-block;
width: 20px;
height: 20px;
margin-left: 5px;
margin-bottom: 3px;
border-radius: 10px;
vertical-align: middle;
}
.post_style-opinion .author-social:before {
display: block;
width: 20px;
height: 20px;
font-family: icomoon;
line-height: 20px;
font-size: 12px;
color: #fff;
text-align: center;
cursor: pointer;
}
.post_style-opinion .author-facebook {
background: #3b5998;
}
.post_style-opinion .author-facebook:before {
content: "\e012";
}
.post_style-opinion .author-twitter {
background: #17abee;
}
.post_style-opinion .author-twitter:before {
content: "\e01e";
}
.post_style-opinion .author-job-title {
display: block;
margin-bottom: 5px;
font-size: 12px;
}
.post_style-opinion .post-date {
font-size: 12px;
}
.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;
}
.social_btn {
margin-right: 10px;
}
.post-meta-top {
margin: 10px 0;
clear: both;
}
.sticky .byline {
margin-bottom: 5px;
}
.user_short_desc {
color: #777;
}
.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: Gbt3kBold, 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 {
font-family: Gbt3kBold, Arial, Helvetica, sans-serif;
font-weight: 400;
}
.gallery-content > article {
margin-bottom: 20px;
}
.no-results .sorry {
margin-top: 40px;
}
.actual-size {
width: auto;
height: auto;
}
#post-content .article-body {
position: relative;
}
.single-article iframe {
max-width: 100%;
}
video:not(.video-js) {
width: 100%;
}
.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%;
}
.gallery-image .figcaption {
max-width: 520px;
margin: 0 auto;
}
#archive-content,
#author-content,
#tag-content {
padding-top: 5px;
}
.listicle-img-container {
text-align: center;
}
.listicle-img-container img {
width: 100%;
}
.listicle-item {
margin-bottom: 10px;
}
.listicle-item h2 {
font-size: 20px;
}
.listicle-img-container {
position: relative;
}
.listicle-item-descr {
font-size: 18px;
line-height: 1.3;
text-align: left;
}
.listicle-item-caption {
text-align: left !important;
}
.gallery-listicle .anchor {
display: inline-block;
margin-top: -40px;
padding-top: 40px;
}
.img-container .anchor {
position: absolute;
top: -60px;
}
.img-cnt,
.wps-image {
width: 100% !important;
height: auto !important;
}
.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: Gbt3kBold, Arial, Helvetica, sans-serif;
font-weight: 400;
font-size: 14px;
line-height: 1.1;
}
.js-object-fit {
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
}
.js-object-fit img {
opacity: 0;
}
.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;
}
.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;
}
.related-posts-static.widget a {
font-size: 16px;
line-height: 1.2;
}
.post-style {
position: relative;
overflow: hidden;
}
.ti-image-box .icon {
padding: 6px;
font-size: 12px;
}
.ad-feature,
.sponsored {
display: inline-block;
margin-bottom: 10px;
padding: 5px;
color: #fff;
font-family: Gbt3kBold, Arial, Helvetica, sans-serif;
font-weight: 400;
font-size: 14px;
text-transform: uppercase;
}
.ad-feature {
background: #666;
}
.sponsored {
background: #ee8333;
}
.sponsored-article .author-box {
background-color: #fdf6e4;
background-image: none;
}
.sponsored-article .author-img {
border-radius: 0;
background: 0 0;
}
.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;
}
.jp-carousel-titleanddesc {
display: none !important;
}
.thumbnail-link {
display: block;
float: left;
width: 120px;
margin-right: 20px;
margin-top: 10px;
margin-bottom: 10px;
overflow: hidden;
}
.thumbnail-link .mor-title {
display: block;
clear: both;
margin-top: -3px;
}
.thumbnail-link .mor-title-ad-feature,
.thumbnail-link .mor-title-sponsored {
display: block;
margin-bottom: 3px;
font-family: Gbt3kBold, Arial, Helvetica, sans-serif;
font-weight: 400;
font-size: 16px;
text-transform: uppercase;
}
.thumbnail-link img {
display: block;
float: left;
width: 100px;
height: 75px;
margin-bottom: 5px;
}
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;
}
.breaking-news-label {
display: inline-block;
font-family: Gbt3kBold, Arial, Helvetica, sans-serif;
font-weight: 400;
text-transform: uppercase;
}
.breaking-news-label em {
display: block;
position: relative;
bottom: -0.22em;
padding: 0 0.2em 0.15em 0.2em;
background: #000;
color: #027c05;
}
.breaking-news-label strong {
display: inline-block;
position: relative;
padding: 0 0.2em 0.15em 0.2em;
background: #000;
color: #fff;
}
.before-and-after {
position: relative;
margin: 0 auto;
font-size: 0;
overflow: hidden;
-ms-touch-action: none;
-webkit-touch-callout: none;
-webkit-user-select: none;
}
.before-and-after.portrait {
max-width: 200px;
}
.before-and-after img {
width: 100%;
height: auto;
}
.before-and-after:hover {
cursor: col-resize;
}
.bef-after {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 50%;
box-sizing: border-box;
border-right: 2px solid #fff;
background-size: cover;
}
.bef-label {
display: block;
position: absolute;
top: 50%;
right: 0;
z-index: 3;
width: 140px;
height: 40px;
margin-right: -70px;
margin-top: -12.5px;
-webkit-transition: opacity 0.25s ease-out 0s;
transition: opacity 0.25s ease-out 0s;
color: #fff !important;
background: none repeat scroll 0 0 #027c05;
font-family: Gbt3kBold, Arial, Helvetica, sans-serif;
font-weight: 400;
font-weight: 400;
font-size: 16px;
text-align: center;
text-decoration: none;
text-transform: uppercase;
vertical-align: middle;
line-height: 40px;
opacity: 1;
}
.bef-label:hover {
text-decoration: none;
}
.bef-slide-text {
margin: 0 3px;
}
.bef-widget {
position: relative;
margin-bottom: 20px;
}
.bef-widget .title {
position: relative;
max-width: 644px;
margin: -30px 10px 0;
font-family: Gbt3kBold, Arial, Helvetica, sans-serif;
font-weight: 400;
font-size: 16px;
line-height: 19px;
}
.bef-widget a:hover {
text-decoration: none;
}
.clk-label {
position: absolute;
top: 0;
right: 0;
padding: 10px;
background: #00aeff;
color: #fff;
font-family: Gbt3kBold, Arial, Helvetica, sans-serif;
font-weight: 400;
}
iframe.twitter-tweet[style] {
margin-left: auto !important;
margin-right: auto !important;
}
.embed-twitter {
clear: both;
}
.embed-facebook {
clear: both;
margin-bottom: 1em;
text-align: center;
}
@media only screen and (max-width: 370px) {
.embed-facebook {
margin-left: -10px;
margin-right: -10px;
}
}
.article-body > .fb-video {
display: block;
margin-bottom: 1em;
}
.instagram-media[style] {
margin: 0 auto 20px auto !important;
max-width: unset !important;
width: 100%;
}
.embed-squadgifgenerator {
max-width: 95% !important;
margin: 0 auto;
border: 0;
overflow: hidden;
}
[data-pin-id] {
display: block !important;
margin: 0 auto;
}
.force-wrap-no-hyphens {
overflow-wrap: break-word;
word-wrap: break-word;
-ms-word-break: break-all;
word-break: break-all;
word-break: break-word;
-ms-hyphens: none;
-webkit-hyphens: none;
hyphens: none;
}
.page-template-page-single-article .page-body:after,
.page-template-page-single-article .page-body:before {
content: "";
display: table;
}
.page-template-page-single-article .page-body:after {
clear: both;
}
.page-template-page-single-article .page-body {
zoom: 1;
}
.page-template-page-single-article #page-bottom {
clear: both;
}
.md-modal,
.md-overlay {
display: none;
}
#swipe-next-dots {
margin-top: -10px;
transition: transform 0.5s ease, -webkit-transform 0.5s ease;
position: fixed;
width: 100%;
z-index: 100;
}
#swipe-next-dots.isTop {
-webkit-transform: translate3d(0, -50px, 0) !important;
transform: translate3d(0, -50px, 0) !important;
}
#swipe-next-dots .swipe-next-dots__container {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: rgba(254, 255, 255, 0.9);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
height: 36px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 100%;
}
#swipe-next-dots .swipe-next-dots__next,
#swipe-next-dots .swipe-next-dots__prev {
border: 1px solid #191919;
height: 24px;
margin: 0 12px;
width: 24px;
}
#swipe-next-dots .swipe-next-dots__next span,
#swipe-next-dots .swipe-next-dots__prev span {
display: block;
font-size: 14px;
margin-left: 6px;
margin-top: 5px;
}
#swipe-next-dots .swipe-next-dots__next.active,
#swipe-next-dots .swipe-next-dots__prev.active {
background: #000;
}
#swipe-next-dots .swipe-next-dots__next.active span,
#swipe-next-dots .swipe-next-dots__prev.active span {
color: #fff;
}
#swipe-next-dots .swipe-next-dots__next span {
margin-left: 0;
margin-right: 6px;
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
#swipe-next-dots .swipe-next-dots__dot {
border: 1px solid #000;
border-radius: 50%;
display: inline-block;
height: 6px;
margin: 0 3px;
-webkit-transition: opacity 0.25s ease-in-out;
transition: opacity 0.25s ease-in-out;
width: 6px;
}
#swipe-next-dots .swipe-next-dots__dot.filled {
background-color: #000;
}
#swipe-next-dots + .page-body {
padding-top: 15px;
}
.has-leading-image #swipe-next-dots .swipe-next-dots__container {
background: #fff;
margin-top: 8px;
}
.has-leading-image #swipe-next-dots + .page-body {
padding-top: 33px;
}
@media screen and (max-width: 768px) {
.has-leading-image #metro-home-logo {
top: 50px;
}
}
.has-leading-image #swipe-next-overlay.with-swipe-next-dots {
top: 33px;
}
#swipe-next-overlay {
top: 0;
left: 0;
bottom: 0;
right: 0;
display: none;
height: 100%;
width: 100%;
background-color: rgba(255, 255, 255, 0.9);
padding: 3rem 0;
position: fixed;
z-index: 999999999;
}
#swipe-next-overlay.visible {
display: block;
}
#swipe-next-overlay.isTop {
top: 33px;
}
#swipe-next-overlay-text {
font-size: 2rem;
text-align: center;
margin-top: 12rem;
}
#swipe-next-overlay-text span {
display: block;
font-family: Gbt3kBold, Arial, Helvetica, sans-serif;
margin-bottom: 0.5rem;
}
#swipe-next-overlay-image {
margin-top: 2rem;
text-align: center;
}
#swipe-next-overlay-image .metro-spinner {
background-color: rgba(255, 255, 255, 0);
display: block;
margin: 0 auto;
}
.metro-ad-campaign-wrapper {
display: block;
}
@media screen and (min-width: 1024px) {
.metro-ad-campaign-wrapper {
float: right;
}
}
.metro-ad-campaign-wrapper a {
color: #8b8b8b;
}
.metro-ad-campaign-wrapper p {
color: #8b8b8b;
font-size: 15px;
line-height: 15px;
}
@media screen and (min-width: 1024px) {
.metro-ad-campaign-wrapper p {
text-align: right;
}
}
.metro-ad-campaign-wrapper p img {
display: inline-block;
margin-bottom: -5px;
max-width: 100px;
width: 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;
}
.wp-block-embed-twitter > .wp-block-embed__wrapper > div {
margin-left: auto;
margin-right: auto;
}
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;
}
.wp-block-embed figcaption {
display: none;
}
.teaser {
overflow: hidden;
}
.teaser .title {
font-family: Gbt3kBold, Arial, Helvetica, sans-serif;
font-weight: 400;
}
.teaser .excerpt {
font-size: 12px;
line-height: 1.1;
line-height: 1.3em;
color: #000;
}
.teaser .category {
position: absolute;
top: 0;
left: 0;
box-sizing: border-box;
min-width: 40px;
min-height: 15px;
font-family: Arial, Helvetica, sans-serif;
font-weight: 700;
font-size: 11px;
line-height: 15px;
display: inline-block;
color: #fff;
text-transform: uppercase;
padding: 0 5px 3px 5px;
background-color: #666;
z-index: 2;
}
.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;
}
.colour-entertainment .widget-more-link {
color: #e194e8;
}
.colour-lifestyle .widget-more-link {
color: #ff8375;
}
.colour-sport .widget-more-link {
color: #19f5a1;
}
.colour-neutral .widget-more-link {
color: #027c05;
}
.widget-more-link {
float: right;
font-family: Gbt3kBold, 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;
}
#we-need-monies {
position: relative;
z-index: 0;
overflow: hidden;
margin: 0 auto 0;
}
#ad-bottom {
margin-bottom: 20px;
background-color: #fff;
overflow: hidden;
max-width: 320px;
margin: 0 auto;
}
.article-bottom-mpu[style] {
min-height: unset !important;
}
#page-wrap {
display: none;
position: fixed;
width: 100%;
height: 1200px;
left: 0;
background-position: top center;
background-repeat: no-repeat;
cursor: default;
}
.more-posts .mor-static {
width: 100%;
margin: 10px 0 0 0;
}
.more-posts .mor-static:nth-child(odd) {
margin-right: 0;
}
.more-posts .post-type {
margin-top: 3px;
}
.more-posts-thumbs {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.more-posts-thumbs li {
float: left;
width: 50%;
margin-bottom: 15px;
padding-right: 10px;
}
.more-posts-thumbs li:nth-child(2) {
padding-right: 0;
}
.more-posts-thumbs li:nth-child(3),
.more-posts-thumbs li:nth-child(4) {
display: none;
}
.more-posts-image-link {
position: relative;
margin-bottom: 5px;
padding-top: 75%;
}
.more-posts-image {
position: absolute;
width: 100%;
height: 100%;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.mor-link {
display: block;
margin-bottom: 1em;
font-family: Gbt3kBold, Arial, Helvetica, sans-serif;
font-weight: 400;
}
.mor-title {
font-family: Gbt3kBold, Arial, Helvetica, sans-serif;
font-weight: 400;
font-size: 18px;
word-wrap: break-word;
line-height: 1.15;
}
.mor-title:after {
content: "\00BB";
font-size: 18px;
padding: 0 3px;
}
.more-posts .mor-title {
font-size: 16px;
}
.more-posts .metro-signpost {
display: inline-block;
margin-bottom: 3px;
}
.mor-static {
font-family: Gbt3kBold, Arial, Helvetica, sans-serif;
font-weight: 400;
font-size: 18px;
}
.mor-static a {
display: inline;
}
.mor-static .mor-title {
display: inline;
margin: 0;
font-size: 18px;
}
.item.news .mor-title:after {
color: #193989;
}
.item.sport .mor-title:after {
color: #ba001f;
}
.item.entertainment .mor-title:after {
color: #0081c7;
}
.item.lifestyle .mor-title:after {
color: #6d1f80;
}
.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;
}
.club-metro .post-type.blog {
display: none;
}
.trending {
margin: 10px 0 30px 0;
}
.trending ol {
margin: 20px 0;
font-family: Gbt3kBold, 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: Gbt3kBold, 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;
}
.trs-header {
margin: -29px 10px 5px;
font-family: Gbt3kBold, Arial, Helvetica, sans-serif;
font-weight: 400;
font-size: 23px;
line-height: 28px;
color: #fff;
word-wrap: break-word;
position: relative;
}
.trd-index,
.trs-index {
position: absolute;
width: 35px;
height: 35px;
top: -5px;
right: -5px;
padding-right: 5px;
padding-top: 5px;
background-color: #027c05;
color: #fff;
font-size: 30px;
line-height: 30px;
text-align: center;
font-family: Gbt3kBold, Arial, Helvetica, sans-serif;
font-weight: 400;
font-style: italic;
}
.trs-index {
top: 0;
}
.moz .trs-header {
line-height: 24px;
}
.trs-image {
max-width: 100%;
}
.is-4_3 .trs-image {
float: left;
width: 145px;
height: 109px;
margin-bottom: 10px;
}
.is-4_3 .trs-header {
font-family: Gbt3kBold, Arial, Helvetica, sans-serif;
font-weight: 400;
font-size: 18px;
margin: 0 0 0 155px;
color: #000;
line-height: 1.1;
}
.is-4_3 .trs-header:hover {
color: #666;
}
.is-4_3 .trs-header span {
background: 0 0;
box-shadow: none;
}
.is-4_3 .excerpt {
display: none;
}
.trending-sidebar.is-4_3 li {
margin-bottom: 5px !important;
}
.post_style {
display: inline-block;
margin-top: 2px;
font-size: 8px;
border: 1px solid #999;
color: #999;
padding: 1px 2px;
text-transform: uppercase;
}
.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: Gbt3kBold, Arial, Helvetica, sans-serif;
font-weight: 400;
line-height: 32px;
text-align: center;
top: -5px;
left: 73px;
padding-right: 5px;
background-color: #027c05;
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: Gbt3kBold, 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: #027c05;
font-family: Gbt3kBold, 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;
}
.trending-main-ad-feature .tw-item-5:before,
.trending-main-sponsored .tw-item-5:before {
content: "";
background-size: 40px;
background: transparent url(//www.musicmobil.com/wp-content/themes/img/commercial/trending/sponsored-trending-counter.svg) no-repeat;
}
.trending-main-ad-feature .tw-item-5 .title:before,
.trending-main-sponsored .tw-item-5 .title:before {
display: inline-block;
margin-right: 5px;
text-transform: uppercase;
color: #34b4e5;
font-family: Gbt3kBold, Arial, Helvetica, sans-serif;
font-weight: 400;
font-size: 18px;
}
.trending-main-sponsored .tw-item-5 .title:before {
content: "sponsored";
}
.trending-main-ad-feature .tw-item-5 .title:before {
content: "ad feature";
}
.trending-sponsored-byline {
text-align: right;
font-family: Gbt3kLight, Arial, Helvetica, sans-serif;
font-weight: 400;
font-size: 20px;
color: #34b4e5;
}
.trending-sponsored-byline i {
display: inline-block;
vertical-align: top;
}
.trending-sponsored-logo {
width: 80px;
margin-left: 10px;
}
.content .widget h2 {
display: inline-block;
margin-bottom: 10px;
padding: 5px 10px;
color: #000;
background: #ffc000;
font-family: Gbt3kBold, 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: Gbt3kBold, Arial, Helvetica, sans-serif;
font-weight: 400;
font-size: 23px;
text-transform: uppercase;
line-height: 1.2;
}
.label > span {
padding: 5px 0;
color: #000;
-webkit-box-decoration-break: clone;
box-decoration-break: clone;
}
.label > span span {
margin-left: 5px;
vertical-align: text-top;
}
.label.coloured > span,
.label.neutral > span,
.label.yellow > span {
background: #027c05;
box-shadow: 10px 0 0 #027c05, -10px 0 0 #027c05;
}
.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;
}
.channel-area .ji-ad-slot-container,
.channel-area .just-in-widget,
.channel-area .trending-sidebar {
float: right;
display: none;
width: 300px;
}
.just-in-widget {
position: relative;
width: 300px;
overflow: hidden;
}
#channel-sidebar-top .just-in-widget {
margin-top: 20px;
}
.ji-item {
width: 300px;
margin-bottom: 10px;
}
.ji-item .breaking-news-label {
position: absolute;
bottom: 0;
left: 0;
font-size: 18px;
}
.trs-item .breaking-news-label {
position: absolute;
top: -6px;
font-size: 28px;
}
.ji-item.is-invisible,
.trs-item.is-invisible {
visibility: hidden;
position: absolute;
top: 0;
left: 300px;
}
.widget .ji-title:hover {
text-decoration: none;
}
.ji-image {
display: block;
float: left;
position: relative;
width: 145px;
height: 109px;
overflow: hidden;
}
.ji-image img {
width: 145px;
height: 109px;
}
.ji-text {
display: block;
font-family: Gbt3kBold, Arial, Helvetica, sans-serif;
font-size: 18px;
margin-left: 155px;
color: #000;
line-height: 1.1;
word-wrap: break-word;
}
.ji-title {
display: block;
}
.ji-title:hover .ji-text {
color: #666;
}
.ji-ad-slot-mpu {
width: 100%;
margin-bottom: 0;
}
.ji-ad-slot-double-mpu {
width: 100%;
height: 600px;
}
.sidebar .ad-slot-container.ji-ad-slot-container {
margin-top: 10px;
}
.ji-ad-slot-double-mpu:first-child .ad-slot-container.ji-ad-slot-container,
.ji-ad-slot-mpu:first-child .ad-slot-container.ji-ad-slot-container {
margin-top: 0;
}
@media screen and (min-width: 1024px) {
.channel-area .mosaic,
.channel-area .mosaic-channel-zone-wrapper {
clear: none;
width: 660px;
float: left;
}
.channel-area .ad-slot-container,
.channel-area .just-in-widget,
.channel-area .trending-sidebar {
display: block;
}
.ji-text {
font-size: 18px;
}
}
.pageBackground {
padding: 0 10px 10px;
}
#mobile-sidebar {
display: block;
float: none;
width: 100%;
margin-top: 20px;
}
#mobile-sidebar img {
width: 100%;
height: auto;
}
#mobile-sidebar li {
margin-bottom: 15px;
}
#mobile-sidebar .metro-breaker {
padding-top: 0;
border-top: none;
}
#mobile-sidebar .metro-breaker .page-main .widget-title {
top: 0;
position: relative !important;
}
#mobile-sidebar .newsfeed-editorial-section.more-posts li {
margin-bottom: 0;
}
#mobile-sidebar .newsfeed-editorial-section.more-posts .mor-title:after {
display: none;
}
#mobile-sidebar .newsfeed-editorial-section.more-posts .metro-signpost {
margin-top: 5px;
}
#mobile-sidebar .metro-breaker,
#mobile-sidebar .newsfeed-editorial-section,
#mobile-sidebar .widget {
margin: 0 0 30px;
}
#mobile-sidebar .ji-item,
#mobile-sidebar .just-in-widget {
width: 100%;
}
#mobile-sidebar .ji-item:last-child {
margin-bottom: 0;
}
#mobile-sidebar .ji-image {
width: 125px;
height: auto;
}
#mobile-sidebar .ji-text {
display: block;
font-family: Gbt3kBold, Arial, Helvetica, sans-serif;
font-weight: 400;
font-size: 20px;
font-size: 1.25rem;
line-height: 1;
margin-top: -2px;
margin-bottom: 5px;
margin-left: 135px;
}
#channel-sidebar-top,
#sidebar {
display: none;
}
#topBar {
display: none;
}
.menu-top-nav-menu-container {
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: #027c05;
}
.sub-menu .current-menu-item > a,
.sub-menu .menu-item > a:hover {
background: 0 0;
color: #f78b25;
}
.submenu-title {
display: none !important;
}
#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;
}
.author-page-top,
.tag-page-top {
overflow: hidden;
margin-bottom: 15px;
}
.author-page-top img,
.tag-page-top img {
width: 100%;
max-width: 100%;
}
.author-page-top .title,
.tag-page-top .title {
margin-bottom: 10px;
padding: 8px 0 0;
font-family: Gbt3kBold, Arial, Helvetica, sans-serif;
font-weight: 400;
font-size: 20px;
line-height: 1;
}
.author-page-top .excerpt,
.tag-page-top .excerpt {
font-size: 14px;
}
.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: #a95522;
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: #666;
text-decoration: none;
}
.leading-image-container .comments-top-cta {
background: #000;
border-top: 2px solid #000;
display: inline-block;
margin-left: -10px;
margin-top: -15px;
padding: 10px;
}
.leading-image-container .comments-top-cta .icon-comment::before {
color: #fff;
}
.page .byline,
.single .byline {
display: inline-block;
margin: 5px 0;
}
.page .post-date {
display: block;
}
.post-meta-top .post-category {
display: block;
font-family: Gbt3kBold, Arial, Helvetica, sans-serif;
font-weight: 400;
font-size: 16px;
margin: 6px 0 0;
line-height: 1.5em;
color: #999;
}
.img-cnt,
.wps-image {
width: 100% !important;
height: auto !important;
}
#we-need-monies {
position: fixed;
z-index: 9999;
bottom: 0;
left: 0;
right: 0;
min-height: 70px;
max-height: 120px;
background: #fff;
}
#we-need-monies .ad-slot-container {
background-color: #fff;
}
#we-need-monies .ad-slot-container .ad-slot-medium[style],
#we-need-monies .ad-slot-container .ad-slot-small[style] {
min-height: 0 !important;
}
#we-need-monies .ad-slot-label-container {
background-color: #fff;
}
#we-need-monies .house-promo {
height: 100%;
background-color: transparent;
background-position: center 15px;
background-repeat: no-repeat;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAUAAAAAyCAIAAACib5WDAAASGUlEQVR42u2dB1RURxfHUZNYY6qp5iSfibGhscUSjBoVMSggYLBhQ8Authg/UURjD4l+qBQRECmCIhCUYqEpKEqXbqSDdJBmofi+/+7o+NhdYIFV4GTumfPO7rz75s7bfb9379yZtyvHMWHCpMOKHPsImDDpwABfvXo1nAkTJh1QQkJC5Hx9fdltjAmTjigZGRkCD8w+CCZMOqJkZmYygJkwYQAzYcKEAcyECRMGMBMmDGAm/wKJTCq9EprnF5Yv61JwOSTdK+ieV9A/rNDi6Z8cnZjXXgGuq+NOeXPKhpyGMedwjautY3i0f1l5MHLo/CtjlvrJtoxdFiCvdnrAz8cGKp9ghZb+SsdHaVoFR2S1P4DrnnGbLTi5qVwnRUGRm8Zp7eXKHzFC2rkY/BkN3iatCJRtmbzy+vdzHUaoW4zUOMkKvwxVNR8311pWDMsOYJ87XBclrucs7m1VQemlwsn9xOmYCNwyEwYwK7wiryJg+FZ0dnsCGKzKKT6nlzL85gwuMIbLLOA8QjiXQO52EldTy5hhALMyRMX8h/k2oTHZ7QbgaVu5ztPrAYzSfSY3chXXb5GAbZRuytyPG7nrdxk2DGBWZMJwswEODAzcvXv377//vm/fvrw8Xj5NaZsEgFG6Kgu4fRlXK3J95nAxKa/tAiUd3isUvLCxsXn27Jm4GtaFU7U9e/ZYWlrW1NS0W+oqKysvXrxoaGi4dOnSZcuW6erq4usICgqqra19dQArLA+on6bym6jPAG5jhpsNsJGRkdwLiYmJeblD7y/JAIsXJLrWHX9t1zq/w5Du3btj/be42rx58/hq/fr1e/z4cXNt4dZQVFT0QCjl5eWv6Iw8PDyGDh0qJ0mmTp2alJT0KgAep+M/Z9stO6/0G1GFgREFvrdyHX0zVDaFTNALYAC3IcPNBhgOilwr3bp1i42NfbnD2kd0DNxQAeeaxq8NYNphKk5OTiI6hYWFn376KV9HXl6+BQA/efIECH0ulKNHj76K00EE0aVLF7mGBT0vKSmRLcAKugGqm0NScyr4B2YXVE1ZHfSjPgO4LRmWHcDJWdyHmlyPWVJ44GmcoW0bAqyhoSGic+HCBXEMWgAwDhkwYABpAQG5zM8lOjq6a9eupP1OnTqpqamZmJhYWVlt2rTps88+o523s7OTLcBQOO9Hpj0Eo4+a2rrKRzVuAdnfL/FjIXTbMiw7gDGwVDduOoruPovrq80lZLYhwB9++CFCXL7O8uXLZQIwZNiwYaSFw4cPy/xcduzYgY+dtI+BOn8XvsTOnTuTXevXr5c5wFHJpc+jldInaw5HzjMMhU/+saVj4OGzLUVqvpttOXim2avmBHa/ExbxDjRSBs8yG6ZmIVtNCQzPMleYbxsW+6CNAIZcCuXeUBJkqhoEWL26y/QIg4P0iNDQ0FNCOXPmDH/QWFpailjR2toa7iU+Pp7Wp6amnjx5cu3atUuWLNmwYQNcjQiK0gAMcXR0pAoPHz786quvmgS4cdO5ubnorYWFBYJn6udxUji1qKgoouPt7U1O9sqVK+TcDx48mJaW9jKISU6mJrZs2SJ+dvn5+QkJCTdu3HBxcXn0qN4iGXwXb7zxBjENhyxzgG/GFBF9LL0cvvDqeB3/CboBLctCYykSZkGxpegO+PnE5MV2S7Z5jJ5jNeKV0QuL4+dZKyywmbDAFu6OdqBJ5hf+6jZDz7FJ5qXXbJhhsx8X2obH5bYRwNU13MRNguUcktDlemum9FRU7fJx525vqaiqwDCOsLe3p8xcunSJtgTAaD2SqyQ/dODAgQ8++ECENACDq1maDvfo0eOtt94Sj6LBFcJRVPbs2bNXr17iAEtj+tq1aw0NSpFFIzpjx44lNcOHD9+4cSMxigPJXmNj4969e4ubMDc3lyZ5hnS0xNtT6wEGq1hrGRRZQPQjEkvk5wmWXiq0CGCsYVBfdy4mOQ9bvIbLWvybx99+yVsOXy0qfTRunvVAZTMAMEL9JBwyCl7QAwWeU90SnmqEkJZBM81wxVMFlGGqFoOUzbAlC55Q0MJQ4VscrrbGOSGlMDG1ENvgyMwpS89AeZDyCahBAe2gNaFFy1HPmzqBLdY/pmSVmljf+nLKUTQ1ShOagmBBaNqSb5Ro/nU69Jvpx2Du9TAsU4AFGdIQgRPuqSIYDPdS5XqDWw3u7dnhncatk/usG+/SnDRp0tOnT/nZI319fdoMAKPXOtRQg5xQQ4QAS0wCNdlhjE5/+ukn8ShaT0+PVE4QijjA0piWBuDJkyfT4Svd6+fnh11wxY3kpZB2buQbQeSyaNEifuxQVlYmK4BBr713elhCSWn5U+EA+Fl5VfWt2KLIpBJjq3jsbS7AwG/+Zren1TXY4jUu9F8MXI87hm04cDkrt2yM1qk5BufhjYHK0v/+DZ9MYAa3qqudJy+yg+eEAhz1WC1rvZ0XF//mLnDa6mSJooWijv0qY69py+zR7KyVZ1GWG3r+rOeIsFZo90J1dS3uFCqrnNXXusAW2ly310dZ3wkMw5D2VncYJRShkbW/+2D7taJp3D8FZk7h2Kuk60DIxE0Hb8l9gRoFtwn3C/ea34Cf/2XD+ZaPh5vDsKwBxsJJVSNObgrX55eCD1SDeyiYdB0yufN72nO0TG2sjlmYjxs3jl5qzs7OOGLBggXk7TfffFNRUUECxU8++YRUYqoTNZhw/vjjj0mNgoKCp6dnQECAmZnZe++9RyoxEdpkhwcOHIhDRNwU4ucvv/yS1MDNqqqqigAspWlM3ixevBihL60fOXIkhtZAy93dXQRgCHJRmLiCxYKCAoTf9CjczjCj6+DgsHXrVsx4kcoRI0Ygv93Q90dvOhCcS725vVYDjDRVYhq9HTwjSSwidt7pLUhiAaR5my6UVz7BFq/hRVfu8oqMz9108EpKZomFczge1pm86LSNWxRc5f2M4pMuEXB3cIbRSXlGpoFAurC0auoye58b9xNTCoHWrmOBcOMACWBnPih7UFCRkfNw5sqz18Mz8DavqDI5rQgxM9yj1kbXqsfVrr4J5mfDtv15TWPdudDo7LvJ+bhxIO61cI7IK6x8WPHkjEcMCL+XVhyTlIdjpy61vx2TXVBSlZVXjh5OWGh72j0ab9GyzYUoldXOL42ucAqPzcHeiPjcP6xD5FXNW8fw6TtSjIdlDbCAv1IuOO5p1P0p8iOJ5pDvR9a++OJxsdJ8qba2Nj8DjNkRDAtRgyUKtOb27dt8nXfeeYfE3kQAwHMTQ4Y0lHOiHcbULjpMcSVRNI2fYQvDS2VlZRGAm2u6kSQWBfjNN9/kR7l0vICenDt3jtbv3LmT+vm7d+9KnLWaMmUKpXfQoEGSv5FWAIxpXv39EdCJS3lI9FOyKwz+jNpqenf+jtCGJoGlAVhrgyui5W9nHIcPTM0qxbZG+PjaCqNLY345VVr22Of6P4G308EJ3kItMbVo9/GgZf/9G8fO0HWMvZePnK2Jzc3Za5y/UxOEr6fOR6ISJANsU4c7oMjaNQp+Mq+wAnyiBVh89KQG0F69mWrmFAavfuhUiFfgvbq6Z4ZH/LPzyuFyERfs/F8A9pZVPAHn1TV12BUWm2PveRcko9LwiB80V+66tHq3F7h1vZwQlZhHjQaFpWM4g3sQbjrD1S1bMVw/OfDnE5MW2eH0XzvAQskrK/nki75Ec9euXfxd06dPJ/XwxnV1dfwomky9rFq1SiR+3r9/Pw190Rp8FLoBhLS0tEh937596y0Lk9Rh6GABE5wkbQrBJ9JR1BY+esoDBbhZpnEIDiT1UGsIYHhUfj2WtZF6uHr+WQQHB9Ng28vLS/zUXF1dKb1Y2pGenv4qllKKj4HJ44ctGwNTgBGFCoaaahbA5n5GyYb9lzEGvhmV5XY1EQ4Tr+Hf9lve+Mv2FgBGlisprRgA62wXAIx4VftXN+yC9/MNvk+e1LPziAmPffD5pCNwy8cc7oTHPTA+Fij0kA+VdAUAE7uz17j8Z5ppP0XTQ1YhOfnl8PxwpztNA/KLK3F3QPSLKBqm03NKga7VuQjN9efhiv+0vYVAHbcVo2OBOfkVcze5Lt7mAYDxfC+eSaBG0X8UeGMSX7QYYIz2cbiNW3RNTV0bAZyXhyubaIIBiXM2gwcPJpDQKHrixIlVVVXwafz4mX+JNySgC75dGoCpe4cgITx69Gi+LcoYBbhZpqUEGLcJiT384osvMHyg9XFxcXTWF9lp8VNbsWKFSPDyitZCQyE4upDoYz5JmpVbjQCMqx/tAFHw43cr7dc/roLDrSbX4Nk0158rLX+86Dd3j2tJQCIy/gH8KuZI4Y4CbqdhF2JauEF43SshKX6haalZJU5ecQiwobNgixv81T8ZJeBKeYUTXOIBy2CkygqKK2foOfWfcRwKNbW12ApD9xMHTgaXVz69GHAPndE3uuTsFYcQOrewwsUnHslkNHI5OAUB9vTlDojeC4qr7meWIISeqH3axTseaih27jGaBudxFN8o7jKOF2NDIrMQQvMTbM2iFw4cN5G2GAPzplXohIoIwBgrknpEm8TB0jC1T58+yEuTqU4aP/Mpwi7gLV9fUIP1T1jD2CTAxcXFmKCiDv/rr78WsdUIwNKYlhJgvJDogUUARthM0+aYkRI/NYQP+JBxXmPGjGnW6qs2BBiBpcJ8G90dF9fs8YbvhbtDNlj7V3ds4ZNJJglpJ3hdxKjQgfJw4bQtckWrd3tDh8w2IYpev88X7QiTWJYkn6Sy8iwqMRbFGBIQgj0kvXDI2LnWoAKOXcfQE1v0AYeM1rTC4TrbPdEgsEQLq3Z7rTT2Qj2a0lh7zmC/L24oyI3BnaKR9Xt90DG0DItQ0zcSmMbwW2VVPaOKOg5IQS3f4fn9i+xaC+hF8P86stAYNDakhsAYlyPR3Lx5M38XzWMpKiqKr2SkAND4mR/HIhGFtNPjF1InxcPGfIBJgEodPhVqSxzgZpnmA3zo0CEpAabD6XfffZc/zEbYLDKXJm4OowBk/hC2SHxCox0CTBge9OIXKnDRf6cmuGTJVrAWYqZgLYRglkj5BAqdUyXzNNBH3muEMPbG20H1h5oAb6BwWghjSLKmgkz5AKRRz+2+1Ecl3g4WNijMdROLZvR2gKawHaXxfHpJ2LJgGom0Q0yPkmS0xYtSmktvawHGDAqu+8f1BQsM8BwPriclJSWaPaJzNvgnCMzHknokaWiz4lDR+JnvomE0LCyM1t+8eRMDZlNTUyyNqK6ulhJg8YWT1JY4wM0yjUNo/I9AQ0qA8bwU7QmNVvABzp07lwYmEterwPQZoSANhsiiowDMiqzobRXAyK9g4ge5E/GoEs/iQRPTJ/wEKXA1MDD46KOP6DwKf4kVPx8jEj+TETV10d9++y2WZ2EuB9v+/fvTCR7pARZ5dIFvSxzgZpnG03xw5qQeCxvHjx+PBjEoaBxgHA5NmnBGch6pMkTmtIeYqZZ4anRliOiTYQzgfwe9rQK4EcGiIuGUcB1/eZCIHDlyhN8sPAyyQeIxLRVbW9uGmsICJmkWcvDTxXyHz7clDnBzTWP+tsmFHCIAE38uvgyLZgpycnIknhptsPF8BAO4nZfhLaWXa+XzwE2uPQIYyNCIrDSGN8ayYfGWZ8+eTXW2b98urnD27FnAxl/GBH+FjG7jCVjaYSyWoOlifhTNt0V9msjzwNKbxjh54cKF77//fiNLKfFCvJ8RERHTpk2jWSsIGsGNpiF6X7MHvhNfTPQTUssYwLKlF8PpUy2ityUAY7IxoCkRmZBEyOrv7w8/hqHanTt3MJcjsWVE1JjXAdvYZmdnN/S8HjweVjtgWgUTQhKXNzTUYXg56mkxUMfIk9QjNU2V8eABqUQ/RdJUzTKdkpJy/fp1kU+DNk4fbxAXNOvm5gYTPj4+aKTxU6MNIsXV0KcqE4B/WO6/3zbR+UomiolDMt4ygGVILxaBtfgBNfbD7v92kfIXObCcg/ySzjgdf/abWDKk19w5vDVfHwOYAcx+1K6j0ssAZsIA7sD0MoCZMIA7ML0MYCbsv5Fea8FTGdjKil4GMBPO0Tdz96mEA6eTZFzskvdZhRke9Tc8GsAKLXhmA486yPDrYwAzYdKBhQHMhAkDmAkTJgxgJkyYMICZMGEAM2HCpEMA7Ovryz4IJkw6ouCvNgUeOJwJEyYdUPATN3LsNsaESccVBjATJh1Y/g9HzHOVEmVZ5AAAAABJRU5ErkJggg==);
position: absolute;
bottom: 0;
z-index: -1;
display: block;
width: 100%;
}
.follow-promo img {
min-height: 200px;
}
#taboola-below-article-thumbnails {
min-height: 2000px;
}
.listicle-item {
position: relative;
}
.trending li {
margin-bottom: 10px;
overflow: hidden;
}
.trending h3 {
font-size: 16px;
font-family: Gbt3kBold, Arial, Helvetica, sans-serif;
font-weight: 400;
line-height: 1.2;
}
.blogs-header {
margin: 0 auto 10px;
padding: 5px;
background: #00aeff;
}
.blogs-logo {
font-family: Gbt3kBold, Arial, Helvetica, sans-serif;
font-weight: 400;
font-size: 20px;
text-transform: uppercase;
color: #fff;
}
.blogs-logo:hover {
text-decoration: none;
}
.blogs-header span {
display: none;
}
.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;
}
.embed-youtube,
.youtube-player {
max-width: 300px !important;
max-height: 182px !important;
margin: auto;
}
.single-article .embed-youtube {
margin-bottom: 1em;
}
.video-share {
display: none;
width: 100%;
line-height: 40px;
font-family: Gbt3kBold, Arial, Helvetica, sans-serif;
font-weight: 400;
text-align: right;
}
.video-share .share-button {
float: right;
width: 40px;
height: 40px;
padding: 0;
}
.video-share .share-button:nth-child(2) {
margin-left: 10px;
}
.video-share .share-button .icon {
line-height: 40px;
}
.video-js-container .video-share {
display: block;
}
.sorry {
margin-top: 2em;
text-align: center;
}
.category-video .vjs-video-container {
margin-bottom: 0;
}
.video-hero-metadata {
margin-bottom: 10px;
padding: 10px;
background: #000;
color: #fff;
}
.video-hero-title {
font-family: Gbt3kBold, Arial, Helvetica, sans-serif;
font-weight: 400;
font-size: 25px;
}
.mol-related-videos-view-ended .mol-modal-window-backdrop {
z-index: 1 !important;
}
@media screen and (min-width: 414px) {
.more-posts-thumbs li {
width: 50%;
}
.more-posts-thumbs li:nth-child(2) {
padding-right: 10px;
}
.more-posts-thumbs li:nth-child(3) {
display: block;
padding-right: 0;
}
}
@media screen and (min-width: 480px) {
.metro_api .trail {
font-size: 1.5em;
line-height: 1.3em;
}
.single-post .intro {
font-size: 16px;
}
.byline-container {
width: 400px;
}
.author-page-top img,
.tag-page-top img {
float: left;
width: 50%;
margin-right: 10px;
}
.author-page-top .title,
.tag-page-top .title {
padding-top: 0;
}
#footer-base span {
height: 185px;
}
.embed-youtube,
.youtube-player {
max-width: 460px !important;
max-height: 280px !important;
}
.gallery.tiles .teaser {
width: 47.9%;
}
.quiz-result {
margin: 0 20px;
}
.comparicle .comp-title {
font-size: 24px;
}
.comp-inputs {
font-size: 16px;
}
.comp-reveal-container {
font-size: 18px;
}
.msp-score-bar-container {
display: block;
background-color: #5c5c5c;
margin: 0 20px;
}
.msp-score-bar {
border-top: 20px solid #fff;
}
.thumbnail-link {
width: 40%;
}
.thumbnail-link img {
display: block;
float: left;
margin-right: 10px;
}
.thumbnail-link .mor-title {
clear: none;
margin-left: 110px;
}
.trd-index,
.trs-index {
width: 35px;
height: 35px;
line-height: 30px;
font-size: 30px;
}
}
@media screen and (max-width: 480px) {
.colour-entertainment li:nth-child(n + 2):hover .colour-box {
background: 0 0;
box-shadow: none;
}
.colour-lifestyle li:nth-child(n + 2):hover .colour-box {
background: 0 0;
box-shadow: none;
}
.colour-sport li:nth-child(n + 2):hover .colour-box {
background: 0 0;
box-shadow: none;
}
}
@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) {
.fontBold {
font-family: Gbt3kBold, Arial, Helvetica, sans-serif;
font-weight: 400;
}
#mobile-sidebar {
display: none;
}
#topBar {
display: block;
margin-bottom: 10px;
}
.page-wrap #topBar {
max-width: 788px;
}
#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;
}
#we-need-monies {
top: 0;
bottom: auto;
height: 105px;
}
#we-need-monies .house-promo {
background-image: url(https://s0.wp.com/wp-content/themes/vip/metrouk/img/housepromo728.png);
}
.follow-promo img {
min-height: 300px;
}
#taboola-below-article-thumbnails {
min-height: 550px;
}
.has-top-leaderboard .admin-bar .page-container,
.has-top-leaderboard .page-container,
.page-container {
margin-top: 107px;
padding-top: 0;
}
.admin-bar .page-container {
margin-top: 97px;
padding-top: 0;
}
.admin-bar.wide-post .page-container {
margin-top: 0;
}
#masthead,
#page-bottom,
#topBar {
max-width: 748px;
}
.menu-top-nav-menu-container {
display: block;
}
.metro_ads_leaderboard_small_off #masthead {
height: auto;
}
.metro_ads_leaderboard_small_off .page-container {
margin-top: 107px;
padding-top: 0;
}
.metro_ads_leaderboard_small_off.admin-bar .page-container {
margin-top: 10px;
padding-top: 97px;
}
.metro_ads_leaderboard_all_off .page-container,
.metro_ads_leaderboard_medium_off .page-container {
margin-top: 10px;
padding-top: 0;
}
.metro_ads_leaderboard_all_off #masthead,
.metro_ads_leaderboard_medium_off #masthead {
height: auto;
padding-top: 10px;
}
.metro_ads_leaderboard_all_off.admin-bar .page-container,
.metro_ads_leaderboard_medium_off.admin-bar .page-container {
padding-top: 0;
}
.archive-timestamp {
padding: 0 22px 10px 0;
text-align: right;
}
.cookie-notice span {
display: block;
width: 748px;
margin: 0 auto;
}
.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: #ffc000;
}
.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: Gbt3kBold, Arial, Helvetica, sans-serif;
font-weight: 400;
font-size: 18px;
color: #000;
}
.nav-strap {
display: block;
position: absolute;
top: -45px;
left: 391px;
width: auto;
background: 0 0;
font-family: Gbt3kBold, Arial, Helvetica, sans-serif;
font-weight: 400;
font-size: 22px;
text-transform: uppercase;
}
.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;
}
.ie8 .nav-menu {
position: relative;
}
.nav-item-home .sub-menu {
display: none !important;
}
.metro-hide-trending-sub-item-on-desktop {
display: none !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: Gbt3kBold, 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;
}
.ie8 .nav-menu a {
line-height: 50px;
}
.ie8 .main-nav-container .sub-menu a {
line-height: 40px;
}
.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: #027c05;
}
.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: #027c05;
background: #000;
}
.has-hover .menu-item-more:hover .sub-menu {
display: block;
}
.has-hover .menu-item-more .sub-menu a:hover {
color: #027c05;
background: #000;
}
.menu-item-more.is-hovered > a {
color: #ffc000;
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;
}
.page-title {
display: none;
}
#tag-content .page-title,
.page .page-title {
display: block;
margin: 24px 0;
font-size: 32px;
}
.page-with-sidebar .content .page-title {
display: block;
margin: 0 0 24px;
font-size: 32px;
}
.error404 .content h1 {
font-size: 54px;
letter-spacing: -1px;
}
.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;
}
.post-category.header {
display: none;
}
.has-hover.has-swipe .key-nav-notice {
display: block;
position: relative;
float: right;
margin-right: 10px;
color: #999;
line-height: 24px;
}
.key-nav-notice span {
display: inline-block;
box-sizing: content-box;
width: 12px;
max-height: 19px;
margin: 0 3px;
padding: 0 4px 0 3px;
vertical-align: middle;
line-height: 19px;
border: 1px solid #999;
border-radius: 3px;
}
.comments-top-cta a {
font-size: 18px;
}
.single-post .article-body {
font-size: 22px;
}
.layout-1 .item-1 .icon,
.layout-1 .item-2 .icon,
.layout-1 .item-3 .icon {
visibility: visible;
}
.listicle-item h2 {
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;
}
.tag-header {
margin-bottom: 30px;
}
.tag-desc {
font-size: 20px;
}
.has-bg-img .tag-header-liner {
position: relative;
padding-bottom: 33.33%;
background-size: cover;
}
.has-bg-img .tag-title {
position: absolute;
left: 0;
bottom: 0;
}
.has-bg-img .tag-desc {
max-width: none;
}
.post-list .title {
font-size: 20px;
}
.post-list .author,
.post-list .date {
margin-bottom: 10px;
}
.post-list .excerpt {
font-size: 14px;
}
.author-page-top .title,
.tag-page-top .title {
font-size: 28px;
}
.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;
}
.post_style-opinion .author-container {
margin-bottom: 10px;
}
.post_style-opinion .byline-author-link {
-ms-flex-preferred-size: 130px;
flex-basis: 130px;
}
.post_style-opinion .byline-author-img {
width: 120px;
height: 120px;
}
.post_style-opinion .byline .author {
font-size: 28px;
}
.post_style-opinion .author-social {
width: 30px;
height: 30px;
margin-bottom: 10px;
border-radius: 15px;
}
.post_style-opinion .author-social:before {
width: 30px;
height: 30px;
font-size: 15px;
line-height: 30px;
}
.post_style-opinion .author-job-title {
margin-bottom: 10px;
font-size: 19px;
}
.post_style-opinion .post-date {
display: block;
font-size: 16px;
}
.single .post_style-opinion .byline {
margin-top: 3px;
}
.blogs-header {
height: 30px;
margin-top: 0;
padding: 0;
}
.blogs-logo {
padding-left: 10px;
font-size: 22px;
line-height: 30px;
}
.blogs-header span {
display: block;
float: right;
padding-right: 10px;
font-family: Gbt3kBold, Arial, Helvetica, sans-serif;
font-weight: 400;
font-size: 18px;
line-height: 30px;
text-align: right;
color: #fff;
}
.embed-youtube,
.youtube-player {
max-width: 100% !important;
max-height: 100% !important;
}
.img-cnt,
.wps-image {
width: inherit !important;
height: inherit !important;
}
#ad-bottom {
max-width: 748px;
}
.ad-slot.inread-player {
margin: 20px -48px;
}
.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;
}
.tag-big-brother .nav-menu,
.tag-latest-transfer-news .nav-menu,
.tag-viral-sport-videos .nav-menu {
height: 90px;
}
.content .club-item {
width: 10%;
}
.metro-sassy-poll {
margin: 20px 0;
padding: 20px;
}
.thumbnail-link {
min-width: 250px;
margin-left: -64px;
}
.wide-post .thumbnail-link {
margin-left: -94px;
}
.metro-sassy-poll:not(.is-answered) li:first-child:nth-last-child(2),
.metro-sassy-poll:not(.is-answered) li:first-child:nth-last-child(2) ~ li {
width: 220px;
margin: 0 5px !important;
display: table-cell;
vertical-align: middle;
}
.metro-sassy-poll .msp-share .msp-share-cta {
display: none;
}
.metro-sassy-poll .msp-share .msp-share-btns {
float: none;
}
.metro-sassy-poll .msp-share .msp-shrb {
border: 0;
display: inline-block;
float: none;
color: #fff;
height: 70px;
line-height: 40px;
width: 220px;
margin: 0 5px;
box-shadow: inset 0 -5px 0 0 rgba(0, 0, 0, 0.2);
padding: 15px;
text-align: left;
font-size: 20px;
background-origin: content-box !important;
}
.metro-sassy-poll .msp-share .msp-shrb span {
display: inline-block;
margin-bottom: 5px;
line-height: 40px;
}
.metro-sassy-poll .msp-share .msp-shrb .icon {
width: 40px;
margin-bottom: 5px;
line-height: 40px;
text-align: left;
}
.metro-sassy-poll .msp-share .msp-shrb.twitter {
background-color: #17abed;
}
.metro-sassy-poll .msp-share .msp-shrb.twitter:hover {
background-color: #0e88bf;
}
.metro-sassy-poll .msp-share .msp-shrb.facebook {
background-color: #3b5998;
}
.metro-sassy-poll .msp-share .msp-shrb.facebook:hover {
background-color: #1f3666;
}
.msp-option {
width: 430px;
padding: 20px 10px !important;
}
.msp-option:first-child {
margin-right: 20px;
}
.msp-option .msp-text {
padding-left: 0;
}
.msp-option .msp-score {
padding-right: 0;
}
.before-and-after.portrait {
max-width: 450px;
}
.gallery-content .share-buttons-bottom,
.gallery-image .share-buttons-bottom {
width: 540px;
margin: 30px auto;
}
.fol-button.facebook {
margin-bottom: 15px;
}
.bef-widget .title {
margin-top: -46px;
font-size: 30px;
}
.more-posts .mor-static {
min-height: inherit;
}
.more-posts .post-type {
margin-top: 0;
}
.more-posts-thumbs li {
width: 25%;
min-height: 85px;
margin-bottom: 10px;
padding-right: 15px;
}
.more-posts-thumbs li:nth-child(2),
.more-posts-thumbs li:nth-child(3) {
padding-right: 15px;
}
.more-posts-thumbs li:nth-child(4) {
display: block;
padding-right: 0;
}
.more-posts-thumbs .post-type {
margin-top: 5px;
}
.md-close {
top: -25px;
right: -25px;
}
#after-share-modal {
max-width: 400px;
max-height: 300px;
}
#after-share-modal .md-content {
max-width: 400px;
max-height: 300px;
padding: 30px 71px;
}
.metro-factbox.half {
float: left;
width: 50%;
margin-right: 1em;
margin-left: -52px;
}
.metro-factbox.half.left {
width: 49%;
margin-left: 0;
margin-right: 1.851851851852%;
}
.metro-factbox.half.right {
float: right;
width: 49%;
margin-right: 0;
margin-left: 0;
}
.metro-factbox-content {
font-size: 18px;
}
.single-article .election-map {
width: 680px;
max-width: none;
}
.comp-item .comp-para,
.comp-item h1 {
clear: none;
margin-left: 330px;
}
.video-hero-title {
font-size: 32px;
}
.video-hero-metadata {
margin-bottom: 20px;
}
#content blockquote > p {
padding: 0 0 5px 0;
}
}
@media screen and (max-width: 768px) {
.channel-bottom .ad-slot-container {
margin: 0 0 10px;
}
.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;
}
.fa-telegram:before { font-size: 30px;
}
.xl-btn-balance { 
margin: 8px 0; clear: both;
float: justify; margin:10px 0 10px 0; text-align:left;	
}
.xl-btn {
background-color: #0088cc;
border: none;
color: white;
padding: 12px 30px;
cursor: pointer;
font-size: 18px;
font-weight: 600;
width:100%; 
box-sizing: border-box;
display: inline-block;
margin-right: 0.2px;
position: relative;
z-index: 0;
text-decoration: none;
text-align: center;
zoom: 1;
cursor: pointer;
font-family: "IBM Plex Sans",Roboto,Arial,sans-serif;
text-transform: none;
letter-spacing: 0;
transition: border-color 175ms ease-in-out,background-color 175ms ease-in-out,color 175ms ease-in-out,padding 175ms ease-in-out;
text-transform: uppercase;
} .xl-btn:hover {
background-color: #0088cc;
}
.page-body {
max-width: 1010px;
}
.pageBackground {
width: 964px;
margin: 0 auto;
}
.channel-area.widget-area {
position: relative;
}
.error404 .content {
min-height: 1200px;
}
.error404 .breakable {
display: block;
}
#sidebar {
display: block;
clear: right;
float: right;
}
#channel-sidebar-top {
display: block;
}
#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;
}
.nav-share-count {
display: block;
position: absolute;
top: 65px;
right: 10px;
font-family: Gbt3kBold, Arial, Helvetica, sans-serif;
font-weight: 400;
color: #027c05;
font-size: 20px;
text-transform: uppercase;
text-align: right;
line-height: 26px;
}
.nav-share-count span {
font-size: 55px;
display: block;
font-weight: 700;
}
.nav-share-count i {
font-size: 30px;
}
.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;
}
.category-lifestyle .nav-menu,
.category-tv-soaps .nav-menu {
height: 90px;
}
.category-lifestyle .menu-item-more.current-menu-ancestor > a,
.category-tv-soaps .menu-item-more.current-menu-ancestor > a {
background: inherit;
}
.ie8 .main-nav-container {
margin-top: 112px;
}
.main-nav-container h2 {
top: 43px;
font-size: 16px;
}
.footer-links .nav-menu .menu-item:nth-child(n + 5):not(.menu-item-more) {
display: block;
}
.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;
}
.page-template-search-php .sidebar {
min-height: 1000px;
}
.nav-follow {
display: none;
}
#archive-content,
#author-content,
#tag-content {
padding-top: 0;
}
.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;
}
.wide-post .article-body,
.wide-post .col-skinny {
width: 768px;
font-size: 22px;
}
.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;
}
.page-body-content {
max-width: 748px;
}
.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;
}
.wide-post .article-body > figure:first-child,
.wide-post .article-body > figure:first-child.aligncenter,
.wide-post .article-body > figure:first-child.alignnone,
.wide-post .article-body > figure:first-of-type:nth-child(2) {
max-width: none !important;
margin: 0 -98px 15px -98px;
}
.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;
}
.thumbnail-link {
margin-left: -52px;
}
.wide-post .single-article iframe.full-width,
.wide-post .single-article img.full-width {
width: 964px;
margin-left: -98px;
margin-right: -98px;
}
.wide-post .article-body > figure.full-width {
width: 964px;
margin: 0 -98px 20px -98px;
}
.wide-post .article-body > figure.full-width img {
width: 100%;
margin: auto;
}
.wide-post.single-post .post-title {
margin-top: 0;
font-size: 60px;
}
.wide-post.single-post .article-body {
line-height: 1.2;
}
.wide-post.single-post .figcaption,
.wide-post.single-post figcaption {
font-size: 16px;
}
.wide-post .thumbnail-link {
margin-left: -98px;
}
.wide-post .thumbnail-link img {
width: 145px;
height: auto;
}
.wide-post .thumbnail-link .mor-title {
margin-left: 155px;
font-size: 20px;
}
.blogs-header {
height: 40px;
}
.blogs-logo {
font-size: 32px;
line-height: 40px;
}
.blogs-header span {
font-size: 20px;
line-height: 40px;
}
.blogs-home .disclaimer {
width: 620px;
}
.sidebar .ad-slot-container {
margin: 0 0 20px 0;
}
.sidebar-top-mpu {
display: block;
}
body.page-wrap #topBar {
max-width: 1010px;
}
#we-need-monies {
position: relative;
top: 0;
z-index: 1 !important;
max-width: 970px;
height: auto;
max-height: none;
background: 0 0;
}
#we-need-monies .house-promo {
display: none;
}
#ad-bottom {
position: static;
max-width: 970px;
}
.has-top-leaderboard {
margin-top: 0 !important;
}
.has-top-leaderboard #we-need-monies {
position: absolute;
max-width: none;
}
.has-top-leaderboard .admin-bar #we-need-monies {
top: 32px;
}
.has-top-leaderboard .admin-bar .page-container {
margin-top: 124px;
}
#wpadminbar {
z-index: 2;
}
.ad-slot-medium.page-top-leaderboard {
display: none;
}
.wide-post .ad-slot.inread-player {
margin: 20px auto;
}
.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;
}
.gallery-content .share-buttons-bottom,
.gallery-image .share-buttons-bottom {
width: 540px;
margin: 30px auto;
}
.gallery-content .share-buttons-top {
margin-bottom: 20px;
}
.gallery-image .figcaption {
max-width: 748px;
margin: 20px auto 0;
}
.single-article .election-map {
width: 640px;
margin-left: -45px;
margin-right: -45px;
}
.video-hero-title {
font-size: 36px;
}
.colour-entertainment.zone-posts-7 li:nth-child(n + 4) .title {
margin: -26px 0 5px;
}
.colour-entertainment.zone-posts-7 li: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;
color: #000;
}
.colour-entertainment.zone-posts-7 li:nth-child(n + 4) .colour-box:after {
color: rgba(225, 148, 232, 0.8);
content: "\00BB";
margin-left: 5px;
}
.colour-entertainment.zone-posts-7 li:nth-child(n + 4):hover .colour-box {
color: #666;
}
.colour-lifestyle.zone-posts-7 li:nth-child(n + 4) .title {
margin: -26px 0 5px;
}
.colour-lifestyle.zone-posts-7 li: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;
color: #000;
}
.colour-lifestyle.zone-posts-7 li:nth-child(n + 4) .colour-box:after {
color: rgba(255, 131, 117, 0.8);
content: "\00BB";
margin-left: 5px;
}
.colour-lifestyle.zone-posts-7 li:nth-child(n + 4):hover .colour-box {
color: #666;
}
.colour-sport.zone-posts-7 li:nth-child(n + 4) .title {
margin: -26px 0 5px;
}
.colour-sport.zone-posts-7 li: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;
color: #000;
}
.colour-sport.zone-posts-7 li:nth-child(n + 4) .colour-box:after {
color: rgba(25, 245, 161, 0.8);
content: "\00BB";
margin-left: 5px;
}
.colour-sport.zone-posts-7 li:nth-child(n + 4):hover .colour-box {
color: #666;
}
.share-buttons-top {
margin-top: 0;
}
}
@media screen and (min-width: 1025px) {
#we-need-monies .ad-slot-large {
margin-bottom: 10px;
}
.page-wrap #page-wrap {
display: block;
cursor: pointer;
}
.pageBackground {
padding: 10px 10px 0;
}
.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-chevron-left:before {
content: "\e912";
}
.icon-comment {
position: relative;
}
.icon-comment:before {
content: "\e913";
color: #000;
}
.icon-comment .dot:before {
color: #027c05;
content: "\e914";
font-size: 0.75em;
left: 0.9em;
line-height: 0.75em;
position: absolute;
top: 0.5em;
}
.icon-swipe-arrows .path1:before {
content: "\e90f";
color: #fff;
}
.icon-swipe-arrows .path2:before {
content: "\e910";
margin-left: -1.4501953125em;
color: #fff;
opacity: 0.8;
}
.icon-swipe-arrows .path3:before {
content: "\e911";
margin-left: -1.4501953125em;
color: #fff;
opacity: 0.4;
}
.icon-code:before {
content: "\e048";
}
.icon-metro-logo-white:before {
content: "\e901";
color: #fff;
}
.icon-metro-logo-black:before {
content: "\e902";
}
.icon-chart:before {
content: "\e90a";
}
.icon-clock2:before {
content: "\e90b";
}
.icon-exclaim:before {
content: "\e90c";
}
.icon-tldr:before {
content: "\e90d";
}
.icon-trophy:before {
content: "\e90e";
}
.icon-share_icon:before {
content: "\e908";
}
.icon-share_more:before {
content: "\e908";
}
.icon-metro-share-bar-more:before {
content: "\e908";
}
.icon-flipboard:before {
content: "\e905";
}
.icon-metro-share-bar-flipboard:before {
content: "\e905";
}
.icon-copylink:before {
content: "\e907";
}
.icon-copy_link:before {
content: "\e907";
}
.icon-metro-share-bar-link:before {
content: "\e907";
}
.icon-google-plus-3:before {
content: "\e903";
}
.icon-metro-share-bar-google:before {
content: "\e903";
}
.icon-email-3:before {
content: "\e904";
}
.icon-metro-share-bar-email:before {
content: "\e904";
}
.icon-sms:before {
content: "\e906";
}
.icon-metro-share-bar-sms:before {
content: "\e906";
}
.icon-close:before {
content: "\e604";
}
.icon-hamburger:before {
content: "\e605";
}
.icon-whatsapp:before {
content: "\e600";
}
.icon-metro-share-bar-whatsapp:before {
content: "\e600";
}
.icon-camera:before {
content: "\e002";
}
.icon-gallery:before {
content: "\e002";
}
.icon-rating-star:before {
content: "\e000";
}
.icon-rating-star-off:before {
content: "\e003";
}
.icon-rating-star-half:before {
content: "\e004";
}
.icon-play:before {
content: "\e005";
}
.icon-home:before {
content: "\e006";
}
.icon-email:before {
content: "\e00b";
}
.icon-email-2:before {
content: "\e900";
}
.icon-expand:before {
content: "\e00c";
}
.icon-cog:before {
content: "\e00d";
}
.icon-bubble:before {
content: "\e00f";
}
.icon-link:before {
content: "\e015";
}
.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-search:before {
content: "\e028";
}
.icon-youtube:before {
content: "\e033";
}
.icon-youtube-2:before {
content: "\e037";
}
.icon-video:before {
content: "\e037";
}
.icon-feed:before {
content: "\e03b";
}
.icon-feed-2:before {
content: "\e03c";
}
.icon-linkedin:before {
content: "\e047";
}
.icon-quotes-left:before {
content: "\e053";
}
.icon-spinner:before {
content: "\e055";
}
.icon-clock:before {
content: "\e056";
}
.icon-uniF000:before {
content: "\f000";
}
.icon-messenger:before {
content: "\e909";
}
.christmas #metro-logo,
.pride #metro-logo {
background-repeat: no-repeat;
height: 50px;
margin: 12px 0 0 8px;
width: 87px;
}
.christmas .icon-metro-logo-black::before,
.pride .icon-metro-logo-black::before {
content: "";
}
.pride #metro-logo {
background-image: url(https://metro.co.uk/wp-content/themes/metro-parent/img/branding/metro-logo-pride-2019.svg);
background-repeat: no-repeat;
}
.christmas #metro-logo {
background-image: url(https://metro.co.uk/wp-content/themes/metro-parent/img/branding/metro-logo-christmas.svg);
background-repeat: no-repeat;
background-size: 100%;
}
.aids-ribbon #metro-logo::after,
.poppy #metro-logo::after {
background-repeat: no-repeat;
background-size: 100%;
content: "";
display: block;
float: left;
position: absolute;
}
.aids-ribbon #metro-logo::after {
background-image: url(https://metro.co.uk/wp-content/themes/metro-parent/img/aids-ribbon.png);
height: 20px;
right: 1px;
top: 10px;
-webkit-transform: rotate(-14deg);
-ms-transform: rotate(-14deg);
transform: rotate(-14deg);
width: 11px;
}
.poppy #metro-logo::after {
background-image: url(https://metro.co.uk/wp-content/themes/metro-parent/img/poppy.png);
height: 16px;
right: 0;
top: 6px;
width: 12px;
}
.aids-ribbon #metro-logo::after {
background-image: url(https://metro.co.uk/wp-content/themes/metro-parent/img/aids-ribbon.png);
background-repeat: no-repeat;
background-size: 100%;
content: "";
display: block;
float: left;
height: 20px;
position: absolute;
right: 1px;
top: 10px;
-webkit-transform: rotate(-14deg);
-ms-transform: rotate(-14deg);
transform: rotate(-14deg);
width: 11px;
}
@media screen and (min-width: 768px) {
.christmas #metro-logo,
.pride #metro-logo {
background-position: 0 0;
margin: 2px auto 0;
max-height: none;
}
.pride #metro-logo {
height: 92px;
width: 382px;
}
.christmas #metro-logo {
height: 142px;
width: 365px;
}
.christmas .main-nav-container {
clear: both;
}
.poppy #metro-logo::after {
height: 51px;
right: 10px;
top: 0;
width: 41px;
}
.aids-ribbon #metro-logo::after {
height: 48px;
right: 24px;
top: 0;
-webkit-transform: rotate(-25deg);
-ms-transform: rotate(-25deg);
transform: rotate(-25deg);
width: 38px;
}
}
@media screen and (min-width: 1024px) {
.christmas #metro-logo,
.pride #metro-logo {
background-position: 0 0;
margin: 0 auto;
max-height: none;
}
.pride #metro-logo {
height: 118px;
width: 475px;
}
.christmas #metro-logo {
height: 168px;
width: 470px;
}
.christmas .main-nav-container {
clear: both;
}
.poppy #metro-logo::after {
height: 58px;
right: -5px;
top: -10px;
width: 48px;
}
.aids-ribbon #metro-logo::after {
height: 58px;
right: -2px;
top: 0;
-webkit-transform: rotate(-25deg);
-ms-transform: rotate(-25deg);
transform: rotate(-25deg);
width: 48px;
}
}
#metro-comments-area {
margin: 0 auto;
background-color: #fff;
}
.fb-comments,
.fb-comments iframe[style],
.fb-comments > span[style] {
width: 100% !important;
}
.metro-spinner {
z-index: 99;
display: none;
height: 30px;
padding: 20px;
width: 70px;
margin-left: -55px;
text-align: center;
background-color: #fff;
background-color: rgba(255, 255, 255, 0.9);
}
.metro-spinner.feed {
display: block;
margin-left: auto;
bottom: 20px;
width: 100%;
padding: 20px 0;
}
.metro-spinner > div {
width: 18px;
height: 18px;
margin-top: 7px;
background-color: #888;
border-radius: 100%;
display: inline-block;
-webkit-animation: bouncedelay 1.4s infinite ease-in-out;
animation: bouncedelay 1.4s infinite ease-in-out;
}
.metro-spinner .bounce1 {
-webkit-animation-delay: -0.32s;
animation-delay: -0.32s;
}
.metro-spinner .bounce2 {
-webkit-animation-delay: -0.16s;
animation-delay: -0.16s;
}
.error404 .metro-spinner {
display: none;
}
@-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);
}
}
#page-bottom-container {
visibility: hidden;
display: none;
background: #fff;
position: relative;
z-index: 1;
max-width: 988px;
margin: 0 auto;
}
.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;
}
#ad-choices {
height: 14px;
padding-left: 16px;
background: url(//www.musicmobil.com/wp-content/themes/img/sprite.png?10) no-repeat -46px -48px;
}
#ad-choices:after {
content: " | ";
display: inline-block;
margin: 0 5px;
}
#ipso {
position: relative;
padding-left: 70px;
}
#ipso img {
position: absolute;
top: -2px;
left: 0;
}
.met-breadcrumb {
margin-bottom: 20px;
font-size: 17px;
font-family: Gbt3kBold, Arial, Helvetica, sans-serif;
font-weight: 400;
}
.met-breadcrumb ol {
display: inline-block;
}
.met-breadcrumb ol li {
display: inline-block;
}
.met-crumb-text {
color: #027c05;
}
a.met-crumb-text:hover,
a.met-crumb-text:visited {
color: #a34600;
}
#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: Gbt3kLight, 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;
}
.footer-links {
position: relative;
background: #f1f1f1;
}
.footer-links .main-nav-container-mobile {
display: none;
}
.powered-by:after {
content: " | ";
display: inline-block;
margin: 0 5px;
}
.footer-follow a {
display: block;
float: left;
width: 50%;
padding: 15px 0;
text-align: center;
color: #fff;
cursor: pointer;
font-family: Gbt3kBold, Arial, Helvetica, sans-serif;
font-weight: 400;
font-size: 16px;
}
.footer-follow .icon {
margin-right: 0.5em;
font-size: 20px;
vertical-align: middle;
}
.footer-follow span {
vertical-align: middle;
}
.footer-follow .facebook {
background: #3b5998;
}
.footer-follow .facebook:hover {
background-color: #1f3666;
}
.footer-follow .twitter {
background: #17abed;
}
.footer-follow .twitter:hover {
background-color: #0e88bf;
}
.foo-left {
display: none;
}
#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: Gbt3kBold, 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;
}
.metro-spinner.feed {
bottom: 50px;
}
#back-to-top {
position: absolute;
top: -40px;
right: 0;
}
#page-bottom-container {
margin-top: 10px;
}
#footer-base .copyright {
display: inline;
height: auto;
}
#footer-base .copyright:after {
content: " | ";
display: inline-block;
margin: 0 5px;
}
.footer-follow a {
font-size: 18px;
}
.footer-follow .icon {
font-size: 20px;
}
.footer-nav .nav-menu {
height: 50px !important;
}
.footer-links .main-nav-container-mobile {
display: block;
}
}
@media screen and (min-width: 1024px) {
#metro-comments-area {
max-width: 964px;
}
#metro-comments-container {
max-width: 620px;
margin: 0 auto;
}
.gallery-content #metro-comments-container {
width: 540px;
max-width: 540px;
}
.gallery-image #metro-comments-container,
.wide-post #metro-comments-container {
width: 768px;
max-width: 768px;
}
#footer-base {
padding: 20px;
}
#footer-base .terms {
margin-top: 0;
float: right;
text-align: right;
}
.foo-left {
display: block;
float: left;
width: 50%;
min-height: 160px;
box-sizing: border-box;
}
.foo-right {
float: left;
width: 50%;
box-sizing: border-box;
}
}
#wpstats {
position: fixed;
bottom: 10px;
left: 10px;
visibility: hidden;
}
.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: Gbt3kLight, 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: #027c05;
border-bottom: 4px solid rgba(255, 255, 255, 0.4);
color: #fff;
font-family: Gbt3kBold, 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 #027c05;
}
#post-content .article-body .invalid label:after {
color: #027c05;
content: " - This field is required";
font-size: 0.75em;
}
#post-content .article-body .invalid .email:after {
content: " - Please enter a valid email address";
}
.contact-form br {
display: none;
}
.contact-form-submission {
display: none;
}
.metro-sassy-poll {
color: #fff;
padding: 10px;
margin: 10px 0;
clear: both;
box-shadow: none !important;
}
.metro-sassy-poll ul {
margin: 20px auto 0;
padding: 0;
text-align: center;
list-style: none;
display: table;
border-spacing: 10px 0;
width: 100%;
}
.metro-sassy-poll li {
list-style: none;
}
.metro-sassy-poll p {
margin-bottom: 0;
}
.msp-title {
font-family: Gbt3kBold, Arial, Helvetica, sans-serif;
font-weight: 400;
font-size: 24px;
text-trasform: uppercase;
text-align: center;
}
.msp-option {
font-family: Gbt3kBold, Arial, Helvetica, sans-serif;
font-weight: 400;
display: inline-block;
width: 100%;
margin: 0 0 10px !important;
padding: 15px 0 20px !important;
vertical-align: top;
text-align: center;
box-shadow: inset 0 -5px 0 0 rgba(0, 0, 0, 0.2) !important;
font-size: 20px;
-webkit-transition: background-color 0.5s ease-in-out;
transition: background-color 0.5s ease-in-out;
position: relative;
background-color: #999;
}
.msp-option .msp-text {
padding-left: 10px;
}
.msp-option .msp-score {
padding-right: 10px;
}
.msp-score,
.msp-score-bar,
.msp-score-bar-container {
display: none;
font-size: 24px;
}
.msp-score-bar-wrapper {
position: absolute;
height: 100%;
width: 1%;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 1;
background-color: rgba(0, 0, 0, 0.2);
-webkit-transition: width 0.2s ease-in;
transition: width 0.2s ease-in;
}
.msp-content {
position: relative;
z-index: 2;
}
.msp-social-proof {
display: block;
text-align: center;
text-transform: uppercase;
font-family: Gbt3kBold, Arial, Helvetica, sans-serif;
font-weight: 400;
font-size: 19px;
margin-top: 13px;
color: #000;
color: rgba(0, 0, 0, 0.8);
}
.msp-share {
display: none;
margin: 10px auto;
overflow: hidden;
text-align: center;
font-family: Gbt3kBold, Arial, Helvetica, sans-serif;
font-weight: 400;
}
.msp-share .msp-share-btns {
float: right;
}
.msp-share .msp-share-cta {
float: left;
font-size: 20px;
line-height: 50px;
}
.msp-share .msp-shrb {
width: 50px;
height: 50px;
padding: 0;
}
.msp-share .msp-shrb span {
display: none;
}
.msp-share .msp-shrb .icon {
display: inline-block;
width: 50px;
line-height: 50px;
vertical-align: middle;
}
.msp-share .msp-shrb.facebook {
margin-right: 10px;
background-color: transparent;
}
.msp-share .msp-shrb.twitter {
background-color: transparent;
}
.is-clickable .msp-option {
cursor: pointer;
}
.is-clickable .msp-option:hover {
background-color: #e73889;
}
.is-clickable .msp-option:active {
box-shadow: rgba(0, 0, 0, 0.2) 0 -2px 0 0 inset !important;
vertical-align: bottom;
top: 2px;
}
.is-answered .msp-social-proof {
display: none;
}
.is-answered .msp-option {
margin-bottom: 2px !important;
box-shadow: none !important;
padding: 10px 0;
}
.is-answered .msp-score,
.is-answered .msp-share {
display: block;
}
.is-answered .msp-score {
display: inline-block;
box-sizing: border-box;
width: 20%;
margin: auto 0;
text-align: right;
vertical-align: middle;
}
.is-answered .msp-text {
display: inline-block;
box-sizing: border-box;
width: 80%;
text-align: left;
vertical-align: middle;
}
.is-answered .msp-content {
width: 100%;
}
.is-answered .msp-majority {
background-color: #67c2d4;
}
.md-modal {
position: fixed;
top: 50%;
left: 50%;
box-sizing: border-box;
width: 50%;
max-width: 630px;
min-width: 320px;
height: auto;
z-index: 100000002;
visibility: hidden;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
}
.md-show {
display: block;
visibility: visible;
}
.md-overlay {
position: fixed;
width: 100%;
height: 100%;
visibility: hidden;
top: 0;
left: 0;
z-index: 100000001;
opacity: 0;
background: rgba(255, 255, 255, 0.8);
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.md-show ~ .md-overlay {
display: block;
opacity: 1;
visibility: visible;
}
.md-content {
position: relative;
box-sizing: border-box;
margin: 0 auto;
padding: 50px;
-webkit-transform: scale(0.7);
-ms-transform: scale(0.7);
transform: scale(0.7);
opacity: 0;
-webkit-transition: all 0.3s;
transition: all 0.3s;
border: 3px solid #000;
color: #000;
background: #fff;
font-size: 20px;
}
.md-close {
display: block;
position: absolute;
top: -50px;
right: -3px;
width: 50px;
height: 50px;
margin: 0 auto;
background: #000;
color: #fff;
font-size: 24px;
line-height: 50px;
cursor: pointer;
}
.md-close span {
width: 100%;
line-height: 50px;
text-align: center;
}
.md-show .md-content {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
opacity: 1;
}
#after-share-modal {
max-width: 300px;
max-height: 225px;
font-family: Gbt3kBold, Arial, Helvetica, sans-serif;
font-weight: 400;
font-size: 22px;
}
#after-share-modal .md-content {
max-width: 300px;
padding: 30px 20px;
}
#after-share-modal p {
margin-bottom: 10px;
padding: 10px 0;
}
#love-metro {
width: 260px;
height: 25px;
margin-bottom: 10px;
background-image: url(//www.musicmobil.com/wp-content/themes/img/love-metro.svg);
background-repeat: no-repeat;
background-size: cover;
background-position: -3px 0;
}
.metro-signpost {
position: relative;
white-space: nowrap;
font-family: Gbt3kBold, Arial, Helvetica, sans-serif;
font-weight: 400;
color: #fff;
font-size: 13px;
height: 16px;
line-height: 16px;
display: inline-block;
margin-right: 5px;
vertical-align: 1px;
}
.metro-signpost:after {
text-transform: uppercase;
white-space: nowrap;
padding: 0 5px;
}
.metro-signpost:before {
font-family: icomoon;
display: inline-block;
color: #fff;
padding: 0 3px;
font-size: 10px;
line-height: 16px;
}
.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;
}
.metro-signpost-ad-feature {
background: #fff;
color: #959595;
font-family: Gbt3kLight, Arial, Helvetica, sans-serif;
border: 1px solid #959595;
}
.metro-signpost-ad-feature:after {
content: "ad feature";
}
.single-article .byline-container .metro-signpost-ad-feature {
border: none;
}
.single-article .byline-container .metro-signpost-ad-feature::after {
padding-left: 0;
}
.mosaic .title span.metro-signpost-ad-feature {
color: #959595;
vertical-align: 0;
}
.metro-signpost-club-metro,
.metro-signpost-club-metro-opinion,
.metro-signpost-opinion {
background-color: #00aeff;
}
.metro-signpost-club-metro-opinion:after,
.metro-signpost-club-metro:after,
.metro-signpost-opinion:after {
content: "opinion";
}
.metro-signpost-gossip {
background-color: #ba22b2;
}
.metro-signpost-gossip:after {
content: "gossip";
}
.metro-signpost-video {
background-color: #eb496b;
}
.metro-signpost-video:after {
content: "video";
}
.metro-signpost-video:before {
content: "";
background-color: #027c05;
}
.metro-signpost-exclusive {
background-color: #027c05;
}
.metro-signpost-exclusive:after {
content: "exclusive";
}
.metro-signpost-review {
background-color: #008d9d;
}
.metro-signpost-review:after {
content: "review";
}
.metro-signpost-sponsored {
background: #ee8333;
}
.metro-signpost-sponsored:after {
content: "sponsored";
}
.metro-signpost-analysis {
background: #00a969;
}
.metro-signpost-analysis:after {
content: "analysis";
}
.metro-signpost-first-person {
background: #060f4b;
}
.metro-signpost-first-person:after {
content: "first person";
}
.metro-signpost-liveblog {
background: #000;
}
.metro-signpost-liveblog:after {
content: "liveblog";
}
#disclaimer {
box-sizing: border-box;
margin: 20px auto;
padding: 10px;
line-height: 1.28;
background: #fafafa;
color: #888;
border: 1px dashed #ccc;
}
.gallery-image .share-buttons {
margin-top: 20px;
}
.item-share-buttons {
overflow: hidden;
padding: 5px 0 5px 5px;
background: #fff;
}
.item-share-buttons .btn {
display: block;
width: 20px;
height: 20px;
margin-top: 10px;
cursor: pointer;
color: #fff;
text-align: center;
font-size: 14px;
line-height: 22px;
vertical-align: middle;
}
.item-share-buttons .btn:hover {
color: #fff;
}
.item-share-buttons .btn .icon {
line-height: 20px;
}
.item-share-buttons .btn:first-child {
margin-top: 0;
}
.item-share-buttons.medium .btn {
width: 35px;
height: 35px;
font-size: 22px;
}
.item-share-buttons.medium .btn .icon {
line-height: 35px;
}
.item-share-buttons.horizontal {
padding: 0;
}
.item-share-buttons.horizontal .btn {
float: left;
margin-top: 0;
margin-right: 10px;
}
.item-share-buttons.horizontal .btn:last-child {
margin-right: 0;
}
.item-share {
position: absolute;
right: 0;
bottom: 0;
z-index: 2;
}
.external-link {
display: block;
position: relative;
}
.external-link:before {
position: absolute;
top: 0;
right: 0;
width: 24px;
height: 24px;
background: #fff;
color: #3b2570;
text-align: right;
font-size: 16px;
}
.share-item-facebook {
background: #3b5998;
}
.share-item-twitter {
background: #17abed;
}
.share-item-email {
background: #878787;
}
.share-item-pinterest {
background-color: #bd081c;
}
.fol-button {
display: block;
width: 259px;
vertical-align: top;
box-sizing: border-box;
height: 50px;
margin: 0;
overflow: hidden;
cursor: pointer;
color: #fff;
}
.fol-button:hover {
text-decoration: none;
color: #fff;
}
.fol-button i {
display: inline-block;
position: static;
width: 50px;
height: 50px;
line-height: 50px;
vertical-align: middle;
text-align: center;
background: 0 0;
font-size: 30px;
}
.fol-button span {
display: inline-block;
box-sizing: border-box;
width: 184px;
line-height: 50px;
padding: 0 14px;
vertical-align: middle;
background: rgba(0, 0, 0, 0.3);
}
.fol-button b {
float: right;
width: 0;
height: 0;
border-bottom: 25px solid #fff;
border-top: 25px solid #fff;
border-left: 25px solid rgba(0, 0, 0, 0.3);
font-size: 0;
line-height: 0;
}
.fol-button.facebook {
margin-bottom: 10px;
background-color: #3b5998;
}
.fol-button.facebook:hover {
background-color: #1f3666 !important;
}
.fol-button.twitter {
background-color: #17abed;
}
.fol-button.twitter:hover {
background-color: #0e88bf !important;
}
.star-rating {
color: #c4c4c4;
display: inline-block;
font-size: 18px;
margin-right: 0.03125em;
width: 20px;
}
.star-rating:last-child {
margin-right: 0;
}
.icon-rating-star:before {
color: #c4c4c4;
}
.icon-rating-star-half::before,
.icon-rating-star.on:before {
color: #ffc61a;
}
.ie8 .single-article figure {
display: block;
}
.more-posts .icon {
font-size: 16px;
padding: 6px;
}
.more-posts .rating-container {
position: absolute;
bottom: 0;
left: 0;
background-color: #020202;
background-color: rgba(0, 0, 0, 0.7);
padding: 0 5px;
}
.more-posts a:hover .rating-container {
background-color: #24aae1;
}
.more-posts .icon-star {
display: inline-block;
position: static;
font-size: 12px;
padding: 8px 4px;
background-color: transparent !important;
}
.metro--video--warning {
background: #f0f0f0;
font-family: Gbt3kBold, Arial, Helvetica, sans-serif;
font-weight: 400;
font-size: 16px;
margin-bottom: 1em;
padding: 0.5em;
text-align: center;
}
.metro--video--warning p {
margin-bottom: 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;
}
.more-posts a {
display: block;
overflow: hidden;
}
.content .post-list .trail {
display: block;
overflow: hidden;
padding-right: 40px;
font-size: 16px;
line-height: 1.1;
}
.more-posts a:hover {
text-decoration: none;
color: #666;
}
.post-list .meta {
margin: 3px 0 0 0;
font-family: Gbt3kLight, Arial, Helvetica, sans-serif;
font-weight: 400;
font-size: 12px;
color: #666;
text-align: left;
}
.gsc-table-result {
font-size: 13px !important;
line-height: 1.2;
}
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;
}
.gs-snippet {
font-family: Arial, Helvetica, sans-serif;
}
.gsc-control-cse .gs-result a.gs-title {
display: block;
height: auto !important;
line-height: 1.2em !important;
}
.has-hover .gsc-result a.gs-title:hover {
text-decoration: underline !important;
}
.gs-result .gs-title *,
.gsc-result .gs-title {
height: auto !important;
text-decoration: none !important;
}
.gsc-result a.gs-title,
.gsc-result a.gs-title b {
font-family: Arial, Helvetica, sans-serif;
font-size: 16px !important;
text-decoration: none !important;
}
.gsc-url-top {
display: none !important;
}
.gsc-results .gsc-cursor-box {
margin-left: 0 !important;
}
.gsc-results .gsc-cursor-box:before {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.gsc-results .gsc-cursor-box .gsc-cursor-page {
margin-right: 20px !important;
font-size: 16px;
color: #666 !important;
}
.gsc-results .gsc-cursor-box .gsc-cursor-current-page {
color: #000 !important;
}
.gsc-selected-option-container {
background: #dce0ee !important;
}
.rumours-widget {
margin-bottom: 20px;
overflow: hidden;
}
.rumours-widget .ru-title {
font-size: 20px;
}
.rumours-widget .ru-title:hover {
text-decoration: none;
}
.channel-area .rumours-widget {
float: right;
width: 300px;
}
a.ru-widget-more {
float: right;
height: 25px;
padding-right: 10px;
color: #027c05;
font-family: Gbt3kBold, 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;
}
.ru-timestamp {
margin: 3px 0 10px;
color: #aaa;
font-size: 14px;
}
@media screen and (min-width: 768px) {
.gsc-result a.gs-title {
font-family: Gbt3kBold, Arial, Helvetica, sans-serif;
font-weight: 400;
font-size: 18px !important;
}
.gsc-result a.gs-title b {
font-family: Gbt3kBold, Arial, Helvetica, sans-serif;
font-weight: 400;
font-size: 18px !important;
}
.gsc-table-result {
font-size: 14px !important;
}
}
@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: Gbt3kBold, 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: Gbt3kBold, 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-blog .nf-post-type:before,
.nf-post-type-quiz:before {
display: inline-block;
margin: 0 5px 2px 0;
padding: 0 2px;
border: 1px solid #e40135;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 1em;
color: #fff;
text-transform: uppercase;
background: #e40135;
}
.news-feed-ad {
margin: 20px 0;
}
.news-feed-ad.ad-slot-large {
margin: 0 -3px;
}
.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-author-box {
position: relative;
display: inline-block;
vertical-align: middle;
}
.nf-author-image,
.nf-author-name,
.nf-sponsored-text {
display: inline-block;
vertical-align: middle;
}
.nf-sponsored-text {
font-size: 12px;
font-size: 0.75rem;
color: orange;
}
.nf-author-name {
font-size: 12px;
font-size: 0.75rem;
color: #999;
display: none;
}
.nf-author-image {
width: 30px;
height: 30px;
margin-right: 10px;
}
.nf-content {
display: none;
margin-left: 110px;
margin-bottom: 10px;
line-height: 1;
}
.nf-headline {
margin-left: 135px;
}
.nf-title {
font-family: Gbt3kBold, 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-post-type-quiz:before {
float: left;
content: "Quiz";
display: inline-block;
margin: 0 5px 2px 0;
padding: 4px 14px;
font-weight: 700;
background: #6cb42c;
border: 1px solid #6cb42c;
}
.nf-blog .nf-post-type:before {
float: left;
content: "Blog";
display: inline-block;
margin: 0 5px 2px 0;
padding: 4px 14px;
font-weight: 700;
}
.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;
}
.nf-share-count {
margin-top: 5px;
font-family: Gbt3kBold, Arial, Helvetica, sans-serif;
font-weight: 400;
font-size: 16px;
font-size: 1rem;
}
@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-author-image {
width: 20px;
height: 20px;
}
.nf-content,
.nf-social {
margin-left: 170px;
}
.nf-content {
display: block;
margin-top: 5px;
}
.nf-author-name,
.nf-share-count {
font-size: 20px;
font-size: 1.25rem;
}
.nf-author-name {
display: inline-block;
}
#news-feed-list {
width: auto;
}
.nf-item {
margin: 10px auto;
padding-bottom: 2px;
}
.nf-headline {
float: none;
margin-left: 170px;
}
.nf-title {
margin-top: -5px;
font-family: Gbt3kBold, 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: Gbt3kLight, 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;
}
}
.game .metro-spinner {
display: block;
position: static;
margin: 50px auto;
}
.game .metro-spinner > div {
background-color: #ddd;
}
.game .notice {
margin: 0;
padding: 0;
font-size: 20px;
font-size: 1.25rem;
}
a.quiz-audio {
background: #00aeff;
position: absolute;
top: 0;
left: 0;
color: #fff;
font-family: Gbt3kBold;
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(//www.musicmobil.com/wp-content/themes/img/quiz-audio-icon.svg);
background-size: 25px 25px;
width: 25px;
height: 25px;
display: inline-block;
position: absolute;
top: 10px;
left: 10px;
}
.quiz-item {
padding: 20px 0;
-webkit-transition: opacity 0.35s;
transition: opacity 0.35s;
}
.fadeout .quiz-item {
opacity: 0.45;
}
.fadeout .quiz-label {
cursor: default;
}
.quiz-img-container {
margin: 0 auto;
table-layout: fixed;
}
.quiz-img {
display: block;
margin: 0 auto 10px;
}
.quiz-img-credits {
margin: -7px auto 10px;
font-size: 12px;
color: #888;
text-align: left;
}
.quiz-question {
font-family: Gbt3kBold, Arial, Helvetica, sans-serif;
font-weight: 400;
font-size: 22px;
line-height: 1.2;
counter-reset: subsection;
}
.quiz-question:before {
counter-increment: section;
content: counter(section) ". ";
font-weight: 700;
}
.quiz-answers {
font-size: 18px;
line-height: 1.25;
}
.quiz-answers li {
padding: 5px 0;
list-style-type: none;
}
.quiz-answers span {
display: inline-block;
vertical-align: middle;
}
ul.quiz-answers {
list-style: none;
margin: 0;
padding: 0;
}
.quiz-answer-2-up,
.quiz-answer-4-up {
display: inline-block;
box-sizing: border-box;
width: 48.461538462%;
vertical-align: top;
}
.quiz-answer-2-up:first-child,
.quiz-answer-2-up:nth-child(3),
.quiz-answer-4-up:first-child,
.quiz-answer-4-up:nth-child(3) {
margin-right: 3.076923077%;
}
.quiz-answer-2-up .quiz-label,
.quiz-answer-4-up .quiz-label {
padding: 20px;
}
.quiz-answer-6-up {
display: inline-block;
box-sizing: border-box;
width: 32.307692308%;
vertical-align: top;
}
.quiz-answer-6-up:first-child,
.quiz-answer-6-up:nth-child(2),
.quiz-answer-6-up:nth-child(4),
.quiz-answer-6-up:nth-child(5) {
margin-right: 1.538461538%;
}
.quiz-answer-4-up:first-child,
.quiz-answer-4-up:nth-child(2) {
margin-bottom: 10px;
}
.quiz-answer-img {
width: 100%;
}
.quiz-answer-img-credits {
position: absolute;
bottom: 0;
left: 0;
padding: 5px;
font-size: 10px;
line-height: 12px;
background: rgba(0, 0, 0, 0.4);
color: #ddd;
}
.quiz-result {
min-height: 400px;
margin: 0 auto;
padding: 20px;
border: 1px solid #eee;
background: #fafafa url(//www.musicmobil.com/wp-content/themes/img/question-mark.svg) no-repeat center;
background-size: 200px;
line-height: 1.3;
}
.quiz-result .quiz-img-credits {
margin: -17px auto 20px;
}
.quiz-result.finished {
background-image: none;
background-color: #000;
color: #fff;
}
.quiz-result-img {
display: block;
margin: 20px auto;
}
.quiz-result-text {
text-align: center;
font-size: 16px;
line-height: 1.5;
}
.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;
}
.quiz-comparison {
margin-top: 40px;
text-align: center;
}
.quiz-comp-text {
margin: 0 auto;
font-size: 120px;
line-height: 1em;
}
.quiz-comp-subtext {
margin-bottom: 40px;
}
.quiz-comp-profile {
width: 60%;
margin: 0 auto;
}
.content .quiz-comp-title {
margin: 0 auto 20px;
color: #ddd;
font-weight: 700;
font-size: 24px;
}
.quiz-comp-img {
width: 80%;
}
.quiz-comp-img .quiz-img-credits {
margin-top: 3px;
}
.quiz-input {
display: none;
}
.quiz-label {
display: table;
width: 100%;
box-sizing: border-box;
vertical-align: middle;
padding: 8px;
cursor: pointer;
background: #f0f0f0;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
box-shadow: 1px 1px 0 #ccc;
color: #000;
font-size: 20px;
}
.quiz-label span {
display: table-cell;
width: 100%;
vertical-align: middle;
}
.quiz-img-answer {
padding: 3px 0 !important;
}
.quiz-img-answer .quiz-label {
display: block;
}
.quiz-radio {
display: inline-block;
vertical-align: middle;
width: 31px;
height: 31px;
margin-right: 10px;
background: transparent url(//www.musicmobil.com/wp-content/themes/img/radio-button.png) no-repeat;
background-size: 29px;
}
.quiz-input:checked + .quiz-label {
background: #333;
color: #fff;
}
.quiz-input:checked + .quiz-label .quiz-radio {
background-position: 0 -29px;
}
.is-finished .quiz-input:checked + .quiz-label {
background: #f0f0f0;
color: inherit;
}
.is-finished .is-answer .quiz-label {
background: #6cb42c !important;
}
.is-finished li:not(.is-answer) .quiz-input:checked + .quiz-label {
background: red;
}
.is-answered .quiz-img-answer {
opacity: 0.6;
}
.fadeout .is-answered .quiz-img-answer,
.quiz-img-answer.is-selected {
opacity: 1;
}
.is-completed.is-answer .quiz-input:checked + .quiz-label,
.is-completed.is-answer .quiz-label {
background: #7ed321;
}
.is-false .quiz-input:checked + .quiz-label {
background: #ff1957;
}
.game-share-buttons {
text-align: center;
margin: 40px auto 0;
}
.game-share-buttons a {
display: inline-block;
overflow: hidden;
vertical-align: middle;
}
.game-share-buttons a:hover {
text-decoration: none;
}
.game-share-buttons .btn {
display: inline-block;
width: 200px;
height: 50px;
margin: 0 10px 20px;
border: none;
padding: 5px 5px 5px 50px;
overflow: hidden;
vertical-align: middle;
color: #fff;
text-align: left;
font-family: "Lucida Grande", "Lucida Sans", sans-serif;
font-size: 15px;
line-height: 1.1;
cursor: pointer;
}
.game-share-buttons .btn:focus {
outline: 0;
}
.game-share-buttons .facebook {
background: #3b5998 url(//www.musicmobil.com/wp-content/themes/img/facebook-f-white.svg) no-repeat 9px center;
background-size: 35px;
}
.game-share-buttons .twitter {
background: #17abed url(//www.musicmobil.com/wp-content/themes/img/twitter-bird-white.svg) no-repeat 7px center;
background-size: 40px;
}
.game-again {
display: block;
width: 200px;
height: 50px;
margin: 0 auto;
padding: 5px;
color: #fff;
background: #6cb42c;
font-family: "Lucida Grande", "Lucida Sans", sans-serif;
font-size: 15px;
vertical-align: middle;
border: none;
}
.game-again span {
vertical-align: middle;
}
.game-again .icon {
display: inline-block;
position: static;
padding-right: 10px;
background: 0 0;
color: #fff;
font-weight: 700;
font-size: 22px;
vertical-align: middle;
}
.game-again:hover {
background: #3e6919;
}
#try-again {
margin: 20px auto 0;
}
.notice.try-again p:first-of-type {
margin-top: 2.75rem;
}
.comparicle {
position: relative;
min-height: 200px;
margin: 40px 0;
text-align: center;
}
.comparicle .metro-spinner {
position: absolute;
top: 50%;
margin-top: -15px;
left: 50%;
margin-left: -35px;
}
.game-view {
display: none;
}
.game-view.is-active {
display: block;
}
.comp-output-view.is-active {
display: inline-block;
}
.comparicle .comp-title {
margin-bottom: 10px;
font-size: 18px;
text-align: center;
}
.comp-opts {
display: none;
overflow: hidden;
}
.comp-opts.is-active {
display: block;
}
.comp-opt-thumb {
position: relative;
float: left;
width: 48.461538461%;
box-sizing: border-box;
text-align: center;
cursor: pointer;
}
.comp-opt-thumb.left {
margin-right: 3.076923076%;
}
.comp-reveal-container {
position: absolute;
top: 50%;
width: 100%;
margin-top: -1em;
text-align: center;
font-size: 16px;
font-weight: 700;
}
.comp-reveal {
display: none;
padding: 0.5em;
background: #fff;
}
.comp-answer {
display: none;
padding: 10px;
background: #000;
color: #fff;
text-align: center;
}
.comp-answer .right {
display: none;
}
.is-right .wrong {
display: none;
}
.is-right .right {
display: block;
}
.is-answered .comp-reveal {
display: inline-block;
}
.is-answered .comp-answer {
display: block;
}
.is-answered .comp-opt-text {
display: none;
}
.is-answered .comp-opt-thumb {
cursor: default;
}
.is-answered .comp-opt-thumb img {
opacity: 0.6;
}
.comp-inputs {
clear: both;
overflow: hidden;
padding-top: 10px;
font-size: 14px;
cursor: pointer;
}
.comp-opt-text {
float: left;
width: 48.461538461%;
box-sizing: border-box;
padding: 10px;
background: #eee;
text-align: center;
}
.comp-opt-text.left {
margin-right: 3.076923076%;
}
.comp-outcome {
padding: 20px;
background: #000;
color: #fff;
}
.comp-score {
font-weight: 700;
font-size: 72px;
line-height: 1;
text-align: center;
}
.comp-verdict {
margin-bottom: 20px;
text-align: center;
font-size: 18px;
}
.clk-text {
display: table;
width: 300px;
margin: 20px auto;
overflow: hidden;
font-family: sans-serif;
font-size: 24px;
font-weight: 700;
line-height: 1.2;
border: 1px solid #333;
}
.clk-text .clk-button-container,
.clk-text .clk-message-container {
display: table-cell;
width: 300px;
vertical-align: middle;
padding: 10px;
text-align: center;
}
.clk-text .clk-message-container {
background: #000;
color: #fff;
box-sizing: border-box;
padding: 15px;
}
.clk-image {
display: table;
margin: 20px auto;
font-size: 20px;
line-height: 1.2;
}
.clk-image img {
display: block;
width: 100%;
margin-bottom: 10px;
}
.clk-image .clk-button-container,
.clk-image .clk-message-container {
display: table;
margin: 0 auto;
text-align: center;
}
.clk-image .clk-intro {
font-size: 16px;
}
.clk-button {
text-align: center;
}
.clk-reveal-container {
cursor: pointer;
}
.clk-message {
text-align: center;
vertical-align: middle;
}
.clk-intro {
font-size: 20px;
color: gray;
}
.metro-breaker {
clear: both;
width: 100%;
padding-top: 20px;
border-top: 25px solid transparent;
}
.metro-breaker a:hover {
text-decoration: none;
color: #666;
}
.metro-breaker .trending-sidebar img {
width: 300px;
height: 100px;
}
.metro-breaker .trending-sidebar .ad-feature {
margin: 0;
position: absolute;
top: 61px;
}
.metro-breaker .trending-sidebar .metro-signpost {
left: -10px;
height: 28px;
line-height: 27px;
font-size: 16px;
padding-top: 0;
padding-bottom: 0;
position: absolute;
bottom: 100%;
}
.metro-breaker .trending-sidebar .metro-signpost::after {
padding: 0 10px;
}
.metro-breaker .trending-sidebar .metro-signpost::before {
vertical-align: top;
padding: 0 5px;
font-size: 18px;
height: 28px;
line-height: 27px;
}
.metro-breaker .nf-item:nth-of-type(1) {
margin-top: 0;
}
.metro-breaker .ada-story-container,
.metro-breaker .mpw-poll-container,
.metro-breaker .mpw-story-container {
font-family: Gbt3kBold, Arial, Helvetica, sans-serif;
font-weight: 400;
position: relative;
}
.metro-breaker .metro-poll-widget {
background-color: #fff;
}
.metro-breaker .metro-poll-widget img {
position: absolute;
top: 0;
left: 0;
margin-bottom: 0;
}
.metro-breaker .fw-ad-slot-container {
display: block !important;
width: 100% !important;
margin-bottom: 0 !important;
}
.metro-breaker .ad-slot {
padding-bottom: 20px;
margin: 10px 0 0;
}
.metro-breaker .metro-video-widget {
background-color: #000;
margin-bottom: 20px;
}
.metro-breaker .metro-video-widget img {
display: none;
}
.metro-breaker .metro-video-widget .mvw-story-container {
position: relative;
}
.metro-breaker .metro-video-widget .mvw-title-story {
font-family: Gbt3kBold, Arial, Helvetica, sans-serif;
font-weight: 400;
line-height: 28px;
color: #fff;
margin: 5px 10px 0 10px;
}
.metro-breaker .metro-video-widget .mvw-excerpt {
font-family: Gbt3kLight, Arial, Helvetica, sans-serif;
font-weight: 400;
line-height: 23px;
color: #fff;
margin: 18px;
font-size: 18px;
}
.metro-breaker .metro-video-widget .metro-video-placeholder {
position: relative;
padding-bottom: 56.25%;
padding-top: 25px;
height: 0;
}
.metro-breaker .metro-video-widget .metro-video-placeholder iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.metro-breaker .countdown-breaker.ada-banner-container,
.metro-breaker .image-breaker.ada-banner-container {
float: left;
}
.metro-breaker .countdown-breaker.ada-story-container,
.metro-breaker .image-breaker.ada-story-container {
float: right;
}
.metro-breaker .countdown-breaker-bg {
width: 300px;
height: 250px;
display: block;
position: relative;
}
.metro-breaker .countdown-breaker-bg .counter-wrap {
font-size: 38px;
font-family: Gbt3kLight, Arial, Helvetica, sans-serif;
font-weight: 400;
position: absolute;
width: 100%;
top: 131px;
left: 40px;
color: #fff;
}
.metro-breaker .countdown-breaker-bg .counter-wrap span {
background-color: transparent;
box-shadow: none;
-webkit-box-decoration-break: slice;
box-decoration-break: slice;
}
@media screen and (min-width: 768px) {
.metro-breaker .mvw-title-story {
margin: -30px 10px 0 10px !important;
line-height: 30px !important;
}
.metro-breaker .mvw-story-container {
float: left;
width: 357px;
}
.metro-breaker .mvw-story-container img {
display: block;
}
.metro-breaker .mvw-video-container {
float: right;
width: 391px;
}
.metro-breaker .fw-ad-slot-container {
margin-top: 0;
}
.metro-breaker .ad-slot {
padding-bottom: 40px;
}
}
@media screen and (min-width: 1024px) {
.metro-breaker .col-ab {
width: 604px;
}
.metro-breaker .col-c {
width: 340px;
}
.metro-breaker .nf-headline {
width: 434px;
}
.metro-breaker .trending-sidebar img {
width: 340px;
height: 113px;
}
.metro-breaker .mvw-video-container {
width: 607px;
}
}
.author .metro-breaker,
.tag .metro-breaker {
padding-top: 0;
border-top: none;
}
.ada-banner-container {
display: none;
}
.ada-banner-link:hover .facebook {
background-color: #1f3666 !important;
}
.page-main {
position: relative;
}
.page-main .widget-title {
position: absolute !important;
top: -54px;
left: 0;
}
.page-main .sponsored {
float: none !important;
}
.page-sidebar {
display: none;
}
@media screen and (min-width: 1024px) {
.page-sidebar {
display: block;
}
}
.metro-poll-widget {
position: relative;
}
.metro-poll-widget ul {
margin-top: 5px;
}
.page-break .mpw-image-container {
overflow: hidden;
padding: 33.3333% 0 0 0;
}
.page-break img {
width: 100%;
}
.page-break .ada-banner-title {
position: absolute;
top: 30px;
left: 25px;
width: 250px;
}
.page-break .ada-story-container,
.page-break .mpw-story-container {
width: auto;
margin: 0 -10px 20px;
overflow: hidden;
}
.page-break .mpw-story-container {
width: auto;
margin: 0 -10px;
overflow: hidden;
}
.page-break .mpw-poll-container {
margin: 0 -10px;
padding: 20px;
}
.page-break .ada-title-story,
.page-break .mpw-title-story {
margin: -31px 20px 10px;
font-size: 26px;
line-height: 1.2;
color: #fff;
position: relative;
}
.page-break .mpw-title-story {
position: relative;
margin-bottom: 0;
font-size: 24px;
}
.page-break .ada-title-excerpt,
.page-break .mpw-title-container {
-webkit-box-decoration-break: initial !important;
box-decoration-break: initial !important;
}
.page-break .ada-title-excerpt {
padding-bottom: 1px;
}
.page-break .ada-excerpt {
margin: 10px 10px 9px;
font-family: Gbt3kLight, Arial, Helvetica, sans-serif;
font-weight: 400;
font-size: 19px;
color: #fff;
}
.page-break .ada-excerpt:after {
content: "\00BB";
font-family: Gbt3kBold, Arial, Helvetica, sans-serif;
font-weight: 400;
font-size: 16px;
padding: 0 3px;
}
.page-break .mpw-option {
display: block;
position: relative;
width: auto;
margin: 0;
padding: 15px 10px;
overflow: hidden;
box-shadow: inset 0 -5px 0 0 rgba(0, 0, 0, 0.2) !important;
vertical-align: top;
text-align: center;
font-family: Gbt3kBold, Arial, Helvetica, sans-serif;
font-weight: 400;
font-size: 20px;
-webkit-transition: background-color 0.5s ease-in-out;
transition: background-color 0.5s ease-in-out;
color: #fff;
}
.page-break .mpw-option:first-child {
margin-bottom: 2px;
}
.page-break .is-clickable .mpw-option:first-child {
margin-bottom: 10px;
}
.page-break.is-ad {
margin-bottom: 0;
}
.page-break .metro-signpost {
left: -10px;
height: 28px;
line-height: 27px;
font-size: 16px;
padding-top: 0;
padding-bottom: 0;
position: absolute;
bottom: 100%;
}
.page-break .metro-signpost::after {
padding: 0 10px;
}
.page-break .metro-signpost::before {
vertical-align: top;
padding: 0 5px;
font-size: 18px;
height: 28px;
line-height: 27px;
}
@media screen and (min-width: 480px) {
.page-break .mpw-option {
width: 80%;
margin: 0 auto;
}
.page-break .mpw-title-story {
font-size: 25px;
}
}
@media screen and (min-width: 768px) {
.page-break {
margin-bottom: 20px;
}
.page-break .ada-title-story,
.page-break .mpw-title-story {
margin: -31px 10px 0;
font-size: 26px;
line-height: 1.2;
color: #fff;
width: 70%;
}
.page-break .ada-title-story {
margin-top: -32px;
}
.page-break .mpw-poll-container {
margin-right: 460px;
margin-left: 0;
padding-bottom: 0;
box-shadow: none !important;
}
.page-break .ada-story-container,
.page-break .mpw-story-container {
width: 100%;
margin: 0;
}
.page-break .mpw-story-container {
float: right;
width: 460px;
background-color: transparent !important;
box-shadow: none !important;
}
.page-break .ada-story-container {
margin-bottom: 20px;
}
.page-break .mpw-image-container {
padding-top: 0;
}
.page-break .mpw-image-container img {
position: static;
width: 600px;
height: 200px;
}
.page-break .ada-story-container {
float: right;
}
.page-break .ada-title-excerpt {
background: 0 0;
}
.page-break .ada-excerpt {
display: none;
}
.page-break .ada-image-container img {
height: 249px;
}
}
@media screen and (min-width: 1024px) {
.page-break .mpw-story-container {
width: 664px;
}
.page-break .mpw-image-container img {
width: 664px;
height: 221px;
}
.page-break .mpw-poll-container {
width: 300px;
min-height: 250px;
box-sizing: border-box;
margin-right: 664px;
}
.page-break .ada-story-container {
width: 646px;
}
.page-break .ada-image-container img {
height: 219px;
}
.page-break .ada-ad-slot-container {
display: block;
float: right;
width: 300px;
}
.page-break .ada-banner-container {
display: block;
position: relative;
width: 300px;
}
.page-break .mpw-option {
width: 235px;
}
.page-break .moz .ada-title-excerpt .ada-title-story {
margin-top: -29px;
}
}
.metro-slidey-widget .ada-story-container {
margin-bottom: 20px;
}
.metro-slidey-widget .ada-title-story {
position: relative;
margin-top: -11px;
}
.metro-slidey-widget .before-and-after {
display: block;
}
@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;
}
.metro-slidey-widget .before-and-after {
display: block;
}
.metro-slidey-widget .ada-title-story {
margin-top: -41px;
}
.metro-slidey-widget .moz .ada-title-story {
margin-top: -39px;
}
}
.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(//www.musicmobil.com/wp-content/themes/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: Gbt3kBold, 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;
}
.is-photoswipeable img {
cursor: pointer;
}
.is-photoswipeable .icon-expand {
position: absolute;
top: 5px;
left: auto;
right: 5px;
width: 20px;
height: 20px;
padding: 5px;
color: rgba(255, 255, 255, 0.8);
background: rgba(0, 0, 0, 0.2);
cursor: pointer;
z-index: 2;
}
.photoswipe-active .page-top-leaderboard {
display: none;
}
.photoswipe-active .page-container {
visibility: hidden;
}
.photoswipe-active .pswp {
visibility: visible;
}
@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: #027c05;
font-family: Gbt3kBold, 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: #027c05;
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: Gbt3kBold, Arial, Helvetica, sans-serif;
font-weight: 400;
font-size: 18px;
line-height: 1.1;
color: #fff;
word-wrap: break-word;
}
.with-hero .item-0 {
width: 100%;
}
.with-hero .item-0 .vli-title {
margin: -27px 0 0;
font-size: 23px;
line-height: 1.1739130435;
}
.with-hero .item-0 .icon-play {
width: 27px;
height: 27px;
margin-top: 0;
margin-right: 7px;
line-height: 27px;
font-size: 22px;
}
.with-hero .item-0 .neutral-box {
background: #fff;
}
.with-hero.four-item .vli-item.item-3 {
display: none;
}
.with-hero.eight-item .vli-item.item-7 {
display: none;
}
@media screen and (min-width: 480px) {
.vli-item .neutral-box {
background: #fff;
}
.vli-item,
.vli-item.item-0 {
width: 49.5%;
}
.vli-item .icon-play,
.vli-item.item-0 .icon-play {
width: 22px;
height: 22px;
margin-top: 0;
margin-right: 7px;
line-height: 22px;
font-size: 16px;
}
.vli-item.item-0 .vli-title {
margin: -25px 0 0;
font-size: 22px;
line-height: 1.15;
}
.vli-item:nth-last-child(2) {
margin-bottom: 0;
}
.video-list.four-item .vli-item.item-3 {
display: inline-block;
}
.video-list.eight-item .vli-item.item-7 {
display: inline-block;
}
.vli-title {
margin-top: -25px;
font-size: 22px;
line-height: 1.15;
}
}
@media screen and (min-width: 768px) {
.vli-item {
width: 32.5%;
}
.vli-item img {
height: 130px;
}
.vli-item:nth-last-child(1),
.vli-item:nth-last-child(2) {
margin-bottom: 15px;
}
.vli-item.item-0,
.vli-item.item-3 {
width: 33.3333%;
}
.vli-item.item-0 .vli-title {
margin-top: -27px;
font-size: 23px;
line-height: 27px;
}
.vli-item .icon-play,
.vli-item.item-0 .icon-play {
width: 27px;
height: 27px;
margin-right: 10px;
line-height: 27px;
font-size: 18px;
}
.four-item .vli-item:nth-child(n + 3) {
display: none;
}
.eight-item .vli-item:nth-child(n + 6) {
display: none;
}
.vli-title {
margin-top: -27px;
font-size: 23px;
line-height: 27px;
}
}
@media screen and (min-width: 1024px) {
.vli-item {
width: 24.75%;
}
.vli-item:nth-child(4n) {
display: inline-block;
}
.vli-item.item-0,
.vli-item.item-3 {
width: 24.75%;
}
.four-item .vli-item:nth-child(n + 3) {
display: inline-block;
}
.eight-item .vli-item:nth-child(n + 6) {
display: inline-block;
}
}
.transfer-countdown {
margin: 10px auto;
width: 100%;
color: #fff;
position: relative;
}
.transfer-countdown img {
width: 100%;
}
.transfer-countdown .counter {
position: absolute;
bottom: 0;
right: 20px;
text-align: center;
}
.transfer-countdown .counter > div {
width: 30px;
text-align: center;
display: inline-block;
font-size: 0.7em;
}
.transfer-countdown .counter > div span {
font-size: 1.8em;
}
@media screen and (min-width: 480px) {
.transfer-countdown .counter > div {
width: 60px;
}
.transfer-countdown .counter > div span {
font-size: 3.2em;
}
}
.metro-email-signup {
padding: 15px;
overflow: hidden;
}
.metro-email-signup .sailthru-form {
position: relative;
overflow: hidden;
}
.metro-email-signup .sailthru-form input.sailthru-email {
float: left;
width: 70%;
font-size: 22px;
height: 40px;
margin: 0 0 10px;
padding: 10px;
box-sizing: border-box;
background: #fff;
border: 1px solid #000;
font-family: Gbt3kLight, Arial, Helvetica, sans-serif;
font-weight: 400;
}
.metro-email-signup .sailthru-form .sailthru-btn {
float: left;
width: 30%;
height: 40px;
box-sizing: border-box;
padding: 0;
background-color: #000;
color: #fff;
border: 0;
border-bottom: 5px solid #4a4a4a;
font-family: Gbt3kBold, Arial, Helvetica, sans-serif;
font-weight: 400;
font-size: 25px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
outline: 0;
cursor: pointer;
}
.metro-email-signup.is-submitting .sailthru-loading {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: #fff url(//www.musicmobil.com/wp-content/themes/img/spinner.gif?10) no-repeat 50%;
opacity: 0.9;
}
.metro-email-signup .sailthru-output {
font-size: 22px;
color: #fff;
}
.metro-email-signup .sailthru-output.error {
margin: 18px 0;
color: #027c05;
}
.metro-email-signup .sailthru-output.success {
margin: 18px 0;
color: #00c000;
}
.metro-email-signup .sailthru-output a,
.metro-email-signup .sailthru-output a:hover {
color: #fff;
}
.metro-email-signup ::-moz-placeholder,
.metro-email-signup ::-ms-input-placeholder,
.metro-email-signup ::-webkit-input-placeholder {
color: #000;
}
.metro-email-signup-shortcode {
margin-bottom: 20px;
}
.metro-email-signup-shortcode .sailthru-output.error {
color: #fff;
}
.metro-email-signup-shortcode .sailthru-output.success {
color: #fff;
}
.metro-email-signup-shortcode.is-submitting .sailthru-loading {
top: 0;
height: 40px;
background: #fff url(//www.musicmobil.com/wp-content/themes/img/spinner-horizontal.gif?10) no-repeat 50%;
opacity: 1;
}
.metro-email-signup-the-fix {
position: relative;
padding-bottom: 45px;
background-position: 0 0;
background-repeat: no-repeat;
background-size: cover;
background-image: url(//www.musicmobil.com/wp-content/themes/img/plugins/metro-email-signup/2016-05/red-lady-540x290.jpg);
}
.metro-email-signup-the-fix .fix-logo {
margin-bottom: 0;
padding: 10px;
background-color: #fff;
background-position: center center;
border: 10px solid #000;
}
.metro-email-signup-the-fix .fix-subhead {
margin-bottom: 17px;
}
.metro-email-signup-the-fix .fix-sub-subhead {
display: none;
}
.metro-email-signup-the-fix .fix-info {
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 20px;
margin: 0;
padding: 2px;
background: #000;
color: #fff;
text-align: right;
}
.metro-email-signup-the-fix .fix-info:after {
content: "\00BB";
font-size: 18px;
padding: 0 3px;
}
.metro-email-signup-the-fix .fix-info:active,
.metro-email-signup-the-fix .fix-info:hover {
color: #fff;
}
.metro-email-signup-the-fix .fix-add-subscriber-form {
margin-top: 0;
}
.fix-screengrab {
display: none;
}
.fix-welcome-content {
margin: 0 auto 50px;
padding: 15px;
border: 10px solid #000;
}
.fix-welcome-content .fix-head-container {
max-width: 480px;
box-sizing: border-box;
margin: 0 auto 20px;
overflow: hidden;
}
.fix-welcome-content .fix-subhead {
text-align: center;
}
.fix-welcome-content .sailthru_form {
overflow: visible;
}
.fix-welcome-content .metro-email-signup {
max-width: 480px;
min-height: 110px;
margin: 0 auto 20px;
}
.fix-welcome-title {
font-family: Gbt3kBold, Arial, Helvetica, sans-serif;
font-weight: 400;
font-size: 22px;
}
.fix-blurb {
margin-top: 1em;
}
.fix-blurb p {
margin-bottom: 0.5em;
font-size: 22px;
}
.fix-blurb-desktop {
display: none;
}
.fix-preview {
position: relative;
margin: 10px auto 20px;
padding-top: 40px;
overflow: hidden;
background: #f1f1f1 url(//www.musicmobil.com/wp-content/themes/img/plugins/metro-email-signup/2016-05/red-lady-700x722.jpg) no-repeat 0 0;
background-size: cover;
}
.fix-preview img {
display: block;
float: left;
width: 50%;
max-width: 100%;
height: auto;
margin: 0 auto 0 10px;
}
.fix-preview-title {
display: inline-block;
position: absolute;
top: 0;
left: 0;
padding: 0 5px 5px 0;
background: #fff;
font-family: Gbt3kBold, Arial, Helvetica, sans-serif;
font-weight: 400;
font-size: 20px;
}
.fix-preview-features {
display: block;
float: left;
width: 40%;
margin: 3px 0 0 5px;
font-family: Gbt3kBold, Arial, Helvetica, sans-serif;
font-weight: 400;
font-size: 16px;
line-height: 23px;
text-transform: uppercase;
letter-spacing: 0.02em;
}
.fix-preview-features li {
display: block;
margin-bottom: 10px;
}
.fix-preview-features li span {
display: inline;
padding: 5px 0;
background: #000;
box-shadow: 5px 0 0 #000, -5px 0 0 #000;
-webkit-box-decoration-break: clone;
box-decoration-break: clone;
color: #fff;
}
.fix-preview-frequency {
position: absolute;
bottom: 0;
right: -17px;
width: 88px;
margin-bottom: 0;
font-family: Gbt3kBold, Arial, Helvetica, sans-serif;
font-weight: 400;
font-size: 16px;
text-transform: uppercase;
}
.fix-preview-frequency span {
display: inline;
background: #fff;
box-shadow: 5px 0 0 #fff, -5px 0 0 #fff;
-webkit-box-decoration-break: clone;
box-decoration-break: clone;
color: #000;
}
h2.fix-logo {
display: block;
width: 210px;
height: 41px;
margin: 0 auto;
padding: 0;
font-family: Gbt3kBold, 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(//www.musicmobil.com/wp-content/themes/img/plugins/metro-email-signup/the-fix-logo.svg?10) no-repeat 0 0;
background-size: 213px;
}
.ie8 h2.fix-logo {
text-indent: 0;
}
h3.fix-subhead {
margin: 15px 5px 3px;
color: #fff;
color: #fff;
font-family: Gbt3kBold, 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;
}
.fix-add-subscriber-form {
margin-top: 10px;
}
.the-fix-welcome .sailthru-output {
margin-top: 20px;
text-align: center;
}
.fix-info {
display: inline-block;
float: right;
margin-top: 10px;
font-size: 18px;
font-family: Gbt3kLight, Arial, Helvetica, sans-serif;
font-weight: 400;
color: #ea6400;
}
.fix-info:hover {
color: #a34600;
}
@media screen and (min-width: 480px) {
.fix-preview-title {
font-size: 26px;
}
.fix-preview img {
width: 56%;
}
.fix-preview-features {
margin-top: 90px;
font-size: 23px;
line-height: 34px;
}
.fix-preview-frequency {
width: 104px;
right: 0;
font-size: 24px;
}
}
@media screen and (min-width: 768px) {
.widget h2.fix-logo,
h2.fix-logo {
margin: 10px auto 25px;
}
.the-fix-welcome h2.fix-logo {
width: 300px;
height: 60px;
background-size: contain;
}
.the-fix-welcome .fix-head-container {
max-width: none;
}
.the-fix-welcome .metro-email-signup {
max-width: none;
min-height: 60px;
}
.the-fix-welcome .fix-subhead {
font-size: 32px;
line-height: 41px;
}
.the-fix-welcome .sailthru-form form {
width: 70%;
margin: 20px auto;
}
.fix-welcome-content .fix-preview-title {
font-size: 30px;
}
.fix-blurb-desktop {
display: block;
}
.fix-blurb-mobile {
display: none;
}
.fix-preview {
margin-top: 0;
padding-top: 50px;
}
.fix-preview img {
width: 50%;
margin-left: 40px;
}
.fix-preview-features {
font-size: 30px;
line-height: 46px;
}
.fix-preview-frequency {
right: 25px;
font-size: 30px;
}
.metro-email-signup-shortcode {
border: none;
}
.metro-email-signup-shortcode .fix-logo {
margin-bottom: 13px;
}
.metro-email-signup-shortcode .fix-info {
left: auto;
padding: 2px 0 2px 10px;
}
.metro-email-signup-shortcode .fix-subhead span {
padding: 2px 5px 6px;
}
.metro-email-signup-shortcode .fix-add-subscriber-form {
margin-top: 0;
}
}
@media screen and (min-width: 1024px) {
.the-fix-welcome h2.fix-logo {
width: 460px;
height: 90px;
}
.fix-preview-title {
font-size: 35px;
}
.fix-preview-features {
margin-top: 230px;
font-size: 40px;
line-height: 60px;
}
.fix-preview-frequency {
font-size: 40px;
right: 66px;
}
}
.metro-email-signup-soap-spoilers {
background: #8135ff;
padding: 15px;
position: relative;
}
.metro-email-signup-soap-spoilers-info {
font-family: Gbt3kBold, Arial, Helvetica, sans-serif;
font-weight: 400;
background: #000;
color: #fff;
font-size: 20px;
padding: 15px;
}
.metro-email-signup-soap-spoilers-info a,
.metro-email-signup-soap-spoilers-info a:focus,
.metro-email-signup-soap-spoilers-info a:hover,
.metro-email-signup-soap-spoilers-info a:visited {
color: #8135ff;
}
.metro-email-signup-soap-spoilers-info p {
margin: 0;
}
.metro-email-signup-soap-spoilers h2.metro-email-signup-soap-spoilers-title {
display: block;
width: 210px;
height: 100px;
margin: 15px auto 10px;
padding: 0;
font-family: Gbt3kBold, 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(//www.musicmobil.com/wp-content/themes/img/plugins/metro-email-signup/soaps-newsletter-logo.svg?10) no-repeat 0 0;
background-size: 210px;
}
.metro-email-signup-soap-spoilers .sailthru-form .sailthru-btn {
border-bottom: 0;
text-transform: uppercase;
}
.metro-email-signup-soap-spoilers .sailthru-form input.sailthru-email {
border: 0;
margin-bottom: 0;
}
.metro-email-signup-soap-spoilers .sailthru-loading {
padding: 0 15px;
}
.metro-email-signup-soap-spoilers.metro-email-signup .sailthru-output {
font-size: 18px;
color: #fff;
text-align: center;
margin: 0;
}
.metro-email-signup-soap-spoilers.metro-email-signup .sailthru-output.error {
padding: 5px 10px;
background: #ff6705;
}
.metro-email-signup-soap-spoilers.metro-email-signup .sailthru-output.success {
padding: 5px 10px;
background: #8135ff;
}
.metro-email-signup-soap-spoilers.metro-email-signup .sailthru-output a,
.metro-email-signup-soap-spoilers.metro-email-signup .sailthru-output a:hover {
color: #fff;
}
.metro-email-signup-soap-spoilers.metro-email-signup-shortcode {
padding: 0;
background-position: 0 0;
background-repeat: no-repeat;
background-image: url(//www.musicmobil.com/wp-content/themes/img/plugins/metro-email-signup/soaps-signup-shortcode-bg.png);
}
.metro-email-signup-soap-spoilers.metro-email-signup-shortcode .sailthru-form {
padding: 0 15px;
margin-bottom: 10px;
}
.metro-email-signup-soap-spoilers.metro-email-signup-shortcode h2.metro-email-signup-soap-spoilers-title {
margin: 15px 0 10px 170px;
}
.metro-email-signup-soap-spoilers.metro-email-signup-mpu {
min-height: 250px;
width: 300px;
margin: 0 auto 20px;
box-sizing: border-box;
background-position: 0 0;
background-repeat: no-repeat;
background-size: cover;
background-image: url(//www.musicmobil.com/wp-content/themes/img/plugins/metro-email-signup/soaps-signup-mpu-bg.png);
}
.metro-email-signup-soap-spoilers.metro-email-signup-mpu h2.metro-email-signup-soap-spoilers-title {
margin-top: 30px;
}
.metro-email-signup-soap-spoilers.metro-email-signup-mpu .sailthru-form {
padding-bottom: 35px;
}
.metro-email-signup-soap-spoilers.metro-email-signup-mpu .sailthru-form .sailthru-btn {
font-size: 20px;
}
.metro-email-signup-soap-spoilers.metro-email-signup-mpu .sailthru-form input.sailthru-email {
font-size: 20px;
}
.metro-email-signup-soap-spoilers.metro-email-signup-mpu .metro-email-signup-soap-spoilers-info {
position: absolute;
right: 0;
bottom: 0;
height: 35px;
padding: 0 10px;
line-height: 35px;
}
@media screen and (max-width: 550px) {
.metro-email-signup-soap-spoilers-info {
font-size: 18px;
}
.metro-email-signup-soap-spoilers.metro-email-signup-shortcode h2.metro-email-signup-soap-spoilers-title {
width: 180px;
height: 85px;
background-size: 180px;
}
}
@media screen and (max-width: 500px) {
.metro-email-signup-soap-spoilers.metro-email-signup-shortcode {
background-size: contain;
}
.metro-email-signup-soap-spoilers.metro-email-signup-shortcode h2.metro-email-signup-soap-spoilers-title {
margin: 15px auto 10px;
}
}
@media screen and (max-width: 440px) {
.metro-email-signup-soap-spoilers.metro-email-signup-shortcode h2.metro-email-signup-soap-spoilers-title {
width: 150px;
height: 70px;
background-size: 150px;
}
}
@media screen and (max-width: 400px) {
.metro-email-signup-soap-spoilers.metro-email-signup-shortcode {
background-image: none;
}
.metro-email-signup-soap-spoilers.metro-email-signup-shortcode h2.metro-email-signup-soap-spoilers-title {
width: 260px;
height: 120px;
background-size: 260px;
}
.metro-email-signup-soap-spoilers.metro-email-signup-shortcode .sailthru-form .sailthru-btn {
font-size: 18px;
}
}
.metro-email-signup-coronavirus {
background: #eee;
background-image: url(//www.musicmobil.com/wp-content/themes/metro-parent/lib/plugins/metro-newsletters/signups/images/coronavirus-virus-signup.png);
background-repeat: no-repeat;
background-size: 100% auto;
background-position: top left;
padding: 0;
}
.metro-email-signup-coronavirus-inner {
width: 100%;
max-width: 290px;
margin: 30px auto 15px;
}
.metro-email-signup-coronavirus-header {
background: #fff;
border: solid 7px #000;
padding: 10px;
margin-bottom: 10px;
}
.metro-email-signup-coronavirus h2.metro-email-signup-coronavirus-heading {
font-size: 22px;
margin-bottom: 0;
}
.metro-email-signup-coronavirus h2.metro-email-signup-coronavirus-heading span:first-child {
display: block;
color: #027c05;
font-size: 25px;
text-transform: uppercase;
margin-bottom: 10px;
}
.metro-email-signup-coronavirus h2.metro-email-signup-coronavirus-heading .icon {
font-size: 16px;
}
.metro-email-signup-coronavirus h2.metro-email-signup-coronavirus-heading span:last-child {
font-size: 16px;
}
.metro-email-signup-coronavirus h3.metro-email-signup-coronavirus-sub-heading {
margin: 10px 10px 13px 5px;
color: #fff;
color: #fff;
font-family: Gbt3kBold, Arial, Helvetica, sans-serif;
font-weight: 400;
font-size: 18px;
line-height: 20px;
}
.metro-email-signup-coronavirus h3.metro-email-signup-coronavirus-sub-heading 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;
}
.metro-email-signup-coronavirus-info {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.metro-email-signup-coronavirus-info p {
display: inline-block;
letter-spacing: 0.1px;
padding: 1px 5px 3px;
margin-bottom: 0;
font-size: 12px;
background: #000;
color: #fff;
font-family: Gbt3kLight, Arial, Helvetica, sans-serif;
font-weight: 400;
}
.metro-email-signup-coronavirus-info a {
color: #fff;
font-family: Gbt3kBold, Arial, Helvetica, sans-serif;
font-weight: 400;
}
.metro-email-signup-coronavirus-info a:active,
.metro-email-signup-coronavirus-info a:focus,
.metro-email-signup-coronavirus-info a:hover,
.metro-email-signup-coronavirus-info a:visited {
color: #fff;
}
.metro-email-signup-coronavirus .sailthru-form input.sailthru-email {
height: 36px;
font-size: 18px;
border: 0;
margin-bottom: 0;
}
.metro-email-signup-coronavirus .sailthru-form .sailthru-btn {
height: 36px;
font-size: 20px;
text-transform: none;
}
.metro-email-signup-coronavirus .sailthru-output.error {
color: #027c05;
font-size: 18px;
}
.metro-email-signup-coronavirus .sailthru-output.success {
color: #00c000;
font-size: 18px;
}
@media screen and (min-width: 480px) {
.metro-email-signup-coronavirus-inner {
max-width: 310px;
}
}
.trd-feed.metro-breaker {
border-top: 0;
}
.trd-overlay {
position: absolute;
padding: 0;
margin: 0;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: url(//www.musicmobil.com/wp-content/themes/img/overlay.png) repeat scroll 0 0 transparent;
z-index: 1;
}
@media screen and (min-width: 480px) {
.trd-feed .nf-image-box {
width: 200px;
}
.trd-feed .nf-content,
.trd-feed .nf-headline,
.trd-feed .nf-social {
margin-left: 220px;
}
}
@media screen and (min-width: 768px) {
.trending-content {
margin-bottom: 20px;
}
.trd-feed .nf-image-box {
width: 240px;
}
.trd-feed .nf-content,
.trd-feed .nf-headline,
.trd-feed .nf-social {
margin-left: 260px;
}
}
@media screen and (min-width: 1024px) {
.trd-feed .nf-headline {
width: auto;
}
.trd-feed .item-1 {
margin-top: 5px;
}
}
.video-strip,
.zone-post-strip {
clear: both;
overflow: hidden;
margin-bottom: 1em;
padding: 10px 0;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}
.video-strip-more,
.zopo-more {
text-transform: uppercase;
}
.zopo-item {
width: 100%;
overflow: hidden;
}
.zopo-item img {
float: left;
width: 120px;
height: 90px;
}
.zopo-item .zopo-title {
margin-left: 130px;
margin-bottom: 0;
line-height: 1.18;
}
.video-strip-item {
position: relative;
width: 100%;
overflow: hidden;
}
.video-strip-item img {
float: left;
width: 130px;
height: 73px;
}
.video-strip-item .icon-play {
color: #fff;
background-color: #027c05;
margin-right: 5px;
box-sizing: border-box;
font-size: 14px;
width: 20px;
height: 20px;
vertical-align: text-top;
text-align: center;
left: 110px;
line-height: 20px;
}
.video-strip-item .video-strip-title {
margin-left: 140px;
margin-bottom: 0;
line-height: 1.18;
}
.video-strip-item:nth-of-type(2),
.video-strip-item:nth-of-type(3),
.video-strip-item:nth-of-type(4),
.zopo-item:nth-of-type(2),
.zopo-item:nth-of-type(3),
.zopo-item:nth-of-type(4) {
display: none;
}
.video-strip-link,
.zopo-link {
color: #000;
font-size: 20px;
line-height: 1.1;
}
.video-strip-link-text::after,
.zopo-link-text::after {
content: "\00BB";
padding: 0 5px;
}
.video-strip-link:hover,
.zopo-link:hover {
color: #666;
}
.video-strip-title-icon {
display: none;
}
.video-strip-image-icon {
display: inline-block;
position: absolute;
top: 0;
left: 0;
}
@media screen and (min-width: 480px) {
.video-strip,
.zone-post-strip {
padding: 15px 0;
}
.zopo-item {
float: left;
}
.zopo-item img {
width: 170px;
height: 128px;
}
.zopo-item .zopo-title {
margin-left: 180px;
}
.zopo-item .metro-signpost {
position: absolute;
bottom: 100%;
}
.video-strip-item {
float: left;
}
.video-strip-item img {
width: 170px;
height: 96px;
}
.video-strip-item .icon-play {
width: 22px;
height: 22px;
left: 148px;
margin-right: 7px;
line-height: 22px;
font-size: 16px;
}
.video-strip-item .video-strip-title {
margin-left: 180px;
}
}
@media screen and (min-width: 600px) {
.zopo-item {
position: relative;
width: 170px;
margin-right: 15px;
}
.zopo-item img {
float: none;
}
.zopo-item .zopo-title {
position: relative;
margin: -18px 20px 0 0;
-webkit-transform: none;
-ms-transform: none;
transform: none;
font-size: 18px;
line-height: 1.15;
}
.video-strip-item {
position: relative;
width: 170px;
margin-right: 15px;
}
.video-strip-item img {
float: none;
}
.video-strip-item .icon-play {
width: 21px;
height: 21px;
line-height: 21px;
}
.video-strip-item .video-strip-title {
position: relative;
margin: -18px 20px 0 0;
-webkit-transform: none;
-ms-transform: none;
transform: none;
font-size: 18px;
line-height: 1.15;
}
.video-strip-item:nth-of-type(2),
.zopo-item:nth-of-type(2) {
display: block;
}
.video-strip-item:nth-of-type(3),
.zopo-item:nth-of-type(3) {
display: block;
margin-right: 0;
}
.video-strip-title-text,
.zopo-title-text {
background-color: #fff;
box-shadow: 10px 0 0 #fff, -10px 0 0 #fff;
-webkit-box-decoration-break: clone;
box-decoration-break: clone;
}
.is-mobile .zone-post-strip {
display: none;
}
.video-strip-title-icon {
display: inline-block;
}
.video-strip-image-icon {
display: none;
}
}
@media screen and (min-width: 1024px) {
.wide-post .video-strip-item,
.wide-post .zopo-item {
margin-right: 29px;
}
.wide-post .video-strip-item:nth-of-type(3),
.wide-post .zopo-item:nth-of-type(3) {
margin-right: 29px;
}
.wide-post .video-strip-item:nth-of-type(4),
.wide-post .zopo-item:nth-of-type(4) {
display: block;
margin-right: 0;
}
}
.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: #ffc000;
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: Gbt3kBold, 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: Gbt3kBold, Arial, Helvetica, sans-serif;
font-weight: 400;
font-size: 20px;
line-height: 1.2;
font-style: italic;
margin-top: 15px;
margin-left: auto;
color: #027c05;
-ms-flex-preferred-size: auto;
flex-basis: auto;
}
.zone-widget-more-link:hover {
color: #027c05;
}
.zone-widget-more-link::after {
content: "»";
font-family: Gbt3kBold, 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;
}
.mini-league-table-header {
display: block;
width: 300px;
height: 75px;
}
.mini-league-table.mini-league-table-shortcode .mini-league-table-header {
width: 100%;
display: block;
height: auto;
margin-top: 10px;
}
.mini-league-table a.mini-league-table-more {
margin-top: 10px;
float: right;
height: 25px;
color: #027c05;
font-family: Gbt3kBold, Arial, Helvetica, sans-serif;
font-weight: 400;
font-size: 20px;
line-height: 25px;
font-style: italic;
}
.mini-league-table a.mini-league-table-more span {
color: #000;
margin-left: 5px;
}
.mini-league-table a.mini-league-table-more:hover {
text-decoration: none;
}
.mini-league-table .league-table {
margin-bottom: 0;
}
.mini-league-table .league-table-mini {
width: 100%;
}
.mini-league-table .league-table-mini .league-table-team-rank {
width: 30px;
}
.mini-league-table .league-table-mini .league-table-team-points {
width: 50px;
text-align: center;
}
.league-table {
position: relative;
width: 100%;
overflow: hidden;
margin-bottom: 20px;
}
.league-table table {
font-size: 20px;
}
.league-table tr {
border: 1px solid #c8c8c8;
}
.league-table tr:nth-child(1) {
background: #06f29a;
}
.league-table tr:nth-child(2),
.league-table tr:nth-child(3),
.league-table tr:nth-child(4) {
background: #cdfceb;
}
.league-table tr:nth-child(5) {
background: #e6fdf4;
border-bottom: 3px solid #e5e5e5;
}
.league-table tr:nth-child(18),
.league-table tr:nth-child(19),
.league-table tr:nth-child(20) {
background: #e5e5e5;
}
.league-table tr:first-child {
border-top: none;
}
.league-table thead tr {
border-color: #000;
border-bottom: none;
border-top: none;
}
.league-table th {
background: #000;
color: #fff;
font-size: 20px;
padding: 10px;
border-right: 1px solid;
}
.league-table th.league-table-team-name {
text-align: left;
}
.league-table td.league-table-team-points {
font-family: Gbt3kBold;
line-height: 17px;
}
.league-table td {
padding: 10px;
border-right: 1px solid #c8c8c8;
}
.league-table-inner {
position: relative;
}
.league-table-scroll-message {
display: none;
text-align: right;
font-family: Gbt3kBold, Arial, Helvetica, sans-serif;
font-weight: 400;
margin-bottom: 10px;
font-size: 16px;
}
.league-table-mobile-only {
display: none;
}
.league-table-fixed {
width: 230px;
position: absolute;
height: 100%;
top: 0;
left: 0;
}
.league-table-team-name-link {
color: #000;
line-height: 17px;
}
.league-table-team-name-link:active,
.league-table-team-name-link:focus,
.league-table-team-name-link:hover {
color: #5f5f5f;
}
.league-table-team-rank {
text-align: center;
}
.league-table-scrollable {
margin-left: 230px;
overflow-x: scroll;
overflow-y: hidden;
}
.league-table-scrollable table {
width: 100%;
position: relative;
}
.league-table-scrollable tr {
border-left: none;
width: 100%;
}
.league-table-scrollable tr th:first-child {
border-left: none;
}
.league-table-scrollable td {
width: 12.5%;
text-align: center;
}
.league-table-page .page-title {
margin-top: 0;
}
.league-table-page .article-body {
width: 100%;
}
.league-table-page article {
margin-bottom: 42px;
}
@media (min-width: 768px) {
.page-template-page-league-tables .nav-menu {
height: 90px;
}
}
@media (max-width: 545px) {
.league-table-fixed {
width: 160px;
table-layout: fixed;
}
.league-table-scrollable {
margin-left: 161px;
}
.league-table .league-table-team-rank {
width: 19px;
}
.league-table .league-table-team-name {
width: 99px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
}
@media (max-width: 475px) {
.league-table-scroll-message {
display: block;
}
.league-table-scrollable td {
width: auto;
}
.league-table-scrollable .league-table-team-points {
display: none;
}
.league-table-scrollable .league-table-team-points.league-table-mobile-only {
display: block;
}
}
.iframe-autoheight {
overflow: hidden;
width: 1px;
min-width: 100%;
margin-bottom: 20px;
border: none;
}
.metro-factbox {
margin-bottom: 1em;
}
.metro-factbox.half {
margin: 0 0 1em 0;
float: none;
width: 100%;
}
.metro-factbox-title {
background: #000;
font-size: 20px;
font-family: Gbt3kBold, Arial, Helvetica, sans-serif;
font-weight: 400;
color: #fff;
padding: 8px 10px 8px 65px;
position: relative;
}
.metro-factbox-title.no-icon {
padding-left: 10px;
}
.metro-factbox-title.no-icon i.icon {
display: none;
}
.metro-factbox-title i.icon {
background-color: #fff;
border-radius: 50%;
color: #ec833e;
font-size: 50px;
height: 49px;
position: absolute;
top: -7px;
left: 7px;
width: 49px;
}
.metro-factbox-title.pink i.icon {
color: #fc3a9b;
}
.metro-factbox-title.blue i.icon {
color: #1eb0fc;
}
.metro-factbox-title.orange i.icon {
color: #ea6400;
}
.metro-factbox-title.green i.icon {
color: #1cbe20;
}
.metro-factbox-content {
font-size: 20px;
padding: 15px;
background: #e6e6e6;
}
.metro-factbox-content p:last-child {
margin-bottom: 0;
}
.metro-factbox-content.pink {
background: #ffeaf5;
}
.metro-factbox-content.blue {
background: #e5f6ff;
}
.metro-factbox-content.orange {
background: #fcefe5;
}
.metro-factbox-content.green {
background: #e5f8e5;
}
.metro-factbox-content .vjs-video-container.vjs-fixed.vjs-span-two-col {
max-width: 100%;
}
.metro-factbox figure:hover .item-share-buttons {
display: none;
}
.single-article .metro-factbox-title {
font-size: 20px;
margin-bottom: 0;
}
.metro-poll-widget {
background-color: #47a3da;
color: #fff;
margin-bottom: 20px;
}
.metro-poll-widget img {
float: left;
width: 100%;
padding: 0;
margin-bottom: 15px;
}
.metro-poll-widget ul {
margin: 0;
padding: 0;
text-align: center;
list-style: none;
}
.metro-poll-widget li {
list-style: none;
}
@media screen and (min-width: 768px) {
.metro-poll-widget img {
width: inherit;
padding: inherit;
margin-bottom: inherit;
}
.metro-poll-widget ul {
margin-top: 20px;
margin-bottom: 0;
}
}
.mpw-title {
margin: 0 0 15px;
text-align: center;
}
.mpw-title a {
color: #fff;
font-size: 20px;
font-family: Gbt3kBold, Arial, Helvetica, sans-serif;
font-weight: 400;
}
.mpw-title a:hover {
text-decoration: none;
color: #fff;
}
@media screen and (min-width: 480px) {
.mpw-title a {
font-size: 22px;
}
}
.mpw-content {
position: relative;
z-index: 2;
}
.is-answered .mpw-text {
display: inline-block;
width: 70%;
margin: 0;
vertical-align: middle;
}
.mpw-score {
width: 30%;
vertical-align: middle;
text-align: right;
}
.mpw-score,
.mpw-score-bar-container,
.mpw-share {
display: none;
}
.mpw-score-bar {
display: none;
position: absolute;
height: 100%;
width: 1%;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 1;
background-color: rgba(0, 0, 0, 0.2);
-webkit-transition: width 0.2s ease-in;
transition: width 0.2s ease-in;
}
.mpw-share-cta {
float: left;
width: 50%;
font-family: Gbt3kBold, Arial, Helvetica, sans-serif;
font-weight: 400;
font-size: 20px;
line-height: 50px;
}
.mpw-share-btns {
float: right;
}
.mpw-shrb {
width: 50px;
height: 50px;
padding: 0 20px;
}
.mpw-shrb.facebook {
background-color: transparent;
line-height: 50px;
}
.mpw-shrb.twitter {
background-color: transparent;
line-height: 50px;
}
.is-clickable .mpw-option {
cursor: pointer;
}
.is-clickable .mpw-option:hover {
background-color: #288bc6;
}
.is-answered .mpw-poll-container {
padding-bottom: 0;
}
.is-answered .mpw-option {
padding: 10px;
box-shadow: none !important;
text-align: left;
}
.is-answered .mpw-score {
display: inline-block;
}
.is-answered .mpw-score-bar,
.is-answered .mpw-score-bar-container,
.is-answered .mpw-share {
display: block;
}
@media screen and (min-width: 768px) {
.mpw-body {
margin-left: 325px;
}
.mpw-floater {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
left: 20px;
right: 20px;
}
.mpw-minimal {
margin-top: 50px;
}
.mpw-share-cta {
width: 55%;
font-size: 18px;
}
}
@media screen and (max-width: 768px) {
.mpw-minimal {
margin-bottom: 10px;
}
}
.metro-election-countdown-wrap {
margin-bottom: 1em;
position: relative;
padding-bottom: 15.6%;
width: 100%;
overflow: hidden;
}
.metro-election-countdown {
position: absolute;
top: 0;
left: 0;
right: 0;
}
#eastender-countdown .counter-wrap {
font-family: Gbt3kBold;
top: 111px;
left: 30px;
font-size: 40px;
color: #000;
}
.vjs-video-container {
background-color: #000;
}
.vjs-video-container div,
.vjs-video-container object,
.vjs-video-container p,
.vjs-video-container video {
margin: 0;
padding: 0;
}
.video-js {
position: relative;
font-size: 10px;
font-weight: 400;
font-style: normal;
font-family: Arial, sans-serif;
color: #b1b1b1;
vertical-align: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-transition: opacity 0.2s ease-in-out;
transition: opacity 0.2s ease-in-out;
}
.vjs-tech {
display: block;
width: 100%;
}
.vjs-hidden {
display: none !important;
}
.vjs-shown {
display: block !important;
}
.vjs-video-container.vjs-fixed.vjs-span-two-col {
width: 540px !important;
}
.vjs-flyout-on + .vjs-flyout-wrapper-fixed .vjs-flyout-wrapper-absolute .vjs-title {
display: none !important;
}
.vjs-flyout-on + .vjs-flyout-wrapper-fixed .vjs-flyout-wrapper-absolute .vjs-video-container .VPAID-container,
.vjs-flyout-on + .vjs-flyout-wrapper-fixed .vjs-flyout-wrapper-absolute.vjs-video-container object,
.vjs-flyout-on + .vjs-flyout-wrapper-fixed .vjs-flyout-wrapper-absolute.vjs-video-container video {
top: 25px;
bottom: 40px;
position: absolute;
margin: auto;
}
.vjs-text-track-display {
display: none;
}
@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;
}
.vjs-poster {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: 0;
padding: 0;
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: contain;
cursor: pointer;
background-color: #000;
}
.vjs-poster {
background-position: 50% 50%;
background-position: 50% calc(50% - 25px);
}
.vjs-no-title .vjs-poster {
background-position: 50% calc(50% - 25px);
}
.vjs-video-container.vjs-one-col-title-multi .vjs-poster,
.vjs-video-container.vjs-one-col-title-single .vjs-poster {
background-position: 50% 50%;
}
.vjs-has-started .vjs-poster {
display: none;
}
.vjs-responsive .vjs-poster {
background-position: 50% calc(50% - 25px);
}
.vjs-responsive .vjs-poster img {
top: 0;
bottom: 50px;
}
.vjs-poster img {
position: absolute;
margin: auto;
display: block;
top: 0;
bottom: 50px;
width: 100%;
}
.vjs-no-title .vjs-poster img {
top: 0;
}
.vjs-menu-button {
cursor: pointer;
}
.vjs-fullscreen.vjs-user-inactive {
cursor: none;
}
.vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
opacity: 1;
visibility: visible;
}
.vjs-user-inactive.vjs-playing .vjs-text-track-display {
bottom: 1em;
}
.vjs-user-active .vjs-progress-control {
font-size: 10px;
}
.vjs-user-active.vjs-ad-playing .vjs-progress-control {
font-size: 3px;
}
.vjs-control {
position: relative;
float: left;
width: 50px;
height: 50px;
outline: 0;
}
.vjs-control:before {
font-family: VideoJS;
font-size: 26px;
position: absolute;
left: 50%;
top: 50%;
width: 1em;
height: 1em;
margin-top: -0.5em;
margin-left: -0.5em;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
}
.vjs-control.vjs-volume-menu-button:before {
font-size: 24px;
}
.vjs-control:focus:before,
.vjs-control:hover:before {
color: #fff;
}
.vjs-control-text {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.vjs-time-tooltip {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.metro-previous-control,
.metro-skip-control {
float: left;
width: 50px;
height: 50px;
}
.metro-previous-control::before,
.metro-skip-control::before {
float: left;
font-family: VideoJS;
font-size: 26px;
width: 60px;
height: 60px;
text-align: center;
line-height: 60px;
}
@media screen and (max-width: 539px) {
.video-js.vjs-fullscreen .metro-previous-control,
.video-js.vjs-fullscreen .metro-skip-control,
.vjs-responsive .metro-previous-control,
.vjs-responsive .metro-skip-control {
width: 40px;
height: 40px;
}
.video-js.vjs-fullscreen .metro-previous-control::before,
.video-js.vjs-fullscreen .metro-skip-control::before,
.vjs-responsive .metro-previous-control::before,
.vjs-responsive .metro-skip-control::before {
font-size: 20px;
width: 40px;
height: 40px;
line-height: 40px;
}
}
.vjs-span-one-col .video-js:not(.vjs-fullscreen) .metro-previous-control,
.vjs-span-one-col .video-js:not(.vjs-fullscreen) .metro-skip-control {
width: 40px;
height: 40px;
}
.vjs-span-one-col .video-js:not(.vjs-fullscreen) .metro-previous-control::before,
.vjs-span-one-col .video-js:not(.vjs-fullscreen) .metro-skip-control::before {
font-size: 20px;
width: 40px;
height: 40px;
line-height: 40px;
}
.vjs-embed-video-popup-content {
display: table-cell;
vertical-align: middle;
position: relative;
}
.vjs-embed-video-popup-content .vjs-popup-content textarea {
width: 80%;
}
.vjs-copy-code-button {
border: 0;
font-family: Gbt3kBold, Arial, Helvetica, sans-serif;
width: 200px;
cursor: pointer;
margin: 0 0 10px;
padding: 15px 0 20px;
text-align: center;
box-shadow: inset 0 -5px 0 0 rgba(0, 0, 0, 0.2) !important;
font-size: 20px;
font-size: 1.25rem;
-webkit-transition: background-color 0.5s ease-in-out;
transition: background-color 0.5s ease-in-out;
color: #fff;
background-color: rgba(255, 0, 130, 0.8);
box-shadow: 10px 0 0 rgba(255, 0, 130, 0.8), -10px 0 0 rgba(255, 0, 130, 0.8);
}
.vjs-copy-code-button:hover {
background-color: rgba(153, 0, 78, 0.8);
box-shadow: 10px 0 0 rgba(153, 0, 78, 0.8), -10px 0 0 rgba(153, 0, 78, 0.8);
}
.vjs-full-width-popup {
width: 100%;
height: 100%;
background-color: #353434;
text-align: center;
z-index: 1000;
}
.vjs-close-button {
position: absolute;
top: 10px;
right: 10px;
width: 26px;
height: 26px;
font-family: sans-serif;
font-size: 24px;
font-weight: 700;
line-height: 24px;
text-align: center;
color: #fff;
border-radius: 50%;
cursor: pointer;
z-index: 1;
background-color: transparent;
border: 0;
}
.vjs-fullscreen-control {
float: right;
cursor: pointer;
}
.vjs-fullscreen-control:before {
content: "";
}
.vjs-fullscreen .vjs-fullscreen-control:before {
content: "";
}
.vjs-play-control {
cursor: pointer;
}
.vjs-play-control:before {
content: "";
text-shadow: none;
}
.vjs-has-started .vjs-play-control:before {
color: #fff;
}
.vjs-playing .vjs-play-control:before {
content: "";
}
.vjs-video-finished .vjs-play-control:before {
content: "";
}
.vjs-progress-control {
position: absolute;
bottom: 50px;
font-size: 3px;
width: 100%;
height: 1em;
-webkit-transition: height 0.4s;
transition: height 0.4s;
}
.vjs-progress-holder {
height: 100%;
}
.vjs-load-progress,
.vjs-load-progress div,
.vjs-play-progress {
position: absolute;
left: 0;
top: 0;
width: 0;
height: 100%;
}
.vjs-play-progress {
background: #027c05 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAAP0lEQVQIHWWMAQoAIAgDR/QJ/Ub//04+w7ZICBwcOg5FZi5iBB82AGzixEglJrd4TVK5XUJpskSTEvpdFzX9AB2pGziSQcvAAAAAAElFTkSuQmCC) -50% 0 repeat;
}
.vjs-load-progress {
background: #646464;
background: rgba(255, 255, 255, 0.2);
}
.vjs-load-progress div {
background: #787878;
background: rgba(255, 255, 255, 0.1);
}
.vjs-seek-handle {
width: 1.5em;
height: 100%;
}
.video-js:not(.vjs-has-started) .vjs-progress-control,
.vjs-has-started.vjs-video-finished .vjs-progress-control {
pointer-events: none;
cursor: default;
font-size: 3px;
}
.vjs-timer-controls {
width: auto;
text-align: center;
font-size: 14px;
line-height: 50px;
}
.vjs-current-time,
.vjs-duration,
.vjs-time-divider {
float: left;
}
.vjs-remaining-time {
display: none;
float: left;
}
.vjs-ad-playing .vjs-timer-controls {
border: 0;
}
.vjs-mute-control {
float: left;
}
.vjs-mute-control:before {
content: "";
}
.vjs-mute-control.vjs-vol-0:before {
content: "";
}
.vjs-mute-control.vjs-vol-1:before {
content: "";
}
.vjs-mute-control.vjs-vol-2:before {
content: "";
}
.vjs-volume-bar {
width: 5em;
height: 0.6em;
margin: 1.1em auto 0;
}
.vjs-volume-level {
position: absolute;
top: 0;
left: 0;
height: 0.5em;
width: 100%;
background: #027c05 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAAP0lEQVQIHWWMAQoAIAgDR/QJ/Ub//04+w7ZICBwcOg5FZi5iBB82AGzixEglJrd4TVK5XUJpskSTEvpdFzX9AB2pGziSQcvAAAAAAElFTkSuQmCC) -50% 0 repeat;
}
.vjs-volume-bar .vjs-volume-handle {
width: 0.5em;
height: 0.5em;
left: 4.5em;
}
.vjs-volume-handle:before {
font-size: 0.9em;
}
.vjs-mute-control .vjs-menu {
display: none;
}
.vjs-control-bar .vjs-mute-control .vjs-menu .vjs-menu-content {
display: none;
height: 0;
width: 0;
position: absolute;
overflow: hidden;
-webkit-transform: rotate(-90deg) translateX(-100px);
-ms-transform: rotate(-90deg) translateX(-100px);
transform: rotate(-90deg) translateX(-100px);
-webkit-transform-origin: 0 0;
-ms-transform-origin: 0 0;
transform-origin: 0 0;
margin-left: 0;
margin-top: -100px;
}
.vjs-control-bar .vjs-mute-control .vjs-menu .vjs-menu-content .vjs-volume-bar {
margin: 22px auto 0;
width: 8.4em;
}
.vjs-mute-control .vjs-menu.vjs-lock-showing .vjs-menu-content,
.vjs-mute-control:hover .vjs-menu .vjs-menu-content {
display: block;
height: 50px;
width: 10em;
z-index: 9999;
}
.vjs-paused.vjs-has-started .vjs-mute-control {
border-left: 1px solid transparent;
}
.vjs-responsive .no-volume-slider .vjs-mute-control .vjs-menu-content {
display: none;
}
.vjs-video-quality-control {
float: right;
cursor: pointer;
}
.vjs-video-quality-control.active {
background-color: #353434;
}
.vjs-video-quality-control.active:before {
color: #fff;
}
.vjs-video-quality-control:before {
content: "g";
}
.vjs-video-quality-control .vjs-menu {
display: block;
visibility: hidden;
border: none;
height: auto;
width: 120px;
left: -70px;
position: absolute;
bottom: 50px;
background-color: #353434;
padding: 10px 0;
opacity: 0.8;
z-index: 9999;
}
.vjs-video-quality-control .vjs-menu.vjs-lock-showing {
visibility: visible;
}
.vjs-video-quality-control .vjs-menu .vjs-menu-content {
text-align: left;
}
.vjs-video-quality-control .vjs-menu .vjs-menu-content .vjs-menu-item,
.vjs-video-quality-control .vjs-menu .vjs-menu-content .vjs-menu-title {
font-size: 14px;
padding: 0 10px 0 15px;
line-height: 20px;
}
.vjs-video-quality-control .vjs-menu .vjs-menu-content .vjs-menu-item:focus,
.vjs-video-quality-control .vjs-menu .vjs-menu-content .vjs-menu-title:focus {
outline: 0;
}
.vjs-video-quality-control .vjs-menu .vjs-menu-content .vjs-menu-title {
font-weight: bolder;
}
.vjs-video-quality-control .vjs-menu .vjs-menu-content .vjs-menu-item.vjs-selected,
.vjs-video-quality-control .vjs-menu .vjs-menu-content .vjs-menu-item:hover {
color: #fff;
font-weight: 700;
}
.vjs-ad-playing .vjs-video-quality-control {
display: none !important;
}
.vjs-control-bar {
position: absolute;
bottom: 0;
width: 100%;
height: 50px;
background-color: #000;
z-index: 2;
}
.vjs-paused.vjs-has-started .vjs-progress-control {
opacity: 0.4;
}
@media only screen and (min-width: 964px) {
.vjs-fullscreen .vjs-control-bar {
width: 964px;
left: 50%;
margin-left: -482px;
}
}
.vjs-ad-playing .vjs-video-quality-control,
.vjs-controls-disabled .vjs-social-controls,
.vjs-error .vjs-control-bar {
display: none;
}
.vjs-fullscreen-control,
.vjs-social-controls,
.vjs-timer-controls,
.vjs-video-quality-control,
.vjs-volume-menu-button {
border-left: 1px solid rgba(255, 255, 255, 0.2);
}
.vjs-timer-controls {
width: auto;
text-align: center;
font-size: 14px;
line-height: 50px;
}
.vjs-current-time,
.vjs-duration,
.vjs-time-divider {
float: left;
}
.vjs-remaining-time {
display: none;
float: left;
}
.vjs-ad-playing .vjs-timer-controls {
border: 0;
}
.vjs-social-icon {
cursor: pointer;
border-radius: 2px;
}
.vjs-mail-button-icon:before {
content: "h";
}
.vjs-embed-button-icon:before {
content: "i";
}
.vjs-facebook-button-icon:before {
content: "j";
}
.vjs-link-button-icon:before {
content: "k";
}
.vjs-pinterest-button-icon:before {
content: "l";
}
.vjs-share-button-icon:before {
content: "m";
}
.vjs-twitter-button-icon:before {
content: "n";
}
.vjs-google-plus-button-icon:before {
content: "z";
}
.vjs-digg-button-icon:before {
content: "o";
}
.vjs-linkedin-button-icon:before {
content: "q";
}
.vjs-reddit-button-icon:before {
content: "r";
}
.vjs-stumble-upon-button-icon:before {
content: "s";
}
.vjs-fark-button-icon:before {
content: "p";
}
div.vjs-social-controls {
padding: 0 5px;
}
.vjs-social-controls.vjs-control {
float: right;
width: auto;
}
.vjs-social-share-control {
color: #fff;
display: inline-block;
width: 40px;
}
.vjs-social-share-control.vjs-social-share-control-share-button {
border: 0;
margin: 5px 3px;
height: 40px;
}
.vjs-social-share-control.vjs-social-share-control-share-button.share-item-code {
background-color: #666;
}
.vjs-social-share-control.vjs-social-share-control-share-button.share-item-link {
background-color: #444;
}
.vjs-social-share-control:hover {
color: #fff;
}
.vjs-social-share-control .vjs-social-icon {
font-size: 22px;
line-height: 1em;
position: absolute;
left: 50%;
top: 50%;
width: 24px;
height: 24px;
margin-top: -12px;
margin-left: -12px;
box-sizing: border-box;
}
.vjs-social-share-control .vjs-social-icon:before {
font-weight: lighter;
}
.vjs-social-share-control .vjs-social-icon:hover {
border-color: #fff;
}
.vjs-social-icon:hover:before,
.vjs-social-share-control.active .vjs-social-icon:before {
color: #fff;
}
.vjs-social-controls .item-share-detail {
display: none;
}
.vjs-full-width-popup {
display: table;
position: absolute !important;
top: 0;
left: 0;
}
.vjs-full-width-popup :focus {
outline: 0;
}
.vjs-full-width-popup .vjs-popup-title {
font-size: 2.7em;
color: #fff;
line-height: 2.3em;
}
.vjs-full-width-popup .vjs-popup-content {
margin-bottom: 15px;
}
.vjs-full-width-popup .vjs-popup-content ::-webkit-input-placeholder {
color: #b1b1b1;
}
.vjs-full-width-popup .vjs-popup-content :-moz-placeholder {
color: #b1b1b1;
}
.vjs-full-width-popup .vjs-popup-content ::-moz-placeholder {
color: #b1b1b1;
}
.vjs-full-width-popup .vjs-popup-content :-ms-input-placeholder {
color: #b1b1b1;
}
.vjs-full-width-popup .vjs-popup-content input,
.vjs-full-width-popup .vjs-popup-content textarea {
background-color: transparent;
border: solid thin #666;
overflow: hidden;
color: #b1b1b1;
font-size: 1.3em;
}
.vjs-full-width-popup .vjs-popup-content textarea {
padding: 10px;
}
.vjs-full-width-popup .vjs-popup-helper-msg {
font-size: 2.2em;
}
.vjs-full-width-popup .vjs-popup-buttons .vjs-popup-button {
padding: 10px;
width: 110px;
height: 35px;
border: 1px solid #666;
font-size: 13px;
line-height: 0.5em;
vertical-align: middle;
font-weight: 400;
background-color: transparent;
color: #fff;
margin: 0 10px;
border-radius: 2px;
cursor: pointer;
}
.vjs-full-width-popup .vjs-popup-buttons .vjs-popup-button.zeroclipboard-is-hover,
.vjs-full-width-popup .vjs-popup-buttons .vjs-popup-button:hover {
opacity: 0.7;
}
.vjs-full-width-popup .vjs-popup-buttons .vjs-popup-button.zeroclipboard-is-active,
.vjs-full-width-popup .vjs-popup-buttons .vjs-popup-button:active {
opacity: 0.8;
box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15);
}
.vjs-embed-popup-content .vjs-popup-content textarea,
.vjs-link-popup-content .vjs-popup-content textarea {
width: 92%;
}
.vjs-social-popup-content .vjs-popup-title {
font-size: 2.7em;
line-height: 1.4em;
}
.vjs-social-popup-content .vjs-popup-content {
max-width: 255px;
margin: 0 auto;
}
.vjs-social-popup-content .vjs-popup-content .vjs-social-share-control {
width: 45px;
height: 40px;
margin: 5px 2px;
}
.vjs-span-one-col .vjs-mail-form-popup-content .vjs-popup-title,
.vjs-span-one-col .vjs-mail-sent-popup-content .vjs-popup-title {
font-size: 1.7em;
}
.vjs-popup-content .vjs-social-icon {
width: 39px;
height: 39px;
border: none;
color: #fff;
}
.vjs-popup-content .vjs-social-icon:hover {
opacity: 0.7;
}
.vjs-popup-content .vjs-social-icon:hover.vjs-embed-button-icon:before,
.vjs-popup-content .vjs-social-icon:hover.vjs-link-button-icon:before,
.vjs-popup-content .vjs-social-icon:hover.vjs-mail-button-icon:before {
color: #333;
}
.vjs-popup-content .vjs-social-icon:before {
font-size: 38px;
line-height: 1em;
}
.vjs-popup-content .vjs-social-icon.vjs-facebook-button-icon {
background-color: #3b5998;
}
.vjs-popup-content .vjs-social-icon.vjs-pinterest-button-icon {
background-color: #ea1514;
}
.vjs-popup-content .vjs-social-icon.vjs-twitter-button-icon {
background-color: #28aae1;
}
.vjs-popup-content .vjs-social-icon.vjs-embed-button-icon,
.vjs-popup-content .vjs-social-icon.vjs-link-button-icon,
.vjs-popup-content .vjs-social-icon.vjs-mail-button-icon {
background-color: #ececec;
color: #666;
}
.vjs-popup-content .vjs-social-icon.vjs-google-plus-button-icon {
background-color: #d34836;
color: #fff;
}
.vjs-popup-content .vjs-social-icon.vjs-linkedin-button-icon {
background-color: #4875b4;
color: #fff;
}
.vjs-popup-content .vjs-social-icon.vjs-digg-button-icon {
background-color: #474747;
color: #fff;
}
.vjs-popup-content .vjs-social-icon.vjs-reddit-button-icon {
background-color: #fff;
color: #000;
}
.vjs-popup-content .vjs-social-icon.vjs-reddit-button-icon:hover:before {
color: inherit;
}
.vjs-popup-content .vjs-social-icon.vjs-fark-button-icon {
background-color: #e3e3e3;
color: #177bc9;
}
.vjs-popup-content .vjs-social-icon.vjs-stumble-upon-button-icon {
background-color: #eb4823;
color: #fff;
}
.vjs-mail-form-popup-content .vjs-popup-title {
width: 85%;
margin: 0 auto;
font-size: 2.1em;
line-height: 2.3em;
}
.vjs-mail-sent-popup-content .vjs-popup-title {
margin-top: 30px;
}
.vjs-mail-sent-popup-content .vjs-popup-buttons .vjs-popup-button {
width: 140px;
}
.vjs-popup-wrapper {
display: table-cell;
vertical-align: middle;
position: relative;
}
.grecaptcha-validator {
background-color: red;
padding: 1px 0 0 1px;
}
.vjs-has-started.vjs-paused .vjs-big-play-button {
box-shadow: 0 0 0 10000px rgba(0, 0, 0, 0.7);
}
div.vjs-has-started.vjs-paused .vjs-big-play-button {
box-shadow: 0 0 0 100vmax rgba(0, 0, 0, 0.7);
}
.vjs-big-play-button {
display: block;
position: absolute;
position: absolute;
width: 50px;
height: 50px;
font-size: 50px;
text-align: center;
cursor: pointer;
top: 0;
right: 0;
border: 0;
background-color: #027c05;
padding: 0;
}
.vjs-big-play-button:before {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
font-family: VideoJS;
line-height: 50px;
color: #fff;
text-align: center;
}
.vjs-big-play-button:after {
content: "";
display: block;
position: absolute;
bottom: 5px;
left: 0;
right: 0;
font-size: 16px;
font-weight: 700;
color: #fff;
text-align: center;
}
.vjs-ad-playing .vjs-big-play-button,
.vjs-error .vjs-big-play-button,
.vjs-paused.vjs-has-started .vjs-big-play-button,
.vjs-playing .vjs-big-play-button,
.vjs-using-native-controls .vjs-big-play-button,
.vjs-video-finished .vjs-big-play-button {
display: none;
}
.vjs-ad-playing.vjs-paused .vjs-big-play-button {
display: block;
}
.vjs-fullscreen .vjs-big-play-button {
width: 100px;
height: 100px;
top: 50%;
left: 50%;
margin: -50px 0 0 -50px;
font-size: 100px;
}
.vjs-fullscreen .vjs-big-play-button:before {
line-height: 100px;
}
.vjs-ad-playing.vjs-paused.vjs-iphone.vjs-ios-old .vjs-big-play-button,
.vjs-iphone.vjs-ios-old .vjs-big-play-button {
display: none;
}
@media screen and (min-width: 480px) {
.vjs-big-play-button {
width: 75px;
height: 75px;
font-size: 75px;
}
.vjs-big-play-button:before {
line-height: 75px;
}
}
@media screen and (min-width: 768px) {
.video-single .vjs-big-play-button {
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 120px;
height: 120px;
font-size: 120px;
}
.video-single .vjs-big-play-button:before {
line-height: 120px;
}
}
.vjs-video-container {
position: relative;
width: 100%;
overflow: hidden;
}
.vjs-video-container:before {
content: "";
display: block;
padding-top: 56.2%;
padding-bottom: 50px;
}
.vjs-video-container > * {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
width: 100% !important;
height: 100% !important;
}
.vjs-video-container .VPAID-container,
.vjs-video-container object,
.vjs-video-container video {
top: 0;
bottom: 50px;
height: calc(100% - 50px);
left: 0;
right: 0;
position: absolute;
}
.vjs-video-container.vjs-no-title:before {
padding-bottom: 50px;
}
.vjs-video-container.vjs-no-title .VPAID-container,
.vjs-video-container.vjs-no-title object,
.vjs-video-container.vjs-no-title video {
top: 0;
}
.vjs-video-container .VPAID-container > * {
height: 100%;
width: 100%;
margin: auto;
top: 0;
bottom: 0;
left: 0;
right: 0;
position: absolute;
}
@media screen and (max-width: 400px) {
.share-item-code {
display: none;
}
}
@media screen and (max-width: 650px) {
.vjs-responsive .vjs-mailmsg-wrapper,
.vjs-responsive .vjs-newsletter-wrapper {
display: none;
}
.vjs-responsive .vjs-autoplay-next-video-controls {
vertical-align: middle;
}
.vjs-responsive div.vjs-autoplay-next-video-controls-related-videos .vjs-related-video-square {
width: 29.3%;
margin-left: 2%;
margin-right: 2%;
height: 115px;
}
}
@media screen and (max-width: 536px) {
.vjs-responsive.vjs-video-container.vjs-responsive:before {
padding-bottom: 40px;
}
.vjs-responsive.vjs-video-container.vjs-one-col-title-single:before {
padding-bottom: 85px;
}
.vjs-responsive.vjs-video-container.vjs-one-col-title-multi:before {
padding-bottom: 100px;
}
.vjs-responsive .vjs-video-container.vjs-one-col-title-single .VPAID-container,
.vjs-responsive.vjs-video-container.vjs-one-col-title-single object,
.vjs-responsive.vjs-video-container.vjs-one-col-title-single video {
height: 67%;
top: 2px;
bottom: 0;
position: absolute;
margin: auto;
}
.vjs-responsive .vjs-video-container.vjs-one-col-title-multi .VPAID-container,
.vjs-responsive.vjs-video-container.vjs-one-col-title-multi object,
.vjs-responsive.vjs-video-container.vjs-one-col-title-multi video {
height: 75%;
top: 2px;
bottom: 0;
position: absolute;
margin: auto;
}
.vjs-responsive .vjs-play-control {
width: 40px;
height: 40px;
}
.vjs-responsive .vjs-play-control:before {
font-size: 20px;
}
.vjs-responsive .vjs-control-bar {
height: 40px;
}
.vjs-responsive .vjs-progress-control {
bottom: 40px;
}
.vjs-responsive .vjs-fullscreen-control,
.vjs-responsive .vjs-social-controls,
.vjs-responsive .vjs-timer-controls,
.vjs-responsive .vjs-video-quality-control,
.vjs-responsive .vjs-volume-menu-button {
border-left: 0;
}
.vjs-responsive .vjs-fullscreen-control {
height: 40px;
width: 40px;
}
.vjs-responsive .vjs-fullscreen-control:before {
font-size: 21px;
}
.vjs-responsive .vjs-mute-control {
width: 40px;
height: 40px;
}
.vjs-responsive .vjs-mute-control:before {
font-size: 21px;
}
.vjs-responsive .vjs-control-bar .vjs-mute-control .vjs-menu .vjs-menu-content .vjs-volume-bar {
margin: 17px auto 0;
}
.vjs-responsive .vjs-mute-control .vjs-menu.vjs-lock-showing .vjs-menu-content,
.vjs-responsive .vjs-mute-control:hover .vjs-menu .vjs-menu-content {
height: 40px;
}
.vjs-responsive .vjs-social-controls {
height: 40px;
border: 0;
padding-left: 0;
}
.vjs-responsive .vjs-social-share-control {
width: 30px;
height: 30px;
}
.vjs-responsive .vjs-social-share-control .vjs-social-icon {
font-size: 18px;
position: absolute;
left: 50%;
top: 50%;
width: 20px;
height: 20px;
margin-top: -10px;
margin-left: -10px;
}
.vjs-responsive .vjs-social-controls .vjs-social-share-control-embed-button,
.vjs-responsive .vjs-social-controls .vjs-social-share-control-link-button,
.vjs-responsive .vjs-social-controls .vjs-social-share-control-mail-button {
display: none;
}
.vjs-responsive .vjs-timer-controls {
height: 40px;
font-size: 12px;
line-height: 40px;
}
.vjs-responsive .vjs-timer-controls .vjs-control {
width: 40px;
height: 40px;
}
.vjs-responsive .vjs-poster {
background-position: 50% calc(50% - 20px);
}
.vjs-responsive .vjs-poster img {
top: 0;
bottom: 40px;
}
.vjs-responsive .vjs-autoplay-next-video-controls-related-videos-wrapper {
display: none;
}
.vjs-responsive .vjs-autoplay-next-video-controls-wrapper {
height: 100%;
}
.vjs-responsive .vjs-autoplay-next-video-play {
width: 70px;
height: 70px;
}
.vjs-responsive .vjs-autoplay-next-video-play .vjs-autoplay-next-video-play-button {
font-size: 38px;
}
.vjs-responsive .vjs-autoplay-next-video-play .vjs-autoplay-next-video-play-button:before {
line-height: 50px;
font-size: 40px;
margin-left: -5px;
vertical-align: top;
}
.vjs-responsive .vjs-autoplay-next-video-controls-wrapper {
font-size: 16px;
}
.vjs-responsive .vjs-autoplay-next-video-controls {
vertical-align: middle;
}
.vjs-responsive .video-js.ima-ad-playing .ima-ad-container {
padding-top: inherit;
height: 100%;
}
.vjs-responsive .ima-ad-container .ima-controls-div {
height: 40px;
}
.vjs-responsive .ima-ad-container .ima-control {
border-left: 0;
height: 40px;
}
.vjs-responsive .ima-volume-slider {
width: 40px;
bottom: 40px;
}
.vjs-responsive .ima-ad-container .ima-control:before {
line-height: 40px;
font-size: 20px;
}
.vjs-responsive .ima-ad-container .ima-control.ima-countdown-div {
font-size: 12px;
line-height: 40px;
}
.vjs-responsive .vjs-autoplay-next-video-play {
width: 58px;
height: 58px;
}
.vjs-responsive .vjs-autoplay-next-video-play span {
font-size: 28px;
}
.vjs-responsive div.vjs-autoplay-next-video-controls-related-videos {
display: none;
}
}
.metro__meditation-countdown__video .vjs-responsive.vjs-video-container.vjs-responsive:before {
padding-bottom: 40px;
}
.metro__meditation-countdown__video .vjs-responsive.vjs-video-container.vjs-one-col-title-single:before {
padding-bottom: 85px;
}
.metro__meditation-countdown__video .vjs-responsive.vjs-video-container.vjs-one-col-title-multi:before {
padding-bottom: 100px;
}
.metro__meditation-countdown__video .vjs-responsive .vjs-video-container.vjs-one-col-title-single .VPAID-container,
.metro__meditation-countdown__video .vjs-responsive.vjs-video-container.vjs-one-col-title-single object,
.metro__meditation-countdown__video .vjs-responsive.vjs-video-container.vjs-one-col-title-single video {
height: 67%;
top: 2px;
bottom: 0;
position: absolute;
margin: auto;
}
.metro__meditation-countdown__video .vjs-responsive .vjs-video-container.vjs-one-col-title-multi .VPAID-container,
.metro__meditation-countdown__video .vjs-responsive.vjs-video-container.vjs-one-col-title-multi object,
.metro__meditation-countdown__video .vjs-responsive.vjs-video-container.vjs-one-col-title-multi video {
height: 75%;
top: 2px;
bottom: 0;
position: absolute;
margin: auto;
}
.metro__meditation-countdown__video .vjs-responsive .vjs-play-control {
width: 40px;
height: 40px;
}
.metro__meditation-countdown__video .vjs-responsive .vjs-play-control:before {
font-size: 20px;
}
.metro__meditation-countdown__video .vjs-responsive .vjs-control-bar {
height: 40px;
}
.metro__meditation-countdown__video .vjs-responsive .vjs-progress-control {
bottom: 40px;
}
.metro__meditation-countdown__video .vjs-responsive .vjs-fullscreen-control,
.metro__meditation-countdown__video .vjs-responsive .vjs-social-controls,
.metro__meditation-countdown__video .vjs-responsive .vjs-timer-controls,
.metro__meditation-countdown__video .vjs-responsive .vjs-video-quality-control,
.metro__meditation-countdown__video .vjs-responsive .vjs-volume-menu-button {
border-left: 0;
}
.metro__meditation-countdown__video .vjs-responsive .vjs-fullscreen-control {
height: 40px;
width: 40px;
}
.metro__meditation-countdown__video .vjs-responsive .vjs-fullscreen-control:before {
font-size: 21px;
}
.metro__meditation-countdown__video .vjs-responsive .vjs-mute-control {
width: 40px;
height: 40px;
}
.metro__meditation-countdown__video .vjs-responsive .vjs-mute-control:before {
font-size: 21px;
}
.metro__meditation-countdown__video .vjs-responsive .vjs-control-bar .vjs-mute-control .vjs-menu .vjs-menu-content .vjs-volume-bar {
margin: 17px auto 0;
}
.metro__meditation-countdown__video .vjs-responsive .vjs-mute-control .vjs-menu.vjs-lock-showing .vjs-menu-content,
.metro__meditation-countdown__video .vjs-responsive .vjs-mute-control:hover .vjs-menu .vjs-menu-content {
height: 40px;
}
.metro__meditation-countdown__video .vjs-responsive .vjs-social-controls {
height: 40px;
border: 0;
padding-left: 0;
}
.metro__meditation-countdown__video .vjs-responsive .vjs-social-share-control {
width: 30px;
height: 30px;
}
.metro__meditation-countdown__video .vjs-responsive .vjs-social-share-control .vjs-social-icon {
font-size: 18px;
position: absolute;
left: 50%;
top: 50%;
width: 20px;
height: 20px;
margin-top: -10px;
margin-left: -10px;
}
.metro__meditation-countdown__video .vjs-responsive .vjs-social-controls .vjs-social-share-control-embed-button,
.metro__meditation-countdown__video .vjs-responsive .vjs-social-controls .vjs-social-share-control-link-button,
.metro__meditation-countdown__video .vjs-responsive .vjs-social-controls .vjs-social-share-control-mail-button {
display: none;
}
.metro__meditation-countdown__video .vjs-responsive .vjs-timer-controls {
height: 40px;
font-size: 12px;
line-height: 40px;
}
.metro__meditation-countdown__video .vjs-responsive .vjs-timer-controls .vjs-control {
width: 40px;
height: 40px;
}
.metro__meditation-countdown__video .vjs-responsive .vjs-poster {
background-position: 50% calc(50% - 20px);
}
.metro__meditation-countdown__video .vjs-responsive .vjs-poster img {
top: 0;
bottom: 40px;
}
.metro__meditation-countdown__video .vjs-responsive .vjs-autoplay-next-video-controls-related-videos-wrapper {
display: none;
}
.metro__meditation-countdown__video .vjs-responsive .vjs-autoplay-next-video-controls-wrapper {
height: 100%;
}
.metro__meditation-countdown__video .vjs-responsive .vjs-autoplay-next-video-play {
width: 70px;
height: 70px;
}
.metro__meditation-countdown__video .vjs-responsive .vjs-autoplay-next-video-play .vjs-autoplay-next-video-play-button {
font-size: 38px;
}
.metro__meditation-countdown__video .vjs-responsive .vjs-autoplay-next-video-play .vjs-autoplay-next-video-play-button:before {
line-height: 50px;
font-size: 40px;
margin-left: -5px;
vertical-align: top;
}
.metro__meditation-countdown__video .vjs-responsive .vjs-autoplay-next-video-controls-wrapper {
font-size: 16px;
}
.metro__meditation-countdown__video .vjs-responsive .vjs-autoplay-next-video-controls {
vertical-align: middle;
}
.metro__meditation-countdown__video .vjs-responsive .video-js.ima-ad-playing .ima-ad-container {
padding-top: inherit;
height: 100%;
}
.metro__meditation-countdown__video .vjs-responsive .ima-ad-container .ima-controls-div {
height: 40px;
}
.metro__meditation-countdown__video .vjs-responsive .ima-ad-container .ima-control {
border-left: 0;
height: 40px;
}
.metro__meditation-countdown__video .vjs-responsive .ima-volume-slider {
width: 40px;
bottom: 40px;
}
.metro__meditation-countdown__video .vjs-responsive .ima-ad-container .ima-control:before {
line-height: 40px;
font-size: 20px;
}
.metro__meditation-countdown__video .vjs-responsive .ima-ad-container .ima-control.ima-countdown-div {
font-size: 12px;
line-height: 40px;
}
.metro__meditation-countdown__video .vjs-responsive .vjs-autoplay-next-video-play {
width: 58px;
height: 58px;
}
.metro__meditation-countdown__video .vjs-responsive .vjs-autoplay-next-video-play span {
font-size: 28px;
}
.metro__meditation-countdown__video .vjs-responsive div.vjs-autoplay-next-video-controls-related-videos {
display: none;
}
.metro__meditation-countdown__video .vjs-volume-panel {
width: 45px;
}
.metro__meditation-countdown__video .vjs-responsive .vjs-social-share-control {
width: 29px;
height: 29px;
margin: 3px 1px;
}
.metro__meditation-countdown__video .vjs-responsive .vjs-control-bar {
height: 35px;
}
.metro__meditation-countdown__video .vjs-responsive .vjs-play-control {
width: 35px;
height: 35px;
}
.metro__meditation-countdown__video .vjs-responsive .vjs-mute-control {
width: 35px;
height: 35px;
}
.metro__meditation-countdown__video .vjs-responsive .vjs-timer-controls {
height: 35px;
line-height: 35px;
}
.metro__meditation-countdown__video .vjs-responsive .vjs-fullscreen-control {
width: 35px;
height: 35px;
}
@media (max-width: 1024px) and (min-width: 768px) {
.metro__meditation-countdown__video .vjs-video-container {
max-height: 167px;
}
.metro__meditation-countdown__video .vjs-volume-panel-horizontal {
width: 19px;
}
.metro__meditation-countdown__video .vjs-responsive .vjs-control-bar {
height: 30px;
}
.metro__meditation-countdown__video .vjs-responsive .vjs-play-control {
width: 30px;
height: 30px;
}
.metro__meditation-countdown__video .vjs-responsive .vjs-mute-control {
width: 23px;
height: 30px;
}
.metro__meditation-countdown__video .vjs-responsive .vjs-timer-controls {
height: 30px;
line-height: 30px;
}
.metro__meditation-countdown__video .vjs-responsive .vjs-social-share-control {
width: 23px;
height: 22px;
margin: 3px 1px;
}
.metro__meditation-countdown__video .vjs-responsive .vjs-fullscreen-control {
width: 26px;
height: 30px;
}
.metro__meditation-countdown__video div.vjs-social-controls {
padding: 0;
}
}
.vjs-video-container .video-js.vjs-fullscreen {
position: fixed;
left: 0;
top: 0;
bottom: 0;
right: 0;
z-index: 10050;
}
.vjs-video-container .video-js.vjs-fullscreen .vjs-title {
-webkit-transition: transform 0.2s;
-webkit-transition: -webkit-transform 0.2s;
transition: -webkit-transform 0.2s;
transition: transform 0.2s;
transition: transform 0.2s, -webkit-transform 0.2s;
}
.vjs-video-container .video-js.vjs-fullscreen.video-js {
background-color: #000;
}
.vjs-fullscreen.vjs-user-active .vjs-title {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
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;
}
.vjs-ad-playing .vjs-control.vjs-ads-label {
display: block;
}
.vjs-black-poster {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: 0;
padding: 0;
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: contain;
cursor: pointer;
background-color: #000;
}
.vjs-has-started.vjs-vast-finish .vjs-black-poster {
display: none;
}
.vjs-video-container .vjs-ad-playing.vjs-fullscreen .vjs-title {
display: none !important;
}
.vjs-video-container .vjs-ad-playing.vjs-fullscreen .VPAID-container {
top: 0;
bottom: 0;
margin: 0;
height: 100%;
}
.ima-ad-container {
visibility: hidden;
width: 100%;
height: 100%;
}
.ima-ad-container.ima-ad-loading,
.ima-ad-container.ima-ad-playing {
visibility: visible;
}
.ima-ad-container.ima-ad-loading {
position: absolute;
top: 0;
left: 0;
background-color: #000;
}
.ima-ad-container iframe {
width: 100% !important;
}
.ima-ad-container .ima-loading-spinner {
display: none;
-webkit-animation: none;
animation: none;
position: absolute;
top: 50%;
left: 50%;
font-size: 40px;
line-height: 40px;
width: 1em;
height: 40px;
margin-left: -0.5em;
margin-top: -0.5em;
opacity: 0.75;
}
.ima-ad-container.ima-ad-loading .ima-loading-spinner {
display: block;
font-family: MolVideo;
-webkit-animation: spin 1.5s infinite linear;
animation: spin 1.5s infinite linear;
}
.ima-ad-container .ima-loading-spinner:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 1em;
height: 1em;
text-align: center;
text-shadow: 0 0 0.1em #000;
}
.ima-ad-container.ima-ad-loading .ima-controls-div,
.ima-ad-container.ima-ad-playing .ima-controls-div {
display: block;
}
.vjs-fullscreen .ima-ad-container .ima-controls-div {
bottom: 53px;
}
.ima-ad-container .ima-controls-div {
display: none;
position: absolute;
bottom: 0;
width: 100%;
height: 53px;
z-index: 1001;
opacity: 1;
background-color: #000;
background: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgba(7, 20, 30, 0.7)), color-stop(100%, rgba(7, 20, 30, 0)));
background: -webkit-linear-gradient(bottom, rgba(7, 20, 30, 0.7) 0, rgba(7, 20, 30, 0) 100%);
background: linear-gradient(to top, rgba(7, 20, 30, 0.7) 0, rgba(7, 20, 30, 0) 100%);
}
.ima-control {
display: inline-block;
width: 50px;
height: 50px;
vertical-align: top;
position: relative;
border-left: 1px solid rgba(255, 255, 255, 0.2);
}
.ima-control:before {
position: absolute;
left: 50%;
top: 0;
width: 1em;
height: 100%;
line-height: 50px;
margin-left: -0.5em;
font-family: MolVideo;
font-size: 24px;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
}
.ima-control:hover:before {
text-shadow: 0 0 1em #fff;
}
.ima-play-pause-div {
border-left: none;
}
.ima-play-pause-div:before {
content: "e";
}
.ima-play:before {
content: "f";
}
.ima-fullscreen-div {
float: right;
}
.ima-fullscreen-div:before {
content: "t";
}
.vjs-fullscreen .ima-fullscreen-div:before {
content: "u";
}
.ima-seek-bar-div {
height: 3px;
background-color: rgba(51, 51, 51, 0.9);
}
.ima-progress-div {
height: 100%;
width: 0;
background-color: #ff0;
}
.ima-control.ima-countdown-div {
width: auto;
padding-left: 10px;
font-size: 14px;
line-height: 50px;
color: #fff;
text-shadow: 0 0 0.2em #000;
}
.ima-volume-div {
position: relative;
}
.ima-volume-slider {
position: absolute;
height: 100px;
bottom: 50px;
width: 50px;
box-sizing: border-box;
background-color: #000;
background-color: rgba(0, 0, 0, 0.7);
}
.ima-ad-container .ima-volume-slider {
padding: 8px;
}
.ima-volume-slider {
display: none;
}
.ima-volume-div:hover .ima-volume-slider,
.ima-volume-interact .ima-volume-slider {
display: block;
}
.ima-volume-progress,
.ima-volume-track {
width: 0.6em;
}
.ima-volume-track {
cursor: pointer;
position: relative;
bottom: 0;
left: 50%;
height: 100%;
background-color: #333;
background-color: rgba(51, 51, 51, 0.9);
}
.ima-ad-container .ima-volume-track {
margin-left: -0.3em;
}
.ima-volume-progress {
position: absolute;
bottom: 0;
height: 100%;
background-color: #ff0;
}
.ima-volume-handler {
position: absolute;
bottom: 100%;
left: 0.3em;
background: red;
width: 0;
height: 0;
}
.ima-volume-handler:before {
color: #fff;
content: "w";
font-family: MolVideo;
line-height: 1em;
position: absolute;
font-size: 1em;
left: -0.55em;
top: -0.5em;
}
.ima-sound--loud:before,
.ima-sound:before {
content: "d";
}
.ima-sound--medium:before {
content: "c";
}
.ima-sound--low:before {
content: "b";
}
.ima-sound--muted:before {
content: "a";
}
.video-js.ima-ad-playing {
padding-bottom: 53px;
}
.video-js.ima-ad-playing .vjs-big-play-button {
visibility: hidden;
}
@-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);
}
}
.ima-ad-container.ima-ad-loading .ima-loading-spinner,
.ima-control:before,
.ima-volume-handler:before {
font-family: VideoJS;
}
.ima-play-pause-div:before {
content: "\f103";
}
.ima-play:before {
content: "\f101";
}
.ima-fullscreen-div:before {
content: "\f108";
}
.ima-fullscreen:before {
content: "\f109";
}
.ima-ad-container .ima-loading-spinner:before {
content: "\f10b";
}
.ima-sound--loud:before,
.ima-sound:before {
content: "\f107";
}
.ima-sound--medium:before {
content: "\f106";
}
.ima-sound--low:before {
content: "\f105";
}
.ima-sound--muted:before {
content: "\f104";
}
.ima-volume-handler:before {
content: "\f111";
}
.vjs-fullscreen .ima-fullscreen-div:before {
content: "\f108";
}
.video-js.ima-ad-playing {
padding: inherit;
}
@media only screen and (min-width: 964px) {
.video-js.ima-ad-playing.vjs-fullscreen .ima-ad-container .ima-controls-div {
width: 964px !important;
left: 50%;
margin-left: -482px;
}
}
.video-js.ima-ad-playing .vjs-control-bar,
.video-js.ima-ad-playing .vjs-poster {
visibility: hidden;
}
.video-js.ima-ad-playing .ima-ad-container {
padding-top: 0;
box-sizing: border-box;
height: 100%;
}
.ima-ad-container .ima-controls-div {
height: 50px;
background-color: #000 !important;
width: 100% !important;
}
.ima-ad-container .ima-control.ima-countdown-div {
font-size: 14px;
line-height: 50px;
}
.ima-ad-container .ima-control:before {
line-height: 50px;
font-size: 26px;
}
@media screen and (max-width: 539px) {
.video-js.vjs-fullscreen .video-js.ima-ad-playing .ima-ad-container,
.vjs-responsive .video-js.ima-ad-playing .ima-ad-container {
padding-top: 0;
position: relative;
}
.video-js.vjs-fullscreen .video-js.ima-ad-playing .ima-ad-container .ima-controls-div,
.vjs-responsive .video-js.ima-ad-playing .ima-ad-container .ima-controls-div {
height: 40px;
bottom: 0;
}
.video-js.vjs-fullscreen .video-js.ima-ad-playing .ima-ad-container .ima-control,
.vjs-responsive .video-js.ima-ad-playing .ima-ad-container .ima-control {
border-left: 0;
height: 40px;
}
.video-js.vjs-fullscreen .video-js.ima-ad-playing .ima-ad-container .ima-volume-slider,
.vjs-responsive .video-js.ima-ad-playing .ima-ad-container .ima-volume-slider {
width: 40px;
bottom: 40px;
}
.video-js.vjs-fullscreen .video-js.ima-ad-playing .ima-ad-container .ima-control:before,
.vjs-responsive .video-js.ima-ad-playing .ima-ad-container .ima-control:before {
line-height: 40px;
font-size: 20px;
}
.video-js.vjs-fullscreen .video-js.ima-ad-playing .ima-ad-container .ima-control.ima-countdown-div,
.vjs-responsive .video-js.ima-ad-playing .ima-ad-container .ima-control.ima-countdown-div {
font-size: 12px;
line-height: 40px;
}
}
.vjs-span-one-col .video-js:not(.vjs-fullscreen) .video-js.ima-ad-playing .ima-ad-container {
padding-top: 0;
position: relative;
}
.vjs-span-one-col .video-js:not(.vjs-fullscreen) .video-js.ima-ad-playing .ima-ad-container .ima-controls-div {
height: 40px;
bottom: 0;
}
.vjs-span-one-col .video-js:not(.vjs-fullscreen) .video-js.ima-ad-playing .ima-ad-container .ima-control {
border-left: 0;
height: 40px;
}
.vjs-span-one-col .video-js:not(.vjs-fullscreen) .video-js.ima-ad-playing .ima-ad-container .ima-volume-slider {
width: 40px;
bottom: 40px;
}
.vjs-span-one-col .video-js:not(.vjs-fullscreen) .video-js.ima-ad-playing .ima-ad-container .ima-control:before {
line-height: 40px;
font-size: 20px;
}
.vjs-span-one-col .video-js:not(.vjs-fullscreen) .video-js.ima-ad-playing .ima-ad-container .ima-control.ima-countdown-div {
font-size: 12px;
line-height: 40px;
}
.ima-ad-container .ima-previous-div:before,
.ima-ad-container .ima-skip-div:before {
font-size: 18px;
}
@media screen and (max-width: 539px) {
.video-js.vjs-fullscreen .ima-seek-bar-div,
.vjs-responsive .ima-seek-bar-div {
bottom: 40px;
}
}
.vjs-span-one-col .video-js:not(.vjs-fullscreen) .ima-seek-bar-div {
bottom: 40px;
}
.video-js.ima-ad-playing .ima-ad-container embed,
.video-js.ima-ad-playing .ima-ad-container object,
.video-js.ima-ad-playing .ima-ad-container video {
background: #000;
}
.vjs-title {
position: absolute;
top: 0;
left: 0;
width: auto;
height: auto;
box-sizing: border-box;
margin-right: 90px !important;
padding: 0 10px !important;
font-family: Gbt3kBold, Arial, Helvetica, sans-serif;
font-size: 20px;
line-height: 1.2;
overflow: hidden;
color: #fff;
z-index: 1;
}
.ima-ad-playing .vjs-title,
.vjs-fullscreen .vjs-title,
.vjs-paused.vjs-has-started .vjs-title,
.vjs-playing .vjs-title,
.vjs-video-finished .vjs-title {
display: none;
}
.vjs-title span {
background-color: rgba(0, 0, 0, 0.8);
box-shadow: 10px 0 0 rgba(0, 0, 0, 0.8), -10px 0 0 rgba(0, 0, 0, 0.8);
-webkit-box-decoration-break: clone;
box-decoration-break: clone;
}
.vjs-no-title .vjs-title {
display: none;
}
.vjs-fixed.vjs-span-one-col .vjs-title {
overflow: hidden;
font-size: 1.5em;
line-height: 1.3em;
white-space: normal;
font-weight: 600;
}
.vjs-fixed.vjs-span-one-col .vjs-title p {
height: inherit;
vertical-align: middle;
display: table-cell;
}
.vjs-one-col-title-single.vjs-fixed.vjs-span-one-col .vjs-title {
height: 40px;
line-height: 40px;
}
.vjs-one-col-title-multi.vjs-fixed.vjs-span-one-col .vjs-title {
width: 306px;
height: 40px;
overflow: hidden;
position: relative;
margin-top: 5px;
display: block;
}
.vjs-one-col-title-multi.vjs-fixed.vjs-span-one-col .vjs-title:after {
content: "";
text-align: right;
position: absolute;
bottom: 0;
right: 0;
width: 70%;
height: 1.2em;
}
@media screen and (min-width: 480px) {
.vjs-title {
margin-right: 110px !important;
font-size: 32px;
}
}
.vjs-autoplay-next-video-wrapper {
position: absolute;
top: 0;
bottom: 50px;
left: 0;
width: 100%;
background-color: #000;
background-color: rgba(0, 0, 0, 0.7);
color: #fff;
z-index: 1;
}
.vjs-fixed.vjs-span-one-col .vjs-autoplay-next-video-wrapper {
top: 0;
bottom: 40px;
}
@media screen and (max-width: 492px) {
.vjs-responsive .vjs-autoplay-next-video-wrapper {
top: 0;
bottom: 40px;
}
.vjs-responsive .vjs-autoplay-next-video-title {
font-size: 18px;
}
}
.vjs-autoplay-next-video-wrapper {
display: none;
}
.vjs-AutoplayNextVideoShow .vjs-autoplay-next-video-wrapper {
display: block;
}
.vjs-autoplay-next-video-poster {
width: 100%;
height: 100%;
position: absolute;
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
box-shadow: 0 0 50px 20px #000 inset;
-webkit-filter: blur(3px);
filter: blur(3px);
z-index: -1;
top: 0;
}
.vjs-autoplay-next-video-controls {
width: 100%;
}
.vjs-autoplay-next-video-controls-wrapper {
position: relative;
text-align: center;
font-size: 18px;
background-color: #000;
background-color: rgba(0, 0, 0, 0.4);
}
.vjs-autoplay-next-video-controls-wrapper h4 {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
margin: 0.5em 10px;
}
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;
}
.vjs-autoplay-next-video-controls-related-videos-wrapper {
text-align: center;
}
.vjs-autoplay-next-video-controls-related-videos-wrapper:before,
.vjs-autoplay-next-video-controls-wrapper:before {
content: "";
display: inline-block;
height: 100%;
vertical-align: middle;
}
.vjs-autoplay-next-video-controls-related-videos {
display: inline-block;
vertical-align: middle;
}
.vjs-autoplay-next-video-controls {
display: inline-block;
vertical-align: bottom;
}
.vjs-autoplay-next-video-title {
font-size: 22px;
}
.vjs-autoplay-next-video-play {
width: 80px;
height: 80px;
display: inline-block;
text-align: center;
position: relative;
cursor: pointer;
}
.vjs-autoplay-next-video-play svg {
width: 100%;
height: 100%;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
}
.vjs-autoplay-next-video-play svg circle {
stroke-dashoffset: 0;
stroke: #fff;
stroke-width: 6px;
}
.vjs-autoplay-next-video-play .vjs-autoplay-next-video-play-button {
background-color: #000;
color: #fff;
font-size: 52px;
position: absolute;
font-family: VideoJS;
border-radius: 50%;
top: 5px;
bottom: 5px;
left: 5px;
right: 5px;
box-sizing: border-box;
cursor: pointer;
text-indent: 2px;
}
.vjs-autoplay-next-video-play .vjs-autoplay-next-video-play-button span {
vertical-align: middle;
display: inline-block;
}
.vjs-autoplay-next-video-play .vjs-autoplay-next-video-play-button:before {
display: inline-block;
content: "";
vertical-align: middle;
height: 100%;
font-size: 60px;
line-height: 70px;
}
.vjs-autoplay-next-video-play .vjs-ie8 svg {
display: none;
}
.vjs-video-container div.vjs-autoplay-next-video-cancel {
cursor: pointer;
width: 100px;
margin: 7px auto 10px;
}
.vjs-video-container div.vjs-autoplay-next-video-cancel:hover {
color: #fff;
}
.vjs-autoplay-next-video-controls-wrapper {
height: 55%;
}
.vjs-autoplay-next-video-controls-related-videos-wrapper {
height: 45%;
}
.vjs-fullscreen .vjs-autoplay-next-video-controls-wrapper {
height: 50% !important;
}
.vjs-fullscreen .vjs-autoplay-next-video-controls-related-videos-wrapper {
height: 50% !important;
}
.vjs-fullscreen .vjs-autoplay-next-video-controls {
vertical-align: bottom !important;
}
.vjs-fullscreen div.vjs-autoplay-next-video-controls-related-videos .vjs-related-video-square {
width: 18% !important;
margin-left: 1% !important;
margin-right: 1% !important;
height: auto !important;
max-height: 200px !important;
min-height: 100px !important;
}
.vjs-flyout-wrapper-fixed .vjs-video-container.vjs-fixed.vjs-span-one-col .mol-modal-window-backdrop {
top: 20px;
bottom: 40px;
height: calc(100% - 70px);
}
.vjs-flyout-wrapper-fixed .vjs-video-container.vjs-fixed.vjs-span-one-col .mol-autoplay-next-video-panel {
margin-top: 0;
}
.vjs-flyout-wrapper-fixed .vjs-video-container.vjs-fixed.vjs-span-one-col .mol-autoplay-next-video-panel > .panel-title {
margin-top: 8px;
}
.vjs-flyout-wrapper-fixed .vjs-video-container.vjs-fixed.vjs-span-one-col .mol-autoplay-next-video-panel .mol-autoplay-next-video-play-button {
width: 50px;
height: 50px;
margin: 6px auto;
}
.vjs-flyout-wrapper-fixed .vjs-video-container.vjs-fixed.vjs-span-one-col .mol-autoplay-next-video-panel .mol-autoplay-next-video-play-button .play-button > span {
font-size: 18px;
text-indent: -2px;
}
.vjs-flyout-wrapper-fixed .vjs-video-container.vjs-fixed.vjs-span-one-col .mol-autoplay-next-video-panel .mol-autoplay-next-video-next-video-description {
font-size: 12px;
line-height: 18px;
margin-bottom: 0;
}
.vjs-flyout-wrapper-fixed .vjs-video-container.vjs-fixed.vjs-span-one-col .mol-autoplay-next-video-panel .mol-autoplay-next-video-cancel-button {
margin: 0;
font-size: 14px;
}
.mol-modal-window-backdrop {
position: absolute;
top: 0;
right: 0;
bottom: 50px;
left: 0;
height: calc(100% - 50px);
z-index: 900;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.mol-modal-window-backdrop .mol-modal-window {
width: 100%;
height: 100%;
max-width: 740px;
max-height: 505px;
overflow: hidden;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
@media screen and (max-width: 539px) {
.video-js.vjs-fullscreen .mol-modal-window-backdrop,
.vjs-responsive .mol-modal-window-backdrop {
top: 0;
bottom: 40px;
height: calc(100% - 40px);
}
.video-js.vjs-fullscreen .mol-modal-window-backdrop .mol-modal-window,
.vjs-responsive .mol-modal-window-backdrop .mol-modal-window {
max-height: 250px;
}
}
.vjs-span-one-col .video-js:not(.vjs-fullscreen) .mol-modal-window-backdrop {
top: 0;
bottom: 40px;
height: calc(100% - 40px);
}
.vjs-span-one-col .video-js:not(.vjs-fullscreen) .mol-modal-window-backdrop .mol-modal-window {
max-height: 250px;
}
.mol-related-videos-video .video-caption .aux-stadiometer {
height: 100%;
}
.mol-related-videos-view-paused .mol-modal-window-backdrop {
background: rgba(0, 0, 0, 0.8);
}
.mol-related-videos-view-paused .mol-related-videos-view-paused-backdrop {
background: no-repeat 50% 50%;
background-size: cover;
position: absolute;
left: 0;
top: 0;
bottom: 50px;
right: 0;
z-index: 800;
}
@media screen and (max-width: 539px) {
.video-js.vjs-fullscreen .mol-related-videos-view-paused .mol-related-videos-view-paused-backdrop,
.vjs-responsive .mol-related-videos-view-paused .mol-related-videos-view-paused-backdrop {
bottom: 40px;
}
}
.vjs-span-one-col .video-js:not(.vjs-fullscreen) .mol-related-videos-view-paused .mol-related-videos-view-paused-backdrop {
bottom: 40px;
}
.vjs-responsive .mol-related-videos-view-paused .mol-related-videos-view-paused-backdrop {
top: 0;
}
.vjs-one-col-title-single .mol-related-videos-view-paused .mol-related-videos-view-paused-backdrop {
top: 0;
}
.vjs-one-col-title-multi .mol-related-videos-view-paused .mol-related-videos-view-paused-backdrop {
top: 0;
}
.mol-related-videos-panel-autoplay,
.mol-related-videos-panel-paused,
.mol-related-videos-panel-social {
color: #fff;
}
.mol-related-videos-panel-autoplay > .panel-title,
.mol-related-videos-panel-paused > .panel-title,
.mol-related-videos-panel-social > .panel-title {
font-size: 16px;
line-height: 20px;
padding: 10px 5px;
text-transform: uppercase;
margin: 0;
display: block;
font-weight: 700;
-moz-font-smoothing: antialiased;
-webkit-font-smoothing: antialiased;
}
.mol-related-videos-panel-social {
overflow: hidden;
}
.mol-related-videos-panel-social .vjs-social-share-control .vjs-social-icon {
width: 100%;
height: 100%;
}
.mol-related-videos-panel-social .vjs-social-share-control .vjs-social-icon::before {
width: 100%;
height: 100%;
text-align: center;
display: block;
line-height: 1;
}
@media screen and (max-width: 539px) {
.video-js.vjs-fullscreen .mol-related-videos-panel-social,
.vjs-responsive .mol-related-videos-panel-social {
font-size: 0;
text-align: center;
margin: 20px;
height: 40px;
}
.video-js.vjs-fullscreen .mol-related-videos-panel-social .panel-title,
.vjs-responsive .mol-related-videos-panel-social .panel-title {
display: none;
}
.video-js.vjs-fullscreen .mol-related-videos-panel-social .vjs-social-share-control,
.vjs-responsive .mol-related-videos-panel-social .vjs-social-share-control {
width: 40px;
height: 40px;
overflow: hidden;
margin: 0 5px;
display: inline-block;
float: none;
}
}
.vjs-span-one-col .video-js:not(.vjs-fullscreen) .mol-related-videos-panel-social {
font-size: 0;
text-align: center;
margin: 20px;
height: 40px;
}
.vjs-span-one-col .video-js:not(.vjs-fullscreen) .mol-related-videos-panel-social .panel-title {
display: none;
}
.vjs-span-one-col .video-js:not(.vjs-fullscreen) .mol-related-videos-panel-social .vjs-social-share-control {
width: 40px;
height: 40px;
overflow: hidden;
margin: 0 5px;
display: inline-block;
float: none;
}
@media screen and (min-width: 540px) and (max-width: 963px), screen and (min-width: 964px) {
.video-js.vjs-fullscreen .mol-related-videos-panel-social,
.vjs-responsive .mol-related-videos-panel-social {
position: absolute;
top: 0;
left: 20px;
}
.video-js.vjs-fullscreen .mol-related-videos-panel-social .vjs-social-share-control,
.vjs-responsive .mol-related-videos-panel-social .vjs-social-share-control {
overflow: hidden;
}
.video-js.vjs-fullscreen .mol-related-videos-panel-social .vjs-social-share-control:nth-child(1),
.video-js.vjs-fullscreen .mol-related-videos-panel-social .vjs-social-share-control:nth-child(3),
.vjs-responsive .mol-related-videos-panel-social .vjs-social-share-control:nth-child(1),
.vjs-responsive .mol-related-videos-panel-social .vjs-social-share-control:nth-child(3) {
margin-right: 10px;
}
.video-js.vjs-fullscreen .mol-related-videos-panel-social .vjs-social-share-control:nth-child(1),
.video-js.vjs-fullscreen .mol-related-videos-panel-social .vjs-social-share-control:nth-child(2),
.video-js.vjs-fullscreen .mol-related-videos-panel-social .vjs-social-share-control:nth-child(3),
.video-js.vjs-fullscreen .mol-related-videos-panel-social .vjs-social-share-control:nth-child(4),
.vjs-responsive .mol-related-videos-panel-social .vjs-social-share-control:nth-child(1),
.vjs-responsive .mol-related-videos-panel-social .vjs-social-share-control:nth-child(2),
.vjs-responsive .mol-related-videos-panel-social .vjs-social-share-control:nth-child(3),
.vjs-responsive .mol-related-videos-panel-social .vjs-social-share-control:nth-child(4) {
margin-bottom: 10px;
}
.video-js.vjs-fullscreen .mol-related-videos-panel-social .vjs-social-share-control:nth-child(5)::before,
.vjs-responsive .mol-related-videos-panel-social .vjs-social-share-control:nth-child(5)::before {
content: "More";
text-transform: uppercase;
font: inherit;
font-weight: 700;
float: right;
}
}
.vjs-span-three-col .video-js:not(.vjs-fullscreen) .mol-related-videos-panel-social,
.vjs-span-two-col .video-js:not(.vjs-fullscreen) .mol-related-videos-panel-social {
position: absolute;
top: 0;
left: 20px;
}
.vjs-span-three-col .video-js:not(.vjs-fullscreen) .mol-related-videos-panel-social .vjs-social-share-control,
.vjs-span-two-col .video-js:not(.vjs-fullscreen) .mol-related-videos-panel-social .vjs-social-share-control {
overflow: hidden;
}
.vjs-span-three-col .video-js:not(.vjs-fullscreen) .mol-related-videos-panel-social .vjs-social-share-control:nth-child(1),
.vjs-span-three-col .video-js:not(.vjs-fullscreen) .mol-related-videos-panel-social .vjs-social-share-control:nth-child(3),
.vjs-span-two-col .video-js:not(.vjs-fullscreen) .mol-related-videos-panel-social .vjs-social-share-control:nth-child(1),
.vjs-span-two-col .video-js:not(.vjs-fullscreen) .mol-related-videos-panel-social .vjs-social-share-control:nth-child(3) {
margin-right: 10px;
}
.vjs-span-three-col .video-js:not(.vjs-fullscreen) .mol-related-videos-panel-social .vjs-social-share-control:nth-child(1),
.vjs-span-three-col .video-js:not(.vjs-fullscreen) .mol-related-videos-panel-social .vjs-social-share-control:nth-child(2),
.vjs-span-three-col .video-js:not(.vjs-fullscreen) .mol-related-videos-panel-social .vjs-social-share-control:nth-child(3),
.vjs-span-three-col .video-js:not(.vjs-fullscreen) .mol-related-videos-panel-social .vjs-social-share-control:nth-child(4),
.vjs-span-two-col .video-js:not(.vjs-fullscreen) .mol-related-videos-panel-social .vjs-social-share-control:nth-child(1),
.vjs-span-two-col .video-js:not(.vjs-fullscreen) .mol-related-videos-panel-social .vjs-social-share-control:nth-child(2),
.vjs-span-two-col .video-js:not(.vjs-fullscreen) .mol-related-videos-panel-social .vjs-social-share-control:nth-child(3),
.vjs-span-two-col .video-js:not(.vjs-fullscreen) .mol-related-videos-panel-social .vjs-social-share-control:nth-child(4) {
margin-bottom: 10px;
}
.vjs-span-three-col .video-js:not(.vjs-fullscreen) .mol-related-videos-panel-social .vjs-social-share-control:nth-child(5)::before,
.vjs-span-two-col .video-js:not(.vjs-fullscreen) .mol-related-videos-panel-social .vjs-social-share-control:nth-child(5)::before {
content: "More";
text-transform: uppercase;
font: inherit;
font-weight: 700;
float: right;
}
@media screen and (min-width: 540px) and (max-width: 963px) {
.video-js.vjs-fullscreen .mol-related-videos-panel-social,
.vjs-responsive .mol-related-videos-panel-social {
width: 140px;
}
.video-js.vjs-fullscreen .mol-related-videos-panel-social .vjs-social-share-control,
.vjs-responsive .mol-related-videos-panel-social .vjs-social-share-control {
float: left;
width: 60px;
height: 60px;
}
.video-js.vjs-fullscreen .mol-related-videos-panel-social .vjs-social-share-control .vjs-social-icon::before,
.vjs-responsive .mol-related-videos-panel-social .vjs-social-share-control .vjs-social-icon::before {
font-size: 40px;
}
.video-js.vjs-fullscreen .mol-related-videos-panel-social .vjs-social-share-control .vjs-social-icon.vjs-mail-button-icon::before,
.vjs-responsive .mol-related-videos-panel-social .vjs-social-share-control .vjs-social-icon.vjs-mail-button-icon::before {
font-size: 48px;
}
.video-js.vjs-fullscreen .mol-related-videos-panel-social .vjs-social-share-control:nth-child(5),
.vjs-responsive .mol-related-videos-panel-social .vjs-social-share-control:nth-child(5) {
width: 140px;
}
.video-js.vjs-fullscreen .mol-related-videos-panel-social .vjs-social-share-control:nth-child(5) .vjs-social-icon::before,
.vjs-responsive .mol-related-videos-panel-social .vjs-social-share-control:nth-child(5) .vjs-social-icon::before {
width: 60px;
}
.video-js.vjs-fullscreen .mol-related-videos-panel-social .vjs-social-share-control:nth-child(5)::before,
.vjs-responsive .mol-related-videos-panel-social .vjs-social-share-control:nth-child(5)::before {
font-size: 18px;
line-height: 60px;
width: 60px;
}
}
.vjs-span-two-col .video-js:not(.vjs-fullscreen) .mol-related-videos-panel-social {
width: 140px;
}
.vjs-span-two-col .video-js:not(.vjs-fullscreen) .mol-related-videos-panel-social .vjs-social-share-control {
float: left;
width: 60px;
height: 60px;
}
.vjs-span-two-col .video-js:not(.vjs-fullscreen) .mol-related-videos-panel-social .vjs-social-share-control .vjs-social-icon::before {
font-size: 40px;
}
.vjs-span-two-col .video-js:not(.vjs-fullscreen) .mol-related-videos-panel-social .vjs-social-share-control .vjs-social-icon.vjs-mail-button-icon::before {
font-size: 48px;
}
.vjs-span-two-col .video-js:not(.vjs-fullscreen) .mol-related-videos-panel-social .vjs-social-share-control:nth-child(5) {
width: 140px;
}
.vjs-span-two-col .video-js:not(.vjs-fullscreen) .mol-related-videos-panel-social .vjs-social-share-control:nth-child(5) .vjs-social-icon::before {
width: 60px;
}
.vjs-span-two-col .video-js:not(.vjs-fullscreen) .mol-related-videos-panel-social .vjs-social-share-control:nth-child(5)::before {
font-size: 18px;
line-height: 60px;
width: 60px;
}
@media screen and (min-width: 964px) {
.video-js.vjs-fullscreen .mol-related-videos-panel-social,
.vjs-responsive .mol-related-videos-panel-social {
width: 180px;
}
.video-js.vjs-fullscreen .mol-related-videos-panel-social .vjs-social-share-control,
.vjs-responsive .mol-related-videos-panel-social .vjs-social-share-control {
float: left;
width: 80px;
height: 80px;
}
.video-js.vjs-fullscreen .mol-related-videos-panel-social .vjs-social-share-control .vjs-social-icon::before,
.vjs-responsive .mol-related-videos-panel-social .vjs-social-share-control .vjs-social-icon::before {
font-size: 60px;
}
.video-js.vjs-fullscreen .mol-related-videos-panel-social .vjs-social-share-control .vjs-social-icon.vjs-mail-button-icon::before,
.vjs-responsive .mol-related-videos-panel-social .vjs-social-share-control .vjs-social-icon.vjs-mail-button-icon::before {
font-size: 64px;
}
.video-js.vjs-fullscreen .mol-related-videos-panel-social .vjs-social-share-control:nth-child(5),
.vjs-responsive .mol-related-videos-panel-social .vjs-social-share-control:nth-child(5) {
width: 180px;
}
.video-js.vjs-fullscreen .mol-related-videos-panel-social .vjs-social-share-control:nth-child(5) .vjs-social-icon::before,
.vjs-responsive .mol-related-videos-panel-social .vjs-social-share-control:nth-child(5) .vjs-social-icon::before {
width: 80px;
}
.video-js.vjs-fullscreen .mol-related-videos-panel-social .vjs-social-share-control:nth-child(5)::before,
.vjs-responsive .mol-related-videos-panel-social .vjs-social-share-control:nth-child(5)::before {
font-size: 18px;
line-height: 80px;
width: 80px;
}
}
.vjs-span-three-col .video-js:not(.vjs-fullscreen) .mol-related-videos-panel-social {
width: 180px;
}
.vjs-span-three-col .video-js:not(.vjs-fullscreen) .mol-related-videos-panel-social .vjs-social-share-control {
float: left;
width: 80px;
height: 80px;
}
.vjs-span-three-col .video-js:not(.vjs-fullscreen) .mol-related-videos-panel-social .vjs-social-share-control .vjs-social-icon::before {
font-size: 60px;
}
.vjs-span-three-col .video-js:not(.vjs-fullscreen) .mol-related-videos-panel-social .vjs-social-share-control .vjs-social-icon.vjs-mail-button-icon::before {
font-size: 64px;
}
.vjs-span-three-col .video-js:not(.vjs-fullscreen) .mol-related-videos-panel-social .vjs-social-share-control:nth-child(5) {
width: 180px;
}
.vjs-span-three-col .video-js:not(.vjs-fullscreen) .mol-related-videos-panel-social .vjs-social-share-control:nth-child(5) .vjs-social-icon::before {
width: 80px;
}
.vjs-span-three-col .video-js:not(.vjs-fullscreen) .mol-related-videos-panel-social .vjs-social-share-control:nth-child(5)::before {
font-size: 18px;
line-height: 80px;
width: 80px;
}
.mol-related-videos-panel-paused .mol-related-videos-video {
cursor: pointer;
}
.mol-related-videos-panel-paused .mol-related-videos-video .video-thumbnail {
background: #000;
}
.mol-related-videos-panel-paused .mol-related-videos-video .video-thumbnail img {
display: block;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
overflow: hidden;
}
.mol-related-videos-panel-paused h4 {
font-family: Gbt3kLight, Arial, Helvetica, sans-serif;
font-size: 18px;
}
@media screen and (max-width: 539px) {
.video-js.vjs-fullscreen .mol-related-videos-panel-paused,
.vjs-responsive .mol-related-videos-panel-paused {
margin: 0 20px;
overflow: hidden;
}
.video-js.vjs-fullscreen .mol-related-videos-panel-paused .panel-title,
.vjs-responsive .mol-related-videos-panel-paused .panel-title {
display: none;
}
.video-js.vjs-fullscreen .mol-related-videos-panel-paused .mol-related-videos-video,
.vjs-responsive .mol-related-videos-panel-paused .mol-related-videos-video {
clear: both;
margin: 0 0 10px 0;
}
.video-js.vjs-fullscreen .mol-related-videos-panel-paused .mol-related-videos-video .video-thumbnail,
.vjs-responsive .mol-related-videos-panel-paused .mol-related-videos-video .video-thumbnail {
width: 80px;
height: 50px;
float: left;
}
.video-js.vjs-fullscreen .mol-related-videos-panel-paused .mol-related-videos-video .video-caption,
.vjs-responsive .mol-related-videos-panel-paused .mol-related-videos-video .video-caption {
overflow: hidden;
height: 40px;
padding: 5px;
}
.video-js.vjs-fullscreen .mol-related-videos-panel-paused .mol-related-videos-video .video-caption h4,
.vjs-responsive .mol-related-videos-panel-paused .mol-related-videos-video .video-caption h4 {
line-height: 20px;
font-weight: 400;
margin: 0;
}
.video-js.vjs-fullscreen .mol-related-videos-panel-paused .mol-related-videos-video:nth-child(n + 3),
.vjs-responsive .mol-related-videos-panel-paused .mol-related-videos-video:nth-child(n + 3) {
display: none;
}
}
.vjs-span-one-col .video-js:not(.vjs-fullscreen) .mol-related-videos-panel-paused {
margin: 0 20px;
overflow: hidden;
}
.vjs-span-one-col .video-js:not(.vjs-fullscreen) .mol-related-videos-panel-paused .panel-title {
display: none;
}
.vjs-span-one-col .video-js:not(.vjs-fullscreen) .mol-related-videos-panel-paused .mol-related-videos-video {
clear: both;
margin: 0 0 10px 0;
}
.vjs-span-one-col .video-js:not(.vjs-fullscreen) .mol-related-videos-panel-paused .mol-related-videos-video .video-thumbnail {
width: 80px;
height: 50px;
float: left;
}
.vjs-span-one-col .video-js:not(.vjs-fullscreen) .mol-related-videos-panel-paused .mol-related-videos-video .video-caption {
overflow: hidden;
height: 40px;
padding: 5px;
}
.vjs-span-one-col .video-js:not(.vjs-fullscreen) .mol-related-videos-panel-paused .mol-related-videos-video .video-caption h4 {
line-height: 20px;
font-weight: 400;
margin: 0;
}
.vjs-span-one-col .video-js:not(.vjs-fullscreen) .mol-related-videos-panel-paused .mol-related-videos-video:nth-child(n + 3) {
display: none;
}
@media screen and (min-width: 540px) and (max-width: 963px), screen and (min-width: 964px) {
.video-js.vjs-fullscreen .mol-related-videos-panel-paused,
.vjs-responsive .mol-related-videos-panel-paused {
position: absolute;
width: 340px;
top: 0;
right: 20px;
}
.video-js.vjs-fullscreen .mol-related-videos-panel-paused .mol-related-videos-video,
.vjs-responsive .mol-related-videos-panel-paused .mol-related-videos-video {
width: 165px;
height: 128.5px;
float: left;
margin: 0 0 10px;
}
.video-js.vjs-fullscreen .mol-related-videos-panel-paused .mol-related-videos-video .video-thumbnail,
.vjs-responsive .mol-related-videos-panel-paused .mol-related-videos-video .video-thumbnail {
height: 82.5px;
}
.video-js.vjs-fullscreen .mol-related-videos-panel-paused .mol-related-videos-video .video-caption,
.vjs-responsive .mol-related-videos-panel-paused .mol-related-videos-video .video-caption {
overflow: hidden;
height: 40px;
padding: 5px 0;
}
.video-js.vjs-fullscreen .mol-related-videos-panel-paused .mol-related-videos-video .video-caption h4,
.vjs-responsive .mol-related-videos-panel-paused .mol-related-videos-video .video-caption h4 {
line-height: 16px;
font-weight: 400;
margin: 0;
}
.video-js.vjs-fullscreen .mol-related-videos-panel-paused .mol-related-videos-video:nth-child(2n-1),
.vjs-responsive .mol-related-videos-panel-paused .mol-related-videos-video:nth-child(2n-1) {
margin-right: 10px;
}
}
.vjs-span-three-col .video-js:not(.vjs-fullscreen) .mol-related-videos-panel-paused,
.vjs-span-two-col .video-js:not(.vjs-fullscreen) .mol-related-videos-panel-paused {
position: absolute;
width: 340px;
top: 0;
right: 20px;
}
.vjs-span-three-col .video-js:not(.vjs-fullscreen) .mol-related-videos-panel-paused .mol-related-videos-video,
.vjs-span-two-col .video-js:not(.vjs-fullscreen) .mol-related-videos-panel-paused .mol-related-videos-video {
width: 165px;
height: 128.5px;
float: left;
margin: 0 0 10px;
}
.vjs-span-three-col .video-js:not(.vjs-fullscreen) .mol-related-videos-panel-paused .mol-related-videos-video .video-thumbnail,
.vjs-span-two-col .video-js:not(.vjs-fullscreen) .mol-related-videos-panel-paused .mol-related-videos-video .video-thumbnail {
height: 82.5px;
}
.vjs-span-three-col .video-js:not(.vjs-fullscreen) .mol-related-videos-panel-paused .mol-related-videos-video .video-caption,
.vjs-span-two-col .video-js:not(.vjs-fullscreen) .mol-related-videos-panel-paused .mol-related-videos-video .video-caption {
overflow: hidden;
height: 40px;
padding: 5px 0;
}
.vjs-span-three-col .video-js:not(.vjs-fullscreen) .mol-related-videos-panel-paused .mol-related-videos-video .video-caption h4,
.vjs-span-two-col .video-js:not(.vjs-fullscreen) .mol-related-videos-panel-paused .mol-related-videos-video .video-caption h4 {
line-height: 16px;
font-weight: 400;
margin: 0;
}
.vjs-span-three-col .video-js:not(.vjs-fullscreen) .mol-related-videos-panel-paused .mol-related-videos-video:nth-child(2n-1),
.vjs-span-two-col .video-js:not(.vjs-fullscreen) .mol-related-videos-panel-paused .mol-related-videos-video:nth-child(2n-1) {
margin-right: 10px;
}
@media screen and (min-width: 540px) and (max-width: 963px) {
.video-js.vjs-fullscreen .mol-related-videos-panel-paused .mol-related-videos-video:nth-child(n + 5),
.vjs-responsive .mol-related-videos-panel-paused .mol-related-videos-video:nth-child(n + 5) {
display: none;
}
}
.vjs-span-two-col .video-js:not(.vjs-fullscreen) .mol-related-videos-panel-paused .mol-related-videos-video:nth-child(n + 5) {
display: none;
}
.mol-related-videos-view-ended .mol-modal-window-backdrop {
background: #000;
}
.mol-related-videos-view-ended .mol-related-videos-panel-ended {
position: absolute;
left: 10px;
top: 5px;
right: 0;
bottom: 0;
color: #fff;
}
.mol-related-videos-view-ended .mol-related-videos-panel-ended h3 {
margin: 0 0 6px;
font-family: Gbt3kBold, Arial, Helvetica, sans-serif;
font-size: 24px;
}
.mol-related-videos-view-ended .mol-related-videos-panel-ended .mol-related-videos-video {
cursor: pointer;
float: left;
overflow: hidden;
margin: 0 10px 10px 0;
position: relative;
}
.mol-related-videos-view-ended .mol-related-videos-panel-ended .mol-related-videos-video .video-thumbnail {
background: #000;
height: 100%;
}
.mol-related-videos-view-ended .mol-related-videos-panel-ended .mol-related-videos-video .video-thumbnail img {
display: block;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
overflow: hidden;
}
.mol-related-videos-view-ended .mol-related-videos-panel-ended .mol-related-videos-video .video-caption {
overflow: hidden;
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 25px;
background-color: rgba(0, 0, 0, 0.7);
}
.mol-related-videos-view-ended .mol-related-videos-panel-ended .mol-related-videos-video .video-caption h4 {
font-family: Gbt3kLight, Arial, Helvetica, sans-serif;
font-size: 16px;
line-height: 25px;
font-weight: 400;
padding: 0 5px;
margin: 0;
overflow: hidden;
}
@media screen and (max-width: 539px) {
.video-js.vjs-fullscreen .mol-related-videos-view-ended .mol-related-videos-panel-ended .mol-related-videos-video .video-caption,
.vjs-responsive .mol-related-videos-view-ended .mol-related-videos-panel-ended .mol-related-videos-video .video-caption {
height: 50%;
}
.video-js.vjs-fullscreen .mol-related-videos-view-ended .mol-related-videos-panel-ended .mol-related-videos-video .video-caption h4,
.vjs-responsive .mol-related-videos-view-ended .mol-related-videos-panel-ended .mol-related-videos-video .video-caption h4 {
padding: 4px 5px;
line-height: 14px;
}
}
.vjs-span-one-col .video-js:not(.vjs-fullscreen) .mol-related-videos-view-ended .mol-related-videos-panel-ended .mol-related-videos-video .video-caption {
height: 50%;
}
.vjs-span-one-col .video-js:not(.vjs-fullscreen) .mol-related-videos-view-ended .mol-related-videos-panel-ended .mol-related-videos-video .video-caption h4 {
padding: 4px 5px;
line-height: 14px;
}
.mol-related-videos-view-ended .mol-related-videos-panel-ended .mol-related-videos-video-list {
height: 90%;
}
@media screen and (max-width: 539px) {
.video-js.vjs-fullscreen .mol-related-videos-view-ended .mol-related-videos-panel-ended .mol-related-videos-video,
.vjs-responsive .mol-related-videos-view-ended .mol-related-videos-panel-ended .mol-related-videos-video {
width: calc(50% - 10px);
height: calc(50% - 10px);
}
.video-js.vjs-fullscreen .mol-related-videos-view-ended .mol-related-videos-panel-ended .mol-related-videos-video:nth-child(n + 5),
.vjs-responsive .mol-related-videos-view-ended .mol-related-videos-panel-ended .mol-related-videos-video:nth-child(n + 5) {
display: none;
}
}
.vjs-span-one-col .video-js:not(.vjs-fullscreen) .mol-related-videos-view-ended .mol-related-videos-panel-ended .mol-related-videos-video {
width: calc(50% - 10px);
height: calc(50% - 10px);
}
.vjs-span-one-col .video-js:not(.vjs-fullscreen) .mol-related-videos-view-ended .mol-related-videos-panel-ended .mol-related-videos-video:nth-child(n + 5) {
display: none;
}
@media screen and (min-width: 540px) and (max-width: 963px), screen and (min-width: 964px) {
.video-js.vjs-fullscreen .mol-related-videos-view-ended .mol-related-videos-panel-ended .mol-related-videos-video,
.vjs-responsive .mol-related-videos-view-ended .mol-related-videos-panel-ended .mol-related-videos-video {
width: calc(33% - 10px);
height: calc(33% - 10px);
}
.video-js.vjs-fullscreen .mol-related-videos-view-ended .mol-related-videos-panel-ended .mol-related-videos-video:nth-child(1),
.vjs-responsive .mol-related-videos-view-ended .mol-related-videos-panel-ended .mol-related-videos-video:nth-child(1) {
width: calc(66% - 10px);
height: calc(65% - 10px - 1px);
}
.video-js.vjs-fullscreen .mol-related-videos-view-ended .mol-related-videos-panel-ended .mol-related-videos-video:nth-child(n + 7),
.vjs-responsive .mol-related-videos-view-ended .mol-related-videos-panel-ended .mol-related-videos-video:nth-child(n + 7) {
display: none;
}
}
.vjs-span-three-col .video-js:not(.vjs-fullscreen) .mol-related-videos-view-ended .mol-related-videos-panel-ended .mol-related-videos-video,
.vjs-span-two-col .video-js:not(.vjs-fullscreen) .mol-related-videos-view-ended .mol-related-videos-panel-ended .mol-related-videos-video {
width: calc(33% - 10px);
height: calc(33% - 10px);
}
.vjs-span-three-col .video-js:not(.vjs-fullscreen) .mol-related-videos-view-ended .mol-related-videos-panel-ended .mol-related-videos-video:nth-child(1),
.vjs-span-two-col .video-js:not(.vjs-fullscreen) .mol-related-videos-view-ended .mol-related-videos-panel-ended .mol-related-videos-video:nth-child(1) {
width: calc(66% - 10px);
height: calc(65% - 10px - 1px);
}
.vjs-span-three-col .video-js:not(.vjs-fullscreen) .mol-related-videos-view-ended .mol-related-videos-panel-ended .mol-related-videos-video:nth-child(n + 7),
.vjs-span-two-col .video-js:not(.vjs-fullscreen) .mol-related-videos-view-ended .mol-related-videos-panel-ended .mol-related-videos-video:nth-child(n + 7) {
display: none;
}
#metro_chromeless {
background-color: #fff;
position: fixed;
bottom: 5px;
right: 5px;
width: 401px;
height: 225px;
border: none;
overflow: hidden;
box-shadow: 0 0 7px rgba(0, 0, 0, 0.25);
z-index: 9999998;
}
#metro_chromeless__player {
position: absolute;
top: 0;
left: 0;
border: none;
z-index: auto;
}
#metro_chromeless__player .ima-controls-div {
display: none;
}
#metro_chromeless__player .vjs-big-play-button {
display: none;
}
#metro_chromeless__player .ima-ad-playing {
z-index: 1;
}
#metro_chromeless__close {
cursor: pointer;
position: absolute;
top: 5%;
left: 92%;
height: 10%;
width: 10%;
display: inline;
z-index: 999999;
}
#metro_chromeless__close:after {
content: url(//www.musicmobil.com/wp-content/themes/img/chromeless_closer.png);
}
#metro_chromeless__more {
position: absolute;
top: 5%;
left: 5%;
display: inline;
width: 80%;
}
#metro_chromeless__more a {
font-size: 1.2rem;
font-family: sans-serif;
text-shadow: 2px 2px 5px black;
text-shadow: 0 0 5px #000;
text-transform: capitalize;
color: #fff;
cursor: pointer;
}
.metro-chromeless .vjs-control-bar,
.metro-chromeless .vjs-title {
display: none;
}
.metro-chromeless .video-ads-placeholder,
.metro-chromeless.vjs-responsive .vjs-poster,
.metro-chromeless.vjs-responsive video.vjs-tech {
top: 0;
bottom: 0;
height: 100%;
}
.metro-chromeless.vjs-responsive .vjs-loading-spinner {
background: 0 0;
}
.metro-chromeless .vjs-loading-spinner-icon {
color: rgba(255, 255, 255, 0.8);
}
.metro-chromeless::before {
padding-bottom: 0;
}
.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;
}
.metro-chromeless.vjs-responsive .mol-modal-window-backdrop .mol-modal-window {
max-height: none;
}
.metro-chromeless .vjs-user-active.vjs-has-started .metro-controls-overlay-panel,
.metro-chromeless:hover .vjs-has-started .metro-controls-overlay-panel {
display: block;
}
.metro-chromeless .vjs-user-active.video-ad-playing .metro-controls-overlay-panel,
.metro-chromeless .vjs-user-active.video-ad-waiting .metro-controls-overlay-panel,
.metro-chromeless .vjs-user-active.vjs-seeking .metro-controls-overlay-panel,
.metro-chromeless .vjs-user-active.vjs-waiting .metro-controls-overlay-panel,
.metro-chromeless:hover .video-ad-playing .metro-controls-overlay-panel,
.metro-chromeless:hover .video-ad-waiting .metro-controls-overlay-panel,
.metro-chromeless:hover .vjs-seeking .metro-controls-overlay-panel,
.metro-chromeless:hover .vjs-waiting .metro-controls-overlay-panel,
.metro-controls-overlay-panel {
display: none;
}
.metro-controls-overlay-main-controls {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
}
.metro-controls-overlay-main-controls .metro-previous-control,
.metro-controls-overlay-main-controls .metro-skip-control,
.metro-controls-overlay-main-controls .vjs-play-control {
border: none;
display: block;
color: rgba(255, 255, 255, 0.8);
padding: 0 30px;
background: 0 0;
}
.metro-controls-overlay-main-controls .metro-previous-control::before,
.metro-controls-overlay-main-controls .metro-skip-control::before,
.metro-controls-overlay-main-controls .vjs-play-control::before {
font-size: 60px;
}
.metro-controls-overlay-main-controls .metro-previous-control:hover,
.metro-controls-overlay-main-controls .metro-skip-control:hover,
.metro-controls-overlay-main-controls .vjs-play-control:hover {
color: #fff;
}
.metro-controls-overlay-main-controls .vjs-play-control {
background: 0 0 !important;
}
.metro-controls-overlay-main-controls .vjs-play-control::before {
color: inherit;
}
.metro-controls-overlay-main-controls .vjs-play-control::after {
content: none !important;
}
.metro-chromeless .vjs-paused.vjs-has-started .vjs-progress-control {
opacity: 1;
}
.metro-chromeless .vjs-progress-control {
padding: 0 12px;
width: calc(100% - 24px);
bottom: 44px;
}
.metro-chromeless .vjs-progress-control .vjs-slider {
background-color: silver;
}
.metro-chromeless .vjs-progress-control .vjs-load-progress {
background-color: #d0d0d0;
}
.metro-chromeless .vjs-progress-control .vjs-play-progress {
background-color: rgba(255, 255, 255, 0.8);
}
.metro-chromeless .vjs-user-active .vjs-progress-control {
font-size: 6px;
}
.metro-controls-overlay-bottom-controls {
position: absolute;
bottom: 0;
width: 100%;
height: 44px;
}
.metro-controls-overlay-bottom-controls .vjs-volume-menu-button {
display: block;
margin-left: 10px;
}
.metro-controls-overlay-bottom-controls .vjs-volume-menu-button::before {
font-size: 16px;
}
.metro-controls-overlay-bottom-controls .vjs-volume-menu-button .vjs-menu-content {
background: 0 0;
margin-left: -5px;
}
.metro-controls-overlay-bottom-controls .vjs-volume-menu-button .vjs-volume-level {
background-color: rgba(255, 255, 255, 0.8);
}
.metro-controls-overlay-bottom-controls .vjs-volume-menu-button .vjs-volume-bar {
background-color: #d0d0d0;
width: 7.5em !important;
}
.metro-skip-control:focus:not(:hover)::before {
color: inherit;
}
.metro-previous-control,
.metro-skip-control {
border-left: 1px solid rgba(255, 255, 255, 0.2);
cursor: pointer;
}
.metro-previous-control::before,
.metro-skip-control::before {
font-size: 18px;
content: "";
}
.metro-previous-control::before {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.vjs-paused.vjs-ended.vjs-video-finished .metro-previous-control,
.vjs-paused.vjs-ended.vjs-video-finished .metro-skip-control {
display: none;
}
.vjs-video-container {
position: relative;
width: 100%;
overflow: hidden;
margin-bottom: 20px;
}
.vjs-video-container:before {
content: "";
display: block;
padding-top: 56.2%;
}
.video-js.ima-ad-playing {
padding-bottom: 0 !important;
}
.vjs-tech {
right: 0;
bottom: 0;
margin: auto;
}
.video-js.vjs-has-started.vjs-ad-playing .vjs-share-bar {
display: none;
}
.video-js.vjs-has-started.vjs-ad-playing .vjs-control-bar {
visibility: visible;
opacity: 1;
bottom: -30px;
background-color: #000;
}
.video-js.vjs-share-bar-enabled {
margin-bottom: 60px;
}
.video-js.vjs-share-bar-enabled .vjs-share-bar {
display: block;
}
.vjs-button {
border: 0;
color: inherit;
background-color: transparent;
}
.ima-progress-div,
.ima-volume-progress {
background-color: #027c05 !important;
}
.c-slider {
position: relative;
overflow: hidden;
}
.c-slider.ratio-1-1 {
max-height: 498px;
}
.c-slider.ratio-1-1.is-active {
max-height: none;
}
.c-slider.ratio-16-9,
.c-slider.ratio-4-3 {
max-height: 448px;
}
.c-slider.ratio-16-9.is-active,
.c-slider.ratio-4-3.is-active {
max-height: none;
}
.c-slider.is-active {
background: #000;
}
.c-slider.is-active .c-slider__full-caption {
display: none;
}
.c-slider.is-active .c-slider__trunc-caption {
display: block;
}
.c-slider.show-full-caption .c-slider__full-caption {
display: block;
}
.c-slider.show-full-caption .c-slider__trunc-caption {
visibility: hidden;
}
.c-slider.has-full-caption .c-slider__less,
.c-slider.has-full-caption .c-slider__more {
display: none;
}
.c-slider *,
.c-slider ::after,
.c-slider ::before {
box-sizing: border-box;
}
.article-body .c-slider {
margin-bottom: 20px;
}
.c-slider__display {
position: relative;
}
.c-slider__container {
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
text-align: center;
}
.c-slider__container--mouse-drag-enabled > .c-slider__slide {
cursor: move;
cursor: -webkit-grab;
cursor: grab;
}
.c-slider__container--is-dragging > .c-slider__slide * {
cursor: move;
cursor: -webkit-grabbing;
cursor: grabbing;
}
.c-slider__slide {
float: left;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-tap-highlight-color: transparent;
width: 100%;
}
.c-slider__image {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
margin: auto;
}
.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__figcaption {
display: none;
}
.c-slider__full-caption-flex,
.c-slider__trunc-caption-flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
min-height: 54px;
}
.c-slider__full-caption {
position: absolute;
left: 0;
right: 0;
bottom: 0;
top: auto;
padding: 15px;
background: #000;
line-height: 1.2;
}
.c-slider__trunc-caption {
display: none;
width: 100%;
line-height: 1.2;
}
.c-slider__full-caption-text,
.c-slider__trunc-caption-text {
-webkit-box-flex: 1;
-ms-flex: 1 1 100%;
flex: 1 1 100%;
}
.c-slider__less,
.c-slider__more {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
-ms-flex-item-align: end;
align-self: flex-end;
margin-left: 10px;
cursor: pointer;
}
.c-slider__banner {
position: relative;
min-height: 250px;
padding-bottom: 75%;
}
.ratio-1-1 .c-slider__banner {
padding-bottom: 100%;
}
.ratio-4-3 .c-slider__banner {
padding-bottom: 75%;
}
.ratio-16-9 .c-slider__banner {
padding-bottom: 56.25%;
}
.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;
}
.c-slider__footer {
padding: 15px;
color: #fff;
}
.content .c-slider__title {
min-width: 100%;
margin-top: -3px;
font-size: 24px;
line-height: 1.1;
}
.c-slider__meta {
font-size: 15px;
}
.c-slider__count {
margin-right: 10px;
}
.c-slider__btn {
position: absolute;
width: 50px;
height: 40px;
top: 50%;
margin-top: -20px;
background: url("data:image/svg+xml;utf8,<svg width='17px' height='39px' viewBox='0 0 17 39' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><g id='1:1-mobile-gallery' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' transform='translate(-338.000000, -365.000000)'><polygon id='»-copy-5' fill='%23FFFFFF' points='338 404 348 384 338 365 345 365 355 384 345 404'></polygon></g></svg>")
no-repeat center right;
border: 0;
cursor: pointer;
opacity: 0.4;
-webkit-transform: translateZ(0);
transform: translateZ(0);
z-index: 1;
}
.has-hover .c-slider__btn {
width: 100px;
height: 150px;
margin-top: -75px;
}
.c-slider__btn:focus {
outline: 0;
}
.c-slider__btn:hover {
opacity: 0.95;
}
.c-slider__btn--left {
left: 1em;
-webkit-transform: scaleX(-1);
-ms-transform: scaleX(-1);
transform: scaleX(-1);
}
.c-slider__btn--left::before {
left: 10.6666666667px;
-webkit-transform: rotate(-135deg);
-ms-transform: rotate(-135deg);
transform: rotate(-135deg);
}
.c-slider__btn--right {
right: 1em;
}
.c-slider__btn--right::before {
left: 10.6666666667px;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
@media screen and (min-width: 375px) {
.c-slider.ratio-1-1 {
max-height: 498px;
}
.c-slider.ratio-4-3 {
max-height: 406px;
}
.c-slider.ratio-16-9 {
max-height: 422px;
}
.c-slider__full-caption-flex {
min-height: 36px;
}
.c-slider__trunc-caption-flex {
min-height: 36px;
}
}
@media screen and (min-width: 480px) {
.c-slider.ratio-1-1 {
max-height: 592px;
}
.c-slider.ratio-4-3 {
max-height: 477px;
}
.c-slider.ratio-16-9 {
max-height: 391px;
}
}
@media screen and (min-width: 600px) {
.c-slider.ratio-1-1 {
max-height: 654px;
}
.c-slider.ratio-4-3 {
max-height: 519px;
}
.c-slider.ratio-16-9 {
max-height: 418px;
}
.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: Gbt3kLight, 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: Gbt3kBold, 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;
}
}
.metro-personalised-widget {
display: block;
}
.metro-personalised-widget-tags {
font-size: 19px;
margin-bottom: 10px;
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.metro-personalised-widget-tag {
background-color: #f0f0f0;
font-family: Gbt3kBold, Arial, Helvetica, sans-serif;
font-weight: 400;
font-size: 20px;
padding: 5px 10px;
margin: 0 10px 10px 0;
height: 40px;
line-height: 30px;
box-sizing: border-box;
display: inline-block;
cursor: pointer;
}
.metro-personalised-widget-tag:hover {
background-color: #d5d5d5;
}
.metro-personalised-widget-tag .icon {
color: #666;
padding-left: 5px;
font-size: 14px;
}
.metro-personalised-widget-tag .icon-close {
padding-left: 6px;
font-size: 11px;
}
.metro-personalised-widget-title {
margin-right: 10px;
min-height: 40px;
line-height: 30px;
box-sizing: border-box;
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
overflow: visible;
}
.metro-personalised-widget-zone {
margin-bottom: 10px;
}
.metro-personalised-widget-header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.metro-personalised-widget-loading {
color: #000;
display: none;
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
font-size: 20px;
}
.metro-personalised-widget-body,
.metro-personalised-widget-footer {
display: none;
}
.metro-personalised-widget[metro-tags-selected] .metro-personalised-widget-body,
.metro-personalised-widget[metro-tags-selected] .metro-personalised-widget-footer {
display: block;
}
.metro-personalised-widget[metro-tags-selected] .metro-personalised-widget-body {
margin: 10px 0;
}
.metro-personalised-widget[metro-tags-selected] .metro-personalised-widget-tag-original {
display: none;
}
.metro-personalised-widget.colour-lifestyle .metro-personalised-widget-tag:hover {
background-color: #ffcac4;
}
.metro-personalised-widget.colour-sport .metro-personalised-widget-tag:hover {
background-color: #7af7c7;
}
.metro-personalised-widget.colour-entertainment .metro-personalised-widget-tag:hover {
background-color: #f0cdeb;
}
.metro-personalised-widget[metro-tags-loading] .metro-personalised-widget-loading {
display: block;
}
.metro-personalised-widget[metro-tags-loading] .metro-personalised-widget-tag {
color: grey;
background-color: #f0f0f0;
cursor: default;
}
.metro-personalised-widget[metro-tags-loading] .metro-personalised-widget-tag:hover {
background-color: #f0f0f0;
}
.metro-personalised-widget.colour-soaps .metro-personalised-widget-title {
background: #031fb1;
color: #fff;
}
.metro-personalised-widget.colour-soaps .icon {
color: #031fb1;
}
.metro-personalised-widget.colour-soaps .metro-personalised-widget-tag {
box-sizing: border-box;
border: 1px solid #f741ff;
color: #031fb1;
background: 0 0;
}
.metro-personalised-widget.colour-soaps .metro-personalised-widget-tag:hover {
background-color: #f741ff;
}
.metro-personalised-widget.colour-soaps[metro-tags-loading] .metro-personalised-widget-tag {
opacity: 0.3;
}
.metro-personalised-widget.colour-soaps[metro-tags-loading] .metro-personalised-widget-tag:hover {
background: 0 0;
}
.metro-personalised-widget.colour-soaps .zone-widget-item .zone-widget-item-title-effect {
background-color: #fff;
padding: 0 10px 0 0;
}
.metro-personalised-widget.colour-soaps .zone-widget-item .zone-widget-item-title-effect:hover {
background-color: #fff;
}
.metro-personalised-widget.colour-soaps .zone-widget-item .zone-widget-item-title-effect::after {
display: none;
}
.metro-personalised-widget.colour-soaps .zone-widget-item-title {
margin-left: 0;
}
.metro-personalised-widget.colour-soaps .zone-widget-item-title .metro-signpost {
left: 0;
}
.metro-personalised-widget.colour-soaps .colour-box {
background: #fff;
box-shadow: 10px 0 0 #fff, -10px 0 0 #fff;
-webkit-box-decoration-break: clone;
box-decoration-break: clone;
}
.metro-personalised-widget.colour-soaps .colour-box:hover {
background-color: #fff;
}
.metro-personalised-widget.colour-soaps .colour-box::after {
display: inline;
}
.moz .metro-personalised-widget-tag,
.moz .metro-personalised-widget-title {
padding: 6px 10px 4px;
}
.getty.aligncenter {
text-align: center;
}
.getty.alignleft {
float: none;
margin-right: 0;
}
.getty.alignleft > div {
float: left;
margin-right: 5px;
}
.getty.alignright {
float: none;
margin-left: 0;
}
.getty.alignright > div {
float: right;
margin-left: 5px;
}
@media screen and (min-width: 768px){
.mosaic-item.ad-slot-container{
display:none;
}
}
@media screen and (min-width: 1024px) {
.wide-post .single-article iframe.full-width, .wide-post .single-article img.full-width {
width: 964px!important;
}
}
@media screen and (min-width: 1024px) {
.wide-post.single-post .figcaption, .wide-post.single-post .full-width figcaption {
width: 944px!important;
}
}
.single .byline {
margin-right: 5px;
}
.content .spot-im-comment-title {
margin-top: 2em;
}
ul.page-numbers {
list-style: none;
margin: 0;
}
.page-numbers:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
ul.page-numbers li {
display: block;
float: left;
margin: 0 4px 4px 0;
text-align: center;
}
.page-numbers a,
.page-numbers span {
line-height: 1.6em;
display: block;
padding: 0 15px;
height: 18px;
line-height: 18px;
font-size: 13px;
text-decoration: none;
font-weight: 400;
cursor: pointer;
border: 1px solid #ddd;
}
.page-numbers a span { padding: 0 }
.page-numbers a:hover,
.page-numbers.current,
.page-numbers.current:hover {
color: #000;
background: #f7f7f7;
text-decoration: none;
}
.page-numbers:hover { text-decoration: none }				
.btn [class*=" icon-"],
.btn [class^=icon-] {
line-height: .9em
}
.btn:active:focus,
.btn:focus {
outline: 0
}
.btn {
display: inline-block;
font-weight: 600;
text-align: center;
white-space: nowrap;
vertical-align: middle;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border: .0625rem solid transparent;
padding: .375rem 1rem;
font-size: .75rem;
line-height: 1.5;
border-radius: .25rem
}
.btn:active:focus,
.btn:focus {
outline: thin dotted;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px
}
.btn:focus,
.btn:hover {
text-decoration: none
}
.btn:active {
background-image: none;
outline: 0
}
.btn:disabled {
cursor: not-allowed;
opacity: .65
}
.hnhh-desktop-btn {
background-color: #fff;
border: 1px solid #027c05;
color: #027c05;
font-size: 12px;
padding: 0 .3rem;
border-radius: 0;
text-transform: uppercase;
transition: .3s;
cursor: pointer
}
.hnhh-desktop-btn:active,
.hnhh-desktop-btn:focus,
.hnhh-desktop-btn:hover {
background-color: #027c05;
color: #fff;
outline: 0
}
.big-btn {
padding: 9px 5px;
margin-bottom: 15px;
margin-top: 15px;
width: 100%
}
._237A3 {
background-color: transparent !important;
}
._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
}
._2fM9F {
display: flex;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
margin: 19px 14px 2px;
font-family: Roboto-Regular, Roboto
}
._2fM9F:active {
opacity: .8
}
._30IHC {
font-family: Roboto-Bold, Roboto;
font-size: 18px;
color: #242424;
line-height: 24px;
font-weight: 700;
text-align: left;
width: 100%;
margin-bottom: 9px
}
.KPZ7z {
-webkit-box-orient: horizontal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
height: 110px;
width: 100%;
box-sizing: border-box;
padding: 14px 0
}
.KPZ7z,
.KPZ7z ._3YMZo {
display: flex;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
-webkit-box-direction: normal
}
.KPZ7z ._3YMZo {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
-webkit-box-orient: vertical;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
height: 100%;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between
}
.KPZ7z ._3YMZo ._34o8D {
font-size: 20px;
color: #222;
line-height: 20px;
-webkit-line-clamp: 3;
font-family: Gbt3kBold, Arial, Helvetica, sans-serif;
}
.KPZ7z ._3YMZo ._34o8D,
.KPZ7z ._3YMZo ._3IQjM {
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden
}
.KPZ7z ._3YMZo ._3IQjM {
font-size: 12px;
color: #aaa;
line-height: 16px;
margin-top: 5px;
-webkit-line-clamp: 1
}
.KPZ7z ._2tsIz {
width: 110px;
height: 84px;
margin-left: 21px;
position: relative
}
.KPZ7z ._2tsIz img {
width: 110px;
height: 84px;
object-fit: cover
}
.KPZ7z ._2tsIz ._3f64j {
width: 110px;
height: 84px;
position: absolute;
left: 0;
top: 0;
display: flex;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center
}
._2Zr6X {
height: 1px;
width: 100%;
margin-left: 14px;
margin-right: 14px;
background-color: #e7e7e7;
-webkit-transform: scaleY(.5);
-ms-transform: scaleY(.5);
transform: scaleY(.5)
}
@media only screen and (-webkit-min-device-pixel-ratio:3) {
._2Zr6X {
-webkit-transform: scaleY(.33);
-ms-transform: scaleY(.33);
transform: scaleY(.33)
}
}
@media only screen and (-webkit-min-device-pixel-ratio:4) {
._2Zr6X {
-webkit-transform: scaleY(.25);
-ms-transform: scaleY(.25);
transform: scaleY(.25)
}
}
@media only screen and (min-width: 600px) {
* [aria-labelledby=mobile-search],.mobile-search {
display:none;
max-height: 0;
overflow: hidden
}
}
[hidden] {
display: none
}
input {
font: inherit
}
input {
overflow: visible
}
input {
margin: 0
}
[type=button],[type=reset],[type=submit] {
cursor: pointer
}
[disabled] {
cursor: default
}
[type=reset],[type=submit],html [type=button] {
-webkit-appearance: button
}
input::-moz-focus-inner {
border: 0;
padding: 0
}
input:-moz-focusring {
outline: 1px dotted ButtonText
}
[type=checkbox],[type=radio] {
box-sizing: border-box;
padding: 0
}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button {
height: auto
}
[type=search] {
-webkit-appearance: textfield
}
[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration {
-webkit-appearance: none
}
::-moz-selection {
background: #ffc000;
color: #fff;
text-shadow: none
}
::selection {
background: #027c05;
color: #fff;
text-shadow: none
}
input {
border: 1px solid rgba(0,0,0,.1);
color: #2c2f34;
font-size: 12px;
outline: 0;
padding: 5px;
line-height: 23px;
border-radius: 2px;
transition: background .3s,border .3s;
max-width: 100%;
background-color: transparent
}
input:hover,input[type=text]:focus {
background-color: rgba(0,0,0,.03)
}
input:not([type=checkbox]):not([type=radio]) {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none
}
[type=radio] {
-webkit-appearance: radio;
-moz-appearance: radio;
appearance: radio
}
[type=submit] {
width: auto;
position: relative;
background-color: #027c05;
color: #000;
padding: 7px 15px;
margin: 0;
font-weight: 400;
font-size: 12px;
display: inline-block;
text-align: center;
line-height: 21px;
border: none;
cursor: pointer;
text-decoration: none;
vertical-align: middle;
transition: .3s;
border-radius: 2px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none
}
[type=submit]:hover {
background-color: #0091ff;
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
}
.xl-wrapper {
background: #fff;
border: 1px solid rgba(0,0,0,.1);
}
@media (max-width: 767px) {
.container-wrapper {
padding:20px 15px
}
}
.search-title h1 {
font-style: normal;
font-weight: 400;
font-size: 15;
padding: 30
}
@media (max-width: 767px) {
.search-title {
font-style:normal;
font-weight: 400;
font-size: 13;
padding: 20px 15px
}
}
.container-wrapper-sidebar {
background: #fff;
border: 1px solid rgba(0,0,0,.1);
border-radius: 2px;
padding: 10px
}
@media (max-width: 767px) {
.container-wrapper-sidebar {
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%;
}
.search-submit[type=submit] {
background-color: #027c05;
}
.search-submit[type=submit]:hover {
background-color: #000;
}
@supports (-ms-accelerator:true) {
.social-statistics-widget a {
transition: none
}
}
@-webkit-keyframes flashing {
0%,100%,50% {
opacity: 1
}
25%,75% {
opacity: 0
}
}
@keyframes flashing {
0%,100%,50% {
opacity: 1
}
25%,75% {
opacity: 0
}
}
@-webkit-keyframes flashing-reverse {
0%,100%,50% {
opacity: 0
}
25%,75% {
opacity: 1
}
}
@keyframes flashing-reverse {
0%,100%,50% {
opacity: 0
}
25%,75% {
opacity: 1
}
}
@-webkit-keyframes rain-animi-effect {
0% {
opacity: 1
}
100% {
opacity: 0;
-webkit-transform: translateY(3em);
transform: translateY(3em)
}
}
@keyframes rain-animi-effect {
0% {
opacity: 1
}
100% {
opacity: 0;
-webkit-transform: translateY(3em);
transform: translateY(3em)
}
}
@-webkit-keyframes rain-animi-effect-with-rotate {
0% {
opacity: 1;
-webkit-transform: translateY(0) rotate(0);
transform: translateY(0) rotate(0)
}
100% {
opacity: 0;
-webkit-transform: translateY(1em) rotate(360deg);
transform: translateY(1em) rotate(360deg)
}
}
@keyframes rain-animi-effect-with-rotate {
0% {
opacity: 1;
-webkit-transform: translateY(0) rotate(0);
transform: translateY(0) rotate(0)
}
100% {
opacity: 0;
-webkit-transform: translateY(1em) rotate(360deg);
transform: translateY(1em) rotate(360deg)
}
}
@-webkit-keyframes drizzle-animi-effect {
0% {
opacity: 1;
-webkit-transform: translateY(0) translateX(0) rotate(10deg);
transform: translateY(0) translateX(0) rotate(10deg)
}
100% {
opacity: 0;
-webkit-transform: translateY(3em) translateX(-3em) rotate(20deg);
transform: translateY(3em) translateX(-3em) rotate(20deg)
}
}
@keyframes drizzle-animi-effect {
0% {
opacity: 1;
-webkit-transform: translateY(0) translateX(0) rotate(10deg);
transform: translateY(0) translateX(0) rotate(10deg)
}
100% {
opacity: 0;
-webkit-transform: translateY(3em) translateX(-3em) rotate(20deg);
transform: translateY(3em) translateX(-3em) rotate(20deg)
}
}
@-webkit-keyframes tie-float-y {
0% {
-webkit-transform: translateY(0);
transform: translateY(0)
}
50% {
-webkit-transform: translateY(-6px);
transform: translateY(-6px)
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0)
}
}
@keyframes tie-float-y {
0% {
-webkit-transform: translateY(0);
transform: translateY(0)
}
50% {
-webkit-transform: translateY(-6px);
transform: translateY(-6px)
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0)
}
}
@-webkit-keyframes tie-spin {
0% {
-webkit-transform: rotate(0);
transform: rotate(0)
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg)
}
}
@keyframes tie-spin {
0% {
-webkit-transform: rotate(0);
transform: rotate(0)
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg)
}
}
@-webkit-keyframes passing {
0% {
-webkit-transform: translateX(50%);
transform: translateX(50%);
opacity: 0
}
50% {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1
}
100% {
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
opacity: 0
}
}
@keyframes passing {
0% {
-webkit-transform: translateX(50%);
transform: translateX(50%);
opacity: 0
}
50% {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1
}
100% {
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
opacity: 0
}
}
@-webkit-keyframes burst {
0% {
opacity: .6
}
50% {
-webkit-transform: scale(1.8);
transform: scale(1.8);
opacity: 0
}
100% {
opacity: 0
}
}
@keyframes burst {
0% {
opacity: .6
}
50% {
-webkit-transform: scale(1.8);
transform: scale(1.8);
opacity: 0
}
100% {
opacity: 0
}
}
@-webkit-keyframes tie-float-x {
0% {
-webkit-transform: translateX(0);
transform: translateX(0)
}
50% {
-webkit-transform: translateX(-6px);
transform: translateX(-6px)
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0)
}
}
@keyframes tie-float-x {
0% {
-webkit-transform: translateX(0);
transform: translateX(0)
}
50% {
-webkit-transform: translateX(-6px);
transform: translateX(-6px)
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0)
}
}
@media (max-width: 767px)
.trending-main .trending-main-more {
display: none !important;
}
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 .children .li-comment:before { }
.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: 39px;
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;
}
.comment-author::after {
content: "";
display: block;
height: 30px;
width: 30px;
background: url(https://secure.gravatar.com/avatar/?s=40&d=mm&r=g?s=280&d=mm&r=g);
background-repeat: no-repeat;
background-size: 30px;
border-radius: 30px;
position: absolute;
top: -8px;
left: -35px;
}
.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: #027c05;
border-radius: 5px;
color: #fff;
padding: 2px 8px;
font-weight: 600;
box-sizing: border-box;
margin-top: 5px;
}
#respond { 
} 
#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;
}
#cancel-comment-reply-link { } #commentform { } #author { } #email { } #url { } #comment #submit .comment-notes { } .required { } .comment-form-author { } .comment-form-email { } .comment-form-url { } .comment-form-comment { } .form-allowed-tags { }
.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: Gbt3kLight,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;
}
.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 #027c05;
font-family: Gbt3kBold, Arial, Helvetica, sans-serif;
}
.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;
}
.tag-balance {
margin: 0 0 20px;
padding: 0 0 0 10px;
}
</style>
<style>
.tag-list {
background-color: #f1f1f1;
border: 1px solid #e0e0e0;
margin-bottom: 23px;
margin-top: 39px;
padding: 30px 0 12px;
position: relative
}
.tag-list span {
font-family: "Open Sans", sans-serif;
font-size: 16px;
font-weight: 700;
background-color: #141414;
border-color: #626262;
border-left-width: 29px;
border-style: solid;
color: #fff;
font-size: 14px;
left: 9px;
line-height: 29px;
margin: 0;
padding: 0 9px;
position: absolute;
text-transform: uppercase;
top: -15px
}
.tag-list span:before {
height: 27px;
left: -28px;
top: 1px;
width: 27px
}
.tag-list ul {
list-style-type: none;
margin: 0;
padding: 0 10px
}
.tag-list ul li {
display: inline-block;
line-height: 0;
margin: 0 8px 8px 0
}
.tag-list ul a {
font-family: "Open Sans", sans-serif;
font-size: 12px;
font-weight: 700;
background-color: #fff;
border: 1px solid #e0e0e0;
border-radius: 90px;
color: #000;
display: inline-block;
line-height: 1;
margin-top: 0;
padding: 7px 14px;
text-decoration: none;
text-transform: capitalize
}
.tag-list ul a:hover {
background-color: #626262;
border: 1px solid #626262;
color: #fff;
text-decoration: none
}
.article-information .publication-theme {
color: #141414 !important
}
.gallery .article-information .publication-theme,.photo-story .article-information .publication-theme {
color: #141414 !important
}
.article-type .advertorial,.article-type .channel-name {
color: #141414
}
.section-theme-highlight {
color: #141414
}
.teaser.teaser-opinion p a {
color: #141414
}
.channel-whats-on .article-type .channel-name {
color: #fff
}
.channel-whats-on .article-type .seldon-recs section-theme {
color: #979797
}
.channel-whats-on .pancake.ensemble .teaser-highlight em a {
color: #fff
}
.article-body p a {
color: #027c05
}
.article-body .photo-story-embed .publication-theme {
color: #141414 !important
}
.article-body .photo-story-embed .photo-story-embed-caption p {
color: #141414
}
.static-content a {
color: #141414
}
.section-theme {
color: #027c05 !important
}
.section-theme-background-with-transparency {
background: rgba(241,187,0,.12) !important
}
.section-theme-highlight {
background-color: #027c05!important;
color: #fff
}
.section-theme-indicator:before,.section-theme-indicator:after {
}
.section-theme-background-indicator:before,.section-theme-background-indicator:after,.section-theme-inherit-background-indicator *:not([class*=section-theme-]):before,.section-theme-inherit-background-indicator *:not([class*=section-theme-]):after {
background: #027c05 !important
}
.section-theme-gradient {
background: #027c05 !important;
background: transparent linear-gradient(to right bottom, rgba(241, 187, 0, 0.7) 49%, #027c05 50%) !important;
color: #fff
}
body .section-theme-border,body .section-theme-border:before,body .section-theme-inherit-border *:not([class*=section-theme-]) {
border-color: #027c05 !important
}
.section-theme-button-highlight {
background-color: #fff;
border-color: #e0e0e0
}
.section-theme-button-highlight:hover {
background-color: #027c05 !important;
border-color: #027c05 !important;
color: #fff
}
.section-theme-hover:hover {
color: #027c05 !important
}
.section-theme-inherit-color-a a:not([class*=section-theme-]) {
color: #027c05 !important
}
.channel-whats-on .section-theme,.publication-theme .channel-whats-on .section-theme {
color: #840e83 !important
}
.channel-whats-on .section-theme-highlight,.publication-theme .channel-whats-on .section-theme-highlight {
background: #840e83 !important;
color: #fff
}
.channel-whats-on .section-theme-indicator:before,.channel-whats-on .section-theme-indicator:after,.publication-theme .channel-whats-on .section-theme-indicator:before,.publication-theme .channel-whats-on .section-theme-indicator:after {
color: #840e83 !important
}
.channel-whats-on .section-theme-background-indicator:before,.channel-whats-on .section-theme-background-indicator:after,.channel-whats-on .section-theme-inherit-background-indicator *:not([class*=section-theme-]):before,.channel-whats-on .section-theme-inherit-background-indicator *:not([class*=section-theme-]):after,.publication-theme .channel-whats-on .section-theme-background-indicator:before,.publication-theme .channel-whats-on .section-theme-background-indicator:after,.publication-theme .channel-whats-on .section-theme-inherit-background-indicator *:not([class*=section-theme-]):before,.publication-theme .channel-whats-on .section-theme-inherit-background-indicator *:not([class*=section-theme-]):after {
background: #840e83 !important
}
.channel-whats-on .section-theme-background-with-transparency,.publication-theme .channel-whats-on .section-theme-background-with-transparency {
background: rgba(132,14,131,.12) !important
}
.channel-whats-on .seldon-recs .section-theme,.publication-theme .channel-whats-on .seldon-recs .section-theme {
color: #027c05 !important
}
.channel-whats-on .section-theme-gradient,.publication-theme .channel-whats-on .section-theme-gradient {
background: #840e83 !important;
background: transparent linear-gradient(to right bottom, rgba(132, 14, 131, 0.7) 49%, #840e83 50%) !important
}
.channel-whats-on .section-theme-border,.channel-whats-on .section-theme-inherit-border *:not([class*=section-theme-]),.publication-theme .channel-whats-on .section-theme-border,.publication-theme .channel-whats-on .section-theme-inherit-border *:not([class*=section-theme-]) {
border-color: #840e83 !important
}
.channel-whats-on .section-theme-button,.publication-theme .channel-whats-on .section-theme-button {
background-color: #840e83 !important;
border-color: #840e83 !important
}
.channel-whats-on .section-theme-button:hover,.publication-theme .channel-whats-on .section-theme-button:hover {
background-color: #fff !important;
border-color: #e0e0e0 !important;
color: #840e83 !important
}
.publication-theme {
color: #141414!important
}
.publication-theme-background-with-transparency {
background: rgba(241,187,0,.12) !important
}
.publication-theme-highlight {
background-color: #141414 !important;
color: #fff
}
.publication-theme-indicator:before,.publication-theme-indicator:after {
color: #027c05 !important
}
.publication-theme-background-indicator:before,.publication-theme-background-indicator:after,.publication-theme-inherit-background-indicator *:not([class*=publication-theme-]):before,.publication-theme-inherit-background-indicator *:not([class*=publication-theme-]):after {
background: #027c05 !important
}
.publication-theme-gradient {
background: #027c05 !important;
background: transparent linear-gradient(to right bottom, rgba(241, 187, 0, 0.7) 49%, #027c05 50%) !important;
color: #fff
}
body .publication-theme-border,body .publication-theme-border:before,body .publication-theme-inherit-border *:not([class*=publication-theme-]) {
border-color: #027c05 !important
}
.publication-theme-border-top,.publication-theme-border-top:before {
border-top-color: #027c05 !important
}
.publication-theme-border-right,.publication-theme-border-right:before {
border-right-color: #027c05 !important
}
.partner-carousel #logo {
height: 45px;
width: 134.71875px
}
.partner-footer #logo {
height: 35px;
width: 104.78125px
}
@media all and (min-width: 728px) {
#logo {
height:60px;
width: 179.625px
}
.partner-footer #logo {
height: 50px;
width: 149.6875px
}
}
@media all and (min-width: 1024px) {
#logo {
height:70px;
width: 209.5625px
}
.partner-footer #logo {
height: 70px;
width: 209.5625px
}
}
@media all and (min-width: 1240px) {
#logo {
height:80px;
width: 239.5px
}
.partner-footer #logo {
height: 80px;
width: 239.5px
}
}
.pagination ul li a {
color: #027c05
}
.section-head.section-info a,.section-head.section-info p:first-child a {
color: #027c05
}
.pagination ul li.active a,.pagination ul li a:hover {
background-color: #027c05;
color: #fff
}
.topic-more-on a {
color: #027c05 !important
}
#signin:before {
border-color: transparent transparent #141414
}
#signin .label {
background: #141414
}
#signin .label .icon {
background-color: #141414
}
.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 .children .li-comment:before { }
.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: 39px;
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;
}
.comment-author::after {
content: "";
display: block;
height: 30px;
width: 30px;
background: url(https://secure.gravatar.com/avatar/?s=40&d=mm&r=g?s=280&d=mm&r=g);
background-repeat: no-repeat;
background-size: 30px;
border-radius: 30px;
position: absolute;
top: -8px;
left: -35px;
}
.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 {
margin-top: 5px;
margin-bottom: 7px;
}
.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: #027c05;
border-radius: 5px;
color: #fff;
padding: 2px 8px;
font-weight: 600;
box-sizing: border-box;
margin-top: 5px;
}
#respond { } #reply-title { 
margin-top: 12px;
margin-bottom: 12px; 
font-size:20px; } #cancel-comment-reply-link { } #commentform { } #author { } #email { } #url { } #comment #submit .comment-notes { } .required { } .comment-form-author { } .comment-form-email { } .comment-form-url { } .comment-form-comment { } .form-allowed-tags { }
.xl-comment-count {
color: #626262;
margin-top: 5px;
margin-bottom: 5px;
font-style:italic
}
.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";
}
.page-numbers {
margin-top: 20px;
}
.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 10px 10px 0;
text-align: center;
padding: 3px 6px 3px 6px !important
}
.page-numbers a,
.page-numbers span {
line-height: 1.6em;
display: block;
padding: 0 15px;
height: 18px;
line-height: 18px;
font-size: 12px;
text-decoration: none;
font-weight: 400;
cursor: pointer;
color: #626262
}
.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
}
.clearfix:after,.clearfix:before {
content: "\0020";
display: block;
height: 0;
overflow: hidden
}
.clearfix:after {
clear: both
}
.clearfix {
zoom:1}
@media (max-width: 767px) {
.entry-header {
font-size:28px
}
}
.entry-header .entry-title {
margin-bottom: 15px
}
@media (max-width: 767px) {
.entry-header .entry-title {
font-size:28px
}
}
.entry-header .entry-sub-title {
font-size: 22px;
line-height: 27px;
font-weight: 400;
margin-top: -5px;
margin-bottom: 15px;
color: #626262;
font-family: inherit;
letter-spacing: 0
}
@media (max-width: 991px) {
.entry-header .entry-sub-title {
font-size:18px;
line-height: 23px
}
}
.entry-header .post-cat {
margin-bottom: 6px
}
.entry-header .post-meta {
overflow: inherit;
font-size: 12px;
margin-top: 5px;
margin-bottom: 0;
line-height: 24px
}
.entry-header .post-meta .meta-item {
margin-right: 12px
}
.entry-header .post-meta,.entry-header .post-meta a:not(:hover) {
color: #333
}
.entry-header .post-meta .meta-author {
margin: 0
}
.entry-header .post-meta .meta-author .fa {
display: none
}
.entry-header .post-meta .meta-author a {
font-weight: 600
}
.entry-header .post-meta .date .fa {
display: none
}
.entry-header .post-meta .date:before {
content: "\2022";
color: #ccc;
margin: 0 3px 0 5px;
display: inline-block
}
.entry-header .post-meta .tie-alignright {
display: inline
}
@media (max-width: 767px) {
.entry-header .post-meta {
margin-bottom:-8px
}
.entry-header .post-meta .tie-alignright {
float: none
}
.entry-header .post-meta .meta-item,.entry-header .post-meta .tie-alignright .meta-item:last-child {
margin-bottom: 8px!important
}
.entry-header .post-meta>div,.entry-header .post-meta>span {
float: initial!important
}
.entry-header .post-meta .meta-author a {
font-weight: 400
}
.entry-header .meta-author-avatar img {
width: 20px;
height: 20px
}
}
.meta-author-avatar img {
width: 30px;
height: 30px;
margin-right: 3px;
margin-top: -5px;
vertical-align: middle;
border-radius: 50%;
transition: .15s
}
.entry-header-outer #breadcrumb {
margin: 0 0 20px;
padding: 0
}
.entry {
line-height: 26px;
font-size: 15px
}
.entry a {
color: #027c05
}
.entry a:hover {
color: #333
}
.entry h1,.entry h2,.entry h3,.entry h4,.entry h5,.entry h6 {
margin: 0 0 .5em
}
@supports (-ms-accelerator:true) {
.social-statistics-widget a {
transition: none
}
}
.author-avatar {
display: block
}
.author-avatar img {
border-radius: 50%;
max-width: 111px
}
a.author-avatar:hover {
opacity: .8
}
.fa-home:before {
content: "\f015"
}
.fa-clock-o:before {
content: "\f017"
}
.fa-download:before {
content: "\f019"
}
.fa-bookmark:before {
content: "\f02e"
}
.fa-photo:before {
content: "\f03e"
}
.fa-comment:before {
content: "\f075"
}
.fa-comments:before {
content: "\f086"
}
.fa-bookmark-o:before {
content: "\f097"
}
.fa-comment-o:before {
content: "\f0e5"
}
.fa-comments-o:before {
content: "\f0e6"
}
.fa-html5:before {
content: "\f13b"
}
.fa-header:before {
content: "\f1dc"
}
.fa-cc:before {
content: "\f20a"
}
.fa-fa:before {
content: "\f2b4"
}
.fa-s15:before {
content: "\f2cd"
}
img {
max-width: 100%;
display: block
}
@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: #027c05;
color: #fff;
text-shadow: none
}
::selection {
background: #027c05;
color: #fff;
text-shadow: none
}
input {
border: 1px solid rgba(0,0,0,.1);
color: #2c2f34;
font-size: 12px;
outline: 0;
padding: 5px;
line-height: 23px;
border-radius: 2px;
transition: background .3s,border .3s;
max-width: 100%;
background-color: transparent
}
input:hover,input[type=text]:focus {
background-color: rgba(0,0,0,.03)
}
input:not([type=checkbox]):not([type=radio]) {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none
}
[type=radio] {
-webkit-appearance: radio;
-moz-appearance: radio;
appearance: radio
}
[type=submit] {
width: auto;
position: relative;
background-color: #141414;
color: #fff;
padding: 7px 15px;
margin: 0;
font-weight: 400;
font-size: 12px;
display: inline-block;
text-align: center;
line-height: 21px;
border: none;
cursor: pointer;
text-decoration: none;
vertical-align: middle;
transition: .3s;
border-radius: 2px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none
}
[type=submit]:hover {
background-color: #cc1075;
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
}
.xl-wrapper {
background: #fff;
border: 1px solid rgba(0,0,0,.1);
}
@media (max-width: 767px) {
.container-wrapper {
padding:20px 15px
}
}
.search-title h1 {
font-style: normal;
font-weight: 400;
font-size: 15;
padding: 30
}
@media (max-width: 767px) {
.search-title {
font-style:normal;
font-weight: 400;
font-size: 13;
padding: 20px 15px
}
}
.container-wrapper-sidebar {
background: #fff;
border: 1px solid rgba(0,0,0,.1);
border-radius: 2px;
padding: 10px
}
@media (max-width: 767px) {
.container-wrapper-sidebar {
padding:20px 15px
}
}
form.search-form {
overflow: auto;
position: relative;
width: 100%
}
.search-field {
float: left;
width: 73%
}
.search-submit[type=submit] {
float: right;
padding: 7px;
margin-left: 2%;
width: 25%
}
@supports (-ms-accelerator:true) {
.social-statistics-widget a {
transition: none
}
}
@-webkit-keyframes flashing {
0%,100%,50% {
opacity: 1
}
25%,75% {
opacity: 0
}
}
@keyframes flashing {
0%,100%,50% {
opacity: 1
}
25%,75% {
opacity: 0
}
}
@-webkit-keyframes flashing-reverse {
0%,100%,50% {
opacity: 0
}
25%,75% {
opacity: 1
}
}
@keyframes flashing-reverse {
0%,100%,50% {
opacity: 0
}
25%,75% {
opacity: 1
}
}
@-webkit-keyframes rain-animi-effect {
0% {
opacity: 1
}
100% {
opacity: 0;
-webkit-transform: translateY(3em);
transform: translateY(3em)
}
}
@keyframes rain-animi-effect {
0% {
opacity: 1
}
100% {
opacity: 0;
-webkit-transform: translateY(3em);
transform: translateY(3em)
}
}
@-webkit-keyframes rain-animi-effect-with-rotate {
0% {
opacity: 1;
-webkit-transform: translateY(0) rotate(0);
transform: translateY(0) rotate(0)
}
100% {
opacity: 0;
-webkit-transform: translateY(1em) rotate(360deg);
transform: translateY(1em) rotate(360deg)
}
}
@keyframes rain-animi-effect-with-rotate {
0% {
opacity: 1;
-webkit-transform: translateY(0) rotate(0);
transform: translateY(0) rotate(0)
}
100% {
opacity: 0;
-webkit-transform: translateY(1em) rotate(360deg);
transform: translateY(1em) rotate(360deg)
}
}
@-webkit-keyframes drizzle-animi-effect {
0% {
opacity: 1;
-webkit-transform: translateY(0) translateX(0) rotate(10deg);
transform: translateY(0) translateX(0) rotate(10deg)
}
100% {
opacity: 0;
-webkit-transform: translateY(3em) translateX(-3em) rotate(20deg);
transform: translateY(3em) translateX(-3em) rotate(20deg)
}
}
@keyframes drizzle-animi-effect {
0% {
opacity: 1;
-webkit-transform: translateY(0) translateX(0) rotate(10deg);
transform: translateY(0) translateX(0) rotate(10deg)
}
100% {
opacity: 0;
-webkit-transform: translateY(3em) translateX(-3em) rotate(20deg);
transform: translateY(3em) translateX(-3em) rotate(20deg)
}
}
@-webkit-keyframes tie-float-y {
0% {
-webkit-transform: translateY(0);
transform: translateY(0)
}
50% {
-webkit-transform: translateY(-6px);
transform: translateY(-6px)
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0)
}
}
@keyframes tie-float-y {
0% {
-webkit-transform: translateY(0);
transform: translateY(0)
}
50% {
-webkit-transform: translateY(-6px);
transform: translateY(-6px)
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0)
}
}
@-webkit-keyframes tie-spin {
0% {
-webkit-transform: rotate(0);
transform: rotate(0)
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg)
}
}
@keyframes tie-spin {
0% {
-webkit-transform: rotate(0);
transform: rotate(0)
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg)
}
}
@-webkit-keyframes passing {
0% {
-webkit-transform: translateX(50%);
transform: translateX(50%);
opacity: 0
}
50% {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1
}
100% {
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
opacity: 0
}
}
@keyframes passing {
0% {
-webkit-transform: translateX(50%);
transform: translateX(50%);
opacity: 0
}
50% {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1
}
100% {
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
opacity: 0
}
}
@-webkit-keyframes burst {
0% {
opacity: .6
}
50% {
-webkit-transform: scale(1.8);
transform: scale(1.8);
opacity: 0
}
100% {
opacity: 0
}
}
@keyframes burst {
0% {
opacity: .6
}
50% {
-webkit-transform: scale(1.8);
transform: scale(1.8);
opacity: 0
}
100% {
opacity: 0
}
}
@-webkit-keyframes tie-float-x {
0% {
-webkit-transform: translateX(0);
transform: translateX(0)
}
50% {
-webkit-transform: translateX(-6px);
transform: translateX(-6px)
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0)
}
}
@keyframes tie-float-x {
0% {
-webkit-transform: translateX(0);
transform: translateX(0)
}
50% {
-webkit-transform: translateX(-6px);
transform: translateX(-6px)
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0)
}
}
.container-404 {
text-align: center;
margin: 50px 0 100px
}
.container {
margin-right: auto;
margin-left: auto;
padding-left: 15px;
padding-right: 15px
}
.container:after,.container:before {
content: " ";
display: table
}
.container:after {
clear: both
}
@media (min-width: 768px) {
.container {
width:100%
}
}
@media (min-width: 992px) {
.container {
width:100%
}
}
@media (min-width: 1200px) {
.container {
max-width:1200px
}
}
[class*=" tie-icon-"],[class^=tie-icon-] {
font-family: tiefonticon!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
}
#breadcrumbs {
font-size: 75%;
color: #626262;
margin: 1em 0 2em 0
}
#breadcrumbs a {
display: inline;
border: none;
padding: 0;
text-transform: none;
color: #626262;
font-weight: bold;
}
.breadcrumbs {
font-size: 75%;
color: #626262;
margin: 1em 0 2em 0
}
a {
display: inline;
border: none;
padding: 0;
text-transform: none
}
@media (max-width: 767px) {
.alignfull {
margin-left:calc(50% - 50vw);
margin-right: calc(50% - 50vw);
display: block;
max-width: 1000%;
width: auto;
background-size: contain
}
}
.post-list-title {
background: #fff;
color: #027c05;
padding: 5px 20px 4px 20px;
border: 1px solid rgba(0,0,0,.1);
border-radius: 2px;
display: block;
margin: -11px 0 0 0;
font-size: 1.7rem;
text-transform: uppercase;
font-weight: 600
}
.latest-post-title {
padding: 5px 20px 4px 20px;
border-radius: 2px;
display: inline-block;
font-size: 1.7rem;
text-transform: uppercase;
font-weight: 600;
margin-bottom: 15px;
border-bottom: 2px solid #027c05
}
:after,:before {
box-sizing: border-box
}
img {
max-width: 100%;
height: auto
}
::-moz-selection {
background: #027c05;
color: #fff;
text-shadow: none
}
::selection {
background: #027c05;
color: #fff;
text-shadow: none
}
[type=radio] {
-webkit-appearance: radio;
-moz-appearance: radio;
appearance: radio
}
.post-thumb {
position: relative;
height: 100%;
display: block;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
transition: opacity .2s
}
.post-thumb img {
width: 100%;
display: block
}
.post-thumb-overlay-wrap {
position: absolute;
width: 100%;
height: 100%;
overflow: hidden
}
.post-thumb-overlay {
position: absolute;
width: 100%;
height: 100%;
z-index: 3;
background: rgba(35,38,42,.8);
-webkit-transform: scale(1.5);
-ms-transform: scale(1.5);
transform: scale(1.5);
transition: .4s;
opacity: 0
}
.post-thumb-overlay:hover {
opacity: 1;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1)
}
.post-thumb-overlay .icon {
position: absolute;
left: 50%;
top: 50%;
bottom: auto;
right: auto;
-webkit-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
color: #fff;
text-align: center;
font-size: 32px;
z-index: 8
}
.post-thumb-overlay .icon:before {
height: 32px;
width: 32px;
line-height: 32px;
content: "\e685";
font-family: tiefonticon;
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
}
.tie-thumb .icon:before {
content: "\e6ac"
}
.post-meta {
margin: 10px 0 8px;
font-size: 12px;
overflow: hidden
}
.post-meta,.post-meta a:not(:hover) {
color: #626262
}
.post-meta .meta-item {
margin-right: 8px;
display: inline-block
}
.tie-alignleft {
float: left
}
.alignleft {
float: left;
margin: .375em 1.75em 1em 0
}
@media (max-width: 767px) {
.alignleft {
float:none;
clear: both;
display: block;
margin: 0 auto 1.75em
}
}
.clearfix:after,.clearfix:before {
content: "\0020";
display: block;
height: 0;
overflow: hidden
}
.clearfix:after {
clear: both
}
.clearfix {
zoom:1}
#tie-wrapper,.tie-container {
height: 100%;
min-height: 650px
}
.tie-container {
position: relative;
overflow: hidden
}
#tie-wrapper {
background: #fff;
position: relative;
z-index: 108;
height: 100%;
margin: 0 auto
}
@media (max-width: 991px) {
#content {
margin-top:15px
}
}
.post-content.container-wrapper {
padding: 0
}
@media (max-width: 767px) {
.container-wrapper {
padding:20px 15px
}
}
.post-title a {
color: #333
}
.post-title a:hover {
color: #027c05
}
.widget-title {
position: relative
}
.widget-title h4 {
font-size: 15px;
min-height: 15px
}
.widget-title-icon {
position: absolute;
right: 0;
top: 1px;
color: #b9bec3
}
.widget-title-icon:before {
content: "\f08d"
}
.widget-title-icon.fa {
font-size: 15px
}
.post-widget-body {
padding-left: 125px
}
.post-widget-body .post-title {
font-size: 14px;
line-height: 1.4;
margin-bottom: 5px
}
.post-widget-thumbnail {
float: left;
margin-right: 15px;
position: relative
}
.post-widget-thumbnail img.tie-small-image {
width: 110px
}
.widget li {
padding: 6px 0
}
.widget li:first-child {
}
.widget li:last-child {
padding-bottom: 0;
border-bottom: 0
}
.widget li:after {
clear: both;
display: table;
content: ""
}
.widget .post-meta {
margin: 2px 0 0;
font-size: 11px;
line-height: 17px
}
.posts-list .widget-title-icon:before {
content: "\f0f6"
}
@supports (-ms-accelerator:true) {
.social-statistics-widget a {
transition: none
}
}
li.widget-post-list {
padding: 7px 0;
position: relative
}
.widget_meta .widget-title-icon:before {
content: "\f0c1"
}
.widget_meta li {
padding: 5px 0 5px 12px;
font-size: 105%
}
.widget_meta li a:before {
content: "\f105";
font-family: fontawesome;
color: #2c2f34;
font-size: 13px;
display: inline-block;
line-height: 18px;
width: 12px;
margin-left: -12px;
text-align: left
}
@-webkit-keyframes flashing {
0%,100%,50% {
opacity: 1
}
25%,75% {
opacity: 0
}
}
@keyframes flashing {
0%,100%,50% {
opacity: 1
}
25%,75% {
opacity: 0
}
}
@-webkit-keyframes flashing-reverse {
0%,100%,50% {
opacity: 0
}
25%,75% {
opacity: 1
}
}
@keyframes flashing-reverse {
0%,100%,50% {
opacity: 0
}
25%,75% {
opacity: 1
}
}
@-webkit-keyframes rain-animi-effect {
0% {
opacity: 1
}
100% {
opacity: 0;
-webkit-transform: translateY(3em);
transform: translateY(3em)
}
}
@keyframes rain-animi-effect {
0% {
opacity: 1
}
100% {
opacity: 0;
-webkit-transform: translateY(3em);
transform: translateY(3em)
}
}
@-webkit-keyframes rain-animi-effect-with-rotate {
0% {
opacity: 1;
-webkit-transform: translateY(0) rotate(0);
transform: translateY(0) rotate(0)
}
100% {
opacity: 0;
-webkit-transform: translateY(1em) rotate(360deg);
transform: translateY(1em) rotate(360deg)
}
}
@keyframes rain-animi-effect-with-rotate {
0% {
opacity: 1;
-webkit-transform: translateY(0) rotate(0);
transform: translateY(0) rotate(0)
}
100% {
opacity: 0;
-webkit-transform: translateY(1em) rotate(360deg);
transform: translateY(1em) rotate(360deg)
}
}
@-webkit-keyframes drizzle-animi-effect {
0% {
opacity: 1;
-webkit-transform: translateY(0) translateX(0) rotate(10deg);
transform: translateY(0) translateX(0) rotate(10deg)
}
100% {
opacity: 0;
-webkit-transform: translateY(3em) translateX(-3em) rotate(20deg);
transform: translateY(3em) translateX(-3em) rotate(20deg)
}
}
@keyframes drizzle-animi-effect {
0% {
opacity: 1;
-webkit-transform: translateY(0) translateX(0) rotate(10deg);
transform: translateY(0) translateX(0) rotate(10deg)
}
100% {
opacity: 0;
-webkit-transform: translateY(3em) translateX(-3em) rotate(20deg);
transform: translateY(3em) translateX(-3em) rotate(20deg)
}
}
@-webkit-keyframes tie-float-y {
0% {
-webkit-transform: translateY(0);
transform: translateY(0)
}
50% {
-webkit-transform: translateY(-6px);
transform: translateY(-6px)
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0)
}
}
@keyframes tie-float-y {
0% {
-webkit-transform: translateY(0);
transform: translateY(0)
}
50% {
-webkit-transform: translateY(-6px);
transform: translateY(-6px)
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0)
}
}
@-webkit-keyframes tie-spin {
0% {
-webkit-transform: rotate(0);
transform: rotate(0)
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg)
}
}
@keyframes tie-spin {
0% {
-webkit-transform: rotate(0);
transform: rotate(0)
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg)
}
}
@-webkit-keyframes passing {
0% {
-webkit-transform: translateX(50%);
transform: translateX(50%);
opacity: 0
}
50% {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1
}
100% {
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
opacity: 0
}
}
@keyframes passing {
0% {
-webkit-transform: translateX(50%);
transform: translateX(50%);
opacity: 0
}
50% {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1
}
100% {
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
opacity: 0
}
}
@-webkit-keyframes burst {
0% {
opacity: .6
}
50% {
-webkit-transform: scale(1.8);
transform: scale(1.8);
opacity: 0
}
100% {
opacity: 0
}
}
@keyframes burst {
0% {
opacity: .6
}
50% {
-webkit-transform: scale(1.8);
transform: scale(1.8);
opacity: 0
}
100% {
opacity: 0
}
}
@-webkit-keyframes tie-float-x {
0% {
-webkit-transform: translateX(0);
transform: translateX(0)
}
50% {
-webkit-transform: translateX(-6px);
transform: translateX(-6px)
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0)
}
}
@keyframes tie-float-x {
0% {
-webkit-transform: translateX(0);
transform: translateX(0)
}
50% {
-webkit-transform: translateX(-6px);
transform: translateX(-6px)
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0)
}
}
.thumb-overlay {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
padding: 30px;
border-radius: 2px
}
.thumb-overlay .thumb-content {
position: absolute;
bottom: 0;
left: 0;
padding: 0 30px 20px;
z-index: 3;
width: 100%;
pointer-events: none;
transition: bottom .3s;
-webkit-backface-visibility: hidden;
backface-visibility: hidden
}
.thumb-overlay .thumb-title a {
pointer-events: auto
}
.thumb-overlay .post-meta,.thumb-overlay .thumb-title a {
color: #fff!important
}
.thumb-overlay .thumb-title {
font-size: 30px;
color: #fff
}
.thumb-overlay .thumb-title a:hover {
color: #ccc
}
.thumb-overlay .thumb-meta {
margin: 0 0 5px
}
.thumb-overlay {
-webkit-backface-visibility: hidden;
backface-visibility: hidden
}
.thumb-overlay:after {
content: "";
position: absolute;
z-index: 1;
left: 0;
right: 0;
bottom: 0;
height: 65%;
transition: opacity .2s;
background-image: linear-gradient(to bottom,transparent,rgba(0,0,0,.75));
-webkit-backface-visibility: hidden;
backface-visibility: hidden
}
.google-auto-placed {
list-style: none;
}
.post-thumb .post-cat-wrap {
position: absolute;
bottom: 10px;
margin: 0;
right: 10px
}
.tie-thumb .icon:before {
content: "\e6ac"
}
@media (min-width:768px) {
.posts-list-bigs .icon:before {
width: 50px;
height: 50px;
line-height: 46px
}
}
.post-cat-wrap {
position: relative;
z-index: 3;
pointer-events: auto;
margin-bottom: 5px;
font-weight: 400;
font-family: inherit!important;
line-height: 0;
display: block
}
.post-cate {
display: inline-block;
background: #027c05;
color: #fff;
padding: 0 6px;
font-size: 11px;
line-height: 1.85em;
margin-right: 4px;
position: relative;
white-space: nowrap;
word-wrap: normal;
letter-spacing: 0;
transition: .3s;
border-radius: 2px
}
.post-cat:first-child:last-child {
margin: 0
}
@media (max-width:479px) {
.post-cat {
font-size: 9px;
padding: 1px 5px;
height: 18px;
line-height: 18px
}
}
a.post-cat:hover {
background: #006dcc;
color: #fff
}
._237A3 {
background-color: #f6f6f6;
}
._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
}
._2fM9F {
display: flex;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
margin: 19px 14px 2px;
font-family: Roboto-Regular, Roboto
}
._2fM9F:active {
opacity: .8
}
._30IHC {
font-family: Roboto-Bold, Roboto;
font-size: 18px;
color: #242424;
line-height: 24px;
font-weight: 700;
text-align: left;
width: 100%;
margin-bottom: 9px
}
.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: 20px;
-webkit-line-clamp: 3;
}
.KPZ7z ._3YMZo ._34o8D,
.KPZ7z ._3YMZo ._3IQjM {
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden
}
.KPZ7z ._3YMZo ._3IQjM {
font-size: 12px;
color: #626262;
line-height: 16px;
margin-top: 5px;
-webkit-line-clamp: 1
}
.KPZ7z ._2tsIz {
width: 110px;
height: 84px;
margin-left: 21px;
position: relative
}
.KPZ7z ._2tsIz img {
width: 110px;
height: 84px;
object-fit: cover
}
.KPZ7z ._2tsIz ._3f64j {
width: 110px;
height: 84px;
position: absolute;
left: 0;
top: 0;
display: flex;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center
}
._2Zr6X {
height: 1px;
width: 100%;
margin-left: 14px;
margin-right: 14px;
background-color: #e7e7e7;
-webkit-transform: scaleY(.5);
-ms-transform: scaleY(.5);
transform: scaleY(.5)
}
@media only screen and (-webkit-min-device-pixel-ratio:3) {
._2Zr6X {
-webkit-transform: scaleY(.33);
-ms-transform: scaleY(.33);
transform: scaleY(.33)
}
}
@media only screen and (-webkit-min-device-pixel-ratio:4) {
._2Zr6X {
-webkit-transform: scaleY(.25);
-ms-transform: scaleY(.25);
transform: scaleY(.25)
}
}
#front-list {
overflow: hidden;
overflow: hidden;
}
@media screen and (min-width: 992px) {
#front-list {
margin-left: 10px;
margin-right: 10px;
margin-top: 10px;
}
}
.frontleft {
float: left;
max-width: 650px
}
.mainside {
float: right;
width: 340px
}
.mainfoots {
background: #fff;
position: relative;
width: 1020px;
margin: 0 auto
}
p {
letter-spacing: .3px;
margin: 0;
padding: 0 0 18px
}
@media (max-width: 1038px) {
.frontleft {
max-width: 645px
}
#fwrapper {
width: 100%;
margin: auto
}
}
@media (max-width: 1033px) {
.frontleft {
max-width: 640px
}
}
@media (max-width: 1028px) {
.frontleft {
max-width: 635px
}
}
@media (max-width: 1024px) {
.frontleft {
max-width: 630px
}
#fwrapper {
width: 100%;
margin: auto
}
}
@media (max-width: 1018px) {
.frontleft {
max-width: 625px
}
}
@media (max-width: 1013px) {
.frontleft {
max-width: 620px
}
}
@media (max-width: 1008px) {
.frontleft {
max-width: 615px
}
}
@media (max-width: 1003px) {
.frontleft {
max-width: 610px
}
}
@media (max-width: 998px) {
.frontleft {
max-width: 605px
}
}
@media (max-width: 993px) {
.frontleft {
max-width: 600px
}
}
@media (max-width: 988px) {
.frontleft {
max-width: 595px
}
}
@media (max-width: 983px) {
.frontleft {
max-width: 590px
}
}
@media (max-width: 978px) {
.frontleft {
max-width: 585px
}
}
@media (max-width: 973px) {
.frontleft {
max-width: 580px
}
}
@media (max-width: 968px) {
.frontleft {
max-width: 575px
}
}
@media (max-width: 963px) {
.frontleft {
max-width: 570px
}
}
@media (max-width: 958px) {
.frontleft {
max-width: 563px
}
}
@media (max-width: 953px) {
.frontleft {
max-width: 557px
}
}
@media (max-width: 948px) {
.frontleft {
max-width: 549px
}
}
@media (max-width: 943px) {
.frontleft {
max-width: 543px
}
}
@media (max-width: 938px) {
.frontleft {
max-width: 539px
}
}
@media (max-width: 933px) {
.frontleft {
max-width: 537px
}
}
@media (max-width: 928px) {
.frontleft {
max-width: 536px
}
}
@media (max-width: 923px) {
.frontleft {
max-width: 535px
}
}
@media (max-width: 918px) {
.frontleft {
max-width: 530px
}
}
@media (max-width: 913px) {
.frontleft {
max-width: 525px
}
}
@media (max-width: 908px) {
.frontleft {
max-width: 520px
}
}
@media (max-width: 906px) {
.frontleft {
float: left;
max-width: 510px
}
}
@media (max-width: 901px) {
.frontleft {
max-width: 525px
}
}
@media (max-width: 895px) {
.frontleft {
max-width: 515px
}
}
@media (max-width: 890px) {
.frontleft {
max-width: 510px
}
}
@media (max-width: 880px) {
.frontleft {
max-width: 495px
}
}
@media (max-width: 870px) {
.frontleft {
max-width: 492px
}
}
@media (max-width: 860px) {
.frontleft {
max-width: 480px
}
}
@media (max-width: 850px) {
.frontleft {
max-width: 473px
}
}
@media (max-width: 840px) {
.frontleft {
max-width: 430px
}
}
@media (max-width: 830px) {
.frontleft {
max-width: 420px
}
}
@media (max-width: 820px) {
.frontleft {
max-width: 410px
}
}
@media (max-width: 810px) {
.frontleft {
max-width: 400px
}
}
@media (max-width: 800px) {
.frontleft {
max-width: 390px
}
}
@media (max-width: 790px) {
.frontleft {
max-width: 380px
}
}
@media (max-width: 780px) {
.frontleft {
max-width: 370px
}
}
@media (max-width: 770px) {
.frontleft {
max-width: 360px
}
}
@media (max-width: 760px) {
.frontleft {
max-width: 350px
}
}
@media (max-width: 740px) {
.frontleft {
max-width: 330px
}
}
@media (max-width: 730px) {
.frontleft {
max-width: 320px
}
}
@media (max-width: 720px) {
.frontleft {
max-width: 310px
}
}
@media (max-width: 710px) {
.frontleft {
max-width: 300px
}
}
@media (max-width: 700px) {
.frontleft {
max-width: 290px
}
}
@media (max-width: 690px) {
.frontleft {
max-width: 280px
}
}
@media (max-width: 670px) {
#fbhide {
display: none
}
.frontleft {
float: none;
max-width: 100%;
margin: auto
}
.mainside {
width: 100%;
overflow: hidden
}
}
@media (max-width: 580px) {
.frontleft {
max-width: 100%
}
}
li.list-balance {
list-style: none;
border-bottom: 1px solid #e4e6e8
}
a:link { 
text-decoration: none; 
}
.xl-head {
padding: 5px 20px 4px 20px;
border-radius: 2px;
display: inline-block;
font-size: 16px;
text-transform: uppercase;
font-weight: 600;
margin-bottom: 15px;
border-bottom: 2px solid #027c05;
}
.btn [class*=" icon-"],
.btn [class^=icon-] {
line-height: .9em
}
.btn:active:focus,
.btn:focus {
outline: 0
}
.btn {
display: inline-block;
font-weight: 600;
text-align: center;
white-space: nowrap;
vertical-align: middle;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border: .0625rem solid transparent;
padding: .375rem 1rem;
font-size: .75rem;
line-height: 1.5;
border-radius: .25rem
}
.btn:active:focus,
.btn:focus {
outline: thin dotted;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px
}
.btn:focus,
.btn:hover {
text-decoration: none
}
.btn:active {
background-image: none;
outline: 0
}
.btn:disabled {
cursor: not-allowed;
opacity: .65
}
.hnhh-desktop-btn {
background-color: #fff;
border: 1px solid #141414;
color: #141414;
font-size: 12px;
padding: 0 .3rem;
border-radius: 0;
text-transform: uppercase;
transition: .3s;
cursor: pointer
}
.hnhh-desktop-btn:active,
.hnhh-desktop-btn:focus,
.hnhh-desktop-btn:hover {
background-color: #027c05;
color: #fff;
outline: 0
}
.big-btn {
padding: 9px 5px;
margin-bottom: 15px;
margin-top: 15px;
width: 100%
} @media (max-width:767px) {
.iframe-container {
overflow: hidden;
padding-top: 70%;
position: relative;
}
.iframe-container iframe {
border: 0;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
} .iframe-container-4x3 {
padding-top: 75%;
}}
@media (max-width:767px) {
* [aria-labelledby=desktop-search],.desktop-search {
display:none;
max-height: 0;
overflow: hidden
}
}
.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;
}
p {
letter-spacing: .3px;
margin: 0;
padding: 0 0 18px;
}
p {
word-wrap: break-word;
line-height: 21px;
}
.posts-list-counter {
counter-reset: post-widget-counter
}
.posts-list-counter li:before {
display: block;
width: 30px;
height: 30px;
content: counter(post-widget-counter, decimal);
counter-increment: post-widget-counter;
position: absolute;
z-index: 2;
top: 0;
left: -15px;
text-align: center;
font-size: 14px;
font-weight: 600;
line-height: 26px;
border: 2px solid #fff;
background: #027c05;
color: #fff;
border-radius: 100%
}
.posts-list-counter li:nth-child(1):before {
top: -10px;
-webkit-transform: scale(1.35, 1.35);
-ms-transform: scale(1.35, 1.35);
transform: scale(1.35, 1.35)
}
.posts-list-counter li:nth-child(2):before {
-webkit-transform: scale(1.25, 1.25);
-ms-transform: scale(1.25, 1.25);
transform: scale(1.25, 1.25)
}
.posts-list-counter li:nth-child(3):before {
-webkit-transform: scale(1.15, 1.15);
-ms-transform: scale(1.15, 1.15);
transform: scale(1.15, 1.15)
}
.posts-list-counter li:nth-child(4):before {
-webkit-transform: scale(1.1, 1.1);
-ms-transform: scale(1.1, 1.1);
transform: scale(1.1, 1.1)
}
.tag-title {
font-family: "Open Sans", sans-serif;
font-size: 16px;
font-weight: 700;
background-color: #141414;
border-color: #626262;
border-left-width: 29px;
border-style: solid;
color: #fff;
font-size: 14px;
left: 9px;
line-height: 29px;
margin: 0;
padding: 0 9px;
position: absolute;
text-transform: uppercase;
top: -15px;
border-color: #027c05 !important;
}
.songs-pag {
padding-top:20px
}
.page-line {
border-top: 1px solid #e0e0e0;
margin-bottom: 10px;
}
body {
max-width: 1200px;
margin: 0 auto !important;
float: none !important
}
@media (min-width: 992px) {
.mobile {
display:none
}
.desktop {
display: block
}
}
@media (max-width: 991px) {
.mobile {
display:block
}
.desktop {
display: none
}
}
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
::-moz-selection {
background: #027c05;
text-shadow: none
}
::selection {
background: #027c05;
text-shadow: none
}
.site-chrome {
background: #027c05;
padding: 10px
}
@media screen and (min-width: 992px) {
.site-chrome {
padding:20px
}
}
.nav-on::before {
position: absolute;
bottom: 0;
top: 50px;
left: 0;
background: rgba(0,0,0,.3);
content: '';
-webkit-transition: opacity .3s,-webkit-transform 0s .3s;
transition: opacity .3s,transform 0s .3s;
-webkit-transform: translate3d(100%,0,0);
transform: translate3d(100%,0,0);
will-change: opacity;
z-index: 8;
height: 100%;
opacity: 1;
width: 100%;
-webkit-transition: opacity .3s;
transition: opacity .3s;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0)
}
@media screen and (min-width: 992px) {
.nav-on::before {
content:none
}
}
.item-header {
margin-bottom: 10px
}
.item-header .title {
margin-bottom: 10px;
text-transform: uppercase
}
.item-header .title h1,.item-header .title h2 {
margin: 0;
font-family: Oswald,Arial,Helvetica,sans-serif;
font-size: 24px;
font-weight: 400;
letter-spacing: 1px
}
.item-header .title h2 a {
color: #000;
text-decoration: none
}
.item-header .title h1 span,.item-header .title h2 span {
color: #dc3d31
}
.item-header .title h2 span a {
color: #dc3d31;
text-decoration: none
}
.item-header.section-header {
border-bottom: 1px solid #eee
}
.media-container {
margin-top: 20px;
margin-bottom: 20px
}
.header {
width: 100%;
z-index: 1;
min-height: 50px;
clear: both;
background-color: white;
position: -webkit-sticky;
position: sticky;
top: 0
}
@media screen and (min-width: 992px) {
.header {
position:relative
}
}
.header.site-chrome {
padding: 0
}
@media screen and (min-width: 992px) {
.header.site-chrome {
margin-bottom:20px
}
}
@media screen and (min-width: 992px) {
.header {
padding:20px;
padding-bottom: 5px;
background-color: #fff
}
}
.header .top {
clear: both;
text-align: center;
margin-top: 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 screen and (min-width: 992px) {
.header .top .logo {
left:475px;
top: 28px;
width: 220px
}
}
.header .main-nav-desktop {
background: #027c05;
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: #027c05
}
.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: #027c05;
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
}
.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
}
@media screen and (min-width: 992px) {
.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: #027c05;
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: #027c05;
text-decoration: none
}
.secondary-nav a:hover {
background-color: #027c05;
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: #027c05;
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;
}
.main-nav-mobile-xl {
z-index: 1001;
display: none;
top: 81px;
width: 100%;
padding: 1px;
text-align: center;
}
.main-nav-mobile-xl.active {
display: block
}
.main-nav-mobile-xl ul {
list-style: none;
margin: 0;
padding: 0
}
.main-nav-mobile-xl ul li {
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
display: inline-block;
text-align: center;
height: 80px;
width: 80px;
font-size: 10px;
}
.main-nav-mobile-xl ul li .review-icon {
}
.main-nav-mobile-xl ul li .review-icon i {
font-size: 42px
}
.main-nav-mobile-xl ul li a {
text-align: center;
line-height: 18px;
position: relative;
text-decoration: none
}
.main-nav-mobile-xl ul li a span {
color: #000;
}
.main-nav-mobile-xl ul li a i {
font-size: 32px;
display: block
}
.main-nav-mobile-xl ul li a i.dfa-shop {
margin-top: -4px
}
.main-nav-mobile-xl ul li span {
display: block;
margin-top: 35px;
font-size: 14px;
font-weight: 600;
}
.main-nav-mobile-xl ul li.active, .main-nav-mobile ul li:hover {
color: #fff
}
.main-nav-mobile-xl ul li.active a, .main-nav-mobile ul li:hover a {
color: #fff
}
.main-nav-mobile-xl 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;
font-family: Gbt3kBold, Arial, Helvetica, sans-serif;
font-weight: 400;
font-size: 23px;
text-transform: uppercase;
line-height: 1.2;
}
.xl-btn-balance {
margin: 8px 0;
clear: both;
float: justify;
margin: 10px 0 10px 0;
text-align: left;
}
.xl-btn {
background-color: #0088cc;
border: none;
color: white;
padding: 12px 30px;
cursor: pointer;
font-size: 18px;
font-weight: 600;
width: 100%;
box-sizing: border-box;
display: inline-block;
margin-right: 0.2px;
position: relative;
z-index: 0;
text-decoration: none;
text-align: center;
zoom: 1;
cursor: pointer;
font-family: "IBM Plex Sans", Roboto, Arial, sans-serif;
text-transform: none;
letter-spacing: 0;
transition: border-color 175ms ease-in-out, background-color 175ms ease-in-out, color 175ms ease-in-out, padding 175ms ease-in-out;
text-transform: uppercase;
} .xl-btn:hover {
background-color: #0088cc;
}
table, th, td {
border: 1px solid #ededed;
padding: 2px 8px;
margin-bottom: 15px;
}
.main-nav-mobile {
z-index: 1001;
display: none;
top: 81px;
width: 100%;
padding: 1px;
text-align: center;
}
@media screen and (max-width: 991px) {
.mobilehide {
display: none;
}
.other-details2.gb {
display: none;
}
.mu-o-unit-c:not(:last-of-type)::after {
content: "";
display: block;
margin: 0 0 0 17%;
text-align: right;
width: 83%;
border-bottom: 1px solid rgba(0,0,0,0.1);
}
.mu-o-unit-c {
border-bottom: 0px solid #dfe1e5;
border-left: 2px solid rgba(0,0,0,.1);
border-right: 2px solid rgba(0,0,0,.1);
font-size: 15px;
}
.mu-o-info {
flex: 1;
margin-right: 2px;
}
.album-side-1 {
padding: 0;
color: #000 !important;
}
.mu-o-act {
display:none;
}
span.toright {
right: 0;
top: 16%;
position: absolute;
font-weight: 800 !important;
font-size: 16px;
}
.Adxdetails {
border-bottom: 1px solid #e6e6e6;
padding: 5px 0;
}
article.song-info {
margin-top: 15px;
margin-bottom: 15px;
background-color: #fff;
}
.chartlist-header2 {
background: #fff;
padding: 10px 10px;
margin-top: 0;
display: flex;
font-family: Source Sans Pro,sans-serif;
}
h2.chartlist-type2.related2 {
margin-bottom: 5px!important;
}
.chartlist-type2.related2 {
flex: 1;
font-size: 22px!important;
margin-left: -13px;
padding-bottom: 5px;
font-family:sans-serif!important;
font-weight: 400!important;
}
.chart-list2.related2 {
border-top: none;
}
.chart-list2 {
font-family: source sans pro,sans-serif;
background-color: #fff;
list-style-type: none!important;
list-style: none!important;
width: 100%;
margin: 0;
border-top: 1px solid rgba(0,0,0,.1);
}
ul {
list-style-type: disc;
margin-left: 30px;
margin-bottom: 24px;
}
.chart-list2.related2 li:first-child {
border-top: 1px solid rgba(0,0,0,.1);
}
.chart-list2.related2>li {
paddingg: 0;
}
.chart-list2.related2 li {
margin-left: -10px;
margin-right: -10px;
}
.chart-li2 {
border-bottom: 1px solid rgba(0,0,0,.1);
padding: 0 0;
margin: 0;
position: relative;
}
ol li, ul li {
margin-top: 4px;
padding: 4px 0;
}
.chart-list2.related2>li a {
margin-left: 0!important;
}
.chart-li2 a {
display: flex;
display: ms-flexbox;
text-decoration: none!important;
padding: 10px 0;
height: 100%;
}
.chart-li2 a img {
width: 125px;
height: 95px;
margin-right: 8px;
margin-left: 1px;
}
img, video {
max-width: 100%;
height: auto;
}
.chart-body2 {
flex: 1;
}
.chart-body2 .name-title2 {
font-size: 14px;
}
.chart-body2 .name-title2 {
overflow: hidden;
margin-bottom: 3px;
font-weight: 600;
line-height: 1.2em;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
color: #212121;
margin-top: 0;
padding-top: 3px;
padding-bottom: 3px;
margin-right: 10px;
font-family: Gbt3kBold, Arial, Helvetica, sans-serif;
padding-right: 2px;
vertical-align: bottom;
font-size: 1.25em;
}
.chart-body2 .other-details2 {
font-family: sans-serif;
}
.chart-body2 .other-details2 {
overflow: none;
line-height: 16px;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
color: #999;
}
.chart-list2.related2 .artistname2 {
color: #414141;
}
.other-details2 .artistname2 {
font-weight: 500;
font-family: Source Sans Pro;
color: #414141;
margin-top: 3px;
}
.other-details2 .artistname2 {
margin-bottom: 3px;
color: #414141;
font-weight: 400;
font-family: sans-serif;
padding-right: 5px;
font-size: 14px;
}
.post-page-featured-image {
position: relative;
height: 350px;
object-fit: cover;
overflow-x: visible;
overflow-y: hidden;
margin: 2px 0 15px 0;
}
}
.gb.head {
background-color: #027c05;
display: inline-block;
padding: 10px;
margin: 0;
color: #fff;
font-family: arial;
font-weight: 600;
font-size: 17px;
text-transform: uppercase;
}
.gb.head.side {
background-color: #027c05;
display: inline-block;
padding: 10px;
margin: 0;
color: #fff;
font-family: arial;
font-weight: 600;
font-size: 17px;
margin-left: 15px;
text-transform: uppercase;
}
a:hover .name-title2 {
color: #027c05;
}
@media screen and (min-width: 992px) {
.desktophide {
display: none;
}
.other-details2.gb {
display: block;
margin-left: 140px;
margin-top: -80px;
font-size: 12px;
padding-bottom: 20px;
} .gb-social {
display: inline-flex;
justify-content: center;
padding-top: 0;
position: absolute;
margin-top: -10px;
} .gb-social-buttons {
display: flex;
gap: 2px;
margin-top: -15px;
} .gb-social-buttons .icon {
display: inline-flex;
align-items: center;
justify-content: center;
width: 20px;
height: 20px;
color: #fff; text-decoration: none;
font-size: 15px; transition: background-color 0.3s ease, transform 0.2s ease; } .gb-social-buttons .icon-facebook {
background-color: #1877F2; }
.gb-social-buttons .icon-facebook:hover {
background-color: #155DB2; transform: scale(1.1); } .gb-social-buttons .icon-twitter {
background-color: #1DA1F2; }
.gb-social-buttons .icon-twitter:hover {
background-color: #1A91DA; transform: scale(1.1); }
article.song-info {
margin-top: 15px;
margin-bottom: 15px;
background-color: #fff;
}
.chartlist-header2 {
background: #fff;
padding: 10px 10px;
margin-top: 0;
display: flex;
font-family: Source Sans Pro,sans-serif;
}
h2.chartlist-type2.related2 {
margin-bottom: 5px!important;
}
.chartlist-type2.related2 {
flex: 1;
font-size: 22px!important;
margin-left: -13px;
padding-bottom: 5px;
font-family:sans-serif!important;
font-weight: 400!important;
}
.chart-list2.related2 {
border-top: none;
}
.chart-list2 {
font-family: source sans pro,sans-serif;
background-color: #fff;
list-style-type: none!important;
list-style: none!important;
width: 100%;
margin: 0;
border-top: 0px solid rgba(0,0,0,.1);
}
ul {
list-style-type: disc;
margin-left: 30px;
margin-bottom: 24px;
}
.chart-list2.related2 li:first-child {
border-top: 1px solid rgba(0,0,0,.1);
}
.chart-list2.related2>li {
paddingg: 0;
}
.chart-list2.related2 li {
margin-left: -10px;
margin-right: -10px;
}
.chart-li2 {
border-bottom: 0px solid rgba(0,0,0,.1);
padding: 0 10px 10px 0;
margin: 0;
position: relative;
}
ol li, ul li {
margin-top: 4px;
padding: 4px 0;
}
.chart-list2.related2>li a {
margin-left: 0!important;
}
.chart-li2 a {
display: flex;
display: ms-flexbox;
text-decoration: none!important;
padding: 10px 0;
height: 100%;
}
.chart-li2 a img {
width: 120px;
height: 135px;
margin-right: 8px;
margin-left: 2px;
padding-top : 15px;
}
img, video {
max-width:100%;
height: auto;
}
.chart-body2 {
flex: 1;
}
.chart-body2 .name-title2 {
font-size: 16px;
}
.chart-body2 .name-title2 {
overflow: hidden;
margin-bottom: 3px;
font-weight: 600;
line-height: 1.2em;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
color: #212121;
margin-top: 0;
padding-top: 20px;
padding-bottom: 80px;
margin-right: 10px;
margin-left: 10px;
font-family: "Gbt3kBold",sans-serif;
padding-right: 2px;
vertical-align: bottom;
font-size: 18px;
}
.chart-body2 .other-details2 {
font-family: sans-serif;
}
.chart-body2 .other-details2 {
overflow: none;
line-height: 16px;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
color: #999;
}
.chart-list2.related2 .artistname2 {
color: #414141;
}
.other-details2 .artistname2 {
font-weight: 500;
font-family: Source Sans Pro;
color: #414141;
margin-top: 3px;
}
.other-details2 .artistname2 {
margin-bottom: 3px;
color: #414141;
font-weight: 400;
font-family: sans-serif;
padding-right: 5px;
font-size: 14px;
}
}
.gb-more-link::after {
content: "»";
font-family: Gbt3kBold, Arial, Helvetica, sans-serif;
font-weight: 400;
margin-left: 6px;
color: #000;
}
.gb-more-link {
content: "»";
font-family: Gbt3kBold, Arial, Helvetica, sans-serif;
font-weight: 400;
margin-left: 6px;
color: #000;
}
.gb-more-link {
font-family: Gbt3kBold, Arial, Helvetica, sans-serif;
font-weight: 400;
font-size: 20px;
line-height: 1.2;
font-style: italic;
color: #027c05;
margin-top: -15px;
}
.gbspace {
padding: 10px;
}
a.gb-more-link {
color: #027c05;
}
a.gb-more-link:hover {
color: grey !important;
}
.vli-item.item-0 {
padding: 5px !important;
}
.gb-post-content p {
line-height: 1.5;
padding: 0;
font-family: Gbt3kLight, sans-serif;
font-size: 19px;
}
.gb-post-content p:first-child {
font-weight: bold !important;
}   
.widget-title.gb.head {
padding: 5px 5px 2px 5px;
margin-top: -5px;
text-transform: uppercase;
}
#icomments {
max-width: 100%; overflow-x: hidden; margin: 0 auto; box-sizing: border-box; }#HCB_comment_box > h3, .commentbox-header {
background: #000 !important;
border: 1px solid rgba(0,0,0,.1);
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-width: 1px 0;
position: relative;
margin-left: 0px;
margin-right: -20px;
margin-top: -10px;
padding: 12px 12px 12px 12px;
font-size: 16px;
font-family: "Open Sans",sans-serif;
color: #fff;
}
.home-desc,
[href*=htmlcommentbox] {
display:none
}
.admin-link>a {
display:block!important
}
#comments_list {
background:#fff;
border-style:solid;
border-color:#c1c1c1;
border-width:0 0 1px;
border-top:1px solid rgb(0,0,0,.1);
border-bottom-width:0;
margin-left:-20px;
margin-right:-20px;
padding:30px 18px 15px;
margin-bottom:0
}
@media only screen and (min-width:768px) {
#comments_list {
padding:25px 70px 15px
}
}
#comments_list+p {
background:#f2f2f2;
margin-left:-10px;
margin-right:-10px;
padding:10px 20px 20px;
text-align:center;
border-bottom:1px solid #c1c1c1;
bborder-top:1px solid #e5e5e5;
margin-top:-10px
}
#comments_list .comment {
background:#fff;
border:1px solid #c1c1c1;
border-radius:5px;
padding:15px 10px 5px;
margin-bottom:10px
}
#comments_list .comment .date {
color:#686c6e;
font-size:13px
}
#comments_list .comment .date::before {
font-family:FontAwesome;
content:"\f017";
font-size:14px;
padding-right:2px
}
#comments_list .comment blockquote {
all:unset
}
#comments_list .comment blockquote {
display:block!important;
margin:15px 0;
font-family:"Source Sans Pro",sans-serif;
font-family:Hind!important;
line-height:1.5em;
color: #5b5b5b;
}
.comment-details blockquote {
font-size: 16px!important;
}
input.hcb-shadow-r,
textarea.hcb-shadow-r {
display:block;
margin-bottom:8px;
padding:6px;
font-size:14px;
line-height:1.428571;
color:#6c6b6b;
-webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;
transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;
border:1px solid #c1c1c1;
border-radius:3px;
box-shadow:inset 0 0 5px rgba(47,47,47,.3);
-moz-box-shadow:inset 0 0 5px rgba(47,47,47,.7);
-webkit-box-shadow:inset 0 0 5px rgba(47,47,47,.3);
background:#fff;
}
input.hcb-shadow-r {
width:50%;
height:25px;
margin-bottom:12px
}
textarea.hcb-shadow-r {
height:150px;
width:95%!important
}
#comments_list .comment .likes {
padding-right:5px
}
.my-author {
margin-bottom:5px
}
.admin-author-name img.commentavatar {
display: inline-block;
height: 30px;
width: 30px;
border-radius: 30px;
vertical-align: bottom;
margin-bottom: -5px;
margin-right:0
}
.admin-author-name img.commentavatar.top {
margin-left: 0;
height: 22px;
width: 22px;
margin-bottom:0
}
.author-name::before {
content: "";
display: inline-block;
height: 30px;
width: 30px;
background: url(https://secure.gravatar.com/avatar?s=40&d=mm&r=g?s=280&d=mm&r=g);
background-repeat: no-repeat;
background-size: 30px;
border-radius: 30px;
vertical-align: bottom;
margin-bottom: -5px;
margin-right:4px
}
.theauthor-name::before {
content: "";
display: inline-block;
height: 30px;
width: 30px;
background: url(https://secure.gravatar.com/avatar?s=40&d=mm&r=g?s=280&d=mm&r=g);
background-repeat: no-repeat;
background-size: 30px;
border-radius: 30px;
vertical-align: bottom;
margin-bottom: -17px;
margin-right: 2px;
margin-left:-2px
}
strong.ttheauthor-name {
display: inline-block;
position: relative;
vertical-align: bottom !important;
margin-bottom: -20px !important;
border: 1px solid #c1c1c1;
padding: 5px 0 5px 5px;
border-radius: 100% 0 0 100%;
border-width: 1px 0 1px 1px;
margin-right:5px
}
strong.theauthor-name {
overflow: hidden !important;
word-break: break-all;
text-overflow: ellisis;
white-space: nowrap;
mmax-height: 10px;
lline-height: 50px;
width:1px
}
.admin-theauthor-name img.commentavatar {
display: inline-block;
height: 30px;
width: 30px;
border-radius: 30px;
vertical-align: bottom;
margin-bottom: -17px;
margin-right:1px
}
#comments_list .pages {
border: 1px solid #c1c1c1;
padding:15px 0
}
p.nocomyet {
bbackground: #e5e5e5;
margin-left: -10px;
margin-right: -10px;
mmargin-top: -30px;
padding: 0 20px 10px;
text-align: center;
bborder-bottom: 1px solid #c1c1c1;
bborder-top: 1px solid #c1c1c1;
mmargin-top: -10px;
padding-bottom: 20px;
mmargin-top: -20px;
pposition:absolute
}
#comments_list i.fa {
color: #000 !important;
font-size:90%
}
[id * =likespan-] {
position: absolute;
top: 20px;
right:8px
}
.small {
font-size:13px
}
input.stickinput {
margin-left:30px !important
}
[class * =theaction] {
visibility:hidden
}
.delaccbut {
margin-bottom:-3px
}
[id * =thereplyform_] {
display:none
}
.myhide, a .myhide {
display:none !important
}
[class * =my-author-reply]:nth-child(odd) {
bbackground: #f1f1f1;
padding: 10px 0 2px;
margin-left: -25px;
mmargin-right: 10px;
margin-top: 0;
position: relative;
bborder-bottom: 1px solid #c1c1c1;
bborder-top: 1px solid #c1c1c1;
bborder-left: 1px solid #c1c1c1;
bborder-radius: 100% 0 100% 100%;
margin-bottom:-15px !important
}
[id * =comreply_] blockquote {
border-top: 1px solid #c1c1c1 !important;
padding: 8px 5px 5px 5px !important;
mmargin-top: 0 !important;
font-family: Hind !important;
line-height:1.5em
}
.warn {
background-color: #eee1a2;
ccolor: #8A6D3B;
margin: 10px;
text-align: center;
padding: 15px 30px;
border: 1px solid rgba(0, 0, 0, .1);
border-width: 1px 2px;
bborder-radius: 4px;
font-family: 'Open Sans', arial, helvetica;
font-size: 15px;
display: inline-block;
line-height:1.8
}
.reply-btn {
display:none;
font-family: sans-serif;
}
a#showthis {
display:inline-block
}
.submit-reply {
bborder-radius: 4px;
outline: 0;
background-color: #1095f5;
color: #fff;
padding: 10px 10px;
display: inline-block;
font-weight: 600;
margin: 5px 0;
white-space: nowrap;
border-width: 0;
font-size: 14.5px;
ccursor:default
}
.submit-reply:hover {
background-color:#039c0b
}
.ssubmit-reply {
background-color:#039c0b
}
[id * =reply-message] {
margin: 10px 0 5px;
display: none;
font-size:85%
}
.reply_form {
margin-top:30px
}
.reply_form input[type=text], .reply_form textarea {
display: block;
margin-bottom: 8px;
padding: 6px;
font-size: 14px;
line-height: 1.428571;
color: #6c6b6b;
-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
border: 1px solid #c1c1c1;
border-radius: 3px;
box-shadow: inset 0 0 5px rgba(47, 47, 47, .3);
-moz-box-shadow: inset 0 0 5px rgba(47, 47, 47, .7);
-webkit-box-shadow: inset 0 0 5px rgba(47, 47, 47, .3);
background:#fff
}
.reply_form input[type=text] {
width: 95%;
height: 25px;
margin-bottom:12px
}
.reply_form textarea {
height: 100px;
width:100% !important
}
[id * =ccomreply]:nth-child(odd) {
background:#f5f5f5 !important
}
[id * =comreply_] {
bbackground: #F5F5F5 !important;
border-width: 0 !important;
width: 100%;
position: relative;
margin-top: 5px !important;
margin-bottom:0 !important
}
[id * =comreply_] .comment-details {
margin-left:30px !important
}
.comment {
max-width:100%
}
.thereplies {
margin-left: 5px !important;
margin-right: 5px !important;
margin-top: 10px !important;
}
.margintop {
margin-top:20px;
}
#HCB_comment_form_box label {
margin-bottom: 5px;
display: block;
font-weight:600;
}
#HCB_comment_box a {
ccolor:#CC0000
}
#comment-message {
margin: 10px 0 5px;
display: none;
font-size:85%;
}
input.submit {
bborder-radius: 4px;
outline: 0;
background-color: #1095f5;
background: #027c05;
color: #fff;
padding: 10px 10px;
display: inline-block;
font-weight: 600;
margin: 5px 0;
white-space: nowrap;
border-width: 0;
font-size: 14.5px;
ccursor:default;
}
input.submit:hover {
background-color:#039c0b;
}
input.submit:active {
background-color:#039c0b;
}
.reply {
margin-left: 50px;
width: 100%;
max-width:100%;
}
.reply_form {
margin-left: 50px;
ddisplay: none;
right:10;
}
#HCB_comment_box #HCB_comment_form_box {
padding-bottom:1em;
}
#HCB_comment_box {
bborder-bottom: 1px solid #c1c1c1 !important;
ddisplay:none;
}
#HCB_comment_box .hcb-link {
cursor:pointer;
}
#HCB_comment_box .hcb-icon {
border:0 transparent none;
}
#HCB_comment_box textarea {
display: block;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width:100%;
}
#HCcB_comment_box blockquote {
margin: 0 10px;
overflow:hidden;
}
#HCB_comment_box .hcb-err {
color:red;
}
#HCB_comment_box .hcb-comment-tb {
margin:0;
}
#HCB_comment_box .comment {
position:relative;
}
#HCB_comment_box .comment .likes {
position: absolute;
top: 0;
right: 0;
opacity:.8;
}
#HCB_comment_box .comment .hcb-comment-tb a {
visibility:hidden;
}
#HCB_comment_box .comment:hover .hcb-comment-tb a {
visibility:visible;
}
#HCB_comment_box .gravatar {
padding-right:2px;
}
#HCB_comment_box input {
margin-left:0;
}
#HCB_comment_box input[type=file] {
display:none;
}
#HCB_comment_box input.inputfile {
width: .1px;
height: .1px;
opacity: 0;
overflow: hidden;
position: absolute;
z-index:-1;
}
#HCB_comment_box input.inputfile + label {
display:inline;
}
[id*=likespan-] {
position: absolute;
top: 20px;
right: 8px;
}
a:link, .link {
text-decoration: none;
color: #027c05;
}
.thereplies {
margin-left: 40px!important;
margin-right: 10px!important;
margin-top: 0;
}