.top-row span.hashtag, a.btn:hover {background: var(--blue);color: #fff}
.logo a, .logos a, .logos a.sportfm {text-indent: -9999px}
#post-page .sidebar > .banner-second, .article-data > time:last-child, article p {margin-bottom: 0}
.clearfloat, .maximum, a.more {clear: both}
a.more:hover, a.weather:hover, article a.cat:hover {text-decoration: underline}
#member-drop-down ul li a, .border-box, .btn, .maximum, .metadata, .minimum, .nav-overlay, .news li, footer .column {box-sizing: border-box}
.news li span, .tags a:before, button, html, input, option, select, textarea {font-family: ZonaProRegular, Helvetica, Arial, sans-serif}
.news li span, .uppercase {text-transform: uppercase}
.align-center, .top-row span.hashtag, a.btn, aside .banner {text-align: center}
:root {--blue: #2369ea;--lighter-grey: #fbfbfb;--light-grey: #f7f7f7;--medium-grey: #dadbdd;--dark-grey: #4a4a4a;--grey: #7a7a7a}
@font-face {
  font-family: ZonaProRegular;
  src: url("../fonts/ZonaPro-Regular.woff2") format("woff2"), url("../fonts/ZonaPro-Regular.woff") format("woff");
  font-display: block
}
@font-face {
  font-family: ZonaProBold;
  src: url("../fonts/ZonaPro-Bold.woff2") format("woff2"), url("../fonts/ZonaPro-Bold.woff") format("woff");
  font-display: block
}
a:active, a:focus, a:hover, button, input:focus {outline: 0}
html {font-size: 14px;line-height: 1.15;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;scroll-behavior: smooth;overflow-x: hidden !important}
body, html {height: 100%}
body {min-width: 320px;color: var(--dark-grey);scrollbar-gutter: stable both-edges;transition: background-color .1s}
a, abbr, address, blockquote, body, caption, cite, code, dd, del, dfn, div, dl, dt, em, fieldset, figure, form, h1, h2, h3, h4, h5, h6, html, iframe, img, input, ins, label, legend, li, object, ol, p, pre, q, select, small, span, strong, sub, sup, table, tbody, td, tfoot, th, thead, tr, ul {border: 0;margin: 0;padding: 0;outline: 0}
ol, ul {list-style: none}
p {margin-bottom: 1.35em}
img {-moz-user-select: none;-webkit-user-select: none;-webkit-user-drag: none;max-width: 100%;height: auto}
.left, .row {float: left}
#wrapper, .row {width: 100%}
#wrapper {margin: 0 auto;max-width: 1520px;padding: 0 20px 50px}
.maximum {margin: 0 auto;float: none}
.center-both {top: 50%;left: 50%;transform: translate(-50%, -50%)}
.center-x {left: 50.1%;transform: translate3d(-50.1%, 0, 0)}
.center-y {top: 50.1%;transform: translate3d(0, -50.1%, 0)}
.absolute, .center-both, .center-x, .center-y {position: absolute}
.img-container.watermark, .live, .relative, header .tools, header .user, sub, sup {position: relative}
.scroll-h {-ms-overflow-style: none;scrollbar-width: none}
.scroll-h::-webkit-scrollbar {display: none}
button, input.button {cursor: pointer;outline: 0;border: none}
#member-drop-down ul li a, .brd-bt, .news li, .tab {border-bottom: 1px solid var(--medium-grey)}
button, input, option, select, textarea {color: var(--dark-grey);border-radius: 0;font-size: 100%}
#member-drop-down ul li a, .tags, .tags a, .top-row, a.weather, span.heading {font-family: ZonaProBold, Helvetica, Arial, sans-serif}
::placeholder {color: var(--grey);opacity: 1}
:-ms-input-placeholder {color: var(--grey)}
::-ms-input-placeholder {color: var(--grey)}
option {margin: 5px 0}
::selection {background: var(--blue);color: #fff}
::-moz-selection {background: var(--blue);color: #fff}
img::selection {background: 0 0}
img::-moz-selection {background: 0 0}
sub, sup {height: 0;vertical-align: baseline;line-height: 1}
sup {bottom: .5ex}
sub {top: .5ex}
a:active, a:hover, a:link, a:visited {text-decoration: none;color: var(--dark-grey)}
.blue, .tab button.active, .tab button:hover, .tags a:hover, a.blue, a.btn, a:hover, ul.footer-menu li a:hover {color: var(--blue)}
.right {float: right}
.absolute.btm {bottom: 0;z-index: 1}
.absolute.left {left: 0}
.absolute.right {right: 0}
.absolute.top, .nav-icon span:first-child {top: 0}
.absolute.bottom {bottom: 0}
.bold, .cat, .post-content strong, .rss strong, article strong, h1, h2, h3, h4, h5 {font-family: ZonaProBold, Helvetica, Arial, sans-serif;font-weight: 400}
.flex {display: flex;justify-content: space-between;flex-wrap: wrap}
.flex.center {justify-content: center;align-items: center}
.light-grey {background: var(--light-grey)}
#post .row.banner, .lighter-grey {background: var(--lighter-grey)}
.lighter-blue {background: var(--lighter-blue)}
.mb-0 {margin-bottom: 0 !important}
.mb-40 {margin-bottom: 40px}
#post article .banner:not(.mobile-only), .mt-30 {margin-top: 30px}
.ml-30 {margin-left: 30px}
.mb-30 {margin-bottom: 30px}
.mb-50 {margin-bottom: 50px}
.mr-30 {margin-right: 30px}
.mr-20, header .tools {margin-right: 20px}
.pl-30 {padding-left: 30px}
.pl-20, article time {padding-left: 20px}
.pr-30 {padding-right: 30px}
.mt-50 {margin-top: 50px}
.mb-60 {margin-bottom: 60px}
.mb-20, .mobile-only > div {margin-bottom: 20px}
.article-data > time, .mb-10, .metadata {margin-bottom: 10px}
.mt-20 {margin-top: 20px}
.ml-20 {margin-left: 20px}
.pb-0 {padding-bottom: 0}
.pb-10 {padding-bottom: 10px}
.pr-20 {padding-right: 20px}
.pt-20 {padding-top: 20px}
.pb-20 {padding-bottom: 20px}
.pt-30 {padding-top: 30px}
.pb-30 {padding-bottom: 30px}
.p-0 {padding: 0 !important}
.brd-t {border-top: 2px solid var(--medium-grey)}
.align-right {text-align: right}
.align-left {text-align: left}
.clearfloat {height: 0;font-size: 1px;line-height: 0}
a.btn {display: inline-block;z-index: 1;line-height: 32px;height: 32px;background: #fff;min-width: 180px;padding: 0 20px;transition: background .3s, color .3s}
.greyscale {filter: grayscale(100%);transition: filter .5s}
.greyscale:hover {filter: none}
h1, h2.large {font-size: 26px;line-height: 1.2}
h1.logo {line-height: 0}
.logo a {display: inline-flex}
h2 {font-size: 18px;line-height: 1.25;margin-bottom: 9px}
h2.medium {font-size: 20px}
.cat-heading h1, .cat-heading h2, .cat-heading h2 a {color: var(--blue);font-size: 30px;letter-spacing: .75px}
.cat-heading h1, .cat-heading h2 {display: inline-block;padding-right: 55px;background: #fff}
.mb-50 + .cat-heading h2 {margin-top: -7px}
.cat-heading h1 {margin-top: -6px}
span.heading {font-size: 20px;letter-spacing: .25px}
header .menu-row {height: 80px}
.logo {height: 48px}
.top-row {padding: 0 0 0 20px;font-size: .875em;box-shadow: 0 0 4px 0 rgb(128 127 127 / 25%);height: 50px}
.top-row .tags {width: 50%;display: block;margin-top: 10px;background-color: var(--lighter-grey)}
.top-row .tags .scroll-h {overflow-x: auto;overflow-y: hidden;white-space: nowrap}
.top-row span.hashtag {height: 30px;cursor: default;float: left;width: 30px;font-size: 18px;line-height: 30px;margin-right: 12px}
.logos a, .logos a.oloimazi, ul.social-media li a {background-position: center center}
.top-row .tags > div {margin-top: 8px}
.tags, .tags a {font-size: 13px;transition: color .5s;color: var(--dark-grey)}
.metadata, .update-time, a.more, article .cat, article time {font-size: 11px}
.logos a, article a.img-container {transition: background-color .3s}
.tags a {padding: 2px 4px;margin-left: 5px}
.tags a:before {content: "#"}
.logos a {display: inline-block;height: 50px;line-height: 50px;width: 55px;background-image: url("../images/logo-skai-tv.svg");background-size: 40px auto;background-repeat: no-repeat;color: #1a275c;border-right: 2px solid #dcdddf;float: left;overflow: hidden}
.logos a.oloimazi {border: none;background-image: url("../images/oloimazi.png");background-size: 75px auto;width: 105px;padding: 0;background-blend-mode: multiply}
.logos a.radio {background-image: url("../images/logo-skairadio.png");background-size: 32px auto;width: 60px;color: var(--blue)}
.logos a.sportfm {background-image: url("../images/logo-sportfm.png");background-size: 90px auto;width: 118px;padding: 0}
.logos a:hover {background-color: #dcdddf}
header .tools {margin-top: 21px}
.nav-overlay .icon, header .icon {width: 38px;height: 38px;cursor: pointer;display: inline-block;float: left;text-indent: -9999px;transition: background-color .2s}
.nav-overlay .icon.search, header .search {background: url(../images/search.svg) center center/18px auto no-repeat;margin-right: 5px}
header .user {background: url("../images/user-blue.svg") center center/17px auto no-repeat}
header .user.loggedin {padding-right: 10px;background-position: 32% center}
header .user.loggedin:after {box-sizing: border-box;position: absolute;right: 8px;top: 15px;content: "";height: 7px;width: 9px;background: url("../images/arrow-down.svg") center center/100% auto no-repeat;transition: transform 150ms ease-in-out}
header .user.loggedin.active:after {transform: rotate(180deg)}
.nav-overlay .nav-icon {position: absolute;right: 10px;top: 18px;left: auto;width: 42px;height: 42px}
.menu-row.fixed, .nav-overlay {top: 0;box-shadow: 0 0 30px 0 rgb(0 0 0 / 20%);position: fixed}
.nav-overlay .nav-icon span {height: 2px;width: 64%}
.nav-overlay .nav-icon.open span:first-child, .nav-overlay .nav-icon.open span:nth-child(3) {top: 16px;left: 6px}
@media only screen and (min-width: 2090px) {
  .nav-overlay .nav-icon {display: none}
}
.nav-overlay {opacity: 0;bottom: 0;left: -51%;height: 100%;width: 0%;background: var(--lighter-grey);overflow: auto;z-index: 101;transition: .3s;pointer-events: none}
a.weather {float: right;display: flex;align-items: center;color: var(--blue);margin: 20px 10px 0 5px;height: 40px;line-height: 40px;padding-left: 32px;background: url("../images/weather.svg") left center/28px auto no-repeat}
a.weather img {display: inline-block;width: 25px;margin-right: 5px;height: auto}
#wrapper.fixed {padding-top: 120px}
.menu-row.fixed {z-index: 14;right: auto;width: calc(100% - 40px);max-width: 1480px;left: auto;animation: .3s forwards smoothScroll}
@keyframes smoothScroll {
  0% {transform: translateY(-10px)}
  100% {transform: translateY(0)}
}
#member-drop-down {display: none;position: absolute;top: 43px;right: 0;width: auto;z-index: 100000;background: #fff;box-shadow: rgba(0, 0, 0, .1) 0 4px 6px -1px, rgba(0, 0, 0, .06) 0 2px 4px -1px}
#member-drop-down ul li {white-space: nowrap;display: block;text-align: right}
#member-drop-down ul li a {display: block;padding: 12px 14px;text-transform: uppercase;color: var(--blue);transition: background-color .2s, padding .2s}
#member-drop-down ul li a:hover {background-color: var(--blue);color: #fff}
.user.loggedin.active {background-color: #fff;border-bottom: 5px solid #fff;box-shadow: 0 0 8px 0 rgb(0 0 0 / 20%)}
@media only screen and (min-width: 1201px) {
  header ul.menu {margin: 28px 0 28px 50px}
  #nav, #nav ul.menu {float: left}
  nav ul.menu li {display: block;float: left;padding: 0 4px;position: relative}
  nav ul.menu li a {display: block;float: left;text-align: center;font-family: ZonaProBold, Helvetica, Arial, sans-serif;color: var(--blue);padding: 4px 6px;transition: background-color .3s, color .3s}
  nav:not(#secondary) ul.menu li:last-child a:after {display: none}
  nav ul.menu li a:after {position: absolute;top: 4px;font-size: 16px;content: "|";right: -2px;color: var(--blue)}
  nav ul.menu li a:hover {background: var(--blue);color: #fff}
  nav.right {margin-right: 5px}
}
footer ul.social-media li a, footer ul.social-media li a:hover {background-color: transparent}
.nav-icon {display: block;width: 20px;text-indent: -9999px;height: 15px;left: 20px;top: 32px;z-index: 100;position: relative;cursor: pointer}
.nav-overlay:not(.active) ul.menu.secondary li.weather, .tab button:last-child:after, .tabcontent, ul.footer-menu li:last-child:after {display: none}
.exclusive{color:#fff;display:block;letter-spacing:.45px;font-family:ZonaProBold,Helvetica,Arial,sans-serif;top:8px;z-index:10;position:absolute;font-size:11px;height:auto;padding:8px 8px 6px;line-height:1;text-align:center;right:0;background:rgba(255,0,0,.65)}.exclusive strong{font-weight:400;font-size:24px}
#back-to-top, .play-btn {width: 40px;text-indent: -9999px}
.nav-icon span {display: block;position: absolute;height: 2px;width: 100%;background: var(--dark-grey);opacity: 1;left: 0;transform: rotate(0);transition: .25s ease-in-out}
.nav-icon:hover span {background: #222}
.nav-icon span:nth-child(2), .top-featured h2 .live:after, h2.medium .live:after {top: 6px}
.nav-icon span:nth-child(3) {top: 12px}
.nav-icon.open span:first-child {top: 6px;transform: rotate(135deg)}
.nav-icon.open span:nth-child(2) {opacity: 0;left: -20px;pointer-events: none}
.nav-icon.open span:nth-child(3) {top: 6px;transform: rotate(-135deg)}
.nav-icon:hover span:first-child {animation: .7s ease-in-out alternate burger-hover}
.nav-icon:hover span:nth-child(3) {animation: .7s ease-in-out .4s alternate forwards burger-hover}
.nav-overlay .nav-icon:hover span:first-child, .nav-overlay .nav-icon:hover span:nth-child(3) {animation: none}
@keyframes burger-hover {
  0%, 100% {width: 100%}
  50% {width: 10%}
}
@-moz-document url-prefix() {
  .scroll-area {scrollbar-width: thin}
}
@media only screen and (pointer: fine) and (hover: hover) {
  header .icon:hover {box-shadow: 0 0 8px 0 rgb(0 0 0 / 20%);background-color: var(--lighter-grey)}
  .scroll-area::-webkit-scrollbar {width: 4px}
  .scroll-area::-webkit-scrollbar-thumb {background: rgba(0, 0, 0, .35);border-radius: 3px}
  .scroll-area::-webkit-scrollbar-thumb:hover {background: var(--blue)}
}
ul.social-media li a {display: block;background-color: var(--medium-grey);background-repeat: no-repeat;background-image: url("../images/fb.svg");background-size: 7px auto;width: 30px;height: 30px;text-indent: -9999px;transition: background-image .4s, box-shadow .4s}
ul.social-media li.twitter a {background-image: url("../images/x-logo-grey.svg");background-size: 12px auto}
ul.social-media li.linkedin a {background-image: url("../images/linkedin.svg");background-size: 14px auto}
ul.social-media li.instagram a {background-image: url("../images/instagram.svg");background-size: 14px auto}
ul.social-media li.rss a {background-image: url("../images/rss.svg");background-size: 14px auto}
ul.social-media li.youtube a {background-image: url("../images/youtube.svg");background-size: 16px auto}
ul.social-media li.googlenews a {background-image: url("../images/google-news.svg");background-size: 16px auto}
article {float: left;width: 100%}
article a img {display: block;width: 100%;transition: opacity .3s}
.live:before, article .cat, article h2 a, article time {display: inline-block}
article .img-container a:hover, article a.img-container:hover {background: #555;backface-visibility: hidden}
article .img-container {margin-bottom: 11px}
article .img-container img {width: 100%;display: block}
article h2 a {transition: color .3s}
article p {line-height: 1.4;letter-spacing: .25px}
article a img:hover {opacity: .7}
article .img-container a, article a.img-container {display: block;overflow: hidden;position: relative}
.metadata:last-child {margin-bottom: 15px}
article time {min-height: 16px;color: var(--grey);line-height: 16px;background: url(../images/clock.svg) left top/16px auto no-repeat;margin-right: 5px}
.update-time {padding-left: 18px;background: url("../images/refresh.svg") left center no-repeat;position: relative}
article .cat {letter-spacing: .5px;color: var(--blue)}
.metadata.white, a.more, article.white .cat {color: #fff}
.cat + time, .metadata a + time, .metadata span + time {margin-left: 11px;position: relative}
.cat + time:before, .metadata a + time:before, .metadata span + time:before {position: absolute;left: -9px;top: 0;content: "|"}
.metadata.white time {background-image: url(../images/clock-white.svg);color: #fff}
.live:before {color: #d62020;content: "LIVE";border: 1px solid;margin-right: 5px;letter-spacing: .5px;padding-left: 22px;padding-right: 5px;align-items: center;line-height: 22px;height: 20px;font-size: 15px}
.live:after {content: "";background: url("../images/dot-red.svg") left top/12px no-repeat;width: 12px;height: 12px;position: absolute;animation: 1s infinite both livedot;left: 5px;top: 5px}
.img-container.watermark:after {position: absolute;top: 50%;left: 50%;content: "";background: url("../images/logo-white.svg") center center/100% auto no-repeat;width: 126px;height: 40px;margin-left: -63px;margin-top: -20px;opacity: .5}
@keyframes livedot {
  0%, 100% {opacity: 0}
  50% {opacity: 1}
}
h2.large .live:before {font-size: 20px;margin-right: 10px;line-height: 22px;height: 22px;margin-top: -2px;position: relative;top: -2px;padding-left: 25px}
h2.medium .live:before {font-size: 18px;margin-right: 8px;line-height: 20px}
.top-featured h2.large .live:before {display: block;width: max-content;top: -7px;line-height: 23px;height: 23px}
.top-featured h2.large .live:after {top: -4px;left: 6px;width: 15px;height: 15px;background-size: 15px}
a.more {padding-right: 20px;background: url(../images/right-arrow.svg) right center no-repeat;letter-spacing: .8px;display: block;width: fit-content}
a.more:hover {padding-right: 25px;transition: padding-right .3s}
a.more.blue {color: var(--blue);background-image: url(../images/right-arrow-blue.svg)}
.cat-heading {position: relative;margin-bottom: 30px}
.cat-heading:after {position: absolute;left: 130px;width: calc(100% - 130px);background: url(../images/double-line.png) left center repeat-x;height: 21px;content: "";top: 5px;z-index: -1}
.cat-heading h1 {margin-bottom: 9px;line-height: 1.25}
.cat-heading h1 + span, .cat-heading h2 + span, .heading-2 + span {font-size: 11px;color: #000f4a;margin-top: -9px;display: block}
article.large, div.large {width: 44.55%}
.articles-list.large {width: calc(100% - 44.55% - 100px)}
article.large .img-container {margin-bottom: 26px}
.three-columns .column, .three-columns article.right {width: 22.973%}
.three-columns .column h2, .three-columns article.right h2 {font-size: 16px}
.three-columns .article-data {padding-left: 20px;padding-right: 20px}
.three-columns article.right {height: fit-content}
.play-btn {height: 40px;border-radius: 50%;background: url("../images/play.svg") center center no-repeat rgba(30, 107, 255, .65);background-size: 18px auto;animation: 1.5s linear infinite pulse;cursor: pointer;bottom: 14px;right: 14px;z-index: 10;position: absolute;transition: background-color .4s}
.audio .play-btn {background-image: url("../images/speaker.svg");background-size: 18px auto}
.play-btn:hover, article a.with-play:hover .play-btn {background-color: rgba(30, 107, 255, .92)}
.row.banner, .tab button {background: 0 0}
article a.with-play img:hover {opacity: 1}
article a.with-play img {transition: none}
@keyframes pulse {
  0% {-moz-box-shadow: 0 0 0 0 rgba(30, 107, 255, .8);box-shadow: 0 0 0 0 rgba(30, 107, 255, .6)}
  70% {-moz-box-shadow: 0 0 0 14px rgba(30, 107, 255, 0);box-shadow: 0 0 0 14px rgba(30, 107, 255, 0)}
  100% {-moz-box-shadow: 0 0 0 0 rgba(30, 107, 255, 0);box-shadow: 0 0 0 0 rgba(30, 107, 255, 0)}
}
aside.sidebar {width: 330px;float: right}
.tabbed {padding: 16px 20px 0;position: relative;margin-bottom: 10px}
.tabbed .btn {position: absolute;bottom: -16px;font-size: 15px}
.tab {overflow: hidden;margin-bottom: 12px;padding-bottom: 10px;width: 100%;float: left}
.tab button {float: left;cursor: pointer;padding: 0 9px;transition: .3s;font-size: 15px;line-height: 25px;position: relative}
.tab button:after {background: var(--dark-grey);content: "";width: 2px;height: 14px;position: absolute;right: -1px;top: 5px}
.tab button:last-child {padding-right: 0}
.tab button:first-child {padding-left: 0}
.tabcontent {border-top: none;margin-bottom: 2.5em;animation: 1s fadeEffect;float: left;width: 100%}
@keyframes fadeEffect {
  from {opacity: 0}
  to {opacity: 1}
}
.tabcontent ul {height: 48.5em;overflow: auto}
.inner .tabcontent ul {height: 41em}
.news li:first-child {padding-top: 0}
.news li:last-child {border: none}
.news li {padding: 13px 0 13px 15px;width: 95%;float: left;line-height: 1.3}
.news li a {display: block;transition: color .3s}
.news li span {display: block;font-size: 10px;color: #737373;margin-top: 10px}
.news li .img-container {float: left;margin-right: 12px}
.news li .img-container + .article-data {float: right;width: calc(100% - 75px)}
aside .banner {float: left;width: 100%}
.sidebar > .banner-first > div, .sidebar > .banner-second {position: sticky;top: 80px}
.sidebar > .banner-first {height: 600px;justify-content: flex-start;margin-bottom: 30px}
.sidebar > .banner-second {margin-bottom: 50px;margin-top: 30px}
.banner {display: flex;flex-flow: column wrap;align-items: center;justify-content: center;background: var(--lighter-grey)}
aside .banner > div {width: 300px;margin: 0 auto}
#inline-ad > ins, .banner .google-adx-banner {text-align: center;display: flex;align-items: center;justify-content: center;text-decoration: none}
.main .banner > div, .main .banner > ins, .row-banner > div, .row-banner > ins {margin: 0 auto 30px}
.top-banner.row-banner > div, .top-banner.row-banner > ins {margin-top: -10px}
.mb-50 + .row-banner > div, .mb-50 + .row-banner > ins {margin-top: -20px}
.banner > div img, .top-banner > div img {display: block}
#footer {padding: 42px 45px 36px;font-size: 12px;color: #737373}
footer ul.social-media {margin-top: 32px}
footer ul.social-media li {display: block;float: left;margin-right: 6px}
footer ul.social-media li:last-child {margin-right: 0}
footer ul.social-media li a {display: block;width: 28px;height: 28px}
.left ul.footer-menu {margin-top: 10px}
ul.footer-menu li {display: inline-block;margin-right: 4px;padding-right: 10px;position: relative}
ul.footer-menu li:last-child {margin-right: 0;padding-right: 0}
ul.footer-menu li a {color: #737373;transition: color .4s}
ul.footer-menu li:after {display: inline-block;content: "|";position: absolute;right: 0;top: 1px}
footer .right span {float: right;font-size: 14px}
a.orange {color: #cf4200}
a.orange:hover {border-bottom: 1px solid}
footer .flex ul {padding-left: 20px;padding-right: 20px;margin-bottom: 6px}
#back-to-top {opacity: 0;position: fixed;bottom: 50px;right: 30px;z-index: 10000;height: 40px;border-radius: 100%;transition: opacity .4s, background .5s;background: url("../images/top-arrow.svg") center center no-repeat var(--lighter-grey);box-shadow: 0 0 8px 0 rgb(0 0 0 / 20%);background-size: 100% auto}
@media (hover: hover) and (pointer: fine) {
  .zoom img {transition: transform .5s}
  .zoom img:hover {transform: scale(1.06);opacity: 1}
  ul.social-media li a:hover {background-image: url("../images/fb-blue.svg");box-shadow: 0 0 4px 0 rgb(0 0 0 / 35%);background-color: #e9eaeb}
  ul.social-media li.twitter a:hover {background-image: url("../images/x-logo-black.svg")}
  body.dark-mode ul.social-media li.twitter a:hover {background-image: url("../images/x-logo-grey.svg")}
  ul.social-media li.linkedin a:hover {background-image: url("../images/linkedin-blue-01.svg")}
  ul.social-media li.instagram a:hover {background-image: url("../images/instagram-color.svg")}
  ul.social-media li.googlenews a:hover {background-image: url("../images/google-news-color.svg")}
  ul.social-media li.youtube a:hover {background-image: url("../images/youtube-color.svg")}
  ul.social-media li.rss a:hover {background-image: url("../images/rss-color.svg")}
  #back-to-top:hover {background: url("../images/top-arrow-white.svg") center center no-repeat var(--blue);background-size: 100% auto}
}
@media screen and (max-width: 1520px) {
  body.home #wrapper {overflow: hidden}
}
@media screen and (max-width: 1340px) {
  header nav {display: none}
  #wrapper {padding-bottom: 20px}
}
@media screen and (max-width: 1200px) {
  #member-drop-down ul li a, a.weather {color: var(--dark-grey)}
  header .search {display: none}
  a.weather {background-image: url("../images/weather-grey.svg")}
  header .user {background-image: url(../images/user-grey.svg)}
  header .user.loggedin:after {background-image: url("../images/arrow-down-grey.svg")}
}
@media screen and (max-width: 1000px) {
  aside.sidebar.inner {width: 100%;float: none;max-width: 400px;margin-left: auto;margin-right: auto}
  aside.sidebar.inner .banner:last-child > div {margin-bottom: 0}
}
@media screen and (max-width: 980px) {
  #footer {padding: 28px 30px 26px}
  footer .flex > * {width: 100%;text-align: center;float: none}
  footer .flex ul {margin-top: 6px;padding: 0}
}
@media screen and (max-width: 920px) {
  .top-row .tags {width: 95%}
  header .logos {display: none}
}
@media screen and (max-width: 780px) {
  #wrapper, #wrapper.fixed {padding-top: 78px}
  header .menu-row, header .menu-row.fixed {width: 100%;margin-left: 0;position: fixed;z-index: 100;left: 0;top: 0;animation: none}
  header .menu-row.fixed .nav-icon {left: 20px}
  .top-featured article.vertical p, header .top-row {display: none}
  header .menu-row {height: 58px}
  footer .logo svg, header .logo, header .logo svg {width: 100px;height: auto;z-index: 10}
  header .nav-icon {top: 20px}
  button.night-mode {margin-top: 0}
  header .tools {margin-top: 10px;margin-right: 14px}
  header .weather {margin-top: 8px;margin-right: 5px}
  #footer {padding: 18px 20px 20px}
  footer .logo {height: auto}
}
@media screen and (max-width: 730px) {
  .inner .tabcontent ul, .tabcontent ul {height: 60vh}
}
@media screen and (max-width: 660px) {
  #footer .right, #footer > .left {text-align: center;width: 100%;float: none}
  footer .right span {float: none;margin-top: 15px;display: block}
  footer ul.social-media {margin-top: 10px}
  footer ul.social-media li {display: inline-block;float: none;margin-right: 8px}
}
@media screen and (max-width: 620px) {
  h2.large {font-size: 24px;line-height: 1.15}
  .three-columns .column, .three-columns article.right, article.large, div.large {width: 100%;margin-left: 0;margin-right: 0;margin-bottom: 20px}
}
@media screen and (max-width: 560px) {
  .three-columns .column h2, .three-columns article.right h2 {font-size: 18px}
  a.weather {text-indent: -9999px}
}
@media screen and (max-width: 480px) {
  .nav-overlay button.night-mode, footer .row ul li:after, header button.night-mode {display: none}
  .cat-heading h2, .cat-heading h2 a {font-size: 27px}
  .tab button {padding: 0 8px}
  aside.sidebar {width: 100%;padding-left: 20px;padding-right: 20px}
  aside.sidebar.inner {padding-left: 0;padding-right: 0}
  .news li {padding: 12px 0;font-size: 15px}
  cat-heading h2 {padding-right: 38px}
  footer .flex ul {margin-top: 8px;margin-bottom: 8px}
  footer .row ul li {display: block;text-align: center;width: 100%;margin-right: 0;padding-right: 0}
  footer .row ul li a {padding: 2px 3px;display: inline-block}
}
@media screen and (max-width: 350px) {
  .tabbed {padding: 12px 16px 0}
  .tab button {padding: 0 7px;font-size: 14px}
}
@media screen and (min-width: 660px) {
  .hide-desktop {display: none}
}
@media screen and (max-width: 659px) {
  .hide-mobile {display: none}
}
@media screen and (max-width: 800px) {
  .hide-temp-728, .hide-temp-970 {display: none}
}
@media screen and (min-width: 680px) {
  .mobile-only {display: none}
}

#toolbar-link-wbtheme-articles_positions_controller_content:before {
  background-image: url(/themes/contrib/adminimal_theme/images/move-arrows.png);
}

ul.social-media li.tiktok a {
  background-image: url("../images/tiktok-logo-grey.svg");
  background-size: 12px auto;
}

ul.social-media li.tiktok a:hover {
  background-image: url("../images/tiktok-logo.svg");
}