/* Global styling is in the HTML so I can include this CSS into other CodePen projects */
            
            body {
                --color: hsl(269, 19%, 30%);
                --bgColor: #ffffff;
                --linkColor: hsla(214, 71%, 47%, 1);
                --linkColorHover: hsla(214, 100%, 35%, 1);
                --linkBgHover: hsla(214, 100%, 85%, 1);
                --linkFocus: hsla(214, 71%, 80%, 0.3);
                --focusOutline: var(--linkFocus) solid 0.25rem;
                --imgFilter: none;
                --bgPage: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.4'/%3E%3C/filter%3E%3C/defs%3E%3Crect filter='url(%23a)' opacity='.3' width='100%25' height='100%25'/%3E%3C/svg%3E");
            }
            
            @media (prefers-color-scheme: dark) {
                body:not([data-lightMode="light"]) {
                    --color: #fafafa;
                    --bgColor: #494845;
                    --linkColor: hsla(214, 100%, 80%, 1);
                    --linkColorHover: hsla(214, 100%, 11%, 1);
                    --linkFocus: hsla(214, 100%, 80%, .5);
                    --focusOutline: hsla(214, 100%, 85%, .6) solid .25rem;
                    --imgFilter: grayscale(15%) brightness(85%);
                    --bgPage: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.7'/%3E%3C/filter%3E%3C/defs%3E%3Crect filter='url(%23a)' opacity='.3' width='100%25' height='100%25'/%3E%3C/svg%3E");
                }
            }
            /* Duplicated dark mode for button action */
            
            body[data-lightMode="dark"] {
                --color: #fff;
                --bgColor: #494845;
                --linkColor: hsla(214, 100%, 80%, 1);
                --linkColorHover: hsla(214, 100%, 11%, 1);
                --linkFocus: hsla(214, 100%, 80%, .6);
                --focusOutline: hsla(214, 100%, 85%, .6) solid .25rem;
                --imgFilter: grayscale(15%) brightness(85%);
                --bgPage: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.7'/%3E%3C/filter%3E%3C/defs%3E%3Crect filter='url(%23a)' opacity='.3' width='100%25' height='100%25'/%3E%3C/svg%3E");
            }
            
            body {
                /* color: var(--color); */
                background-color: var(--bgColor);
                /* background-image: var(--bgPage); */
                transition: background-image .3s ease-out, background-color .3s ease-out, color .3s ease-out;
            }
            
            body[data-lightMode="dark"] #wrapper {
                background-color: unset;
            }
            
            body[data-lightMode="dark"] section.fullwidth {
                background-color: #494845!important;
            }
            
            body[data-lightMode="dark"] strong.headline-with-separator {
                color: #fff;
            }
            
            body[data-lightMode="dark"] .headline span {
                color: #fff!important;
            }
            
            body[data-lightMode="dark"] div.cloned.sticky {
                background-color: #494845!important;
            }
            
            body[data-lightMode="dark"] #navigation.style-1 ul li a {
                color: #fff;
            }
            
            body[data-lightMode="dark"] .icon-box-2 p {
                color: #707070!important;
            }
            
            body[data-lightMode="dark"] .sticky-footer {
                background-color: #494845!important;
            }
            
            body[data-lightMode="dark"] div#footer p,
            body[data-lightMode="dark"] div#footer h4 {
                color: #fff;
            }
            
            body[data-lightMode="dark"] #footer .footer-links li a {
                color: #fff;
            }
            
            body[data-lightMode="dark"] #footer .text-widget {
                color: #fff;
            }
            
            body[data-lightMode="dark"] .listing-nav-container.cloned.stick {
                background-color: #494845!important;
            }
            
            body[data-lightMode="dark"] .copyrights {
                color: #fff;
            }
            
            body[data-lightMode="dark"] .right-side .header-widget a {
                color: #fff!important;
            }
            
            body[data-lightMode="dark"] #titlebar.gradient {
                background: #262626;
            }
            
            body[data-lightMode="dark"] #titlebar h2 {
                color: #fff;
            }
            
            body[data-lightMode="dark"] #breadcrumbs ul li {
                color: #fff;
            }
            
            body[data-lightMode="dark"] #breadcrumbs ul li a {
                color: #fff;
            }
            
            body[data-lightMode="dark"] .container.margin-top-30.listeners_welcome_page {
                color: #fff;
            }
            
            body[data-lightMode="dark"] .container.margin-top-30.listeners_welcome_page h2 {
                color: #fff;
            }
            
            body[data-lightMode="dark"] .container.margin-top-30.listeners_welcome_page a {
                color: #f91942;
            }
            
            body[data-lightMode="dark"] header#header-container\ header-contactus {
                background-color: #494845!important;
            }
            
            body[data-lightMode="dark"] .contactpage_wrapper {
                background-color: #494845!important;
            }
            
            body[data-lightMode="dark"] section#contact {
                color: #fff;
            }
            
            body[data-lightMode="dark"] .broadcasterspage_wrapper {
                background-color: #494845!important;
            }
            
            body[data-lightMode="dark"] .container.margin-top-30.broadcasters_body {
                color: #fff;
            }
            
            body[data-lightMode="dark"] .container.margin-top-30.broadcasters_body h2 {
                color: #fff;
            }
            
            body[data-lightMode="dark"] .container.margin-top-30.broadcasters_body a {
                color: #f91942;
            }
            
            body[data-lightMode="dark"] div.aboutus_wrapper {
                background-color: #494845!important;
            }
            
            body[data-lightMode="dark"] div.faq_wrapper {
                background-color: #494845!important;
            }
            
            body[data-lightMode="dark"] div.dmca_wraper {
                background-color: #494845!important;
            }
            
            body[data-lightMode="dark"] div.news_wrapper {
                background-color: #494845!important;
            }
            
            body[data-lightMode="dark"] div.terms_wrapper {
                background-color: #494845!important;
            }
            
            body[data-lightMode="dark"] div.chart_wrapper {
                background-color: #494845!important;
            }
            
            body[data-lightMode="dark"] div.privacy_wrapper {
                background-color: #494845!important;
            }
            
            body[data-lightMode="dark"] div.postcast_cat_wrappper {
                background-color: #494845!important;
            }
            
            body[data-lightMode="dark"] div.pod_cat_common_wraper {
                background-color: #494845!important;
            }
            
            body[data-lightMode="dark"] div.pod_country_wrapper {
                background-color: #494845!important;
            }
            
            body[data-lightMode="dark"] div.station_genre_wrapper {
                background-color: #494845!important;
            }
            
            body[data-lightMode="dark"] div.station_country_wrapper {
                background-color: #494845!important;
            }

            body[data-lightMode="dark"] div.country_page_wrapper {
                background-color: #494845!important;
            }
            
            body[data-lightMode="dark"] .row.aboutus-body {
                color: #fff;
            }
            
            body[data-lightMode="dark"] .newsh3 {
                color: #fff;
            }
            
            body[data-lightMode="dark"] .faqh3 {
                color: #fff;
            }
            
            body[data-lightMode="dark"] .faq_trigger_a {
                color: #fff!important;
            }
            
            body[data-lightMode="dark"] .toggle-container-p {
                color: #fff;
            }
            
            body[data-lightMode="dark"] .container_terms p {
                color: #fff;
            }
            
            body[data-lightMode="dark"] .container_terms h4 {
                color: #fff;
            }
            
            body[data-lightMode="dark"] .contact_form_body p {
                color: #fff;
            }
            
            body[data-lightMode="dark"] .container_terms a {
                color: #f91942;
            }
            
            body[data-lightMode="dark"] .dmca_body_row h4 {
                color: #fff;
            }
            
            body[data-lightMode="dark"] .dmca_body_row p {
                color: #fff;
            }
            
            body[data-lightMode="dark"] .chat_title {
                color: #fff;
            }
            
            body[data-lightMode="dark"] .single-listing-page-titlebar {
                background: unset!important;
            }
            
            body[data-lightMode="dark"] .listing-nav-container.cloned .listing-nav {
                background-color: #494845!important;
            }
            
            body[data-lightMode="dark"] .listing-nav-container.cloned .listing-nav li a {
                color: #fff!important;
            }
            
            body[data-lightMode="dark"] .listing-nav-container.cloned .listing-nav li a.active {
                color: #f91942!important;
            }
            
            body[data-lightMode="dark"] .listing-titlebar-title h3 {
                color: #fff!important;
            }
            
            body[data-lightMode="dark"] .listing-titlebar h4 {
                color: #fff!important;
            }
            
            body[data-lightMode="dark"] .star-rating a {
                color: #fff!important;
            }
            
            body[data-lightMode="dark"] .listing-nav-container ul {
                background-color: #494845!important;
            }
            
            body[data-lightMode="dark"] .listing-nav-container ul a {
                color: #fff!important;
            }
            
            body[data-lightMode="dark"] h4.headline.margin-top-0.margin-bottom-30 u {
                color: #fff!important;
            }
            
            body[data-lightMode="dark"] .listing-section h1 {
                color: #fff!important;
            }
            
            body[data-lightMode="dark"] .listing-section h3 {
                color: #fff!important;
            }
            
            body[data-lightMode="dark"] .listing-section h4 {
                color: #fff!important;
            }
            
            body[data-lightMode="dark"] .listing-section h5 {
                color: #fff!important;
            }
            
            body[data-lightMode="dark"] .listing-section a {
                color: #f91942!important;
            }
            
            body[data-lightMode="dark"] .listing-section h2 u {
                color: #fff!important;
            }
            
            body[data-lightMode="dark"] .listing-section .row u {
                color: #fff!important;
            }
            
            body[data-lightMode="dark"] .listing-section .post-content {
                color: #fff!important;
            }
            
            body[data-lightMode="dark"] .listing-section .post-head {
                color: #fff!important;
            }
            
            body[data-lightMode="dark"] .maine {
                background: unset!important;
            }
            
            body[data-lightMode="dark"] .listing-share.margin-top-40.margin-bottom-40.no-border h3 u {
                color: #fff!important;
            }
            
            body[data-lightMode="dark"] form#contactform1 label {
                color: #fff!important;
            }
            /* img:not([src*=".svg"]) {
  filter: var(--imgFilter);
  transition: filter 0.3s ease-out;
} */
            /* a:link,
a:visited {
    color: var(--linkColor);
    text-decoration-color: var(--linkColorUnderline);
    outline: hsla(214, 71%, 80%, 0);
    solid .25rem;
    transition: color .3s ease-out, background-color .3s ease-out, outline-color .3s ease-out;
} */
            /* a:hover,
a:focus {
  color: var(--linkColorHover);
  outline: var(--linkBgHover) solid .25rem;
  background-color: var(--linkBgHover);
} */
            
            button::-moz-focus-inner {
                border: 0;
            }
            
            .actions_btn-mode {
                --fromEdge: .5rem;
                position: fixed;
                z-index: 5;
                top: var(--fromEdge);
                right: var(--fromEdge);
                width: 3rem;
                height: 3rem;
                border: 0;
                background-color: transparent;
                color: inherit;
            }
            
            @media (min-width: 768px) {
                .actions_btn-mode {
                    --fromEdge: 1.5rem;
                }
            }
            /* Switch icon between dark & light */
            
            .actions_svg-mode>* {
                transition: opacity .3s ease-out;
            }
            
            [data-lightMode="light"] .mode-dark,
            [data-lightMode="dark"] .mode-light {
                opacity: 1;
            }
            
            [data-lightMode="light"] .mode-light,
            [data-lightMode="dark"] .mode-dark {
                opacity: 0;
            }
            /* 
   Includes used:
   Prism highlighting: https://codepen.io/2kool2/pen/MEbeEg
*/